body {
  margin: 0;
  font: normal 100% 'LucidaGrande', 'HelveticaNeue', Tahoma, Verdana, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  line-height: 1.4; }

#ratings,
#comments {
  font-family: 'LucidaGrande', 'HelveticaNeue', Tahoma, Verdana, Arial, sans-serif; }

h2 {
  padding: 0 8px; }

[class^="icon"] {
  background-size: 100%;
  display: inline-block;
  width: 16px;
  height: 16px; }

.icon-plus-circle {
  background-image: url(../assets/site/icons/google/SVG/add_circle.svg); }

.icon-minus-circle {
  background-image: url(../assets/site/icons/google/SVG/remove_circle.svg); }

.icon-next {
  background-image: url(../assets/site/icons/google/SVG/navigate_before.svg); }

.icon-previous {
  background-image: url(../assets/site/icons/google/SVG/navigate_next.svg); }

.icon-checkmark {
  background-image: url(../assets/site/icons/icomoon/SVG/checkmark.svg); }

.icon-feed {
  background-image: url(../assets/site/icons/icomoon/SVG/rss.svg); }

.icon-facebook {
  background-image: url(../assets/site/icons/icomoon/SVG/facebook.svg); }

.icon-html,
.icon-github,
.icon-css {
  width: 32px;
  height: 32px;
  line-height: 0;
  opacity: .5; }
  .icon-html:hover,
  .icon-github:hover,
  .icon-css:hover {
    opacity: 1; }

/*
[class*="col-"] {
  margin: 0 ($grid-mobile-column-gap/2);
  box-sizing: border-box;
}
[class*="-with-gap"] {
  margin: 0;
}

.padding {
  padding: $grid-tablet-column-gap / 2;
}
*/
body {
  border-top: 4px solid green; }

.ch-inner-container {
  max-width: 768px; }

.main-items {
  margin-bottom: 8px; }

.main-content {
  width: 768px;
  margin: 0 auto; }

.visually-hidden {
  visibility: hidden; }

a {
  color: #c30;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.miniature {
  line-height: 0; }

picture {
  display: block;
  line-height: 0; }

#imagelightbox {
  position: fixed;
  z-index: 9999;
  -ms-touch-action: none;
  touch-action: none;
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.5); }

picture img {
  width: 100%; }

.inner > h2 {
  font-size: 2rem;
  padding: 2rem .5rem 0; }

.inner > h3 {
  padding: 0 .5rem; }

/*

main > section,
footer > .footer-items,
.copyright-items {
  background-image: 
    repeating-linear-gradient(
      90deg,
      #ccf,
      #ccf 8px,
      #6af 8px,
      #6af 72px,
      #ccf 72px,
      #ccf 80px
    );
  background: none;
}

_figure {
  background-image: 
    repeating-linear-gradient(
      90deg,
      #6af,
      #6af 64px,
      #ccf 64px,
      #ccf 80px
    ) !important;
  // background: none;
}

*/
.article-main-image {
  width: 768px; }

.article-header {
  width: 768px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box; }
  .article-header h1 {
    font-size: 3em;
    padding: 2rem 3rem;
    background: #fff; }

.article-image {
  margin-bottom: 1em; }

.article {
  width: 768px;
  margin: 0 auto;
  position: relative; }

.article > article {
  width: 768px;
  max-width: 640px;
  padding: 1rem;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 0 auto; }

.article-content {
  width: 768px;
  max-width: 640px;
  margin: 0 auto;
  padding: 1em;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee; }

.content-meta {
  max-width: 768px;
  margin: 0 auto;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  font-size: .875em;
  padding: .25rem .5rem; }

.content-meta > time {
  color: #444; }

.comments-count {
  float: right; }

.article-verdict,
.article-stats,
.article-ratings {
  width: 768px;
  margin: 0 auto; }

.article-footer,
.article-ratings {
  background-color: #eec; }

.article-stats {
  padding: 1px 0; }

.article-verdict,
.article-stats {
  background: #dd8 url(../assets/site/bg/bedge_grunge/bedge_grunge.png) 0 0 repeat; }

.article-verdict > h2,
.article-stats > h2,
.article-ratings > h2 {
  margin: 0;
  padding: 1rem 1rem 0; }

.article-content picture {
  width: 100%; }
  .article-content picture > img {
    width: inherit; }

/* breadcrubs */
.breadcrumbs {
  width: 768px;
  margin: 0 auto;
  font-size: .875em;
  padding: 0 .5rem;
  box-sizing: border-box;
  vertical-align: middle; }

.breadcrumbs > span {
  padding: .5em 0;
  display: inline-block; }

.breadcrumbs > span:after {
  /*content: '\2192';*/
  content: '/';
  font-size: .75em;
  color: #ccc; }

.breadcrumbs > span:last-child:after {
  content: ''; }

.breadcrumbs a {
  color: #666; }

.breadcrumbs a:hover {
  color: #000; }

q {
  font: italic 100% Georgia, sans-serif;
  font: italic 1.3em Georgia, Arial, Tahoma, Verdana, sans-serif;
  display: block;
  text-align: right; }

.text blockquote,
.review blockquote {
  font-family: Georgia, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.25em;
  font-style: italic;
  text-align: center;
  font-weight: 300; }

.text blockquote:before,
.review blockquote:before {
  content: '\201D';
  display: block;
  width: .875em;
  height: .875em;
  font-size: 3em;
  color: #fff;
  border-radius: 50%;
  margin: .5em auto;
  background-color: #888;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none; }

.solution > blockquote {
  padding: 1em 1em 0;
  background: #fcc;
  border-bottom: .25em solid #500;
  color: #444; }

p,
blockquote {
  margin: 0 0 1em; }

/* buttons */
.button {
  -webkit-appearance: none;
  -webkit-user-select: none;
  background-image: linear-gradient(#eee, #eee 38%, #ddd);
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);*/
  color: #444;
  /*font: inherit;*/
  /*margin: 0 1px 0 0;*/
  text-shadow: 0 1px 0 #f0f0f0;
  /*padding: 5px 15px;*/
  padding: .5em 1em;
  font-size: 1em; }

.button[disabled] {
  color: #ccc; }

.button.small {
  font-size: .75em; }

.input {
  box-sizing: border-box;
  width: 100%;
  padding: .5em;
  color: #444;
  border: 1px solid #aaa;
  border-radius: 2px;
  font-size: 1em; }

/* comments */
.comments {
  width: 768px;
  margin: 0 auto;
  background: #eee;
  padding: 1px 0; }

.comments > h2 {
  padding: 0 1rem; }

.comments > section {
  margin: 0;
  padding: 1rem;
  border-bottom: 1px solid #ccc;
  font-size: .875em; }

.comments > section > div {
  max-width: 72ch; }

.comments > section:last-child {
  border: none; }

.comments > section:hover {
  background: #eee; }

.comments > section:hover > .meta > .visible-on-hover {
  visibility: visible; }

.comments > section > blockquote {
  width: auto;
  float: none;
  border-left: 8px solid #aaa;
  padding-left: 16px; }

.comment-header {
  color: #888;
  margin-bottom: 1em; }

/* comments form */
#dodaj-komentarz {
  background: #eec; }

.comment-form {
  width: 768px;
  margin: 0 auto;
  padding: 1em 0; }
  .comment-form > h2 {
    padding: 0 1rem; }

.suggestions {
  display: inline-block;
  box-sizing: border-box;
  padding: 1em;
  background-color: #ccc; }

#add-comment-form {
  display: inline-block;
  box-sizing: border-box;
  padding: 8px; }

#comment-form label {
  display: block; }

#add-comment-form {
  vertical-align: top; }

.form-buttons {
  padding: 1em 0; }

.blured {
  filter: blur(5px); }

.ng_quote {
  border-left: 4px solid #888;
  padding-left: 4px;
  margin-bottom: 1em; }
  .ng_quote .ng_quote_body {
    padding-left: 1em; }

/* cup */
/* timeline */
.timeline {
  list-style: none;
  padding: 0;
  margin: 4em 0;
  overflow: hidden; }

.timeline li {
  /*width: 29.75em;*/
  width: 50%;
  position: relative;
  /*box-sizing: border-box;*/
  /*padding: 1em;*/ }

.player-item {
  background: #eee;
  border-top: 4px solid #444; }
  .player-item img {
    float: left; }
  .player-item h3 {
    float: left;
    margin-left: .5rem; }

.cup-item {
  display: block;
  margin: 1em auto;
  background: #eee;
  max-width: 19em;
  /*padding: .5em;*/
  /*padding: 2em .5em;*/
  color: #444;
  /*opacity: .5;*/ }

.cup-item:hover {
  background: #ddd; }

.cup-item img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 10em 0 0;
  background-color: #eee;
  background-position: 50% 60%;
  background-repeat: no-repeat;
  opacity: .75;
  /*transition: .25s all linear;*/ }

.cup-item:hover img {
  /*background-position: 50% 10%;*/
  opacity: 1;
  color: #000; }

.cup-item:after {
  display: inline-block;
  content: attr(data-cup);
  color: #222;
  padding: 2em 1em;
  line-height: 1; }

.cup-item span {
  /*padding: .25em .5em;*/
  font-size: 1.25em;
  /*color: #444;*/ }

.cup-item p {
  /*padding: .25em .5em;*/
  font-size: .75em;
  margin-bottom: 0; }

.heroine-cup {
  border-right: .5em solid #888;
  margin-left: -.25em;
  float: left;
  /*background: #fcc;*/ }

.hero-cup {
  border-left: .5em solid #888;
  margin-right: -.25em;
  /*width: 55%;*/
  float: right;
  /*background: #ccf;*/ }

.heroine-item:before,
.hero-item:before {
  content: '';
  display: block;
  margin-top: -1em;
  width: 1em;
  height: 1em;
  border: .5em solid #888;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 1; }

.heroine-item:before {
  right: -1.25em; }

.hero-item:before {
  left: -1.25em; }

.cup-item:hover:before {
  border: .5em solid maroon; }

.cup-group {
  padding: 0 2rem;
  margin: 1rem 0 2rem; }
  .cup-group > li {
    color: #222;
    list-style: none;
    border-bottom: 1px solid #eee; }
    .cup-group > li:last-child {
      border-bottom: none; }
  .cup-group:last-child {
    border-bottom-color: #ff0; }
  .cup-group span {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    text-align: center; }
  .cup-group img {
    /*display: inline-block;*/
    vertical-align: middle; }
  .cup-group .name {
    width: 20%;
    font-size: 1em;
    /*color: maroon;*/
    /*text-transform: uppercase;*/ }
  .cup-group .points {
    font-size: 2em;
    color: maroon;
    font-weight: bold; }

.cup-group-header {
  margin: 1em auto;
  border-bottom: 1px solid #ccc;
  color: #666;
  padding: 0 0 .5em; }

.cup-group-legend {
  color: #888;
  border-bottom: 2px solid #eee;
  /*text-align: center;*/
  padding: 0 2rem; }

.cup-group-legend span {
  display: inline-block;
  width: 15%;
  font-size: .75em;
  text-align: center;
  /*text-transform: */
  /*background-color: #eee;*/ }

.cup-group-legend span:first-child {
  width: 20%;
  margin-left: 2rem; }

#cup-form {
  padding: 1em 0; }

.battle {
  padding: 1em 0;
  text-align: center; }
  .battle .battle-player {
    display: inline-block;
    vertical-align: middle;
    text-align: left; }
    .battle .battle-player:last-child .battle-person {
      text-align: right; }
  .battle .battle-person {
    display: block;
    margin: 0 auto;
    padding: .5em;
    width: 10em;
    box-sizing: border-box;
    background: #f8f8f8; }

.battle-person span {
  display: inline-block;
  vertical-align: middle; }

.battle-person img {
  border: .25em solid #eee;
  vertical-align: middle; }

.battle a:hover {
  background: #eee; }

.battle-score {
  display: inline-block;
  width: 5rem;
  font-size: 2rem;
  vertical-align: middle;
  color: #444; }

.match-item {
  width: auto;
  background: #eee; }

.match-item:before {
  content: attr(data-person);
  display: block;
  /*margin: 1em 0;*/ }

.match-item:after {
  display: none; }

.match-item .large-visible {
  width: 160px;
  height: 120px; }

.match-item .small-visible {
  width: 50px;
  height: 50px; }

.match-item .button {
  margin: 1em 0; }

.player-item {
  background: #eee;
  border-top: 4px solid #444; }
  .player-item img {
    float: left; }
  .player-item h3 {
    float: left;
    margin-left: .5rem; }

.debug {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0; }

.stack > div {
  /*font-size: .875em;*/
  border-top: 1px solid #ccc; }

.stack span {
  display: inline-block;
  padding-left: .25rem; }

.stack .line {
  width: 3em;
  text-align: right; }

.stack .file {
  color: #444; }

.stack .name {
  color: #888; }

.stack .info {
  background: #7a1; }

.stack .warning {
  background: #fa0; }

.stack .alert {
  background: #f11; }

.stack p {
  font-size: .75rem;
  padding: .25rem;
  margin: 0;
  max-width: none; }

.stack p:first-child {
  background: rgba(255, 255, 255, 0.75); }

.stack p:last-child {
  padding: .25em .25em .25em 4em; }

/* dialog */
#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2; }

.dialog {
  border-top: 4px solid orange;
  background: #fff;
  margin: 20% auto;
  width: 90%;
  max-width: 640px; }

.dialog.full {
  margin: 5% 5%;
  max-width: none; }

#close-tgr {
  position: absolute;
  /*top: -1em;*/
  top: 0;
  right: 0;
  color: #444;
  /*float: right;*/
  /*font-size: 1.5em;*/
  /*padding: 1.5em;*/
  padding: 1em;
  /*background: #eee;*/ }

.close:hover {
  /*background: #eee;*/ }

.dialog > header {
  position: relative;
  padding: 0 1em;
  border-bottom: 1px solid #aaa; }

.dialog > div {
  padding: 1em;
  /*margin: 1em 0;*/ }

/* site footer */
#footer {
  background: #eee url(../assets/site/bg/norwegian_rose/norwegian_rose.png) 50% 50% repeat;
  border-top: 1px solid #888; }
  #footer a {
    color: #444; }

.footer-items,
.copyright-items {
  width: 768px;
  margin: 0 auto; }

.footer-galleries {
  line-height: 0; }
  .footer-galleries > h3 {
    padding: .5rem;
    color: #222; }

.footer-links {
  vertical-align: top; }

.copyright-items {
  border-top: 1px solid #aaa;
  padding: 1rem 0;
  font-size: .875rem; }
  .copyright-items > .copyright-details {
    vertical-align: middle;
    text-align: center;
    color: #444; }

.footer-galleries,
.footer-links,
.copyright-details,
.footer-gallery {
  box-sizing: border-box;
  display: inline-block; }

/* front items */
.front-item-content {
  display: block;
  height: inherit; }

.front-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 8px;
  height: 248px;
  overflow: hidden; }
  .main-items > .front-item {
    background: #eee; }
    .main-items > .front-item:hover {
      background: #ddd; }
  .front-item .front-item-title {
    position: relative;
    display: block;
    padding: .25rem .5rem;
    margin: 0;
    border-top: 4px solid #444;
    color: #222; }
    .news-item .front-item .front-item-title {
      border-color: #17b; }
    .article-item .front-item .front-item-title {
      border-color: #080; }
    .story-item .front-item .front-item-title {
      border-color: crimson; }
  .front-item .front-item-category {
    position: absolute;
    top: -2rem;
    left: 0;
    font-size: .875rem;
    line-height: 2;
    padding: .125rem .5rem;
    color: #fff;
    text-shadow: 0 1px #000; }
    .news-item .front-item .front-item-category {
      background: #17b; }
    .article-item .front-item .front-item-category {
      background: #080; }
    .story-item .front-item .front-item-category {
      background: crimson; }
  .front-item footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 .5rem;
    font-family: 'HelveticaNoue', 'Lucida Grande', Ubuntu, sans-serif;
    font-size: .75rem;
    line-height: 2;
    vertical-align: middle; }
    .front-item footer .meta-time {
      display: inline-block;
      margin-right: .5rem;
      color: #666; }
    .front-item footer .meta-comments,
    .front-item footer .meta-comments:hover {
      color: #222; }
    .front-item footer .icon-checkmark {
      float: right;
      opacity: .25; }

.recent-item header {
  position: absolute;
  bottom: 1.5rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.75); }
  .recent-item header h3 {
    font-size: 1.5rem; }
.recent-item footer {
  background: rgba(255, 255, 255, 0.75); }
.recent-item .meta-time {
  color: #666; }
.recent-item .meta-comments,
.recent-item .meta-comments:hover {
  color: #222; }

.story-item {
  margin-bottom: 8px; }

.front-item {
  height: 248px; }

.regular-item {
  display: inline-block;
  width: 240px;
  margin: 8px; }
  .regular-grid > .regular-item {
    height: 120px; }
  .archive-grid > .regular-item {
    width: 112px;
    margin: 8px;
    height: 240px; }
  .year-grid > .regular-item {
    width: 176px;
    margin: 8px;
    height: 176px; }
  .articles-grid > .regular-item {
    width: 176px;
    margin: 8px;
    height: 88px; }
  .cup-grid > .regular-item {
    width: 176px;
    margin: 8px;
    height: 88px; }

.recent-item {
  width: 752px;
  margin: 8px; }

.regular-item {
  width: 368px;
  margin: 8px; }

/* gallery images */
.gallery-images {
  text-align: justify;
  /*max-width: 640px;*/
  vertical-align: middle; }

/* 3 images in article */
.gallery-images > img {
  width: 30%;
  padding: 1%;
  margin: .25em 0;
  height: auto;
  vertical-align: middle; }

.gallery-images > a {
  background-color: #eee;
  display: inline-block;
  margin: 1em;
  width: 9rem;
  padding: .25rem;
  margin: .25rem; }

.gallery-images > a:hover {
  background: #aaa; }

/* thumbnails */
.thumbnail {
  padding: .25em;
  border: .25em solid #eee; }

.gallery {
  margin: 0 auto; }

.gallery-image {
  display: inline-block;
  width: 8rem;
  border: .5rem solid #fff;
  margin: .5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  transition: box-shadow .3s ease, border-color .3s ease; }

/* auth form */
#auth-form {
  /*width: 240px;*/
  margin: 1em auto; }

#auth-form > input {
  border: 1px solid #aaa;
  border-radius: 2px;
  box-sizing: border-box;
  color: #444;
  font: inherit;
  margin: .5em 0;
  min-height: 2em;
  padding: 3px;
  padding-bottom: 4px; }

#auth-form > .button {
  width: 100%;
  /*background: #17c;
  background: linear-gradient(to bottom, #4387FD, #4683EA);
  color: #fff;
  text-shadow: 0 1px 0 #000;
  border: 1px solid #12d;*/ }

/* lists */
.x-style {
  list-style: none; }

.clean-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .clean-list > span {
    font-weight: bold; }

li b,
li strong {
  color: #444; }

dl {
  max-width: 768px; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 1em; }

.key-value-list {
  list-style: none;
  color: #444;
  padding-left: 1em;
  margin: 0 0 1em; }

.key-value-list > li > span {
  font-weight: bold;
  color: #000; }

.fixed-cols > li {
  display: inline-block;
  width: 100%;
  margin-bottom: .25em; }

.fixed-cols > li > span {
  width: 50%;
  float: right; }

.short-values > li > span {
  width: 25%; }

.values-right > li > span {
  text-align: right; }

figure {
  margin: 0; }

/* media-wrapper */
figure[class*="ratio"] {
  /*margin: 0 0 1em;*/
  margin: 0;
  /*max-width: 640px;*/
  position: relative;
  height: 0;
  background: #000;
  overflow: hidden; }

figcaption {
  font-size: .875em;
  color: #ccc;
  background: #000;
  position: absolute;
  bottom: 0;
  padding: .5em; }

@media screen and (min-width: 961px) {
  figcaption {
    color: #444;
    background: none;
    border: 1px solid #888;
    border-width: 1px 0;
    left: 660px;
    width: 320px;
    padding: .5em 0; } }
figure > img,
figure > iframe,
._media-wrapper > img,
._media-wrapper > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; }

.ratio-16-9 {
  padding-bottom: 56.25%;
  /* 9/16*100 */ }

.ratio-4-3 {
  padding-bottom: 75%;
  /* 3/4*100 */ }

.ratio-2-3 {
  padding-bottom: 150%;
  /* 3/2*100 */ }

.ratio-3-4 {
  padding-bottom: 133.33%;
  /* 4/3*100 */ }

.ratio-1-1 {
  padding-bottom: 100%; }

.figure-wrapper {
  /*float: left;*/
  width: 100%;
  /*max-width: 640px;*/
  display: inline-block; }

.figure-wrapper {
  /*width: 320px;*/
  /*float: left;*/ }

/* modal */
/* Normal styles for the modal */
#modal {
  font: normal 100% 'LucidaGrande', 'HelveticaNeue', Tahoma, Verdana, Arial, sans-serif;
  left: 50%;
  margin: -250px 0 0 -40%;
  opacity: 0;
  position: absolute;
  top: -50%;
  visibility: hidden;
  width: 80%;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out; }

#modal.small-dialog {
  width: 320px;
  margin: -250px 0 0 -160px; }

/* Make the modal appear when targeted */
#modal:target {
  opacity: 1;
  top: 50%;
  visibility: visible; }

#modal .header,
#modal .footer {
  border-bottom: 1px solid #eee;
  /*border-radius: .25em .25em 0 0;*/ }

#modal .footer {
  border: none;
  border-top: 1px solid #eee;
  /*border-radius: 0 0 .25em .25em;*/ }

#modal h3 {
  margin: 0;
  font-size: 1.25em; }

#modal .header {
  padding: .75em 1em; }

#modal .message,
#modal .footer {
  padding: 1em; }

.modal-content {
  background: #fff;
  position: relative;
  z-index: 20;
  /*border-radius: .25em;*/ }

#modal .message {
  background: #fff; }

#modal .footer {
  text-align: right; }

#modal .overlay {
  background-color: #000;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }

/* messages */
.messages {
  width: 768px;
  margin: 0 auto; }

.messages > span {
  padding: .5em; }

.notice {
  position: relative;
  margin-bottom: 1em;
  padding: .5rem 1rem;
  /*margin: 1rem 12rem;*/
  font-size: .875em; }

.notice:after {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1em;
  color: #fff;
  font-family: 'LucidaGrande', 'HelveticaNeue', Tahoma, Verdana, Arial, sans-serif;
  font-size: .875em;
  content: attr(data-title); }

.info {
  background: #dee;
  border-bottom: 4px solid #28a; }

.info:after {
  background: #28a; }

.warning {
  background: #fec;
  border-bottom: 4px solid #f90; }

.warning:after {
  background: #f90; }

.alert {
  background: #fcb;
  border-bottom: 4px solid #f13; }

.alert:after {
  background: #f13; }

.green {
  background: #cfb;
  border-bottom: 4px solid #7a1; }

.green:after {
  background: #7a1; }

.blue {
  background: #def;
  border-bottom: 4px solid #27f; }

.blue:after {
  background: #27f; }

/* temporary boss notification */
.bss {
  position: relative;
  margin-bottom: 1em;
  padding: .5rem 1rem;
  /*max-width: 610px;*/
  font-size: .875em;
  background: #fcb;
  border-bottom: 4px solid #800; }

.bss:after {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1em;
  color: #fff;
  font-family: 'LucidaGrande', 'HelveticaNeue', Tahoma, Verdana, Arial, sans-serif;
  font-size: .875em;
  content: attr(data-title); }

/* newer and older item */
.pagination {
  margin: 4em auto 0;
  background: #eee;
  max-width: 640px;
  clear: both; }

.newer-item,
.older-item {
  width: 50%;
  box-sizing: border-box;
  padding: 1em;
  display: block;
  background: #ddd;
  min-height: 6em;
  position: relative; }

.newer-item:hover,
.older-item:hover {
  background: #ddd; }

.older-item:only-child {
  float: right; }

.newer-item {
  padding-left: 6rem; }

.older-item {
  padding-right: 6rem; }

.newer-item::before,
.older-item::after {
  display: block;
  position: absolute;
  vertical-align: middle; }

.newer-item::before {
  background-image: url(../assets/site/icons/google/SVG/navigate_before.svg);
  left: 0; }

.older-item::after {
  background-image: url(../assets/site/icons/google/SVG/navigate_next.svg);
  right: 0; }

.newer-item::before,
.older-item::after,
.icon-previous,
.icon-next {
  content: '';
  background-size: 100%;
  display: inline-block;
  width: 64px;
  height: 64px;
  opacity: .5; }

/* ratings */
.verdict {
  min-height: 4em;
  padding: 0 1em;
  border-bottom: 1px solid #fff;
  position: relative; }

.verdict > img {
  display: block;
  float: left;
  width: 3em;
  height: 3em; }

.verdict > p {
  /*margin: 0 7em 1em;*/
  margin-top: 1em;
  margin-left: 7em;
  max-width: 40em; }

.score {
  display: block;
  float: left;
  background-color: #dda;
  font-size: 2em;
  /*line-height: 3em;*/
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  text-shadow: 0 1px 0 #fff; }

.rating {
  display: block;
  float: right;
  width: 10em;
  /*padding: 1em;*/
  text-align: center;
  /*border-radius: 1em;*/
  color: #fff;
  text-shadow: #000 1px 1px 1px; }

.rating strong {
  display: block;
  padding: .25em 1em;
  border-bottom: 1px solid #444;
  font-weight: normal; }

.rating span {
  font-size: 4em;
  line-height: 1.25;
  /*text-shadow: #000 0 1px 0;*/
  font-weight: bold; }

.editor-score {
  background: maroon;
  background: rgba(128, 0, 0, 0.5);
  /*background: #888;*/
  /*border: 1px solid maroon;*/
  position: absolute;
  right: 1em;
  bottom: 1em; }

.editor-score > strong {
  background: maroon; }

.community-score {
  background: rgba(128, 128, 128, 0.5);
  position: absolute;
  right: 1em;
  bottom: 1em; }

.community-score > strong {
  background: #888; }

/* used on polityka oceniania */
.rating-value {
  display: inline-block;
  width: 4em;
  font-weight: bold;
  text-align: center;
  background: #eee; }

.verdict-features {
  display: inline-block;
  vertical-align: top; }
  .verdict-features > h3 {
    padding: 0 1rem; }

.verdict-features ul {
  margin: 0 0 1em;
  padding-left: 0; }

.verdict-features li {
  position: relative;
  list-style: none;
  padding: .25em 1.5em;
  vertical-align: middle; }

.verdict-features span {
  vertical-align: text-bottom; }

.verdict-features .icon-plus-circle,
.verdict-features .icon-minus-circle {
  width: 24px;
  height: 24px;
  opacity: .8; }

/* shoutbox */
.shoutbox {
  margin: 0 auto;
  padding: 0 72px;
  max-width: 640px;
  box-sizing: border-box; }

.shouts > li {
  position: relative; }

.shouts .author-on-left,
.shouts .author-on-right {
  position: absolute;
  top: 24px; }

.shouts .author-on-left {
  left: -72px; }

.shouts .author-on-right {
  right: -72px; }

.shout {
  padding: 15px;
  background: #aaa;
  position: relative;
  margin: 0;
  border-bottom: 1px solid #fff;
  word-wrap: break-word; }

.shout:last-child {
  margin: 0 0 1em; }

.shout > time {
  display: block;
  color: #eee;
  text-align: right;
  font-size: .75em;
  margin-top: .25em; }

.shout.from-left:before,
.shout.from-right:after {
  float: none;
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  border: 8px solid #aaa;
  border-bottom-color: transparent; }

.shout.from-left:before {
  left: -16px;
  border-left-color: transparent; }

.shout.from-right:after {
  right: -16px;
  border-right-color: transparent; }

.shout-input {
  width: 100%;
  /*margin: 0 72px;*/
  box-sizing: border-box;
  padding: .5em;
  border: 1px solid #ccc;
  font-size: 1em;
  transition: height .3s linear;
  /*height: 18px*/ }

.shout-input:focus {
  /*height: 72px;*/
  /*border: 1px solid #aaa;*/ }

.buttons {
  text-align: right; }

/* logo */
.site-logo {
  display: inline-block;
  /*background: url(../assets/site/bg/logo.png) 0 0 no-repeat;*/
  width: 225px;
  height: 35px;
  margin: 20px 5px; }

.site-logo > span {
  color: #fff;
  display: inline-block;
  vertical-align: middle; }

.site-logo:after {
  content: '';
  display: block;
  display: none;
  position: absolute;
  top: .25em;
  left: .25em;
  background: #444;
  width: 360px;
  height: 50px; }

.nav-top a {
  overflow: hidden;
  height: 40px; }

/* social-media */
.social-media {
  display: block;
  width: 8em;
  padding: 0 .5em;
  position: absolute;
  top: 1em;
  left: -9em; }

/* spinner */
.loading {
  display: flex;
  justify-content: center;
  align-items: center; }

.loading::before {
  content: '';
  display: block;
  padding: .5rem;
  background-color: transparent;
  border: 4px solid #444;
  border-top-color: #080;
  border-radius: 50%;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear; }

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* statistics */
/* tables */
table {
  width: 100%;
  border-collapse: collapse; }

tr:nth-of-type(odd) {
  background: #eee; }

th {
  background: #ccc;
  text-align: left; }

th,
td {
  padding: .5em;
  border: 1px solid #ccc; }

/*
@media 
only screen and (max-width: 760px),
 (min-device-width: 768px) and (max-device-width: 1024px) {*/
@media only screen and (max-width: 640px) {
  table, thead, tbody, th, td, tr {
    display: block; }

  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  tr {
    border: 1px solid #ccc;
    border-width: 0 1px; }

  tr:first-child {
    border-top: 1px solid #ccc; }

  td {
    position: relative;
    border: none;
    border-bottom: 1px solid #ddd;
    padding-left: 50%;
    color: #000; }

  td:before {
    position: absolute;
    top: .5em;
    left: .5em;
    width: 45%;
    color: #444;
    white-space: nowrap; } }
/* mobile portrait */
@media screen and (max-width: 480px) {
  .small-visible {
    display: auto; }

  .large-visible {
    display: none; }

  /* header */
  .site-logo {
    display: block;
    text-align: center;
    float: none;
    font-size: 1.5em; }

  .searchbox {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    padding: .5em 0;
    text-align: center; }

  /* nav */
  #menu-tgr {
    display: inline-block; }

  #search-tgr {
    display: inline-block; }

  .nav-top {
    display: none;
    background: #000;
    position: absolute;
    top: 0;
    width: auto;
    margin: 0;
    left: 3.5em;
    right: 3.5em;
    z-index: 1;
    height: 100%; }

  .nav-top li {
    display: block; }

  /* bg-cover */
  .bg-cover {
    background-size: 100% auto;
    background-attachment: static;
    background-attachment: inherit; }

  .bg-cover > header {
    width: 100%;
    padding-top: 180px;
    padding-top: 240px; }

  .items {
    /*text-align: center;*/ }

  .items > .item {
    width: 100%; }

  /* article */
  ._center > h3,
  ._center > h4,
  ._center > p,
  ._center > blockquote,
  ._center > ul,
  ._center > ol,
  ._center > dl {
    padding: 0 .5em;
    width: auto; }

  h1 {
    font-size: 1.25em; }

  .header > h1 {
    padding: 1rem; }

  .inside .center {
    width: 100%;
    box-sizing: border-box;
    padding: 1em; }

  .center {
    font-size: .875em; }

  .content-meta {
    padding: 1rem;
    border-bottom: none; }

  .comments-count {
    float: none;
    display: block;
    text-align: right;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #eee; }

  /* images */
  .width-medium {
    width: auto;
    margin: 0 -1rem 2em; }

  /* verdict */
  .verdict > img,
  .verdict > span {
    float: none;
    display: inline-block;
    vertical-align: middle; }

  .verdict > p {
    clear: left;
    margin: 1em 0;
    font-size: .875em; }

  .features {
    display: block;
    width: 90%; }

  /* comments */
  .suggests {
    width: 100%; }

  #add-comment-form {
    padding: 1em;
    width: auto; }

  /* cup */
  .timeline li {
    /*width: 29.75em;*/
    width: 80%;
    margin: 0 auto;
    padding: 1em; }

  .cup {
    float: none; }

  .cup-item {
    /*padding: .5em 1em;*/
    /*margin: 1em 0;*/ }

  .heroine-cup {
    border-left: .5em solid #888;
    border-right: none;
    /*margin-left: -.25em;*/
    /*float: left;*/
    /*background: #fcc;*/ }

  .hero-cup {
    border-left: .5em solid #888;
    /*margin-right: -.25em;*/
    /*width: 55%;*/
    /*float: right;*/
    /*background: #ccf;*/ }

  .heroine-item:before {
    left: -1.25em; }

  .group,
  .group-legend {
    padding: 0 .5rem; }

  .group-header {
    padding: 0 .5rem .5em; }

  .battle .points {
    width: 3em; }

  .battle-person {
    /*width: 5em;*/
    width: 7em;
    text-align: center;
    /*display: flex;*/
    /*height: 7em;*/
    /*position: relative;*/ }

  .battle-player-1 .battle-person:after {
    display: none; }

  .battle-player-1 .battle-person:before,
  .battle-player-2 .battle-person:before {
    content: attr(data-person);
    display: inline-block;
    width: 100%; }

  /* user */
  .profile {
    width: 180px;
    height: 180px; }

  .block-values span {
    font-size: 1em; }

  /* */
  .w25p {
    width: 50%; }

  /* column */
  .column {
    display: block;
    float: left;
    width: 50%; } }
/* mobile landscape and tablet */
@media screen and (min-width: 481px) {
  .small-visible {
    display: none; }

  .large-visible {
    display: auto; }

  .points {
    width: 4em; } }
/* mobile landscape and tablet */
@media screen and (min-width: 481px) and (max-width: 639px) {
  .items > .item {
    width: 50%; }

  .item span {
    height: 10em; }

  .one-third > .item {
    width: 33.33%; }

  .points {
    width: 4em; } }
/* mobile landscape and tablet */
@media screen and (min-width: 641px) and (max-width: 800px) {
  .items > .item {
    width: 50%; }

  .one-third > .item {
    width: 33.33%; }

  .items > .with-image {
    width: 33.33%; }

  /* cup */
  .cup-item {
    padding: .5em 1em; } }
@media screen and (min-width: 801px) and (max-width: 959px) {
  .items > .item {
    width: 33.33%; }

  .item span {
    height: 7em; } }
.fb-like {
  padding: 1rem;
  float: right; }

p + br {
  display: none; }

#auth-form > input,
#auth-form > .button {
  width: 30%;
  display: block;
  margin: .5em auto; }

#ch-menu .ch-menu-area-pub {
  padding: 0 15px 15px; }

#ch-menu .ch-menu-area-user {
  display: none; }

@media (min-width: 979px) {
  #auth-form > input,
  #auth-form > .button {
    width: 100%; } }
.recent-item {
  width: 496px;
  margin: 8px; }

.regular-item {
  width: 240px;
  margin: 8px; }

.footer-galleries {
  width: 256px;
  margin: 0; }

.footer-gallery {
  width: 48px;
  margin: 8px; }

.footer-links {
  width: 240px;
  margin: 8px; }

.copyright-details {
  width: 240px;
  margin: 8px; }

.article-main-image + .article-header {
  width: 640px;
  margin-top: -6em; }

.article-header > h1 {
  font-size: 2.4em; }

.suggestions {
  width: 256px;
  margin: 0; }

#add-comment-form {
  width: 496px;
  margin: 8px; }

.copyright-items > .copyright-details:first-child {
  text-align: left; }
.copyright-items > .copyright-details:last-child {
  text-align: right; }

/*# sourceMappingURL=min-width-768px.css.map */