@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, object, address, form, input, button, select, option, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, iframe {
  margin: 0;
  padding: 0;
  border: none;
}

html {
  -webkit-text-size-adjust: 100%;
}

html, body {
  height: 100%;
}

*, *:before, *:after {
  box-sizing: border-box;
}

a, a:hover, a:active, a:focus {
  text-decoration: none;
  outline: none;
}

a {
  word-wrap: break-word;
}

textarea:focus, input:focus {
  outline: none;
}

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  width: 100%;
}

*[title]:not(input[type=text]):not(textarea) {
  cursor: pointer;
}

i, em {
  font-style: normal;
}

b {
  font-weight: normal;
}

iframe {
  max-width: 100%;
}

img, .gfyitem {
  vertical-align: middle;
  overflow: hidden;
  max-width: 100%;
}

textarea, input[type=text], input[type=button], input[type=submit] {
  -webkit-appearance: none;
  background: #fff;
}

p i {
  font-style: italic;
}

:not([class*=ui-]) {
  transition: color 0.3s ease, height 0.3s ease, max-height 0.3s ease, line-height 0.3s ease, background 0.3s ease, padding 0.3s ease, margin 0.3s ease;
}

.grid {
  display: grid;
  grid-gap: var(--grid-gap);
}

.grid-2 {
  display: grid;
  grid-gap: var(--grid-gap);
  grid-template-columns: 1fr 1fr;
}

:root {
  --padding: 15px;
  --padding-small: 10px;
  --padding-smaller: 5px;
  --padding-big: 25px;
  --padding-super: 50px;
  --padding-section: var(--padding);
  --padding-module-h: 15px;
  --padding-module-v: 15px;
  --padding-module-t: 15px;
  --padding-module-b: 15px;
  --padding-dropdown: 15px;
  --site-gap: 0px;
  --color-border: #e7e7e7;
  --color-border-distinct: #1a936f;
  --color-link: #1a936f;
  --font-size: 15px;
  --font-size-text: 16px;
  --font-size-small: 13px;
  --font-size-big: 18px;
  --font-size-super: 24px;
  --font-size-superbig: 40px;
  --height-input: 44px;
  --grid-gap: var(--padding-small);
  --bg-panel: transparent;
}

time {
  color: #9d9d9d;
  font-weight: 400;
}

[draggable] {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  cursor: move;
}

input, button, textarea, select, .selectbox {
  vertical-align: middle;
  font: var(--font-size) "Open Sans", Verdana, Arial, Tahoma;
  background: #fff;
  /*&:not(:last-child) { margin: 0 var(--padding-small) 0 0; }*/
}

input, .btn, button, textarea, select, .selectbox, .counter, .pagination > * {
  vertical-align: middle;
  height: var(--height-input);
  line-height: var(--height-input);
  min-width: var(--height-input);
  padding-left: var(--padding-small);
  padding-right: var(--padding-small);
  border-radius: 5px;
  position: relative;
  outline: 0 !important;
}

.btn, button, .counter, .pagination > * {
  background: linear-gradient(#1a936f, #1a936f);
  background-size: 100% 100%;
  color: #fff;
  cursor: pointer;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  display: inline-block;
  text-align: center;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.btn:active, button:active, .counter:active, .pagination > *:active {
  background-size: 100% 110%;
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.5);
}
.btn:hover, button:hover, .counter:hover, .pagination > *:hover {
  background-size: 100% 600%;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.btn:before, button:before, .counter:before, .pagination > *:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.btn:hover:before, button:hover:before, .counter:hover:before, .pagination > *:hover:before {
  background: rgba(255, 255, 255, 0.1);
}

button.fb-login {
  background: linear-gradient(#006cb2, #005d99);
}

.btn.blank, button.blank {
  background: transparent;
  box-shadow: inset 0 0 0 1px #e7e7e7;
  text-transform: none;
  color: #000;
  text-shadow: none;
  font-weight: 400;
}
.btn.blank:hover, button.blank:hover {
  background: rgba(231, 231, 231, 0.2);
}
.btn.small, button.small {
  --height-input: 36px;
}
.btn.big, button.big {
  --height-input: 46px;
}
.btn.centered, button.centered {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.btn[class*=-bg], button[class*=-bg] {
  background-image: none;
}
.btn[class*=btn-]:not(.btn-xs), button[class*=btn-]:not(.btn-xs) {
  padding-left: var(--height-input);
}
.btn[class*=btn-]:not(.btn-xs):before, button[class*=btn-]:not(.btn-xs):before {
  font-family: "FontAwesome";
  text-align: left;
  order: 1;
  font-size: 20px;
  padding: 0 calc((var(--height-input) - 18px) / 2);
  text-shadow: none;
  font-weight: 300;
}
.btn.btn-play, .btn.btn-user, button.btn-play, button.btn-user {
  background-image: linear-gradient(#05151a, #05151a);
}
.btn.btn-more:before, button.btn-more:before {
  content: "";
}
.btn.btn-play:before, button.btn-play:before {
  content: "";
}
.btn.btn-user:before, button.btn-user:before {
  content: "";
}
.btn.btn-user-plus:before, button.btn-user-plus:before {
  content: "";
}
.btn .fa, button .fa {
  font-size: 16px;
}
.btn.active, button.active {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.btn.inactive, .btn[disabled], .btn .disabled, button.inactive, button[disabled], button .disabled {
  background: #9d9d9d;
  cursor: auto;
}
.btn.inactive:hover:before, .btn[disabled]:hover:before, .btn .disabled:hover:before, button.inactive:hover:before, button[disabled]:hover:before, button .disabled:hover:before {
  display: none;
}
.btn.dropdown, button.dropdown {
  text-align: center;
}
.btn + .btn, .btn + button, button + .btn, button + button {
  margin-left: var(--padding);
}
.btn img, button img {
  vertical-align: middle;
}
.btn .fa, button .fa {
  margin-right: var(--padding-small);
}
.btn .fa:only-child, .btn.icon .fa, .btn [class*=hidden-] + .fa, button .fa:only-child, button.icon .fa, button [class*=hidden-] + .fa {
  margin: 0;
  font-size: 21px;
}

input[type=text], input[type=password], input[type=file], textarea, select, .selectbox {
  box-shadow: inset 0 0 0 1px #e7e7e7;
  color: #000;
  border-radius: 3px;
}

input[type=file] {
  padding-left: 0;
}

input[type=checkbox], input[type=radio] {
  min-width: auto;
  box-shadow: none;
}

textarea {
  line-height: normal;
  padding-top: calc((var(--height-input) - var(--font-size) - 6px) / 2);
  padding-bottom: calc((var(--height-input) - var(--font-size) - 6px) / 2);
  min-height: var(--height-input);
}

select, .selectbox {
  --width-arrow: 50px;
}
select, select:focus, .selectbox, .selectbox:focus {
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: var(--width-arrow);
  padding-left: var(--padding-small);
  background-image: linear-gradient(45deg, transparent 50%, #9d9d9d 50%), linear-gradient(135deg, #9d9d9d 50%, transparent 50%), linear-gradient(to right, #9d9d9d, #9d9d9d);
  background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%, calc(100% - 40px) 50%;
  background-size: 5px 5px, 5px 5px, 1px 65%;
  background-repeat: no-repeat;
  transition: none;
}
select:focus, .selectbox:focus {
  background-image: linear-gradient(45deg, #9d9d9d 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #9d9d9d 50%), linear-gradient(to right, #9d9d9d, #9d9d9d);
  background-position: calc(100% - 15px) 50%, calc(100% - 20px) 50%, calc(100% - 40px) 50%;
}

.selectbox {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
.selectbox * {
  transition: none;
}
.selectbox.open:before {
  display: none;
  content: "Wybierz";
}
.selectbox.open > fieldset:not(:empty) {
  z-index: 10000;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--height-input) - 1px);
  overflow: hidden;
  overflow-y: auto;
  max-height: 222px;
  border: 1px #e7e7e7 solid;
  background: #fff;
}
.selectbox.open input[type=radio] + div:hover, .selectbox.open input[type=radio]:checked + div {
  background: #3399ff;
  color: #fff;
}
.selectbox input[type=text] {
  margin-left: calc(-1 * var(--padding-small));
  width: 100%;
  border: none;
  box-shadow: none;
  background: none;
  display: block;
}
.selectbox label {
  cursor: pointer;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.selectbox input[type=radio] {
  position: absolute !important;
  visibility: hidden !important;
}
.selectbox input[type=radio] + div {
  display: flex;
  align-items: center;
  padding-left: var(--padding-small);
  padding-right: var(--padding-small);
  max-height: var(--height-input);
  line-height: var(--height-input);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.selectbox:not(.open) input[type=radio]:not(:checked) + div {
  position: absolute;
  visibility: hidden;
  border: none;
}
.selectbox:not(.open) input[type=radio]:checked + div {
  position: absolute;
  left: 0;
  right: var(--width-arrow);
  top: 0;
  bottom: 0;
  border-radius: 3px 0 0 3px;
  border: 1px #e7e7e7 solid;
  border-right: 0;
  background: #fff;
}
.selectbox img {
  max-height: calc(0.8 * var(--height-input));
  max-width: var(--height-input);
  width: var(--height-input);
  margin-right: var(--padding-smaller);
  object-fit: contain;
}

.counter {
  font-size: var(--font-size-small);
  padding: 0 var(--padding-smaller);
  margin: 0 0 0 var(--padding-smaller);
  border-radius: 50%;
}
.counter.inv {
  background: #fff;
  color: #da281f;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}
.counter[data-count="0"], .counter .counter:empty {
  display: none;
}

.row:not(:last-child) {
  margin: 0 0 var(--padding-small);
}

.dropdown {
  position: relative;
  text-align: left;
  cursor: pointer;
}
.dropdown.open > :first-child + * {
  display: block;
}
.dropdown > a {
  height: auto;
}
.dropdown > :first-child + * {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  margin: 0;
  z-index: 2000;
  background: #fff;
  border: 1px #e7e7e7 solid;
  white-space: nowrap;
  min-width: 100%;
}
.dropdown li {
  padding: 0 var(--padding-dropdown);
}
.dropdown li > a:not(.btn) {
  display: block;
  line-height: 30px;
  padding: var(--padding-smaller) var(--padding-dropdown);
  margin: 0 calc(-1 * var(--padding-dropdown));
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dropdown li > a:not(.btn):hover {
  color: #1a936f;
}
.dropdown .dropdown li {
  text-indent: var(--padding-dropdown);
}

.btn.dropdown ul, .btn.dropdown ol, .smileys.dropdown ul {
  --padding-dropdown: 5px;
  padding: var(--padding-dropdown);
  white-space: nowrap;
  line-height: normal;
}

.btn-group .btn {
  border-radius: 0;
  margin: 0;
}
.btn-group .btn:first-child {
  border-radius: 3px 0 0 3px;
}
.btn-group .btn:last-child {
  border-radius: 0 3px 3px 0;
}
.btn-group .btn:only-child {
  border-radius: 3px;
}
.btn-group .btn + .btn {
  margin-left: -1px;
}

.inputs {
  display: flex;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  cursor: pointer;
  margin-right: var(--padding-small);
}
.inputs input {
  position: absolute;
  opacity: 0;
}
.inputs b {
  position: relative;
  margin-right: var(--padding-small);
}
.inputs b:before {
  content: "";
  display: block;
  box-shadow: inset 0 0 0 1px #e7e7e7, inset 0 0 0 4px #fcfcfc;
  width: 18px;
  height: 18px;
  background: #fcfcfc;
}
.inputs input[type=radio] ~ b:before {
  border-radius: 50%;
}
.inputs input:checked ~ b:before {
  background: #1a936f;
}
.inputs > span {
  display: flex;
  align-items: center;
}

input[name=username] {
  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" xmlns="http://www.w3.org/2000/svg"><path d="M1536 1399q0 109-62.5 187t-150.5 78h-854q-88 0-150.5-78t-62.5-187q0-85 8.5-160.5t31.5-152 58.5-131 94-89 134.5-34.5q131 128 313 128t313-128q76 0 134.5 34.5t94 89 58.5 131 31.5 152 8.5 160.5zm-256-887q0 159-112.5 271.5t-271.5 112.5-271.5-112.5-112.5-271.5 112.5-271.5 271.5-112.5 271.5 112.5 112.5 271.5z" fill="%235c5c5c"/></svg>'), linear-gradient(0, #e7e7e7, #e7e7e7);
  background-repeat: no-repeat;
  background-size: auto 60%, 1px 60%;
  background-position: calc(var(--height-input) / 2 - var(--padding-small) - 1px) 50%, var(--height-input) 50%;
  padding-left: calc(var(--padding-small) + var(--height-input));
}

input[name=password], input[name=code] {
  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" xmlns="http://www.w3.org/2000/svg"><path d="M640 768h512v-192q0-106-75-181t-181-75-181 75-75 181v192zm832 96v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h32v-192q0-184 132-316t316-132 316 132 132 316v192h32q40 0 68 28t28 68z" fill="%235c5c5c"/></svg>'), linear-gradient(0, #e7e7e7, #e7e7e7);
  background-repeat: no-repeat;
  background-size: auto 60%, 1px 60%;
  background-position: calc(var(--height-input) / 2 - var(--padding-small) - 1px) 50%, var(--height-input) 50%;
  padding-left: calc(var(--padding-small) + var(--height-input));
}

input[name*=mail]:not([type=checkbox]) {
  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" xmlns="http://www.w3.org/2000/svg"><path d="M1792 710v794q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-794q44 49 101 87 362 246 497 345 57 42 92.5 65.5t94.5 48 110 24.5h2q51 0 110-24.5t94.5-48 92.5-65.5q170-123 498-345 57-39 100-87zm0-294q0 79-49 151t-122 123q-376 261-468 325-10 7-42.5 30.5t-54 38-52 32.5-57.5 27-50 9h-2q-23 0-50-9t-57.5-27-52-32.5-54-38-42.5-30.5q-91-64-262-182.5t-205-142.5q-62-42-117-115.5t-55-136.5q0-78 41.5-130t118.5-52h1472q65 0 112.5 47t47.5 113z" fill="%235c5c5c"/></svg>'), linear-gradient(0, #e7e7e7, #e7e7e7);
  background-repeat: no-repeat;
  background-size: auto 60%, 1px 60%;
  background-position: calc(var(--height-input) / 2 - var(--padding-small) - 1px) 50%, var(--height-input) 50%;
  padding-left: calc(var(--padding-small) + var(--height-input));
}

input[name=search], input[name=to] {
  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z" fill="%235c5c5c"/></svg>'), linear-gradient(0, #e7e7e7, #e7e7e7);
  background-repeat: no-repeat;
  background-size: auto 60%, 1px 60%;
  background-position: calc(var(--height-input) / 2 - var(--padding-small) - 1px) 50%, var(--height-input) 50%;
  padding-left: calc(var(--padding-small) + var(--height-input));
}

input[name=cash] {
  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" xmlns="http://www.w3.org/2000/svg"><path d="M1362 1185q0 153-99.5 263.5t-258.5 136.5v175q0 14-9 23t-23 9h-135q-13 0-22.5-9.5t-9.5-22.5v-175q-66-9-127.5-31t-101.5-44.5-74-48-46.5-37.5-17.5-18q-17-21-2-41l103-135q7-10 23-12 15-2 24 9l2 2q113 99 243 125 37 8 74 8 81 0 142.5-43t61.5-122q0-28-15-53t-33.5-42-58.5-37.5-66-32-80-32.5q-39-16-61.5-25t-61.5-26.5-62.5-31-56.5-35.5-53.5-42.5-43.5-49-35.5-58-21-66.5-8.5-78q0-138 98-242t255-134v-180q0-13 9.5-22.5t22.5-9.5h135q14 0 23 9t9 23v176q57 6 110.5 23t87 33.5 63.5 37.5 39 29 15 14q17 18 5 38l-81 146q-8 15-23 16-14 3-27-7-3-3-14.5-12t-39-26.5-58.5-32-74.5-26-85.5-11.5q-95 0-155 43t-60 111q0 26 8.5 48t29.5 41.5 39.5 33 56 31 60.5 27 70 27.5q53 20 81 31.5t76 35 75.5 42.5 62 50 53 63.5 31.5 76.5 13 94z" fill="%235c5c5c"/></svg>'), linear-gradient(0, #e7e7e7, #e7e7e7);
  background-repeat: no-repeat;
  background-size: auto 60%, 1px 60%;
  background-position: calc(var(--height-input) / 2 - var(--padding-small) - 1px) 50%, var(--height-input) 50%;
  padding-left: calc(var(--padding-small) + var(--height-input));
}

input[name=odd] {
  background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" xmlns="http://www.w3.org/2000/svg"><path d="M1473 929q7-118-33-226.5t-113-189-177-131-221-57.5q-116-7-225.5 32t-192 110.5-135 175-59.5 220.5q-7 118 33 226.5t113 189 177.5 131 221.5 57.5q155 9 293-59t224-195.5 94-283.5zm319-929l-349 348q120 117 180.5 272t50.5 321q-11 183-102 339t-241 255.5-332 124.5l-999 132 347-347q-120-116-180.5-271.5t-50.5-321.5q11-184 102-340t241.5-255.5 332.5-124.5q167-22 500-66t500-66z" fill="%235c5c5c"/></svg>'), linear-gradient(0, #e7e7e7, #e7e7e7);
  background-repeat: no-repeat;
  background-size: auto 60%, 1px 60%;
  background-position: calc(var(--height-input) / 2 - var(--padding-small) - 1px) 50%, var(--height-input) 50%;
  padding-left: calc(var(--padding-small) + var(--height-input));
}

/*img[src*='upload/bookmaker/'] { filter: drop-shadow(1px 1px 0 $color-discreet) drop-shadow(-1px -1px 0 $color-discreet); }*/
.spacer {
  margin-right: var(--padding-smaller) !important;
}

.spacer-left {
  margin-left: var(--padding-smaller) !important;
}

.fold {
  cursor: pointer;
}

.lazy {
  display: block;
  position: relative;
  height: 0;
}
.lazy img:not([src*="/no-image.png"]) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
}
.lazy img[data-src] {
  opacity: 0.3;
}

.text {
  font-size: var(--font-size-text);
  text-align: justify;
  line-height: 26px;
}
.text > p, .text > blockquote, .text > h1, .text > h2, .text > h3, .text > h4 {
  margin: 0 0 var(--padding-small);
  text-align: justify;
}
.text > p {
  margin-bottom: var(--padding-big);
}
.text > p b {
  font-weight: 600;
}
.text > p i {
  font-style: italic;
}
.text > h2:not(:first-child), .text h3:not(:first-child), .text h4:not(:first-child) {
  padding-top: var(--padding);
  clear: both;
}
.text > h2 {
  font-size: 24px;
}
.text > h3 {
  font-size: 22px;
}
.text > h4 {
  font-size: 18px;
}
.text > blockquote {
  color: #1e1e2a;
  border-left: 3px #9d9d9d solid;
  padding-left: var(--padding-small);
}
.text > blockquote {
  font-style: italic;
}
.text > blockquote:empty, .text > h3:empty, .text > p:empty {
  display: none;
}
.text ol {
  list-style: decimal-leading-zero inside;
}
.text ul {
  list-style: disc inside;
}

html:not(.mobile) .scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html:not(.mobile) .scrollbar::-webkit-scrollbar-thumb {
  background: #1a936f;
}
html:not(.mobile) .scrollbar::-webkit-scrollbar-track {
  background: #e8e8e8;
}
html:not(.mobile) .scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #1a936f #e8e8e8;
}

/* structure */
#site {
  position: relative;
  overflow: hidden;
  min-height: calc(100% - 70px * 2);
  display: grid;
  grid-template-columns: auto 0px var(--site-gap) calc($width-site - $width-left - $width-right - var(--site-gap) - var(--site-gap)) var(--site-gap) 346px auto;
  grid-template-rows: auto auto auto 1fr auto;
  grid-template-areas: "subheader2 subheader2 subheader2 subheader2 subheader2 subheader2 subheader2" "lg subheader subheader subheader subheader subheader rg" "lg left lmgap main rmgap right rg" "lg bottom bottom bottom bottom bottom rg" "footer footer footer footer footer footer footer";
}
.nosticky #site {
  padding-top: var(--padding-big);
}

#header {
  align-items: stretch;
  padding: 0 calc((100% - 1340px) / 2);
  --height-input: 44px;
  padding-top: 70px;
}
.nosticky #header {
  position: static;
}

#nav {
  width: 100%;
  line-height: 70px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  background: #05151a;
  height: 70px;
  padding: 0 calc((100% - 1340px) / 2);
}
#nav ol {
  background: none;
}
#nav ol a {
  color: #fff;
}

section[id^=p-] {
  position: relative;
  min-width: 0;
}
section[id^=p-]:not(#p-subheader) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
section[id^=p-] > :not(article) {
  display: block;
  text-align: center;
  max-width: 100%;
}

#p-subheader {
  grid-area: subheader;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-items: stretch;
  border: 1px #e7e7e7 solid;
  border-top: none;
  color: #9d9d9d;
}
#p-subheader > * {
  flex: 1 1 auto;
}
#p-subheader > .breadcrumb {
  flex-grow: 100;
}
#p-subheader a {
  color: #9d9d9d;
}
#p-subheader > article > header:first-child > .title {
  white-space: normal;
}

#p-subheader2 {
  grid-area: subheader2;
}

#p-content {
  grid-area: main;
  padding: var(--padding-section);
  border: 1px #e7e7e7 solid;
  border-right: none;
  border-top: none;
}

#p-left {
  grid-area: left;
  border-top: none;
}

#p-right {
  grid-area: right;
  padding: var(--padding-section);
  padding-left: 0;
  border: 1px #e7e7e7 solid;
  border-left: none;
  border-top: none;
}

#p-content > :last-child, #p-left > :last-child, #p-right > :last-child {
  margin-bottom: 0;
}

#p-bottom {
  grid-area: bottom;
}

#footer {
  grid-area: footer;
  margin-top: var(--padding-big);
}
#footer > * {
  padding: var(--padding-big) calc((100% - 1340px) / 2);
  position: relative;
}

#p-after_page > * {
  margin-bottom: 0;
}

@media (min-width: 1355px) {
  html:not(.p-left):not(.p-right) #site {
    grid-template-columns: auto 0 0 1340px 0 0 auto;
  }

  html.p-left:not(.p-right) #site {
    grid-template-columns: auto 0px var(--site-gap) calc(1340px - 0px - var(--site-gap)) 0 0 auto;
  }

  html.p-right:not(.p-left) #site {
    grid-template-columns: auto 0 0 calc(1340px - 346px - var(--site-gap)) var(--site-gap) 346px auto;
  }

  @buggynetbeans;
}
@media (max-width: 1354.98px) {
  :root {
    --padding: 10px;
    --padding-small: 10px;
    --padding-smaller: 5px;
    --padding-big: 15px;
    --padding-super: 25px;
    --height-input-big: 44px;
    --site-gap: 10px;
    --font-size-super: 18px;
  }

  .module-welcome > .cnt {
    padding-bottom: 0;
  }

  #footer > section, #header {
    padding-left: var(--site-gap);
    padding-right: var(--site-gap);
  }

  @buggynetbeans;
}
@media (min-width: 1000px) and (max-width: 1354.98px) {
  #site {
    grid-template-columns: 0 0% 1fr 346px 0;
  }

  html:not(.p-left):not(.p-right) #site {
    grid-template-columns: 0 0 0 1fr 0 0 0;
  }

  html.p-left:not(.p-right) #site {
    grid-template-columns: 0 0% 0 1fr 0 0 0;
  }

  html.p-right:not(.p-left) #site {
    grid-template-columns: 0 0 0 1fr 0 346px 0;
  }

  @buggynetbeans;
}
@media (max-width: 999.98px) {
  :root {
    --font-size-text: 15px;
    --font-size-superbig: 24px;
  }
}
@media (min-width: 768px) and (max-width: 999.98px) {
  :root {
    --padding: 10px;
    --padding-small: 10px;
    --padding-smaller: 5px;
    --padding-big: 15px;
    --padding-super: 15px;
    --height-input-big: 44px;
    --site-gap: 10px;
  }

  #site {
    grid-template-columns: 0 0% 1fr 320px 0;
  }

  html:not(.p-left):not(.p-right) #site {
    grid-template-columns: 0 0 0 1fr 0 0 0;
  }

  html.p-left:not(.p-right) #site {
    grid-template-columns: 0 320px 0 1fr 0 0 0;
  }

  html.p-right:not(.p-left) #site {
    grid-template-columns: 0 0 0 1fr 0 320px 0;
  }

  @buggynetbeans;
}
@media (max-width: 767.98px) {
  :root {
    --padding: 10px;
    --padding-small: 10px;
    --padding-smaller: 5px;
    --padding-big: 10px;
    --padding-supper: 10px;
    --font-size-big: 15px;
    --font-size-super: 18px;
    --height-input: 36px;
    --site-gap: 10px;
  }

  #site {
    grid-template-columns: 0 1fr 0;
    grid-template-areas: "lg subheader2 rg" "lg subheader rg" "lg left rg" "lg main rg" "lg right rg" "lg bottom rg" "footer footer footer";
  }

  #p-subheader {
    grid-template-columns: 100%;
  }

  @buggynetbeans;
}
@media (max-width: 575.98px) {
  :root {
    --padding-small: 5px;
    --padding-smaller: 3px;
    --site-gap: 2px;
  }

  @buggynetbeans;
}
/* helpers */
.table {
  display: table;
  width: 100%;
}

[class^=col-], [class*=" col-"] {
  display: grid;
  grid-gap: var(--grid-gap);
}

[class^=col-].align > *, [class*=" col-"].align > * {
  text-align: center;
}

[class^=col-].align > :first-child, [class*=" col-"].align > :first-child {
  text-align: left;
}

[class^=col-].align > :last-child, [class*=" col-"].align > :last-child {
  text-align: right;
}

[class^=col-].packed > *, [class*=" col-"].packed > * {
  --padding-small: 5px;
}

[class^=col-].align {
  text-align: left;
}

[class^=col-] > table {
  align-self: start;
}

.table > *, .table > * {
  float: none;
  display: table-cell;
}

.col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.col-5 {
  grid-template-columns: repeat(5, 1fr);
}

.col-2.align > :nth-child(2n) {
  text-align: right;
}

.col-2.align > :nth-child(2n+1) {
  text-align: left;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.flex-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-vertical {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.flex-vertical-center {
  display: flex;
  align-items: center;
}

/* styling */
html {
  background: #fff;
  font: var(--font-size) "Open Sans", Verdana, Arial, Tahoma;
  font-weight: 400;
  color: #000;
}

body {
  position: relative;
  min-width: 320px;
}

a {
  color: #1a936f;
}

a:not([class*=hidden]) + a {
  margin-left: 2px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: var(--font-size);
  font-weight: 400;
}

img {
  max-width: 100%;
}
img[src*="upload/country/"] {
  vertical-align: sub;
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  border: 1px #dededa solid;
  border-radius: 50%;
}
img[src*="/no-image.png"] {
  width: auto !important;
  margin: 0 auto;
}
img[src*="upload/sport/"] {
  width: 25px;
  height: 25px;
}
img[itemprop] {
  display: none;
}

dl dd {
  font-weight: 600;
}

#header {
  background: #fff;
  line-height: 42px;
  box-shadow: inset 0 -1px 0 0 #e7e7e7;
}
#header > * {
  display: flex;
  align-items: center;
  height: 70px;
}
#header a:hover {
  text-decoration: none;
}
#header > #user {
  --padding-dropdown: 10px;
  margin-left: var(--padding);
}
#header > #user .avatar {
  display: block !important;
}
#header > #search {
  margin-left: var(--padding);
}
#header > #nav {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  --padding-dropdown: 25px;
  color: #fff;
}
#header > #nav > ol.flex {
  justify-content: center;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
#header > #nav > ol.flex > li a {
  display: block;
  position: relative;
  padding: 0 var(--padding-big);
}
#header > #nav > ol.flex > li a:not(.btn) {
  line-height: inherit;
}
#header > #nav > ol.flex > li .btn {
  line-height: var(--height-input);
}
#header > #nav > ol.flex > li a:not(.btn):hover, #header > #nav > ol.flex > li:not(.btn).active > a {
  background: rgba(0, 0, 0, 0.8);
}
#header > #nav > ol.flex > li a:not(.btn):hover:before, #header > #nav > ol.flex > li:not(.btn).active > a:before {
  content: " ";
  display: block;
  width: 6px;
  height: 6px;
  background: #1a936f;
  margin-left: -3px;
  position: absolute;
  left: 50%;
  top: 75%;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.5);
}
#header > #nav > ol.flex > li a:not(.btn):hover [class*=fa-chevron], #header > #nav > ol.flex > li:not(.btn).active > a [class*=fa-chevron] {
  color: #fff;
}
#header > #nav > ol.flex > li .fa {
  font-size: 24px;
  margin: -4px 0 0 0;
}
#header > #nav > ol.flex > li [class*=fa-chevron] {
  font-size: 6px;
  position: absolute;
  left: 50%;
  bottom: 10%;
  margin-left: -3px;
  color: #1a936f;
}
#header > #nav .dropdown > ol > li > a:hover {
  background: rgba(0, 0, 0, 0.8);
}
#header .dropdown > .fa {
  font-size: 30px;
  width: 70px;
  text-align: center;
}
#header .dropdown > ol {
  background: #05151a;
  border: none;
}

#top {
  position: relative;
  transition: none;
  flex: 1;
  font-weight: 400;
}
#top * {
  transition: none;
}
#top:before {
  content: " ";
  display: block;
  background: #1a936f;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 9999px;
  transform: translate(-100%, 0);
}
#top a {
  display: flex;
}
#top a span {
  background: #1a936f url(../images/logo.png) 50% 50% no-repeat;
  min-width: 336px;
  height: 70px;
  text-indent: -999em;
  overflow: hidden;
}
#top a em {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  text-transform: uppercase;
  font-size: var(--font-size-small);
  line-height: normal;
  padding: var(--padding-big);
  min-width: 178px;
}

#social {
  margin-left: var(--padding);
}
#social > a {
  float: left;
  text-align: center;
  width: 42px;
  margin-left: -1px;
  padding: 0;
}
#social > a .fa {
  font-size: 24px;
  width: auto;
}
#social > a .fa-facebook {
  font-size: 20px;
  color: #006cb2;
}
#social > a .fa-twitter {
  color: #47ccfc;
}
#social > a .fa-youtube {
  color: #ff0000;
}
#social > a .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.module-share {
  padding: var(--padding-smaller) 0;
  font-weight: 300;
  --height-input: 40px;
  white-space: nowrap;
  border-bottom: 1px #e7e7e7 solid;
  margin-bottom: -1px;
}
.module-share .fb-like {
  margin-right: var(--padding);
  min-width: 62px;
}
.module-share .btn[data-share] {
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 0;
  margin-left: var(--padding-small);
}
.module-share .btn[data-share] .fa {
  text-shadow: none;
  font-size: 16px;
  margin-top: -2px;
}
.module-share [data-share=facebook] {
  background: #006cb2;
}
.module-share [data-share=twitter] {
  background: #47ccfc;
}

#footer {
  min-width: 0;
}
#footer > section.f1 {
  background: #05151a;
  border-top: 10px #1a936f solid;
  min-width: 0;
}
#footer > section.f2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  background: #041014;
  color: #fff;
}
#footer > section.f2 > * {
  padding: 0 0 var(--padding-small);
}
#footer > section.f2 nav {
  text-transform: uppercase;
}
#footer > section.f2 nav ol {
  margin: 0 calc(-1 * var(--padding-smaller));
}
#footer > section.f2 nav ol li {
  padding: 0 var(--padding-smaller);
}
#footer > section.f2 nav ol li a {
  color: #fff;
}
#footer > section.f2 nav ol li a:hover {
  color: #1a936f;
}
#footer nav.scrollbar {
  margin-bottom: calc(-1 * var(--padding-big));
  overflow-x: auto;
}
html:not(.mobile) #footer nav.scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html:not(.mobile) #footer nav.scrollbar::-webkit-scrollbar-thumb {
  background: #1a936f;
}
html:not(.mobile) #footer nav.scrollbar::-webkit-scrollbar-track {
  background: #2b2b3a;
}
html:not(.mobile) #footer nav.scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #1a936f #2b2b3a;
}
#footer nav.scrollbar > ul {
  column-count: 5;
  min-width: 1000px;
}
#footer nav.scrollbar > ul > li {
  page-break-inside: avoid;
  padding-bottom: var(--padding-big);
}
#footer nav.scrollbar > ul > li > strong.noh {
  font-size: var(--font-size-big);
  color: #1a936f;
  padding-bottom: var(--padding);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#footer nav.scrollbar > ul > li > ol a {
  font-size: var(--font-size-small);
  color: #bcbcc9;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  padding: var(--padding-smaller) 0;
  display: block;
}
#footer nav.scrollbar > ul > li > ol a:hover {
  color: #f4f4f7;
}
#footer > section + section > p {
  padding-top: var(--padding-big);
  padding-bottom: var(--padding);
  color: rgba(255, 255, 255, 0.3);
  font-size: var(--font-size-small);
}

#p-top > div[class*=cool-stuff] {
  min-height: 100px;
}

#_header_from_h1 {
  border-bottom: 5px #1a936f solid;
}
#_header_from_h1 header {
  --letter-spacing: 22px;
  height: 200px;
  background: url(../images/top.jpg) no-repeat 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 calc((100% - 1340px) / 2);
}
#_header_from_h1 header:before {
  content: "•••";
  display: block;
  letter-spacing: var(--letter-spacing);
  margin-right: calc(-1 * var(--letter-spacing));
  color: #1a936f;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-weight: 600;
  font-size: 20px;
  order: 2;
  padding: var(--padding-small) 0;
}
#_header_from_h1 header h1 {
  font-size: var(--font-size-superbig);
  color: #fff;
  order: 1;
}
#_header_from_h1 header .subtitle {
  font-size: var(--font-size-big);
  color: #b9d4cc;
  order: 3;
  font-style: italic;
}

article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  text-align: left;
  min-width: 0;
  max-width: 100%;
  color: #000;
  background: var(--bg-panel);
}
#p-content article {
  --padding-module-h: 0px;
  --padding-module-b: 0px;
}
#p-content article > header:first-child > .title {
  font-size: calc(1.35 * var(--font-size-super));
  font-weight: 300;
}
#p-content article > header:first-child > .title:after {
  content: " ";
  display: block;
  border-bottom: 4px #1a936f solid;
  width: 25%;
  height: 0;
  margin: var(--padding) auto var(--padding-small);
}
#p-content article .cnt {
  --padding-module-t: 0px;
  font-weight: 300;
}
#p-right article {
  background: #05151a;
  border-radius: 5px;
  overflow: hidden;
}
#p-right article > header:first-child {
  background: #041014;
}
#p-right article > header:first-child > .title {
  color: #fff;
  font-size: var(--font-size);
}
#p-right article > .cnt {
  color: #fff;
}
.backdrop > article {
  --padding-module-h: var(--padding-super);
  --padding-module-v: var(--padding-big);
  --padding-module-t: var(--padding-big);
  --padding-module-b: var(--padding-big);
  background: #fff;
  width: calc(1340px / 3);
  border-left: 10px #1a936f solid;
  box-shadow: 2px 2px 0 0 #000;
}
.backdrop > article > header:first-child > .title {
  text-transform: none;
}
.backdrop > article > header:first-child > .title > em {
  color: inherit;
  font-weight: 300;
}
.backdrop > article > header:first-child > .subtitle {
  position: absolute;
  right: var(--padding);
  top: var(--padding);
}
.backdrop > article > header:first-child > .subtitle button {
  --height-input: 30px;
  margin-top: 0;
  margin-bottom: 0;
  background: none;
  border-radius: 50%;
  box-shadow: none;
  border: 3px #9d9d9d solid;
  padding: 0;
}
.backdrop > article > header:first-child > .subtitle button:after {
  content: " ";
  display: block;
  width: 80%;
  height: 80%;
  margin: 8% 0 0 9%;
  transform: rotate(45deg);
  background: linear-gradient(to bottom, transparent 47%, #9d9d9d 47%, #9d9d9d 53%, transparent 53%), linear-gradient(to right, transparent 47%, #9d9d9d 47%, #9d9d9d 53%, transparent 53%);
}
.backdrop > article > header:first-child > .subtitle button .fa {
  display: none;
}
.backdrop > article > .cnt:not(:first-child) > form {
  margin-top: calc(-1 * var(--padding-module-t));
}
.backdrop > article input[type=text], .backdrop > article input[type=password], .backdrop > article .cnt .btn, .backdrop > article .cnt button {
  width: 100%;
}
.backdrop > article > footer {
  --height-input: 36px;
  justify-content: right;
}
article.blank {
  border: none;
  background: none;
}
article:empty {
  display: none;
}
article > header:first-child {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: var(--padding-module-v) var(--padding-module-h);
  margin: 0 calc(-1 * var(--padding-small));
  text-align: center;
}
article > header:first-child > .title {
  flex: 1;
  font-size: var(--font-size-super);
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}
article > header:first-child > .title > em {
  color: #1a936f;
}
article > header:first-child > * {
  margin: 0 var(--padding-small);
}
article > header:first-child strong {
  font-weight: 600;
}
article > header:first-child i:not(.fa), article > header:first-child time {
  color: #9d9d9d;
  font-weight: 400;
  vertical-align: baseline;
}
article > header:first-child time {
  font-size: var(--font-size);
}
article > header:first-child + .menu {
  float: right;
  margin: -41px 11px 0 0;
  position: relative;
}
article > header:first-child + .menu > li {
  margin: 0 0 0 8px;
}
article > header:first-child > :first-child + .fa {
  float: right;
  margin: 18px 0 0;
}
article > header:first-child .subtitle, article > header:first-child .menu {
  color: #000;
}
article > header:first-child .subtitle .btn, article > header:first-child .subtitle select, article > header:first-child .subtitle input, article > header:first-child .menu .btn, article > header:first-child .menu select, article > header:first-child .menu input {
  margin-top: calc(-1 * var(--padding-module-v) / 2);
  margin-bottom: calc(-1 * var(--padding-module-v) / 2);
}
article > header:first-child .subtitle :last-child, article > header:first-child .menu :last-child {
  margin-right: 0;
}
article > header:first-child .subtitle * + * {
  margin-left: var(--padding-smaller);
}
article > header:first-child .subtitle .rating {
  display: block;
}
article > header:first-child .subtext {
  flex: 1 1 100%;
  margin-top: var(--padding-smaller);
}
article > header:first-child .subtext em {
  display: block;
}
article > .cnt {
  padding: var(--padding-module-t) var(--padding-module-h) var(--padding-module-b);
  flex-grow: 1;
}
article > .cnt > :first-child {
  margin-top: 0;
}
article > .cnt > :last-child {
  margin-bottom: 0;
}
article > .cnt > .no-top {
  margin-top: calc(-1 * var(--padding-module-t));
}
article > .cnt > .no-top-bottom {
  margin-top: calc(-1 * var(--padding-module-t));
  margin-bottom: calc(-1 * var(--padding-module-b));
}
article > .cnt > .no-top-bottom > * {
  margin-top: 0;
  margin-bottom: 0;
}
article > .cnt > .no-right-left {
  margin-left: calc(-1 * var(--padding-module-h));
  margin-right: calc(-1 * var(--padding-module-h));
}
article > .cnt > .no-padding {
  margin: calc(-1 * var(--padding-module-t)) calc(-1 * var(--padding-module-v)) calc(-1 * var(--padding-module-b));
}
article > .cnt > table:not(.no-negative) {
  margin-left: calc(-1 * var(--padding-module-h));
  margin-right: calc(-1 * var(--padding-module-h));
  width: calc(100% + var(--padding-module-h)*2);
}
article > .cnt p:not(:last-child) {
  margin: 0 0 var(--padding);
}
article.blank > .cnt {
  padding: 0;
}
article > footer:last-child {
  padding: var(--padding-module-v) var(--padding-module-h);
  justify-content: space-evenly;
}
article > footer:last-child > div:only-child, article > footer:last-child form:only-child {
  flex: 1;
}
article > footer:last-child > a:not(.btn) {
  color: #7f2761;
}
article > footer:last-child > article {
  margin: -10px;
  border-radius: 0 0 5px 5px;
  border: none;
  line-height: normal;
}
article.ranking > footer > :not(.pagination) {
  float: left;
  margin-right: 5px;
}
article.ranking > footer > :not(.pagination):last-child {
  float: right !important;
  margin-right: 0;
}
article > .listing + footer {
  margin-top: -10px;
}
article > .cnt > .tabs {
  margin-left: calc(-1 * var(--padding));
  margin-right: calc(-1 * var(--padding));
}
article > p {
  padding: 0 0 var(--padding-small);
}
article .menu li {
  margin: 0 0 0 var(--padding-smaller);
  float: left;
}

section[id^=p-]:not(#p-subheader) > *:not(:last-child) {
  margin-bottom: var(--padding-small);
}

#btt, #task {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  font-size: 30px;
  text-align: center;
}

#btt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
#btt i {
  font-size: 30px;
  width: 30px;
  margin-top: -5px;
}

#task {
  bottom: 25%;
  right: -23px;
  width: auto;
  transform: rotate(270deg);
  writing-mode: lr-tb;
  font-size: 14px;
  height: auto;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

article > .cnt > .list {
  margin-left: calc(-1 * var(--padding-module-h));
  margin-right: calc(-1 * var(--padding-module-h));
}
article > .cnt > .list:first-child {
  margin-top: calc(-1 * var(--padding-module-t));
}
article > .cnt > .list:last-child {
  margin-bottom: calc(-1 * var(--padding-module-b));
}
article article > .cnt > .list:first-child {
  margin-top: 0;
}

.social > * {
  margin-left: 10px !important;
}
.social > *:first-child {
  margin-left: 0;
}

.fa {
  vertical-align: middle;
}
.fa.fa-angle-double-right, .fa .fa-angle-double-left {
  vertical-align: baseline;
}
.fa.fa-check {
  color: #18a10a !important;
}
.fa.fa-close {
  color: #da281f !important;
}
.fa.fa-circle {
  color: #18a10a !important;
}
.fa.fa-circle-o {
  color: #9d9d9d !important;
  font-weight: 600;
}
.fa.fa-exclamation-circle {
  color: #da281f !important;
}
.fa.fa-check-circle-o {
  color: #1a936f !important;
  font-size: 25px;
  line-height: 0;
}
.fa.fa[class*=fa-star] {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.fa.fa[class*=fa-star].active {
  color: #1a936f !important;
}

.thumbs.compact.compact {
  margin: 0 0 0 calc(-1 * var(--padding-section) - 1px);
  padding: 1px;
  grid-gap: 0;
}
html:not(.page-home) article:first-child .thumbs.compact.compact {
  margin-top: calc(-1 * var(--padding-section) - 1px);
}
.thumbs.compact.compact > li:not([class*=cool-stuff]) {
  border: none;
  box-shadow: inset 0 0 0 1px var(--color-border);
}
.thumbs.grid {
  display: grid;
  grid-gap: var(--grid-gap);
  grid-template-columns: repeat(auto-fill, minmax(calc(320px - var(--padding-big)), 1fr));
  grid-auto-flow: row dense;
  grid-gap: var(--padding-big);
}
.thumbs > li:not([class*=cool-stuff]) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-content: center;
  padding: var(--padding-big);
  background: #fff;
  min-width: 0;
  position: relative;
  border: 1px #e7e7e7 solid;
}
.thumbs > li:not([class*=cool-stuff]) [title] {
  position: relative;
}
.thumbs > li:not([class*=cool-stuff]).important {
  --color-border: var(--color-link);
}
.thumbs > li:not([class*=cool-stuff]) > a:first-child {
  position: static;
  max-width: 100%;
}
.thumbs > li:not([class*=cool-stuff]) > a:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.thumbs > li:not([class*=cool-stuff]):hover > a:first-child:before {
  background: rgba(0, 0, 0, 0.02);
}
.thumbs > li:not([class*=cool-stuff]) a {
  position: relative;
  z-index: 1;
}
.thumbs > li:not([class*=cool-stuff]) a:hover {
  text-decoration: none;
}
.thumbs > li:not([class*=cool-stuff]) strong.noh {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  font-weight: 600;
}
.thumbs > li:not([class*=cool-stuff]).important strong.noh {
  font-weight: 600;
}
.thumbs > li:not([class*=cool-stuff]) img {
  display: block;
  margin: 0 auto var(--padding-small);
}
.images.thumbs > li:not([class*=cool-stuff]) img {
  width: 100%;
}

.thumbs > li:not([class*=cool-stuff]) p {
  color: #444;
  white-space: normal;
  overflow: hidden;
  height: 62px;
  margin-bottom: var(--padding-small);
  text-align: justify;
}
.thumbs > li:not([class*=cool-stuff]) time {
  font-size: var(--font-size-small);
  padding-bottom: var(--padding-smaller);
  display: block;
}
.thumbs > li:not([class*=cool-stuff]) time:before {
  content: "";
  font-family: "FontAwesome";
  display: inline-block;
}
.thumbs > li:not([class*=cool-stuff]) .flex a {
  font-weight: 600;
  color: #000;
}
.thumbs > li:not([class*=cool-stuff]) .flex em {
  color: #9d9d9d;
}
.thumbs > li:not([class*=cool-stuff]) > button:last-child {
  width: 100%;
  align-self: end;
}
.thumbs > li[class*=cool-stuff] {
  grid-column: 1/-1;
  grid-row: auto;
  padding: 0;
}

table {
  margin: 0 0 var(--padding-small);
}
table:only-child {
  margin-bottom: 0;
}
table article > .cnt > .no-top-bottom:last-child > table:last-child {
  margin-bottom: 2px;
}
table td, table th {
  padding: var(--padding-small);
  text-align: center;
  border: 1px #e7e7e7 solid;
}
table th {
  border-bottom: 1px #e7e7e7 solid;
  text-align: center;
}
table th:first-child {
  text-align: left;
}
table td {
  border-top: 1px #e7e7e7 solid;
}
table thead + tbody tr:first-child > td {
  border-top: 1px #9d9d9d solid;
}
table td.c {
  padding-right: 20px;
  min-width: 62px;
  cursor: pointer;
  text-align: center;
}
table td.c.active {
  background-color: #18a10a;
  color: #fff;
}
.logged table td.c[data-id]:hover, .logged table td.c.active[data-id] {
  background-color: #be180d !important;
  color: #fff !important;
}
.logged table.report td.c[data-id]:hover {
  background-color: #2f96b4 !important;
}
table.one-line {
  white-space: nowrap;
}
table.first-col tr > :first-child {
  width: 100%;
  text-align: left;
}
table.second-col tr > :nth-child(2) {
  width: 100%;
  text-align: left;
}
table.first-col tr > :first-child > div, table table.second-col tr > :nth-child(2) > div {
  display: table;
  table-layout: fixed;
  width: 100%;
}
table.first-col tr > :first-child > div div, table table.second-col tr > :nth-child(2) > div div {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.first-nowrap tr > :first-child, table.second-nowrap tr > :nth-child(2) {
  white-space: nowrap;
}
table.no-vertical tr > * {
  border-left: none;
}
table td.max {
  font-weight: 600;
  background-color: rgba(24, 161, 10, 0.2) !important;
}
table tr:hover > td {
  background-color: #f2f2f2;
}
table tr:nth-child(2n) > td {
  background-color: #fcfbf9;
}
table tr:nth-child(2n):hover > td {
  background-color: #f2f2f2;
}
table tr.mine > td {
  background-color: #fffbcc;
}
table tr.mine:hover > td {
  background-color: #fff5c5;
}
table tbody tr > th, table .header th {
  text-transform: uppercase;
}
table tfoot tr > * {
  border-top: 1px #e7e7e7 solid;
}
table .btn:not(:only-child) {
  margin-right: 10px;
}
table.ranking {
  white-space: nowrap;
  text-align: center;
}
table.ranking tr {
  cursor: pointer;
}
table.ranking td:first-child {
  color: #c5c5c5;
  text-align: right;
}
table.ranking tr > :nth-child(2) {
  text-align: left;
}
table.ranking td:last-child {
  text-align: right;
  font-weight: 600;
}

table + .btn-more, .tab-content + .btn-more, .listing + .btn-more {
  display: block;
  margin: var(--padding-small) 0;
  width: 100%;
}

.tab-content {
  margin-left: -15px;
  margin-right: -15px;
}

.up, .yes, .status.s1 {
  color: #18a10a !important;
}

.down, .no, .status.s-1 {
  color: #da281f !important;
}

.status.s2 {
  color: #4766ba !important;
}

.tabs {
  margin: 0 0 10px;
  height: 49px;
  border-bottom: 1px #e7e7e7 solid;
  clear: both;
}
.tabs.with-bar {
  border-top: 1px #e7e7e7 solid;
  border-right: 1px #e7e7e7 solid;
  border-radius: 5px 5px 0 0;
  float: none !important;
}
.tabs.with-bar li {
  margin-top: -1px;
}
.tabs:not(.with-bar) li:not(.active):not(:only-child):last-child {
  border-radius: 0 5px 0 0;
}
.tabs li {
  float: left;
  border: 1px #e7e7e7 solid;
  line-height: 47px;
  color: #858176;
  padding: 0 20px;
  text-align: center;
  background: #f7f5f3;
  text-shadow: 0 1px 0 #fff;
  margin-left: -1px;
  cursor: pointer;
}
.tabs li > * {
  display: inline-block;
}
.tabs li:first-child {
  margin-left: 14px;
  border-radius: 5px 0 0 0;
}
.tabs li:only-child {
  border-radius: 5px 5px 0 0;
}
.tabs li:hover {
  background: #fff;
  color: #da281f;
}
.tabs li.active {
  background: #fff;
  color: #000;
  box-shadow: none;
  border-bottom-color: #fff;
}
.tabs li.active a {
  font-weight: inherit;
  color: inherit;
}
.tabs li a {
  display: block;
  padding: 0 15px;
  margin: 0 -15px;
  font-weight: inherit;
  color: inherit;
  min-width: 66px;
}
.tabs li a:hover {
  text-decoration: none;
}

p + .tabs {
  margin-top: var(--padding);
}

.dl span {
  display: block;
}
.dl span em {
  font-weight: 600;
}

.pagination.pagination {
  ----height-input: 50px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
  border: 1px #e7e7e7 solid;
}
.pagination.pagination > * {
  display: block;
  margin: 0 0 0 -1px;
  background: none;
  box-shadow: none;
  border-left: 1px #e7e7e7 solid;
  border-right: 1px #e7e7e7 solid;
  border-radius: 0;
  text-shadow: none;
  color: #000;
  font-weight: 300;
}
.pagination.pagination > *:hover {
  background: #1a936f;
  color: #fff;
}
.pagination.pagination > strong {
  background: #1a936f;
  font-weight: bold;
  color: #fff;
}
.pagination.pagination > [rel=first], .pagination.pagination > [rel=last] {
  display: none;
}
.pagination.pagination > [rel=prev], .pagination.pagination > [rel=next] {
  position: absolute;
}
.pagination.pagination > [rel=prev] {
  left: -1px;
  margin: 0;
}
.pagination.pagination > [rel=next] {
  right: -1px;
  margin: 0;
}
.pagination.pagination .fa {
  vertical-align: initial;
}

.module > footer > .pagination:last-child {
  margin-bottom: 0;
}

.module > footer > .pagination:only-child {
  margin: calc(-1 * var(--padding-module-v) - 1px) calc(-1 * var(--padding-module-h));
}

.bar {
  background: #fff;
  border-top: 1px #e7e7e7 solid;
  border-bottom: 1px #e7e7e7 solid;
  padding: var(--padding-smaller) var(--padding-module-h);
  margin-bottom: var(--padding-module-b);
  white-space: nowrap;
  align-items: center;
}
article > .cnt > .bar {
  margin-left: calc(-1 * var(--padding-module-h));
  margin-right: calc(-1 * var(--padding-module-h));
}
.bar em {
  font-weight: 600;
}
.bar > .table > * {
  text-align: center;
}
.bar > .table > :first-child {
  text-align: left;
}
.bar > .table > :last-child {
  text-align: right;
}

.pills {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: stretch;
  font-weight: 400;
  clear: both;
  margin: 0 0 var(--padding-smaller);
}
.pills li {
  padding: var(--padding-smaller) var(--padding-small);
  border: 1px #e7e7e7 solid;
  margin: 0 var(--padding-small) var(--padding-smaller) 0;
  font-size: var(--font-size-small);
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.pills li:first-child {
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 300px;
}
.pills li img[src*="upload/sport/"] {
  width: 16px;
  height: 16px;
}
.pills li a {
  margin-right: var(--padding-smaller);
}
.pills li em {
  font-weight: 600;
  margin-left: var(--padding-smaller);
}

.badge {
  color: #fff;
  vertical-align: middle;
  padding: 2px 5px;
  text-transform: uppercase;
  background: #1a936f;
  font-size: var(--font-size-small);
  color: #fff;
  min-width: 55px;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  margin-bottom: var(--padding-smaller);
  align-self: start;
}

.image-block {
  max-width: 100%;
  padding: 0 0 5px 0;
  text-align: center;
  font-size: 11px;
  line-height: normal;
  position: relative;
}
.image-block em {
  position: absolute;
  right: 5px;
  bottom: 10px;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  text-transform: uppercase;
  font-size: 12px;
}
.image-block img {
  width: 100%;
  max-width: none;
}
.image-block a {
  display: block;
  font-weight: 600 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.image-block li {
  float: left;
  width: 30%;
  text-align: center;
  margin: 5px 0 0 3%;
  list-style: none;
}
.image-block li:first-child {
  margin-left: 0;
}

.social .fa-share-alt {
  background: #222;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}

label.social {
  cursor: pointer;
}
label.social:after {
  content: "Udostępnij";
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
label.social li a {
  display: block;
  width: 39px;
  height: 39px;
  line-height: 39px;
  color: #fff;
  text-align: center;
}
label.social li.fb a {
  background-color: #305891;
}
label.social li.gplus a {
  background-color: #ce4d39;
}
label.social li.twitter a {
  background-color: #2ca8d2;
}
label.social ul {
  position: absolute;
  display: none;
  list-style: none !important;
  background: #fff;
  border: 1px #f1f1f1 solid;
  padding: 3px;
  margin-top: 2px;
  z-index: 1000;
}
label.social ul li {
  display: inline-block;
}
label.social > input[type=checkbox]:first-of-type {
  display: none;
}
label.social > input[type=checkbox]:first-of-type:checked ~ ul {
  display: block;
}

.listing:not([class*=col-]) > li:nth-child(2n) {
  background: rgba(0, 0, 0, 0.01);
}
.listing[class*=col-] {
  grid-gap: 0;
}
.listing[class*=col-] li {
  margin-bottom: 0;
  min-width: 0;
}
.listing > li {
  padding: var(--padding-small);
  position: relative;
  background: transparent;
  min-width: 0;
}
.listing > li + li {
  border-top: 1px #e7e7e7 solid;
}
#p-right .listing > li + li {
  border-top-color: #2f2f3c;
}
.listing.listing > li:hover {
  background: rgba(0, 0, 0, 0.02);
}

.listing > li.header {
  font-size: var(--font-size);
  font-weight: 600;
  margin: 0 0 var(--padding-small);
  text-align: center;
  width: 100%;
  box-shadow: inset 0 0 0 2px #e7e7e7;
}
.listing > li strong.noh {
  color: #1a936f;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}
.listing > li > a:only-child:hover {
  text-decoration: none;
}
.listing > li > a + div {
  font-size: 13px;
  padding: 3px 0 0;
}
.listing > li > a:first-child > i:first-child, .listing > li > a .position {
  float: left;
  color: #ddd;
  font-style: normal;
  margin: 0 10px 0 -9px;
}
.listing > li > a:only-child > i:last-child {
  color: #000;
  font-weight: 600;
}
.listing > li > a:only-child > img {
  margin: 0 var(--padding-small) 0 0;
  max-height: 30px;
  float: left;
}
.listing > li > a:only-child em, .listing > li > a:only-child time {
  display: block;
  font-size: var(--font-size-small);
  color: #9d9d9d;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.listing:not(.listing-text) > li > a:only-child, .listing:not(.listing-text) > li > a.only {
  padding: var(--padding-small);
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: calc(-1 * var(--padding-small));
}
.listing:not(.listing-text) > li > a.only:not(:last-child) {
  margin-bottom: 0;
}
.listing.big > li > a strong.noh {
  font-size: 18px;
  margin: 0 0 7px;
}
.listing.big > li > a strong.noh img {
  float: right;
  margin: 3px 0 0;
}
.listing.big > li > a span {
  display: block;
  overflow: hidden;
  height: 52px;
}
.listing.tick > li em {
  float: right;
  font-size: 0;
}
.listing.tick > li em.o {
  float: right;
  width: 16px;
  height: 16px;
  background: #b0afae;
  border: 1px #a6a296 solid;
  border-radius: 50%;
}
.listing.tick > li em.x {
  font-family: "FontAwesome";
  color: #18a10a;
}
.listing.tick > li em.x:before {
  content: "";
  font-size: 18px;
}
.listing.ranking > li:first-child > a > i:first-child {
  width: 42px;
  height: 42px;
  margin: 0 -42px -42px 0;
  line-height: 42px;
  font-size: 20px;
  font-weight: 600;
}
.listing.ranking > li:first-child > a strong.noh {
  line-height: 130px;
}
.listing.ranking > li > a {
  color: inherit;
  white-space: normal !important;
  text-align: justify;
}
.listing.ranking > li > a > i:first-child {
  color: #fff;
  display: block;
  width: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.2);
  margin: 0 -28px -28px 0;
}
.listing.ranking > li > a strong.noh {
  text-align: center;
  line-height: 80px;
  background: #e7e7e7;
  margin-bottom: 15px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.listing.ranking > li > a .btn {
  display: block;
  margin-top: 10px;
}
.listing.boxy {
  display: grid;
  grid-gap: var(--grid-gap);
}
.listing.boxy > li {
  box-shadow: inset 0 0 0 1px #e7e7e7;
  border: none;
}
.listing.playable.open.open > li:not([class*=cool-stuff]) > a:after {
  display: none;
}
.listing.playable.open.open > li > ol {
  height: auto;
}
.listing.playable > li {
  border-radius: 5px;
  overflow: hidden;
  border: 1px #e7e7e7 solid;
}
.listing.playable > li:not(:last-child) {
  margin-bottom: var(--padding-small);
}
.listing.playable > li.hidden ~ li[class*=cool-stuff], .listing.playable > li.hidden ~ li.header {
  display: none;
}
.listing.playable > li[class*=cool-stuff] {
  padding: 0;
  border: none;
  background: none;
}
.listing.playable > li[class*=cool-stuff] > fieldset {
  background: rgba(0, 0, 0, 0.5);
}
.listing.playable > li.open > a:first-child > i:after {
  content: "";
}

.listing.playable > li.empty > a:first-child > i:after {
  color: #e7e7e7;
}

.listing.playable > li > a:after:first-line {
  font-weight: 400;
  font-size: 30px;
}
.listing.playable > li > a:first-child {
  display: flex;
  align-items: center;
  font-size: var(--font-size-big);
  padding-right: var(--padding);
}
.listing.playable > li > a:first-child > b {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background: #1e1e2a;
  margin: calc(-1 * var(--padding-small)) var(--padding-small) calc(-1 * var(--padding-small)) calc(-1 * var(--padding-small));
  width: var(--width-first);
  text-align: center;
  color: #fff;
  padding: var(--padding-small);
  min-height: calc(48px + 2 * var(--padding-small));
}
.listing.playable > li > a:first-child > b > * {
  margin: var(--padding-smaller) 0;
}
.listing.playable > li > a:first-child > b > img {
  filter: brightness(2);
  display: inline-block;
  margin-right: var(--padding);
  min-width: 25px;
}
.listing.playable > li > a:first-child > b > time {
  color: #fff;
  font-weight: 700;
  display: inline-block;
  white-space: pre;
  font-size: var(--font-size-small);
}
.listing.playable > li > a:first-child > b > time:first-line {
  font-size: var(--font-size-big);
}
.listing.playable > li > a:first-child > p {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  justify-content: space-around;
  min-width: 0;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
}
.listing.playable > li > a:first-child > p > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.listing.playable > li > a:first-child > p > span:first-child strong {
  margin: var(--padding-smaller);
}
.listing.playable > li > a:first-child > p > span:first-child + span a {
  display: block;
  font-size: 13px;
  color: #000;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: var(--padding-smaller);
  font-weight: 400;
}
.listing.playable > li > a:first-child > p img {
  width: 16px;
  height: 16px;
  margin: 0 var(--padding-smaller) 0 0;
  vertical-align: middle;
  border: none;
  box-shadow: none;
  min-width: 16px;
  min-height: 16px;
  border-radius: 0;
}
.listing.playable > li > a:first-child > p i {
  font-style: normal;
  color: #9d9d9d;
}
.listing.playable > li > a:first-child > p i ~ img {
  margin: 0 0 0 var(--padding-smaller);
}
.listing.playable > li > a:first-child > i {
  margin-left: var(--padding-small);
}
.listing.playable > li > a:first-child > i:after {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "FontAwesome", Roboto;
  content: "";
  border-radius: 5px;
  background: none;
  border: 1px #e7e7e7 solid;
  color: #1a936f;
  font-size: 20px;
  width: 40px;
  height: 40px;
}
.listing.playable > li:not(.open) > ol {
  height: 0;
}
.listing.playable > li > ol {
  margin: 0 calc(-1 * var(--padding-small)) calc(-1 * var(--padding-small));
  border-radius: 0 0 5px 5px;
  background: #fff;
}
.listing.playable > li > ol > li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px #e7e7e7 solid;
}
.listing.playable > li > ol > li > *:not(.btn) {
  padding: var(--padding);
}
.listing.playable > li > ol > li > .btn {
  margin: var(--padding);
}
.listing.playable > li > ol > li > a:first-child {
  width: var(--width-first);
  text-align: center;
  position: relative;
}
.listing.playable > li > ol > li > a:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: var(--padding-smaller);
  bottom: var(--padding-smaller);
  right: 0;
  border-left: 1px #e7e7e7 solid;
}
.listing.playable > li > ol > li > a:first-child img[src*="upload/tv/"] {
  width: 60px;
}
.listing.playable > li > ol > li > ol {
  justify-content: start;
  align-items: stretch;
  flex: 1 1 auto;
}
.listing.playable > li > ol > li > ol > li {
  padding: var(--padding-small);
  display: flex;
  align-items: center;
}
.listing.playable > li > ol > li > ol img[src*="upload/channel/"] {
  max-width: 100px;
  max-height: 34px;
}
.listing.playable > li > ol > li > .btn {
  background: linear-gradient(#1a936f, #1a936f);
  min-width: 145px;
}
.listing.links.links > li > a {
  display: grid;
  grid-gap: var(--grid-gap);
  grid-template-columns: max-content 1fr 64px;
  align-items: center;
}
.listing.links.links > li > a:after {
  content: "";
  display: block;
  font-size: 50px;
  font-family: "FontAwesome";
  color: #1a936f;
  text-align: center;
  line-height: 0;
}
.listing.links.links > li > a input[type=checkbox] {
  position: absolute;
  left: 2px;
  top: -10px;
}
.listing > li.p3 {
  box-shadow: inset 0 0 0 1px #47ccfc;
}
.listing > li.p2 {
  box-shadow: inset 0 0 0 1px #47ccfc;
}
.listing > li.p1 {
  box-shadow: inset 0 0 0 1px #47ccfc;
}
.listing.with-counts > li > a:only-child {
  padding-right: 30px;
}
.listing.with-counts > li > a:only-child > i:last-child {
  position: absolute;
  right: 15px;
}

.presentation:not(.pr-non) > * {
  grid-template-areas: "name info go" "desc desc desc";
  grid-template-columns: min-content 1fr min-content;
}
.presentation:not(.pr-non).pr-nodesc > *, .presentation:not(.pr-non) > .pr-nodesc {
  grid-template-areas: "name info go";
}
.presentation.pr-equal > * > .pr-info {
  display: flex;
  align-items: center;
}
.presentation > * {
  padding: var(--padding) 0;
  box-shadow: inset 0 0 0 1px #e7e7e7;
  display: grid;
  grid-gap: var(--grid-gap);
  grid-gap: var(--padding) 0;
  margin-bottom: var(--padding-big);
}
.presentation > *:nth-child(2n) {
  background: rgba(0, 0, 0, 0.01);
}
.presentation > * > * {
  padding: 0 var(--padding-big);
  min-width: 0;
}
.presentation > * .pr-name {
  grid-area: name;
  text-align: center;
  padding-bottom: var(--padding);
  padding-top: var(--padding-small);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.presentation > * .pr-name > a:first-child {
  display: block;
}
.presentation > * .pr-name > a:first-child:not(:only-child) {
  margin: 0 0 var(--padding);
}
.presentation > * .pr-name > a:first-child img {
  min-width: 100px;
  display: inline-block;
}
.presentation > * .pr-name .rating {
  text-align: center !important;
}
.presentation > * .pr-name strong.noh {
  position: absolute;
  visibility: hidden;
}
.presentation > * .pr-info {
  grid-area: info;
  border-left: 1px #e7e7e7 solid;
}
.presentation > * .pr-info > *:not(:last-child) {
  margin-bottom: var(--padding-smaller);
}
.presentation > * .pr-go {
  grid-area: go;
  text-align: right;
  border-left: 1px #e7e7e7 solid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.presentation > * .pr-go > *:not(:last-child) {
  margin-bottom: var(--padding-small);
}
.presentation > * .pr-go .btn {
  align-self: stretch;
}
.presentation > * .pr-desc {
  grid-area: desc;
}
.presentation > * .pr-desc:empty {
  margin-bottom: calc(-1 * var(--padding-big));
}
.presentation > * .btn {
  display: block;
  margin-left: 0;
}
.presentation > * b {
  font-weight: 300;
}

.vpns {
  flex-wrap: nowrap;
}
.vpns > span a {
  display: block;
  font-weight: 600;
  text-decoration: underline;
}
.vpns > img {
  margin: var(--padding) 0 var(--padding) var(--padding-small);
}

@media (max-width: 999.98px) {
  .listing.playable > li > ol > li > div.flex {
    order: 3;
  }
}
@media (max-width: 999.98px) {
  .listing.ranking > li > a p {
    display: none;
  }

  @buggynetbeans;
}
@media (min-width: 768px) {
  .listing.col-2 li:nth-child(4n+2), .listing.col-2 li:nth-child(4n+3), .listing.col-3 li:nth-child(2n+2) {
    background: rgba(0, 0, 0, 0.01);
  }
  .listing.col-2 li:nth-child(2), .listing.col-3 li:nth-child(2), .listing.col-3 li:nth-child(3) {
    border-top: none;
  }

  @buggynetbeans;
}
@media (min-width: 0) and (max-width: 575.98px), (min-width: 768px) and (max-width: 999.98px) {
  [class*=btn-] {
    min-width: 0;
    padding-right: var(--padding);
  }

  html:not(.page-widget) .listing.playable {
    --width-first: 80px;
  }
  html:not(.page-widget) html:not(.page-widget) .listing.playable > li:not([class*=cool-stuff]) > a::after {
    display: none;
  }

  html:not(.page-widget) .listing.playable > li > ol > li > .btn {
    min-width: 0;
  }

  .presentation:not(.pr-non) > * {
    grid-template-areas: "name go" "info info" "desc desc";
    grid-template-columns: auto min-content;
  }
  .presentation:not(.pr-non).pr-nodesc > *, .presentation:not(.pr-non) > .pr-nodesc {
    grid-template-areas: "name go" "info info";
  }
  .presentation.pr-equal.pr-equal > * {
    grid-template-columns: 1fr 1fr;
  }
  .presentation.pr-equal.pr-equal > * .pr-name, .presentation.pr-equal.pr-equal > * .pr-go {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .presentation > * {
    margin: 0 0 var(--padding-big);
  }
  .presentation > * > * {
    display: block;
    border: none;
  }

  @buggynetbeans;
}
@media (max-width: 767.98px) {
  .listing.col-3 li:nth-child(2n+1), .listing.col-2 li:nth-child(2n+1) {
    background: rgba(0, 0, 0, 0.01);
  }

  @buggynetbeans;
}
@media (min-width: 576px) {
  @buggynetbeans;
}
@media (max-width: 575.98px) {
  @buggynetbeans;
}
.william-hill {
  color: #0a0a5a !important;
}

.expekt {
  color: #ff9c00 !important;
}

.betclic {
  color: #8c1a1c !important;
}

.unibet {
  color: #509402 !important;
}

.comeon {
  color: #abc851 !important;
}

.oddsring {
  color: #285da0 !important;
}

.totolotek {
  color: #000000 !important;
}

.sportingbet {
  color: #00116b !important;
}

.bet-at-home {
  color: #04517f !important;
}

.betsafe {
  color: #3d3d3f !important;
}

.betsson {
  color: #f27f1f !important;
}

.lsbet {
  color: #489f19 !important;
}

.sts {
  color: #002e91 !important;
}

.rivalo {
  color: #006f8b !important;
}

.betway {
  color: #000000 !important;
}

.winmasters {
  color: #cc4e54 !important;
}

.fortuna {
  color: #ffd906 !important;
}

.milenium {
  color: #dc020d !important;
}

.interwetten {
  color: #efc50f !important;
}

.betano {
  color: #ec7500 !important;
}

.bet365 {
  color: #027b5b !important;
}

.lvbet {
  color: #000 !important;
}

.xbet {
  color: #195682 !important;
}

.betrally {
  color: #0d1021 !important;
}

.totalbet {
  color: #2a7143 !important;
}

.etoto {
  color: #fff !important;
}

.pzbuk {
  color: #be3433 !important;
}

.superbet {
  color: #cb2516 !important;
}

.william-hill-bg {
  background-color: #0a0a5a !important;
}

.expekt-bg {
  background-color: #ff9c00 !important;
}

.betclic-bg {
  background-color: #8c1a1c !important;
}

.unibet-bg {
  background-color: #509402 !important;
}

.comeon-bg {
  background-color: #abc851 !important;
}

.oddsring-bg {
  background-color: #285da0 !important;
}

.totolotek-bg {
  background-color: #000000 !important;
}

.sportingbet-bg {
  background-color: #00116b !important;
}

.bet-at-home-bg {
  background-color: #04517f !important;
}

.betsafe-bg {
  background-color: #3d3d3f !important;
}

.betsson-bg {
  background-color: #f27f1f !important;
}

.lsbet-bg {
  background-color: #489f19 !important;
}

.sts-bg {
  background-color: #002e91 !important;
}

.rivalo-bg {
  background-color: #006f8b !important;
}

.betway-bg {
  background-color: #000000 !important;
}

.winmasters-bg {
  background-color: #cc4e54 !important;
}

.fortuna-bg {
  background-color: #ffd906 !important;
}

.milenium-bg {
  background-color: #dc020d !important;
}

.interwetten-bg {
  background-color: #efc50f !important;
}

.betano-bg {
  background-color: #ec7500 !important;
}

.bet365-bg {
  background-color: #027b5b !important;
}

.lvbet-bg {
  background-color: #000 !important;
}

.xbet-bg {
  background-color: #195682 !important;
}

.betrally-bg {
  background-color: #0d1021 !important;
}

.totalbet-bg {
  background-color: #2a7143 !important;
}

.etoto-bg {
  background-color: #fff !important;
}

.pzbuk-bg {
  background-color: #be3433 !important;
}

.superbet-bg {
  background-color: #cb2516 !important;
}

.william-hill-border {
  border-color: #0a0a5a !important;
}

.expekt-border {
  border-color: #ff9c00 !important;
}

.betclic-border {
  border-color: #8c1a1c !important;
}

.unibet-border {
  border-color: #509402 !important;
}

.comeon-border {
  border-color: #abc851 !important;
}

.oddsring-border {
  border-color: #285da0 !important;
}

.totolotek-border {
  border-color: #000000 !important;
}

.sportingbet-border {
  border-color: #00116b !important;
}

.bet-at-home-border {
  border-color: #04517f !important;
}

.betsafe-border {
  border-color: #3d3d3f !important;
}

.betsson-border {
  border-color: #f27f1f !important;
}

.lsbet-border {
  border-color: #489f19 !important;
}

.sts-border {
  border-color: #002e91 !important;
}

.rivalo-border {
  border-color: #006f8b !important;
}

.betway-border {
  border-color: #000000 !important;
}

.winmasters-border {
  border-color: #cc4e54 !important;
}

.fortuna-border {
  border-color: #ffd906 !important;
}

.milenium-border {
  border-color: #dc020d !important;
}

.interwetten-border {
  border-color: #efc50f !important;
}

.betano-border {
  border-color: #ec7500 !important;
}

.bet365-border {
  border-color: #027b5b !important;
}

.lvbet-border {
  border-color: #000 !important;
}

.xbet-border {
  border-color: #195682 !important;
}

.betrally-border {
  border-color: #0d1021 !important;
}

.totalbet-border {
  border-color: #2a7143 !important;
}

.etoto-border {
  border-color: #fff !important;
}

.pzbuk-border {
  border-color: #be3433 !important;
}

.superbet-border {
  border-color: #cb2516 !important;
}

.module-bookmaker > .cnt > [class*=cool-stuff] {
  margin: var(--padding-small) 0;
}
.module-bookmaker > .cnt > .pr-non [class*=col-] {
  grid-template-columns: repeat(4, 1fr) min-content;
  justify-items: stretch;
  align-items: center;
  margin: var(--padding-small) 0;
  text-align: center;
}
.module-bookmaker > .cnt > .pr-non [class*=col-] > * + * {
  border-left: 1px #e7e7e7 solid;
}
.module-bookmaker > .cnt > .col-2:not(:last-child) {
  margin: 0 0 var(--padding-small);
}
.module-bookmaker > .cnt > .col-2 td + td {
  font-weight: 600;
}

.module-bookmakers .presentation .pr-name > a.btn.btn {
  box-shadow: 0 0 1px 1px #e7e7e7;
}
.module-bookmakers .presentation .pr-go {
  display: flex;
  align-items: center;
}

.module[class*=bookmaker] .pr-info > :not(:last-child) {
  margin-bottom: var(--padding-smaller);
}
.module[class*=bookmaker] .pr-info > [class*=cool-stuff]:first-child {
  font-weight: 400;
  border: 1px #e7e7e7 solid;
  padding: var(--padding-small) var(--padding);
  font-size: var(--font-size-small);
  max-width: 468px;
}
.module[class*=bookmaker] .pr-info > [class*=cool-stuff]:first-child > a {
  color: #1a936f;
  font-weight: 600;
  text-decoration: underline;
}
.module[class*=bookmaker] .pr-info > [class*=cool-stuff] + [class*=cool-stuff] {
  padding: 0;
}

.module-bookmakers_promoted {
  @buggynetbeans;
}
.module-bookmakers_promoted.module-bookmakers_promoted li > a:only-child {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.module-bookmakers .presentation > * .pr-name > a.btn, .module-tv_event .presentation > * .pr-name > a.btn, .module-bookmakers_promoted.module-bookmakers_promoted li > a:only-child .btn:first-child {
  width: 105px;
  background-image: none;
  box-shadow: 0 0 1px 1px #2f2f3c;
}
.module-bookmakers .presentation > * .pr-name > a.btn img, .module-tv_event .presentation > * .pr-name > a.btn img, .module-bookmakers_promoted.module-bookmakers_promoted li > a:only-child .btn:first-child img {
  min-width: 0;
}

.module-bookmaker-bonus .subtitle .fa {
  font-size: var(--font-size-small);
  margin-left: 7px;
}
.module-bookmaker-bonus .subtitle .fa-circle {
  color: #da281f !important;
}
.module-bookmaker-bonus > .cnt ul strong {
  display: block;
}

.module-bookmaker-cons .fa {
  color: #da281f;
  margin: 0 12px 0 0;
}

.module-bookmaker-bonus .btn, .module-bookmaker-cons .btn {
  margin-top: var(--padding-small);
}

.module[class*=bookmakers] .boxy > li {
  padding: var(--padding) !important;
}
.module[class*=bookmakers] .boxy > li > :first-child {
  padding: 0 var(--padding-small);
  width: 105px;
  line-height: 62px;
  height: 62px;
  box-shadow: inset 0 0 0 1px #e7e7e7;
  float: left;
  margin: 0 var(--padding) var(--padding-smaller) 0;
}
.module[class*=bookmakers] .boxy > li > :first-child img {
  width: 100%;
}
.module[class*=bookmakers] .boxy > li > div {
  padding-top: var(--padding-small);
  text-align: justify;
}
.module[class*=bookmakers] .boxy > li > div + div {
  text-align: center;
}

.module .module-bookmakers_bonuses header, .module .module-bookmakers_bonuses footer {
  display: none;
}
.module .module-bookmakers_bonuses .cnt {
  padding: 0;
}
.module .module-bookmakers_bonuses ol {
  display: flex;
  margin: 0 calc(-1 * var(--padding-small)) var(--padding);
}
.module .module-bookmakers_bonuses ol li {
  text-align: justify;
  border: 4px #000 solid;
  padding: var(--padding);
  background: #fff;
  margin: 0 var(--padding-small);
}
.module .module-bookmakers_bonuses ol li > strong.noh {
  font-size: var(--font-size-big);
  padding-bottom: var(--padding-small);
  font-weight: 500;
}
.module .module-bookmakers_bonuses ol li > p {
  padding-bottom: var(--padding-small);
}
.module .module-bookmakers_bonuses ol li > a {
  text-transform: uppercase;
  font-weight: 500;
}

.module-bookmaker_box {
  text-align: center;
}
.module-bookmaker_box > .cnt {
  text-align: center;
}
.module-bookmaker_box > .cnt a {
  color: #fff;
}
.module-bookmaker_box > .cnt a > em {
  color: #1a936f;
  text-decoration: underline;
}
.module-bookmaker_box > .cnt > a:first-child {
  position: relative;
  display: block;
}
.module-bookmaker_box > .cnt > a:first-child:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 83.3333333333%;
  background: rgba(0, 0, 0, 0.05);
}
.module-bookmaker_box > .cnt > a:first-child > :first-child {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.module-bookmaker_box > .cnt > a:first-child:before {
  margin-bottom: var(--padding);
}
.module-bookmaker_box > .cnt > a:first-child > img {
  max-width: 314px;
  display: block;
  margin: 0 auto;
}
.module-bookmaker_box > footer:last-child > .btn.btn {
  flex: 0 0 auto;
}

@media (max-width: 1354.98px) {
  .module-bookmakers .presentation > li {
    grid-template-areas: "name desc" "go info";
    grid-template-columns: min-content auto;
  }
}
@media (max-width: 999.98px) {
  .module .module-bookmakers_bonuses {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .module-bookmaker_box > .cnt > a:first-child:before {
    display: none;
  }
  .module-bookmaker_box > .cnt > a:first-child > img:first-child {
    max-width: 314px;
    display: block;
    margin: 0 auto;
    position: static;
  }
}
@media (min-width: 0) and (max-width: 575.98px), (min-width: 768px) and (max-width: 999.98px) {
  .module-bookmakers .presentation > li {
    grid-template-areas: "name go" "info info" "desc desc";
    grid-template-columns: 1fr 1fr;
  }

  .module-bookmaker > .cnt > .pr-non [class*=col-] {
    grid-template-columns: 1fr 1fr;
  }
  .module-bookmaker > .cnt > .pr-non [class*=col-] > :last-child {
    grid-column: 1/-1;
    grid-row: auto;
    border: none;
  }

  @buggynetbeans;
}
.filters[data-filter] {
  border-radius: 5px;
  text-transform: uppercase;
  white-space: nowrap;
  flex-wrap: wrap;
  position: relative;
  overflow: visible;
}
.filters[data-filter] > li {
  flex-grow: 1;
}
.filters[data-filter] > li.wrapped {
  display: none;
}
.filters[data-filter] > li.dropdown {
  border-right: none;
  padding: var(--padding);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  cursor: pointer;
  right: -1px;
}
.filters[data-filter] > li.dropdown:hover .fa {
  color: #fff;
}
.filters[data-filter] > li.dropdown .fa {
  color: #1a936f;
  font-size: 20px;
}
.filters[data-filter] > li.dropdown ol {
  color: #000;
}
.filters[data-filter] > li.dropdown ol > li {
  padding-top: var(--padding-smaller);
  padding-bottom: var(--padding-smaller);
}
.filters[data-filter] > li span {
  margin-top: var(--padding-smaller);
}
.filters[data-filter].has-scrollbar {
  padding-right: 39px;
}
.filters[data-filter]:not(.has-scrollbar) > li:nth-last-child(2) {
  border-right: none;
}
.filters[data-filter]:not(.has-scrollbar) > li.dropdown {
  display: none;
}

.module-tv_schedule {
  --width-first: 100px;
}
.module-tv_schedule > .cnt > .subtitle {
  padding: var(--padding-module-v) var(--padding-module-h);
}
.module-tv_schedule.has-scrollbar .listing {
  padding-right: var(--padding-small);
}
.page-home .module-tv_schedule .playable {
  overflow-y: auto;
  max-height: 566px;
}

.module-channel_availability .col-2 {
  border: 1px #e7e7e7 solid;
  grid-gap: 1px;
  background: #e7e7e7;
}
.module-channel_availability .col-2.odd:after {
  content: " ";
  display: block;
  background: #fff;
}
.module-channel_availability .col-2 > li {
  background: #fff;
  grid-template-columns: 1fr 1fr min-content;
}
.module-channel_availability .col-2 > li > * {
  margin: var(--padding);
}
.module-channel_availability .col-2 > li > *:not(.btn) {
  display: flex;
  align-items: center;
}

/*.module-tv_event.active > header .title:first-child:after, .listing.playable > li.active a span time:after { content: 'Trwa'; display: inline-block; margin-left: var(--padding-smaller); text-transform: uppercase; border: 1px $color-yes solid; color: $color-yes; font-size: 10px; line-height: 14px; padding: 0 var(--padding-smaller); }*/
#p-content .module-tv_event {
  --width-first: 100px;
}
#p-content .module-comments.h2 > header:first-child > .title, html:not(.page-home) #p-content .module-newses.h2 > header:first-child > .title, #p-content .module-tv_event.h2 > header:first-child > .title {
  font-size: var(--font-size-big);
  color: #1a936f;
  text-transform: uppercase;
  text-align: left;
  font-weight: 400;
}
#p-content .module-comments.h2 > header:first-child > .title:after, html:not(.page-home) #p-content .module-newses.h2 > header:first-child > .title:after, #p-content .module-tv_event.h2 > header:first-child > .title:after {
  display: none;
}

#p-content .module-tv_event .presentation > li > * {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#p-content .module-tv_event .presentation > li .btn {
  display: inline-block;
}
#p-content .module-tv_event .presentation > li .pr-info > strong:first-child {
  margin-right: var(--padding-small);
}
#p-content .module-tv_event .presentation > li .pr-go {
  white-space: nowrap;
  text-align: center;
  border-left: none;
}
#p-content .module-tv_event .presentation > li .pr-go > span:first-child {
  white-space: nowrap;
  display: inline-block;
  margin-right: var(--padding-small);
}
#p-content .module-tv_event .presentation > li .pr-go > span:first-child a {
  text-decoration: underline;
}
#p-content .module-tv_event .playable {
  margin-bottom: var(--padding);
}
#p-content .module-tv_event .playable + div {
  border-bottom: 1px #e7e7e7 solid;
  padding-bottom: var(--padding);
}
#p-content .module-tv_event .playable + div .progress {
  flex: 1;
  margin: 0 0 0 var(--padding-big);
}
#p-content .module-tv_event .text {
  overflow: hidden;
  margin-top: var(--padding);
  margin-bottom: var(--padding);
}
#p-content .module-tv_event .text > img:first-child {
  float: left;
  margin: 0 var(--padding) var(--padding) 0;
  max-width: 40%;
}
#p-content .module-tv_event .text + .listing {
  font-size: var(--font-size-text);
  margin-left: calc(-1 * var(--padding-section));
  margin-right: calc(-1 * var(--padding-section));
  border-top: 1px #e7e7e7 solid;
  border-bottom: 1px #e7e7e7 solid;
}
#p-content .module-tv_event .text + .listing > li {
  padding: var(--padding-section);
  background: transparent !important;
}
#p-content .module-tv_event .text + .listing img[src*="upload/country/"] {
  vertical-align: middle;
  margin-left: var(--padding-small);
}
#p-content .module-tv_event .text + .listing strong {
  font-weight: 600;
}
#p-content .module-tv_event .text + .listing .rating {
  line-height: 0;
  margin-left: var(--padding-small);
  vertical-align: top;
}
#p-content .module-tv_event .text + .listing .rating .fa {
  font-size: 20px;
  padding: 0 2px;
}

.filters {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  display: flex;
  flex-wrap: nowrap;
  border: 1px #e7e7e7 solid;
  margin-bottom: var(--padding);
  font-weight: 600;
  overflow: hidden;
  transition: none;
}
.filters * {
  transition: none;
}
.filters > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 1 70px;
  padding: var(--padding) var(--padding-big);
  text-align: center;
  border-right: 1px #e7e7e7 solid;
}
.filters > li:first-child {
  border-radius: 5px 0 0 5px;
}
.filters > li:last-child {
  border-radius: 0 5px 5px 0;
}
.filters > li img[src*="upload/sport/"] {
  filter: brightness(2) invert(100%);
}
.filters > li:hover, .filters > li.active {
  background: #1a936f;
  cursor: pointer;
  color: #fff;
}
.filters > li:hover img[src*="upload/sport/"], .filters > li.active img[src*="upload/sport/"] {
  filter: brightness(2);
}
.filters > li:hover {
  color: #fff;
}

.tvs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: stretch;
  border: 1px #e7e7e7 solid;
  margin-bottom: var(--padding);
  margin-top: calc(-1 * var(--padding));
}
.tvs.tvs-with-text > li:not(:first-child) {
  justify-content: flex-start;
}
.tvs > li {
  padding: var(--padding-small) var(--padding);
  text-align: center;
}
.tvs > li.vpns {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.tvs > li:not(.vpns) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tvs > li:not(.vpns):first-child {
  padding: var(--padding-big);
}
.tvs > li:not(.vpns):first-child em {
  font-weight: 600;
}
.tvs > li img:not([src*="upload/channel/"]):not([src*="upload/tv/"]) {
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;
  display: inline-block;
}
.tvs > li div {
  color: #000;
  font-size: calc(var(--font-size-small) - 1px);
  max-width: 90px;
}

.module-tvs .tvs img, .module-tvs_promoted .tvs img {
  max-height: 38px;
}
.module-tvs .presentation > * > .pr-info, .module-tvs_promoted .presentation > * > .pr-info {
  flex-direction: column;
  align-items: flex-start;
}

#p-right .module-tvs_promoted.module-tvs_promoted {
  background: #fff;
  border: 1px #e7e7e7 solid;
}
#p-right .module-tvs_promoted.module-tvs_promoted > header:first-child {
  background: #f8f8f8;
  border-bottom: 1px #e7e7e7 solid;
}
#p-right .module-tvs_promoted.module-tvs_promoted > header:first-child .title {
  color: #000;
}
#p-right .module-tvs_promoted.module-tvs_promoted > header:first-child .title em {
  color: inherit;
  font-weight: 600;
}
#p-right .module-tvs_promoted.module-tvs_promoted li + li {
  border-top: 1px #e7e7e7 solid;
}
#p-right .module-tvs_promoted.module-tvs_promoted li > a:only-child {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#p-content .module-tvs_promoted.module-tvs_promoted .cnt {
  text-align: center;
}
.module-tvs_promoted.module-tvs_promoted .presentation {
  text-align: left;
}
.module-tvs_promoted.module-tvs_promoted .presentation .tvs {
  overflow: hidden;
  white-space: nowrap;
}
.module-tvs_promoted.module-tvs_promoted .presentation .tvs > li:not(.vpns) {
  padding-top: var(--padding-small);
  padding-bottom: var(--padding-small);
}
.module-tvs_promoted.module-tvs_promoted .presentation .tvs > li:not(.vpns):not(:first-child) {
  text-transform: lowercase;
}
.module-tvs_promoted.module-tvs_promoted .presentation .pr-name {
  text-align: left;
  padding-bottom: var(--padding-small);
}
.module-tvs_promoted.module-tvs_promoted .presentation .pr-info {
  display: flex;
}
.module-tvs_promoted.module-tvs_promoted .presentation .pr-go {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.module-tvs_promoted.module-tvs_promoted .presentation .pr-go > span {
  text-transform: lowercase;
  white-space: nowrap;
  padding-right: var(--padding);
}
.module-tvs_promoted.module-tvs_promoted .presentation + .btn {
  background: linear-gradient(#05151a, #05151a);
}

.details {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.details img[src*="upload/sport/"] {
  filter: brightness(0);
  width: 100%;
  height: 100%;
}
.details img[src*="upload/country/"] {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
.details li {
  font-weight: 600;
  white-space: nowrap;
  padding: 0 var(--padding) var(--padding) 0;
}
.details li.social {
  padding-right: 0;
  flex: 1;
  text-align: right;
}
.details li a {
  color: inherit;
}
.details .dor > :first-child {
  margin: 0 var(--padding-small) 0 0;
  float: left;
  width: 30px;
  height: 30px;
}
.details .dor > :first-child + div {
  float: left;
}
.details .dor > .fa.fa {
  font-size: 33px;
  margin-top: -2px;
}
.details .dor > .fa.fa-tv {
  font-size: 28px;
  margin-top: 0;
}
.details .dor > div em {
  font-size: var(--font-size-small);
  font-weight: 400;
  line-height: 12px;
  display: block;
}

.module-tv_event_cats .presentation > * .pr-name > a:first-child img {
  max-height: none;
  min-width: 80px;
  max-width: 80px;
}
.module-tv_event_cats .presentation > * .pr-name > a:first-child strong.noh {
  position: static;
  visibility: visible;
  margin: var(--padding-smaller) calc(-1 * var(--padding)) 0;
  color: #000;
  font-size: var(--font-size-small);
}

.module-event_cats .sheet td:first-child {
  text-align: center;
}

.module-event_cats .sheet td.c, .page-odd.action-cat .module-event .sheet td.c {
  padding-right: 5px;
}

.module-event_archive .listing > li > a:only-child time {
  display: inline-block;
}
.module-event_archive .listing > li > a:only-child img ~ img {
  margin: 0;
}

.presentation > * .tvs {
  border: none;
  margin: 0 calc(-1 * var(--padding));
}
.presentation > * .tvs > li:first-child {
  padding: var(--padding-big) var(--padding);
}

.module-vpns .presentation > * .pr-name > a:first-child img {
  min-width: 175px;
}

.presentation.tv_package > * {
  grid-template-columns: min-content 1fr max-content;
}
.presentation.tv_package > * .pr-info {
  display: flex;
  align-items: center;
}
.presentation.tv_package > * .pr-info strong.noh {
  font-size: var(--font-size-super);
  font-weight: 300;
}
.presentation.tv_package > * .pr-info strong.noh em {
  font-weight: 600;
  text-transform: uppercase;
}
.presentation.tv_package > * .pr-desc {
  display: flex;
  align-items: center;
  font-weight: 600;
  border-top: 1px #e7e7e7 solid;
}
.presentation.tv_package > * .pr-desc > .tvs:last-child {
  margin-bottom: calc(-1 * var(--padding-small));
}
.presentation.tv_package > * .price {
  vertical-align: middle;
}
.presentation.tv_package > * .btn {
  display: inline-block;
}

.module-channels .col-2 {
  margin-bottom: var(--padding);
}
.module-channels .col-2 > :only-child {
  grid-column: 1/-1;
}
.module-channels .filters {
  text-transform: uppercase;
}
.module-channels .thumbs {
  display: grid;
  grid-gap: var(--grid-gap);
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-flow: row dense;
  grid-gap: var(--padding);
}
.module-channels .thumbs > li:not([class*=cool-stuff]) {
  align-items: center;
}
.module-channels .thumbs > li:not([class*=cool-stuff]):after {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background: #e7e7e7;
  margin: var(--padding) 0;
  order: 1;
}
.module-channels .thumbs > li:not([class*=cool-stuff]) > a:first-child {
  order: 0;
  flex: 1;
  display: flex;
  align-items: center;
}
.module-channels .thumbs > li:not([class*=cool-stuff]) > a:first-child > img {
  margin: 0;
}
.module-channels .thumbs > li:not([class*=cool-stuff]) button {
  order: 2;
}

.module-channel .filters {
  border-bottom: none;
}
.module-channel .filters > li {
  flex: initial;
  padding: var(--padding-big);
}
.module-channel .filters > li:hover {
  background: #fff;
  color: #000;
  cursor: auto;
}
.module-channel .presentation .pr-go .price {
  min-width: 135px;
}

.module-link img[src*="upload/sport/"], .module-search_results img[src*="upload/sport/"], .ui-autocomplete img[src*="upload/sport/"] {
  filter: invert(100%);
}

.module-link > *, .module-link > header:first-child > .title {
  text-align: center;
}

.module-highlights .thumbs.grid {
  grid-template-columns: repeat(auto-fill, minmax(calc(283px - var(--padding-big)), 1fr));
}

.module-highlights_promoted .listing {
  display: grid;
  grid-gap: var(--grid-gap);
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-flow: row dense;
  grid-gap: 0;
}
.module-highlights_promoted .listing > li > a:only-child {
  position: relative;
}
.module-highlights_promoted .listing > li > a:only-child > strong.noh {
  text-transform: none;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: var(--font-size-small);
  padding: 0 0 var(--padding);
  display: block;
}
.module-highlights_promoted .listing > li > a:only-child > strong.noh:before {
  content: "";
  font-family: "FontAwesome";
  display: inline-block;
  color: #1a936f;
  margin-right: var(--padding-small);
  font-size: 20px;
  vertical-align: middle;
}
.module-highlights_promoted .listing > li > a:only-child > img {
  max-height: none;
  float: none;
  width: 100%;
}
.module-highlights_promoted .listing > li > a:only-child > button {
  position: absolute;
  right: calc(2 * var(--padding-small));
  bottom: calc(2 * var(--padding-small));
  background-image: linear-gradient(#1a936f, #1a936f);
}
.module-highlights_promoted > footer:last-child {
  padding-top: 0;
}

.module-highlight #player {
  text-align: center;
}
.module-highlight #player > li {
  padding: 0 0 var(--padding-small);
}
.module-highlight #player > li > strong.noh {
  padding: 0 0 var(--padding-small);
}
.module-highlight #player > li > div {
  text-align: left;
}
.module-highlight #player > li .direct {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-width: 606px;
}
.module-highlight #player > li .direct:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.0066006601%;
  background: rgba(0, 0, 0, 0.05);
}
.module-highlight #player > li .direct > :first-child {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.module-highlight #player > li .direct:before {
  background: url(../images/play.jpg) no-repeat;
  background-size: cover;
}

.module-tables .list > li:not(:last-child) {
  border-bottom: 1px #e7e7e7 solid;
}

.module-table.module-table ol {
  padding: var(--padding) 0 0;
}
.module-table.module-table ol li:before {
  display: inline-block;
  content: " ";
  margin: 0 var(--padding-small) 0 0;
  vertical-align: baseline;
  width: 10px;
  height: 10px;
}
.module-table.module-table tr.cl_direct td, .module-table.module-table ol li.cl_direct:before {
  background: #779ecb;
}
.module-table.module-table tr.cl_qualification td, .module-table.module-table ol li.cl_qualification:before {
  background: #aec6cf;
}
.module-table.module-table tr.el_direct td, .module-table.module-table ol li.el_direct:before {
  background: #03C03c;
}
.module-table.module-table tr.el_qualification td, .module-table.module-table ol li.el_qualification:before {
  background: #77dd77;
}
.module-table.module-table tr.next_phase td, .module-table.module-table ol li.next_phase:before {
  background: #b19cd9;
}
.module-table.module-table tr.cl_to_el td, .module-table.module-table ol li.cl_to_el:before {
  background: #ffb347;
}
.module-table.module-table tr.playoff td, .module-table.module-table ol li.playoff:before {
  background: #ffd1dc;
}
.module-table.module-table tr.relegation td, .module-table.module-table ol li.relegation:before {
  background: #ff6961;
}

.module-fixtures ol li:not(.active) table {
  display: none;
}
.module-fixtures ol li + li .title {
  border-top: 1px #e7e7e7 solid;
}
.module-fixtures ol li .title {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
}
.module-fixtures table {
  padding: 0;
}
.module-fixtures table td {
  text-align: left;
}
.module-fixtures table td em {
  font-weight: 400;
}
.module-fixtures table td:first-child {
  white-space: nowrap;
}
.module-fixtures table td:nth-child(2), .module-fixtures table td:nth-child(3) {
  text-align: right;
}
.module-fixtures table td:nth-child(4) {
  width: 0;
  padding-left: 0;
  padding-right: 0;
  border-left: none;
  border-right: none;
}
.module-fixtures table td:nth-child(2), .module-fixtures table td:nth-child(6) {
  width: 500px;
}
.module-fixtures table td:nth-child(3), .module-fixtures table td:nth-child(5) {
  font-weight: bold;
  border-left: none;
  border-right: none;
}

@media (min-width: 1355px) {
  #p-content .module-tv_event .presentation > li .pr-go {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1354.98px) {
  #p-content .module-tv_event .presentation > li .pr-go {
    white-space: normal;
  }
  #p-content .module-tv_event .presentation > li .pr-go > span:first-child {
    margin-right: 0;
  }

  @buggynetbeans;
}
@media (min-width: 768px) and (max-width: 999.98px) {
  @buggynetbeans;
}
@media (max-width: 999.98px) {
  .module-tv, .module-tv_event {
    --width-first: 60px;
  }

  .module-vpns .presentation > * .pr-name > a:first-child img {
    min-width: 130px;
  }

  #p-content .module-tv_event .presentation > li .pr-go > span:first-child {
    white-space: normal;
  }

  @buggynetbeans;
}
@media (max-width: 575.98px) {
  .module-fixtures table tr {
    display: grid;
    grid-template-columns: 1fr min-content min-content min-content 1fr;
    grid-gap: 0;
  }
  .module-fixtures table tr td {
    width: auto !important;
  }
  .module-fixtures table tr td:first-child {
    grid-column: 1/-1;
    grid-row: auto;
    text-align: center;
    border: none;
  }

  @buggynetbeans;
}
@media (min-width: 0) and (max-width: 575.98px), (min-width: 768px) and (max-width: 999.98px) {
  .module-tv .presentation > * .price {
    margin-right: 0;
  }

  .module-highlights .thumbs.grid {
    grid-template-columns: repeat(auto-fill, minmax(calc(226px - var(--padding-big)), 1fr));
  }

  #p-content .module-tv_event .presentation > li {
    grid-template-areas: "name info" "go go";
  }

  .module-tvs_promoted.module-tvs_promoted .presentation .pr-go > span {
    display: none;
  }
  .module-tvs_promoted.module-tvs_promoted .presentation .tvs li:first-child {
    display: none;
  }

  .module-table.module-table tr > :nth-child(7), .module-table.module-table tr > :nth-child(8) {
    display: none;
  }

  .module-fixtures table td:first-child {
    white-space: normal;
  }

  .module-channel .presentation .pr-go .price {
    min-width: 0;
  }

  .module-channel_availability .col-2.odd:after {
    display: none;
  }

  @buggynetbeans;
}
.play {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.play > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  border: 1px solid rgba(100, 100, 100, 0.3);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
.play > div:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 17px 0 17px 29px;
  border-color: transparent transparent transparent #fff;
  margin-left: 8px;
}

#p-content article > header > .subtext {
  text-align: justify;
}

.module-newses > header:first-child > h2 {
  margin-bottom: var(--padding-big);
}

.module-contents > footer, .module-newses > footer {
  margin: 0 0 0 calc(-1 * var(--padding-section) - 1px);
}

.module-contents .news-cats {
  background: #f8f8f8;
  display: flex;
  padding: 0 var(--padding);
  margin: 0 0 var(--padding-small) calc(-1 * var(--padding-section) - 1px);
  align-items: center;
  border: 1px #e7e7e7 solid;
  white-space: nowrap;
  position: relative;
}
.module-contents .news-cats > span:first-child {
  font-size: var(--font-size-big);
  font-weight: 600;
  flex: 1;
}
.module-contents .news-cats > span:first-child .fa {
  margin-right: 10px;
}
.module-contents .news-cats ol {
  display: flex;
  flex: 4;
  text-transform: uppercase;
  flex-wrap: wrap;
  overflow: hidden;
  height: calc(20px + 2 * var(--padding));
}
.module-contents .news-cats li {
  flex: 1 0 auto;
  text-align: center;
}
.module-contents .news-cats li a {
  text-transform: uppercase;
  padding: var(--padding) var(--padding-small);
  display: flex;
  font-size: var(--font-size);
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  justify-content: center;
}
.module-contents .news-cats li.active a, .module-contents .news-cats li a:hover {
  text-decoration: none;
  color: #7f2761;
}
.module-contents .news-cats > label .fa {
  font-size: 20px;
  margin-left: 5px;
  color: #9d9d9d;
  cursor: pointer;
  font-weight: 400;
}
.module-contents .news-cats > label:hover .fa {
  color: #000;
}
.module-contents .news-cats > label > ol {
  transform: translate(0, 100%);
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  list-style: none !important;
  background: #f8f8f8;
  border: 1px #e7e7e7 solid;
  z-index: 1001;
  height: auto;
}
.module-contents .news-cats > label > ol li a {
  padding-top: var(--padding-smaller);
  padding-bottom: var(--padding-smaller);
  justify-content: left;
}
.module-contents .news-cats > label > input[type=checkbox]:first-of-type {
  display: none;
}
.module-contents .news-cats > label > input[type=checkbox]:first-of-type:checked ~ ol {
  display: block;
}

.module-content > .cnt > img:first-child, .module-content.review > .cnt > div:first-child + p + img {
  margin: 0 var(--padding) var(--padding) 0;
  float: left;
  max-width: 50%;
}

.pretty-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 19px;
  font-weight: 300;
}

.pretty-number strong, .module-user_info strong.noh {
  font-size: 13px;
  color: #9d9d9d;
  display: block;
  font-weight: 600;
}

.ustatus:before {
  content: " ";
  width: 5px;
  height: 5px;
  display: inline-block;
  background: #da281f;
  margin: 0 7px 2px 0;
  vertical-align: middle;
  border-radius: 5px;
}
.ustatus.uoff:before {
  background: #4766ba;
}
.ustatus.uon:before {
  background: #18a10a;
}

.ellipsis span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  font-size: 30px;
}
.ellipsis span:nth-child(2) {
  animation-delay: 0.2s;
}
.ellipsis span:nth-child(3) {
  animation-delay: 0.4s;
}

.module-register-dialog fieldset > .row:nth-child(2), .module-login-dialog fieldset > .row:nth-child(2) {
  margin-top: var(--padding);
  padding-top: var(--padding);
  border-top: 1px #e7e7e7 solid;
}

.module-register-dialog fieldset > .row:nth-last-child(-n+2), .module-login-dialog fieldset > .row:nth-last-child(-n+3) {
  text-align: center;
  font-weight: 300;
  text-align: center;
}
.module-register-dialog fieldset > .row:nth-last-child(-n+2) button, .module-register-dialog fieldset > .row:nth-last-child(-n+2) .btn, .module-login-dialog fieldset > .row:nth-last-child(-n+3) button, .module-login-dialog fieldset > .row:nth-last-child(-n+3) .btn {
  width: auto;
}
.module-register-dialog fieldset > .row:nth-last-child(-n+2) a, .module-login-dialog fieldset > .row:nth-last-child(-n+3) a {
  color: #000;
}

.module-login-dialog fieldset > .row:nth-last-child(3) a {
  font-weight: 600;
  text-decoration: underline;
}

.module-register-dialog .inputs {
  font-size: var(--font-size-small);
  color: #9d9d9d;
}
.module-register-dialog .inputs [name=marketing] ~ span, .module-register-dialog .inputs [name=rodo] ~ span {
  font-size: 9px;
}
.module-register-dialog .inputs b::before {
  width: 30px;
  height: 30px;
}

#form-user [data-name=_fake] {
  position: absolute !important;
  visibility: hidden !important;
}
#form-user [data-name*=_row] label + div {
  display: grid;
  grid-gap: var(--grid-gap);
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--padding);
}
#form-user [data-name*=_row] label + div .btn {
  margin: 0;
}
.page-user:not(.action-edit) #form-user [data-name=submit] {
  display: none !important;
}
#form-user.action-edit .former .file-name {
  display: none;
}

.module-widget > .cnt > iframe {
  margin: var(--padding-big) auto;
  display: block;
}
.module-widget [data-name=code]:not(.show) {
  display: none;
}

.module-tags_popular ol {
  text-align: center;
}
.module-tags_popular ol li {
  display: inline-block;
}

.tags {
  clear: both;
}
.tags > li {
  display: inline-block;
}
.tags > li + li {
  margin: 0 0 0 5px;
}
.tags .tag6 {
  font-size: 20px;
}
.tags .tag5 {
  font-size: 18px;
}
.tags .tag4 {
  font-size: 16px;
}
.tags .tag3 {
  font-size: 14px;
}
.tags .tag2 {
  font-size: 12px;
}
.tags .tag1 {
  font-size: 10px;
}
.tags .tag0 {
  font-size: 8px;
}

.module-comments form .flex {
  margin: 0 calc(-1 * var(--padding-small));
}
.module-comments form .flex > * {
  margin: 0 var(--padding-small) var(--padding-small);
}
.module-comments form .flex > div {
  flex: 1;
}
.module-comments form .flex > div textarea {
  height: 100px;
  width: 100%;
  min-width: 300px;
}

.comment {
  background: #fff;
  border-bottom: 1px #e7e7e7 solid;
  padding: var(--padding) 0;
  position: relative;
  font-weight: 300;
}
.comment > i:first-child {
  position: absolute;
  left: 0;
  top: -136px;
}
.comment > .avatar {
  margin: 0 var(--padding-big) 0 0;
}
.comment > .avatar > img:first-child {
  overflow: hidden;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.comment > div {
  flex: 1;
  font-size: var(--font-size-small);
}
.comment > div > * {
  color: #000;
}
.comment > div > a:first-child {
  font-weight: 600;
}
.comment > div > time {
  text-transform: lowercase;
}
.comment > div > div {
  word-wrap: break-word;
  overflow: hidden;
  font-size: var(--font-size);
  padding-top: var(--padding-smaller);
}
.comment .separated {
  float: right !important;
  display: none;
}
.comment:hover .separated {
  display: block;
}
.comment + ol .comment {
  padding-left: calc(50px + var(--padding-small));
}

article.module .textbox-row {
  display: table;
  width: 100%;
  max-width: 100%;
}
article.module .textbox-row > * {
  display: table-cell !important;
  margin: 0;
  vertical-align: middle;
  border-radius: 0;
  border: 1px #d0c7af solid;
  border-left: none;
  float: none;
}
article.module .textbox-row > :first-child {
  border-radius: 3px 0 0 3px;
  border-left: 1px #e7e7e7 solid;
}
article.module .textbox-row > :last-child {
  border-radius: 0 3px 3px 0;
}
article.module .textbox-row > .avatar {
  background: #fff;
}
article.module .textbox-row > .avatar > img:first-child {
  margin: 4px !important;
}
article.module .textbox-row > .avatar + div {
  width: 100%;
  position: relative;
  border-right: none;
}
article.module .textbox-row > .avatar + div + span {
  color: #e7e7e7;
  border-left: none;
  box-shadow: inset 0 2px 2px 0 #edebe5;
  background: #fff;
  cursor: pointer;
}
article.module .textbox-row > .avatar + div + span i {
  display: inline-block;
  width: 36px;
  text-align: center;
  vertical-align: baseline;
}
article.module .textbox-row > .avatar + div + span:hover i {
  color: #b4ac97;
  cursor: pointer;
}
article.module .textbox-row > .btn:last-child {
  border: none;
}
article.module .textbox-row input[type=text], article.module .textbox-row textarea {
  width: 100%;
  border: none;
  border-radius: 0;
  max-width: 100%;
  min-width: 100%;
}

.statuses {
  display: inline-block;
  vertical-align: middle;
}
.statuses > li {
  float: left;
  margin: 0 1px 0 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  text-indent: -999em;
  overflow: hidden;
}

.breadcrumb.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: stretch;
  align-items: stretch;
  font-size: var(--font-size-small);
  text-align: left !important;
  --color-hover: #fff;
  border-bottom: 1px #e7e7e7 solid;
  margin-bottom: -1px;
}
.breadcrumb.breadcrumb > li {
  position: relative;
  border-bottom: 1px #e7e7e7 solid;
  margin-bottom: -1px;
}
.breadcrumb.breadcrumb > li:hover {
  background: #dededa;
  --color-hover: #dededa;
}
.breadcrumb.breadcrumb > li:not(:last-child) {
  border-right: 1px #e7e7e7 solid;
}
.breadcrumb.breadcrumb > li:not(:last-child):before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #e7e7e7;
  position: absolute;
  margin-top: -6px;
  top: 50%;
  right: -6px;
}
.breadcrumb.breadcrumb > li:not(:last-child):after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  -moz-transform: scale(0.9999);
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent var(--color-hover);
  position: absolute;
  margin-top: -4px;
  top: 50%;
  right: -4px;
  z-index: 1;
}
.breadcrumb.breadcrumb > li:last-child:not(:first-child) {
  font-weight: 600;
}
.breadcrumb.breadcrumb > li span {
  padding: var(--padding-small) var(--padding-big);
  display: flex;
  align-items: center;
  height: 100%;
}
.breadcrumb.breadcrumb > li span em {
  white-space: pre-wrap;
}

.separated > li {
  display: inline-block;
}
.separated > li + li:before {
  display: inline-block;
  content: " ";
  width: 2px;
  height: 11px;
  background: #e6e6e6;
  border-left: 1px #e7e7e7 solid;
  margin: 0 var(--padding-smaller);
  vertical-align: middle;
}

.backdrop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2040;
  float: none !important;
  width: auto !important;
  color: #fff;
  text-align: center;
  margin: 0 !important;
}
.backdrop:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 50px;
  color: #000;
  position: absolute;
  right: var(--padding-big);
  top: var(--padding-big);
  cursor: pointer;
}
.backdrop > * {
  max-width: 100%;
}
.backdrop > div {
  max-width: 1340px;
  padding: var(--padding-big);
}
.backdrop > div p {
  text-align: justify;
}

#search_cover {
  justify-content: start;
  padding: 10vh calc(((100% - 1340px / 4 * 3) / 2));
}
#search_cover .fa-search {
  font-size: calc(2 * var(--font-size-big));
  margin-right: var(--padding-small);
}
#search_cover input[type=text] {
  background: none;
  color: #fff;
  font-size: var(--font-size-super);
  box-shadow: none;
  border: none;
  flex: 1;
}
#search_cover > form {
  width: 100%;
  padding-bottom: var(--padding-big);
}
#search_cover > article {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
}
#search_cover > article .cnt {
  overflow: hidden;
  overflow-y: auto;
}
#search_cover > article .cnt.loading {
  overflow: hidden;
}

[class*=cool-stuff] {
  text-align: center;
  padding: 0 0 var(--padding-small);
  overflow: hidden;
  clear: both;
  display: block;
  font-size: var(--font-size);
  font-weight: 600;
  max-width: 100%;
  margin: 0 auto;
}
[class*=cool-stuff] > *:not(script) {
  display: inline-block;
}

section[id^=p-] > [class*=cool-stuff]:not(:last-child) {
  padding-bottom: 0;
}

#p-subheader > [class*=cool-stuff] {
  width: 100%;
  padding-top: var(--padding-small);
}

#site + [class*=cool-stuff], #cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

#site + [class*=cool-stuff] {
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}
#site + [class*=cool-stuff] > div {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
}

#cookie {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  padding: var(--padding-small) var(--padding);
}
#cookie a {
  font-weight: 600;
  color: inherit;
}
#cookie .btn {
  margin: 0 0 0 var(--padding-small);
}

#popup > div {
  padding: var(--padding);
  background: #fff;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
#popup > div * {
  max-height: 100%;
  max-width: 100%;
}
#popup > div img {
  display: block;
}
#popup .btn {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 0 0 5px;
  z-index: 6000;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  text-align: center;
  padding: 0;
}
#popup .info {
  position: absolute;
  right: var(--padding);
  bottom: var(--padding);
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

#lightbox img {
  max-width: 80%;
  max-height: 80%;
}

[data-rating-type] [data-value] {
  cursor: pointer;
}

div.rating {
  display: inline-block;
  padding: 0 !important;
  white-space: nowrap;
}
div.rating[data]:hover .fa {
  color: #1a936f !important;
  cursor: pointer;
}
div.rating[data]:hover .fa:before {
  content: "";
}
div.rating[data]:hover .fa:hover ~ .fa {
  color: #9d9d9d !important;
}
div.rating[data]:hover .fa:hover ~ .fa:before {
  content: "";
}
div.rating .fa {
  padding: 0 1px;
}
div.rating .fa-star {
  color: #1a936f !important;
}
div.rating .fa-star-o {
  color: #05151a !important;
}
div.rating .fa-star-o:before {
  content: "";
}
div.rating .fa-star-half-o {
  color: #1a936f !important;
}
div.rating span[itemprop] {
  display: none;
}
div.rating em {
  display: block;
  text-transform: uppercase;
  padding: var(--padding-small) 0;
  font-weight: 400;
  white-space: normal;
}

div.rate {
  text-align: center;
  font-weight: 600;
}
div.rate > span {
  float: left;
  text-align: center;
  font-weight: 400;
}
div.rate > span .btn {
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}
div.rate > span ~ span {
  float: right;
}
div.rate > .progress {
  width: 85%;
  margin-top: 22px;
  display: inline-block;
}

div.progress {
  background: #e7e7e7;
  height: 9px;
  clear: both;
  margin: var(--padding-small) auto 0;
  border-radius: 5px;
}
div.progress > div {
  background: #1a936f;
  height: 100%;
  transition: width 1s ease-in-out;
  border-radius: inherit;
  position: relative;
}
div.progress > div:after {
  content: " ";
  display: block;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #1a936f;
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: -7px;
  top: -3px;
}

.showhide {
  cursor: pointer;
}

:not(.cnt).hidden {
  display: none !important;
}

.cnt.hidden {
  max-height: 0 !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border: none !important;
}

.invisible {
  position: absolute !important;
  visibility: hidden !important;
}

.show-all {
  display: block;
}

.info {
  padding: 0 0 var(--padding-small);
}

.loading {
  position: relative;
  border-radius: 5px;
}
.loading:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2000;
  min-width: 16px;
  min-height: 16px;
  opacity: 1;
}
.loading:after {
  content: "";
  font-family: "FontAwesome";
  font-size: 50px;
  color: #000;
  z-index: 2001;
  animation: fa-spin 2s infinite linear;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.btn.loading:hover:before {
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}

.onhover {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 10px 5px;
  border-left: 1px #e7e7e7 solid;
  border-bottom: 1px #e7e7e7 solid;
  background: #fff;
  width: auto !important;
}
.onhover > * {
  margin: 0 3px;
  cursor: pointer;
}
:hover > .onhover {
  display: inline-block;
}

.bookie {
  font-weight: 600;
}

#warning {
  z-index: 6000;
}
#warning > div strong.noh {
  font-size: 20px;
}
#warning > div p {
  margin-bottom: var(--padding-small);
}

.avatar {
  display: inline-block !important;
  vertical-align: baseline;
}
.avatar > img:first-child {
  width: 30px;
  height: 30px;
  display: inline-block;
  max-width: none;
}
.avatar.space:before {
  content: " ";
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 13px;
}
img.avatar {
  width: 30px;
  height: 30px;
}

.smileys {
  float: right;
}
.smileys li {
  display: inline-block;
}
.smileys .smy {
  cursor: pointer;
  padding: 2px;
}
.smileys label {
  margin: 0 0 0 10px;
}

.smy {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/smileys.png) no-repeat;
  text-indent: -999em;
  overflow: hidden;
  margin: 0 2px;
  vertical-align: middle;
  text-align: left;
}
.smy.wink {
  background-position: -16px 0px;
}
.smy.sad {
  background-position: -32px 0px;
}
.smy.mad {
  background-position: -48px 0px;
}
.smy.pfft {
  background-position: -64px 0px;
}
.smy.money {
  background-position: -80px 0px;
}
.smy.grin {
  background-position: -96px 0px;
}
.smy.yay {
  background-position: -112px 0px;
}
.smy.plus {
  background-position: -128px 0px;
}
.smy.minus {
  background-position: -144px 0px;
}
.smy.hokey {
  background-position: -160px 0px;
}
.smy.reczna {
  background-position: -176px 0px;
}
.smy.kosz {
  background-position: -192px 0px;
}
.smy.siatka {
  background-position: -208px 0px;
}
.smy.tenis {
  background-position: -224px 0px;
}
.smy.pilka {
  background-position: -240px 0px;
}

html.admin.admin-mode [data-id] {
  box-shadow: inset 0 0 2px #000;
}
html.admin.admin-mode [data-id], html.admin.admin-mode [data-id] * {
  background: rgba(69, 128, 40, 0.5) !important;
  color: #fff !important;
}
html.admin.admin-mode [data-id]:hover, html.admin.admin-mode [data-id]:hover * {
  background: #458028 !important;
  cursor: pointer;
}

.form-control, input[type=file] {
  display: block;
  width: 100%;
  margin-right: 0;
}

.form-horizontal .form-group {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding-small);
  margin-bottom: var(--padding-smaller);
  padding-top: var(--padding-smaller);
}
.form-horizontal .form-group[data-type=image] .checkbox {
  display: none;
}
.form-horizontal .form-group[data-type=submit] {
  grid-template-columns: 1fr;
  border-top: 1px #e7e7e7 solid;
  text-align: right;
}
.form-horizontal .form-group[data-type=datetime] select {
  display: inline-block;
  width: auto !important;
  margin-right: 0;
}
.form-horizontal [data-name=smileys], .form-horizontal div.file-name {
  display: none;
}
.form-horizontal .control-label {
  text-align: right;
  font-weight: 600;
  align-self: start;
  padding-top: calc(var(--height-input) / 2 - var(--font-size) / 2);
}
.form-horizontal .control-label em {
  color: #da281f;
}
.form-horizontal .ibox-title {
  padding: 0 0 5px;
  line-height: var(--height-input);
  border-bottom: 1px #e7e7e7 solid;
  margin: 0 0 var(--padding-smaller);
}
.form-horizontal .ibox-title h5 {
  font-weight: 600;
  overflow: hidden;
}
.form-horizontal .ibox-title h5 button {
  float: right;
}
.form-horizontal .ibox-title .ibox-tools {
  display: none;
}

textarea.form-control {
  height: 250px;
}

.circle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.circle + span {
  width: 30px;
  text-align: right;
  display: inline-block;
  font-size: 11px;
}

.price {
  text-transform: lowercase;
  text-align: right;
  display: inline-block;
  padding: 0 0 var(--padding-smaller);
  white-space: nowrap;
  font-weight: 600;
}
.price span {
  color: #1a936f;
  display: block;
  font-size: var(--font-size-superbig);
  text-transform: none;
  margin-bottom: -10px;
}

@media (min-width: 1355px) {
  .hidden-xl {
    display: none !important;
  }

  @buggynetbeans;
}
@media (max-width: 1354.98px) {
  .hidden-lg {
    display: none !important;
  }

  @buggynetbeans;
}
@media (min-width: 1000px) {
  .hidden-up-lg {
    display: none !important;
  }

  @buggynetbeans;
}
@media (max-width: 999.98px) {
  .hidden-md {
    display: none !important;
  }

  #header > #user {
    flex: 1;
    margin-left: 0;
  }
  #header > #user ol {
    left: 0;
    right: auto;
  }

  #top {
    flex: 1 0 100%;
  }

  #header > .dropdown {
    --padding-dropdown: var(--padding);
  }
  #header > .dropdown > .fa {
    display: block;
    font-size: 30px;
    min-width: var(--height-input);
    text-align: center;
    color: #000;
  }
  #header > .dropdown:hover > .fa {
    color: #1e1e2a;
  }
  #header > .dropdown > ol {
    min-width: 200px;
  }
  #header > .dropdown > ol > li [class*=fa-chevron] {
    font-size: var(--font-size-small);
    left: auto;
    bottom: auto;
    position: static;
    margin: -4px 0 0 10px;
  }
  #header > .dropdown > ol > li [class*=fa-chevron] .dropdown {
    --padding-dropdown: calc(var(--padding));
  }
  #header > .dropdown .dropdown > ol {
    border: none;
    position: static;
    margin: 0 calc(-1 * var(--padding-dropdown));
  }

  #p-content {
    border-left: none;
  }

  #p-right {
    border-right: none;
    padding-right: 0;
  }

  html.p-right .module-contents .list .lazy > img {
    height: auto;
  }

  .module-slip_upload [data-step="2"] {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "book status" "cash odd" "preview desc" "preview desc";
  }

  @buggynetbeans;
}
@media (min-width: 768px) {
  .hidden-up-md {
    display: none !important;
  }

  .page-home .thumbs.compact.compact {
    margin-right: 0;
  }

  html:not(.page-home) .h1 > header:first-child {
    display: none;
  }

  #p-right article {
    --padding-module-h: var(--padding-small);
    --padding-module-t: var(--padding-small);
    --padding-module-b: var(--padding-small);
    background: #05151a;
    border-radius: 5px;
    overflow: hidden;
  }
  #p-right article > footer {
    --padding-module-v: var(--padding-small);
  }

  @buggynetbeans;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  #p-right#p-right {
    column-count: 2;
    display: block;
  }
}
@media (max-width: 767.98px) {
  :root {
    --padding-module-h: 10px;
    --padding-module-v: 10px;
    --padding-module-t: 10px;
    --padding-module-b: 10px;
  }

  .hidden-md {
    display: none !important;
  }

  #p-right#p-right {
    padding: var(--padding-section);
  }

  :not(.no-break).col-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  :not(.no-break).col-3, :not(.no-break).col-2 {
    grid-template-columns: repeat(1, 1fr);
  }

  table.one-line {
    white-space: normal;
  }

  #task, #btt {
    display: none;
  }

  #top {
    margin: 0 calc(-1 * var(--site-gap));
    padding: var(--site-gap);
    background: #1a936f;
  }
  #top:before {
    display: none;
  }
  #top a {
    flex: 1;
  }
  #top a span {
    flex: 1;
    min-width: 0;
  }
  #top a em {
    display: none;
  }

  #_header_from_h1 {
    display: none;
  }

  html:not(.page-home) .h1 > header:first-child > .title {
    flex: 1 0 100%;
  }

  #search_cover {
    padding: var(--padding);
  }

  .module-channels .thumbs {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }

  .module-event_cats .cnt select {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .vs {
    display: block;
    overflow: hidden;
    height: 0.1px;
  }

  table td.c {
    padding-right: 15px;
    min-width: 40px;
  }

  @buggynetbeans;
}
@media (min-width: 576px) {
  .hidden-up-sm {
    display: none !important;
  }

  #header > #user {
    --padding-dropdown: 0;
  }
  #header > #user > .btn.blank:first-child {
    display: none;
  }
  #header > #user > .btn.blank:first-child + ol {
    display: flex;
    flex-wrap: nowrap;
    position: static;
    background: transparent;
    z-index: 0;
  }
  #header > #user > .btn.blank:first-child + ol > li {
    margin: 0 var(--padding-smaller);
  }
  #header > #user > .btn.blank:first-child + ol > li .btn:not(.btn-user) {
    color: #000;
  }
  #header > #user > .btn.blank:first-child + ol > li .btn:not(.btn-user):hover {
    background: #eaeaea;
  }

  @buggynetbeans;
}
@media (max-width: 575.98px) {
  :root {
    --padding-section: 2px;
  }

  .hidden-sm {
    display: none !important;
  }

  #site section[id^=p-] {
    border-bottom: none;
  }

  #header > #user ol .btn {
    box-shadow: none;
    border-radius: 0;
    display: block;
    height: auto;
    line-height: 30px;
    text-align: left;
    background: none;
    color: #fff;
    font-size: var(--font-size);
    padding: var(--padding-smaller) var(--padding-dropdown);
    margin: 0 calc(-1 * var(--padding-dropdown));
  }
  #header > #user ol .btn.btn-user:before {
    display: none;
  }

  .form-horizontal .control-label {
    text-align: left;
  }
  .form-horizontal .form-group {
    grid-template-columns: 1fr;
  }

  .page-user [data-name*=_row] label {
    display: none;
  }
  .page-user [data-name*=_row] label + div {
    grid-template-columns: 1fr;
  }

  .ui-autocomplete {
    width: 250px;
  }

  @buggynetbeans;
}
.hidden-up-xs {
  display: none !important;
}

@buggynetbeans;
@media (min-width: 0) and (max-width: 575.98px), (min-width: 768px) and (max-width: 999.98px) {
  .hidden-both {
    display: none !important;
  }
}
@media (max-width: 360px) {
  .hidden-xs {
    display: none !important;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  html.ios select, html.ios textarea, html.ios input {
    font-size: 16px !important;
  }
}
@keyframes pulse {
  0% {
    color: brighten(#18a10a, 50%);
  }
  50% {
    color: #18a10a;
  }
  100% {
    color: brighten(#18a10a, 50%);
  }
}
@keyframes pulse-bg {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: rgba(0, 0, 0, 0.05);
  }
  100% {
    background-color: #fff;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#toast-container > div {
  opacity: 0.9;
}

[id^=zeus_] {
  max-width: 100%;
}

div.gfyitem {
  width: 100%;
  max-width: 100%;
}
div.gfyitem div:not(.gfyCtrlBox):not(.gfyCtrlTabPull) {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
div.gfyitem div:not(.gfyCtrlBox):not(.gfyCtrlTabPull) .gfyPreLoadCanvas {
  display: none;
}
div.gfyitem div:not(.gfyCtrlBox):not(.gfyCtrlTabPull) video {
  position: relative !important;
  height: auto !important;
  margin-top: 0;
  max-width: 100% !important;
}
div.gfyitem .gfyCtrlBox {
  margin-bottom: 10px !important;
}
div.gfyitem .gfyCtrlBox .gfyCtrlPause, div.gfyitem .gfyCtrlBox .gfyCtrlReverse, div.gfyitem .gfyCtrlBox .gfyCtrlSlower, div.gfyitem .gfyCtrlBox .gfyCtrlFaster {
  width: 15px;
  height: 15px;
  margin-top: 0;
  display: inline-block !important;
}
div.gfyitem .gfyGif {
  position: relative !important;
}

.xdebug-var-dump {
  background: #fff;
  color: #000;
}

.xdebug-var-dump ~ #header, pre ~ #header {
  display: none;
}

.highcharts-credits {
  display: none;
}

.note-editor .modal {
  display: none;
}

.note-toolbar.panel-heading {
  border-bottom: 1px #ddd solid;
  padding: 0;
  background: #efebe6;
}
.note-toolbar.panel-heading > .note-btn-group {
  padding: 0;
  margin: 0;
}
.note-toolbar.panel-heading > .note-btn-group > *, .note-toolbar.panel-heading > .note-btn-group > .note-btn-group > * {
  margin: 0;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.note-toolbar.panel-heading .smileys.dropdown ul {
  padding-left: 0;
  padding-right: 0;
  border: none;
  top: 2px;
  left: 1px;
}

.note-popover {
  display: none;
}

.note-btn-group {
  display: inline-block;
}

.ui-autocomplete-loading {
  animation: pulse-bg 1.5s infinite;
  cursor: progress !important;
}

.ui-menu.ui-autocomplete {
  color: #000;
  background: #fff;
  border: 1px #e7e7e7 solid;
  z-index: 2000;
}
.ui-menu.ui-autocomplete .ui-menu-item-wrapper {
  padding: 0;
  display: block;
  padding: 2px 5px;
  text-decoration: none;
}
.ui-menu.ui-autocomplete .ui-menu-item {
  list-style-image: none;
  line-height: 14px;
  display: block;
  overflow: hidden;
}
.ui-menu.ui-autocomplete .ui-menu-item:nth-child(n+2) {
  border-top: 1px #e7e7e7 solid;
}
.ui-menu.ui-autocomplete .ui-menu-item img {
  float: left;
  margin: 0 5px 0 0;
  width: 30px;
  height: 30px;
  padding: 2px;
  overflow: hidden;
}
.ui-menu.ui-autocomplete .ui-menu-item h4 {
  margin: 1px 0 -1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: var(--font-size-small);
}
.ui-menu.ui-autocomplete .ui-menu-item em {
  font-size: 10px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.ui-menu.ui-autocomplete .ui-menu-item:hover em, .ui-menu.ui-autocomplete .ui-menu-item .ui-state-focus em {
  color: #333;
}
.ui-menu.ui-autocomplete .ui-autocomplete-category {
  font-weight: bold;
  padding: 2px 5px;
}
.ui-menu.ui-autocomplete .ui-autocomplete-category:hover {
  color: inherit;
}
.ui-menu.ui-autocomplete .ui-state-focus, .ui-menu.ui-autocomplete .ui-state-active {
  margin: 0;
  background: rgba(0, 0, 0, 0.02) !important;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-state-disabled {
  background: #eee;
}

img[src*="content.pollster.pl"] {
  position: absolute;
}

[id*=plusone_] {
  vertical-align: middle !important;
}

.fb-share-button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.fb-share-button > span {
  vertical-align: middle !important;
}

.twitter-tweet {
  margin-top: 0 !important;
}
.twitter-tweet:last-child {
  margin: 0 auto !important;
}

  .modalcom {
    display: none;
    position: fixed; 
    padding-top: 400px;
    left: 0; 
    top: 0;
    width: 100%;
    height: 100%; 
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
  }
  .modalcom-content {
    position: relative; 
    background-color: white;
    padding: 20px; 
    margin: auto; 
    width: 75%;  
	color: red;
	font-size:20px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
  }

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