@charset "UTF-8";
@font-face {
  font-family: Roboto;
  src:
    url(../fonts/Roboto-Bold.woff2) format("woff2"),
    url(../fonts/Roboto-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src:
    url(../fonts/Roboto-Medium.woff2) format("woff2"),
    url(../fonts/Roboto-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src:
    url(../fonts/Roboto-Regular.woff2) format("woff2"),
    url(../fonts/Roboto-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src:
    url(../fonts/RobotoSlab-Regular.woff2) format("woff2"),
    url(../fonts/RobotoSlab-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src:
    url(../fonts/RobotoSlab-Bold.woff2) format("woff2"),
    url(../fonts/RobotoSlab-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.hide {
  display: none;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition:
    0.2s transform,
    0.2s top;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.br-theme-css-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-css-stars .br-widget a {
  text-decoration: none;
  height: 18px;
  width: 18px;
  float: left;
  font-size: 23px;
  margin-right: 5px;
}
.br-theme-css-stars .br-widget a:after {
  content: "★";
  color: #d2d2d2;
  line-height: 1;
  width: 0;
  height: 0;
  display: block;
}
.br-theme-css-stars .br-widget a.br-active:after {
  color: #edb867;
}
.br-theme-css-stars .br-widget a.br-selected:after {
  color: #edb867;
}
.br-theme-css-stars .br-widget .br-current-rating {
  display: none;
}
.br-theme-css-stars .br-readonly a {
  cursor: default;
}
#cookie-law-div {
  z-index: 10000000;
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 1em;
  width: 100%;
  background: #131e2b;
  opacity: 0.9;
  font-size: 80%;
}
#cookie-law-div p {
  margin: 0 22px;
  text-align: center;
  color: #fff;
}
#cookie-law-div button {
  position: absolute;
  right: 1em;
  top: 8px;
  line-height: 1;
  font-size: 24px;
  background: 0 0;
  border: none;
  color: #fff;
  opacity: 0.66;
  cursor: pointer;
} /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
body,
html {
  width: 100%;
}
body {
  margin: 0;
  width: 100%;
  overflow-x: hidden;
  background-color: #fff;
  color: #131e2b;
  line-height: 1.5;
  font-size: 16px;
  font-family: Roboto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
a {
  background-color: transparent;
  color: inherit;
  transition: color 0.3s;
  text-decoration: none;
}
b,
strong {
  font-weight: 700;
}
img {
  border-style: none;
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
img[srcset-background] {
  opacity: 0;
}
img,
svg {
  vertical-align: middle;
}
figure {
  margin: 0;
}
figure figcaption {
  display: block;
  margin-top: 12px;
  color: #8492a3;
  font-size: 14px;
}
iframe {
  max-width: 100%;
}
blockquote {
  margin: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  width: 100%;
  height: 50px;
  padding: 17px 20px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  color: inherit;
  font-size: 14px;
  transition: all 0.3s;
  color: #121b24;
}
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
  border: 1px solid #131e2b;
  outline: 0;
}
input[type="color"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="range"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(54, 72, 94, 0.5);
}
input[type="color"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="range"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(54, 72, 94, 0.5);
}
input[type="color"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="range"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(54, 72, 94, 0.5);
}
input[type="color"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="range"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(54, 72, 94, 0.5);
}
input[type="color"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="range"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(54, 72, 94, 0.5);
}
textarea {
  display: block;
  height: 134px;
  resize: none;
}
button {
  border: none;
  color: inherit;
  background: 0 0;
  padding: 0;
  border: none;
  cursor: pointer;
}
a:active,
a:focus,
button:active,
button:focus {
  outline: 0;
}
button[type="submit"]:active,
button[type="submit"]:focus,
input[type="search"]:active,
input[type="search"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="text"]:active,
input[type="text"]:focus {
  outline: 0;
}
.entry-header {
  margin-bottom: 36px;
}
.entry-header > :is(h1, h2) {
  margin-bottom: 16px;
  font-size: 24px;
  font-family: "Roboto Slab";
  line-height: 130%;
}
.entry-rating {
  color: #8492a3;
}
.entry-rating > img {
  height: 14px;
  width: auto;
  margin-bottom: 4px;
}
.entry-rating--simple {
  font-size: 18px;
  color: #1b2b3f;
  font-weight: 700;
}
.entry-subpages h3 {
  position: relative;
  padding-left: 33px;
  font-size: 18px;
  font-weight: 400;
}
.entry-subpages h3::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fb8f1d;
}
.entry-subpages h3:not(.current):hover {
  color: #fb8f1d;
}
.entry-subpages h3 + h3 {
  margin-top: 20px;
}
.entry-subpages h3.current {
  font-weight: 700;
  color: #fb8f1d;
}
.entry-toc {
  margin: 40px 0;
}
.entry-toc > ol {
  display: none;
  margin-top: 24px;
  padding-left: 32px;
  list-style: decimal;
}
.entry-toc > ol ol {
  list-style: decimal;
  padding-left: 1em;
}
.entry-toc ol {
  font-size: 14px;
}
.entry-toc ol li + li {
  margin-top: 0.5em;
}
.entry-toc ol ol {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.entry-toc ol a {
  color: #1b2b3f;
}
.entry-toc ol a:hover {
  color: #fb8f1d;
}
.no-js .entry-toc > ol {
  display: block;
}
.no-js .entry-toc > button [data-text] {
  display: none;
}
.entry-shortcuts {
  margin: 40px 0 32px;
}
.entry-shortcuts ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px;
  margin-bottom: 8px;
  border-radius: 4px;
  background-color: #fff3e1;
}
.entry-content {
  line-height: 160%;
}
.entry-content > :first-child {
  margin-top: 0;
}
.entry-content > :last-child {
  margin-bottom: 0;
}
.entry-content :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 36px;
  font-weight: 700;
  line-height: 1.2;
}
.entry-content :is(h1, h2, h3, h4, h5, h6) + figure {
  margin-top: 10px !important;
}
.entry-content :is(h1, h2, h3, h4) {
  margin-bottom: 24px;
}
.entry-content :is(h5, h6) {
  margin-bottom: 16px;
}
.entry-content h1 {
  font-family: "Roboto Slab";
}
.entry-content div.important + p,
.entry-content div.row + div.row,
.entry-content div.row + p,
.entry-content p + div.important,
.entry-content p + div.row,
.entry-content p + p {
  margin-top: 1em;
}
.entry-content a {
  color: #fb8f1d;
  text-decoration: none;
}
.entry-content > ol,
.entry-content > ul {
  margin: 1.5em 0;
}
.entry-content > ol > li + li,
.entry-content > ul > li + li {
  margin-top: 1em;
}
.entry-content > ol.thin > li + li,
.entry-content > ul.thin > li + li {
  margin-top: 0.5em;
}
.entry-content > ul {
  padding: 0;
}
.entry-content > ol {
  list-style: decimal;
  padding-left: 1.1em;
}
.entry-content ul:not(.card ul) li {
  position: relative;
  padding-left: 24px;
}
.entry-content ul:not(.card ul) li::before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fb8f1d;
}
.entry-content table {
  margin-top: 36px;
  margin-bottom: 36px;
}
.entry-content .u-video,
.entry-content > iframe {
  margin-top: 32px;
  margin-bottom: 32px;
}
.entry-content figure {
  margin-top: 36px;
  margin-bottom: 36px;
}
.entry-content figure table {
  margin-bottom: 0;
}
.entry-content blockquote {
  margin: 36px 0;
  padding: 38px 24px;
  background-color: #f6f5f7;
  border-radius: 4px;
  border-left: 7px solid #d2d2d2;
  font-size: 18px;
  line-height: 180%;
  color: #404040;
}
.entry-content blockquote cite {
  display: block;
  margin-top: 26px;
  color: #000;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.entry-content blockquote cite::before {
  display: inline-block;
  content: "-";
  margin-right: 4px;
}
.entry-content .important {
  border: #fb8f1d solid 4px;
  padding: 12px;
  background-color: #ffe8cf;
}
.entry-content p:has(> img) {
  text-align: center;
}
.entry-faq {
  margin: 40px 0;
}
.entry-faq header p {
  color: #9eadbe;
}
.entry-share {
  padding-bottom: 9px;
  border-bottom: 1px solid #c3c6c7;
}
.entry-share__copy {
  word-break: break-all;
  color: #9ca7b3;
}
.entry-share__copy > button {
  margin-left: 16px;
  padding: 4px 11px;
  background-color: #dadada;
  font-size: 10px;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  line-height: 1.15;
  flex-shrink: 0;
}
.entry-rate {
  padding: 12px 24px;
  background-color: rgba(255, 149, 0, 0.2);
}
.entry-rate > form {
  margin-top: 2px;
  margin-left: 12px;
}
.entry-rate__msg {
  font-size: 0.85em;
  line-height: 1;
  margin: 5px 15px;
}
.entry-author {
  padding: 32px 0;
  border-top: 1px solid #c3c6c7;
  border-bottom: 1px solid #c3c6c7;
}
.entry-author img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.entry-author .btn {
  margin-top: 24px;
  padding: 11px 36px;
  color: #9ca7b3;
  border: 1px solid #9ca7b3;
  border-radius: 32px;
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  text-decoration: none;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5,
h6 {
  font-size: 16px;
}
p {
  margin: 0;
}
.t-orange {
  color: #fb8f1d;
}
.t-black {
  color: #000;
}
.t-white {
  color: #fff !important;
}
.t-yellow {
  color: #f8ce46;
}
.t-gray {
  color: #7a91ab;
}
.t-gray-2 {
  color: #9ca7b3;
}
.t-gray-3 {
  color: #8ea2ab;
}
.t-green {
  color: #43af4c;
}
.t-dark {
  color: #131e2b;
}
.t-red {
  color: #fc0d1b;
}
.t-light {
  color: #e1e1e1;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}
.t-init {
  text-align: initial;
}
.t-nowrap {
  white-space: nowrap;
}
.t-serif {
  font-family: "Roboto Slab";
}
.t-uppercase {
  text-transform: uppercase;
}
.t-s7 {
  font-size: 7px !important;
}
.t-s10 {
  font-size: 10px !important;
}
.t-s12 {
  font-size: 12px !important;
}
.t-s13 {
  font-size: 13px !important;
}
.t-s14 {
  font-size: 14px !important;
}
.t-s16 {
  font-size: 16px !important;
}
.t-s18 {
  font-size: 18px !important;
}
.t-s21 {
  font-size: 21px !important;
}
.t-s24 {
  font-size: 24px !important;
}
.t-s26 {
  font-size: 26px !important;
}
.t-s28 {
  font-size: 28px !important;
}
.t-400 {
  font-weight: 400 !important;
}
.t-500 {
  font-weight: 500 !important;
}
.t-700 {
  font-weight: 700 !important;
}
.t-line-100 {
  line-height: 100%;
}
.t-line-120 {
  line-height: 120%;
}
.t-line-130 {
  line-height: 130%;
}
.t-line-140 {
  line-height: 140%;
}
.t-line-160 {
  line-height: 160%;
}
.t-h {
  display: inline-block;
  font-weight: 700;
  line-height: 133%;
}
.t-h > img {
  height: 1.2em;
  width: auto;
  margin-right: 0.56em;
  vertical-align: top;
  flex-shrink: 0;
}
.t-h--std {
  font-size: 24px;
  font-family: "Roboto Slab";
}
a.t-h:hover {
  color: #fb8f1d;
}
.t-h-mini {
  display: block;
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}
.t-tax {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 2px;
  background-color: #fb8f1d;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.t-tax-2 {
  display: inline-block;
  padding: 4px 12px;
  margin: 0 6px 6px 0;
  border-radius: 4px;
  background: #f1f3f4;
  color: #8492a3;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
}
.t-meta {
  display: block;
  font-size: 14px;
  color: #9ca7b3;
  line-height: 1.143em;
}
.t-info {
  display: inline-block;
  border: 1px solid #000;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  padding: 3px 7px 2px;
}
.t-label {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
}
.t-label--mint {
  color: #27a2a3;
}
.t-label + .t-label::before {
  display: inline-block;
  content: ",";
  margin: 0 3px 0 0;
}
.t-wysiwyg {
  color: #36485e;
  line-height: 160%;
}
.t-wysiwyg h1 {
  margin-bottom: 16px;
  color: #1b2b3f;
  font-family: "Roboto Slab";
  line-height: 130%;
  font-size: 24px;
}
.t-wysiwyg p + p {
  margin-top: 1em;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-auto {
  margin-top: auto;
}
.mr-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.ml-auto {
  margin-left: auto !important;
}
.mb {
  margin-bottom: 4px !important;
}
.ml {
  margin-left: 4px !important;
}
.mr {
  margin-right: 4px !important;
}
.py {
  padding-top: 4px;
  padding-bottom: 4px;
}
.mt-2 {
  margin-top: 8px !important;
}
.mr-2 {
  margin-right: 8px !important;
}
.mb-2 {
  margin-bottom: 8px !important;
}
.ml-2 {
  margin-left: 8px !important;
}
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.mr-3 {
  margin-right: 12px !important;
}
.mb-3 {
  margin-bottom: 12px !important;
}
.mx-3 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.px-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.mt-4 {
  margin-top: 16px !important;
}
.mr-4 {
  margin-right: 16px !important;
}
.ml-4 {
  margin-left: 16px !important;
}
.mb-4 {
  margin-bottom: 16px !important;
}
.pt-4 {
  padding-top: 16px !important;
}
.px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.mb-5 {
  margin-bottom: 20px !important;
}
.mr-5 {
  margin-right: 20px !important;
}
.ml-5 {
  margin-left: 20px !important;
}
.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.px-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.p-5 {
  padding: 20px !important;
}
.mt-6 {
  margin-top: 24px !important;
}
.mb-6 {
  margin-bottom: 24px !important;
}
.ml-6 {
  margin-left: 24px !important;
}
.mr-6 {
  margin-right: 24px !important;
}
.-mb-6 {
  margin-bottom: -24px !important;
}
.pb-6 {
  padding-bottom: 24px !important;
}
.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.px-6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.mb-7 {
  margin-bottom: 28px !important;
}
.-mb-8 {
  margin-bottom: -32px;
}
.mt-8 {
  margin-top: 32px !important;
}
.mr-8 {
  margin-right: 32px !important;
}
.mb-8 {
  margin-bottom: 32px !important;
}
.p-8 {
  padding: 32px !important;
}
.px-8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.my-9 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.mt-10 {
  margin-top: 40px !important;
}
.mb-10 {
  margin-bottom: 40px !important;
}
.-mb-10 {
  margin-bottom: -40px !important;
}
.pt-10 {
  padding-top: 40px !important;
}
.p-10 {
  padding: 40px !important;
}
.px-10 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.mb-12 {
  margin-bottom: 48px !important;
}
.mb-12\.5 {
  margin-bottom: 50px !important;
}
.mb-14 {
  margin-bottom: 56px !important;
}
.mb-16 {
  margin-bottom: 64px !important;
}
.space-x-4 > * + * {
  margin-left: 16px;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-init {
  overflow: initial !important;
}
.h-auto {
  height: auto;
}
.h-2\.5 {
  height: 10px;
}
.h-3 {
  height: 12px;
}
.h-4 {
  height: 16px;
}
.h-5 {
  height: 20px;
}
.h-6 {
  height: 24px;
}
.h-8 {
  height: 32px;
}
.h-8\.5 {
  height: 34px !important;
}
.h-10 {
  height: 40px !important;
}
.h-12 {
  height: 48px !important;
}
.h-21 {
  height: 84px;
}
.h-100 {
  height: 100%;
}
.w-auto {
  width: auto;
}
.w-4 {
  width: 16px;
}
.w-6 {
  width: 24px;
}
.w-8 {
  width: 32px;
}
.w-8\.5 {
  width: 34px !important;
}
.w-9 {
  width: 36px;
}
.w-12 {
  width: 48px !important;
}
.w-24 {
  width: 96px !important;
}
.w-100 {
  width: 100%;
}
.w-max-60 {
  max-width: 160px !important;
}
.border {
  border-width: 1px;
}
.border-3 {
  border-width: 3px;
}
.border-t {
  border-width: 0;
  border-top-width: 1px;
}
.border-b {
  border-width: 0;
  border-bottom-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-light {
  border-color: #e2e2e2;
}
.border-gray {
  border-color: #d1d1d1;
}
.border-white {
  border-color: #fff;
}
.border-orange {
  border-color: #fb8f1d;
}
.border-black {
  border-color: #000;
}
.radius-0\.5 {
  border-radius: 2px !important;
}
.radius-1 {
  border-radius: 4px !important;
}
.radius-full {
  border-radius: 50% !important;
}
.bg-center {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg-black {
  background-color: #000;
}
.bg-orange {
  background-color: #fb8f1d;
}
.bg-dark {
  background-color: #121b24;
}
.bg-light {
  background-color: #f1f3f4;
}
.bg-white {
  background-color: #fff;
}
.bg-yellow-light {
  background-color: rgba(255, 149, 0, 0.2) !important;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-right-bottom {
  background-position: right bottom;
}
.bg-contain {
  background-size: contain;
}
.hr {
  display: block;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #c3c6c7;
}
.icon-legal {
  display: inline-block;
  height: 1em;
  width: 1em;
  background: url(../img/icons/check.svg) no-repeat center;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: inherit;
}
.icon-info {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-info--gray {
  background-image: url(../img/icons/info-gray.svg);
}
.icon-rate {
  width: 85px;
  height: 17px;
  background-repeat: no-repeat;
  background-image: url(../img/icons/sprite-rates.png);
  image-rendering: -webkit-optimize-contrast;
}
.icon-rate--0\.0 {
  background-position: -10px -180px;
}
.icon-rate--0\.5 {
  background-position: -115px -146px;
}
.icon-rate--1\.0 {
  background-position: -10px -146px;
}
.icon-rate--1\.5 {
  background-position: -115px -112px;
}
.icon-rate--2\.0 {
  background-position: -10px -112px;
}
.icon-rate--2\.5 {
  background-position: -115px -78px;
}
.icon-rate--3\.0 {
  background-position: -115px -44px;
}
.icon-rate--3\.5 {
  background-position: -115px -10px;
}
.icon-rate--4\.0 {
  background-position: -10px -44px;
}
.icon-rate--4\.5 {
  background-position: -10px -10px;
}
.icon-rate--5\.0 {
  background-position: -10px -78px;
}
.hover\:orange:hover {
  color: #fb8f1d !important;
}
.u-screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.u-screen-reader-text:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.u-img-fit {
  display: block;
  width: 100%;
  height: 100%;
  grid-row-end: 100%;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}
.p-searchbox > ul li a::after,
.u-pseudolink::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.u-trimm-wrapper {
  position: relative;
  padding-bottom: 1px;
  overflow: hidden;
}
.u-trimm-wrapper::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.bg-light .u-trimm-wrapper::after {
  background-color: #f1f3f4;
}
.u-center {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.u-center-y {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
}
.u-center-x {
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%);
}
.u-square::after {
  display: block;
  content: "";
  padding-bottom: 100% !important;
}
.tile__thumbnail,
.u-16-9 {
  position: relative;
  overflow: hidden;
}
.tile__thumbnail::after,
.u-16-9::after {
  display: block;
  padding-bottom: 56.25%;
  content: "";
}
.tile__thumbnail > img,
.u-16-9 > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
}
.dataTables_filter::after,
.dataTables_filter::before,
.u-clearfix::after,
.u-clearfix::before {
  content: "";
  display: table;
}
.dataTables_filter::after,
.u-clearfix::after {
  clear: both;
}
.u-placeholder {
  border: 1px dashed #4f6785;
  border-radius: 2px;
  padding: 32px 24px;
  font-size: 14px;
}
.bg-betclic {
  background-color: #d2161e;
}
.bg-betfan {
  background-color: #004d43;
}
.bg-etoto {
  background-color: #0e2b93;
}
.bg-forbet {
  background-color: #0b285a;
}
.bg-fortuna {
  background-color: #ffdb01;
}
.bg-fortuna-dark {
  background-color: #1a191c;
}
.bg-pzbuk {
  background-color: #b03d37;
}
.bg-sts {
  background: #0e2b93;
}
.bg-superbet {
  background-color: #d13926;
}
.bg-totalbet {
  background-color: #29572d;
}
.bg-totolotek {
  background-color: #111;
}
.bg-ewinner {
  background-color: #253a82;
}
.bg-lvbet {
  background-color: #1d1d1b;
}
.bg-betx {
  background-color: #ab173f;
}
.bg-fuksiarz {
  background-color: #c62828;
}
.bg-noblebet {
  background-color: #fff;
}
.bg-traf {
  background-color: #743a74;
}
.btn-xs--betfan {
  background: 0 0;
  border: 1px solid #fde021;
  color: #fde021;
}
.btn-xs--forbet {
  background: 0 0;
  border: 2px solid #75b64e;
  color: #75b64e;
}
.btn-xs--fortuna {
  background: #ffdb01;
  color: #000;
}
.btn-xs--pzbuk {
  background-color: #10a15c;
  color: #fff;
}
.btn-xs--sts {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.btn-xs--superbet {
  background: #fff !important;
  color: #d72c20 !important;
}
.btn-xs--totalbet {
  background: #72fa54;
  color: #22262b;
}
.btn-xs--totolotek {
  background-color: #f8ce46;
  color: #000;
}
.btn-code--betfan > div {
  border: 1px dashed #9bb3e2;
}
.btn-code--betfan > a {
  background: #fde021;
  color: #004d43;
}
.btn-code--forbet > div {
  border: 1px dashed #9bb3e2;
}
.btn-code--forbet > a {
  background: #8dc63e;
  color: #fff;
}
.btn-code--fortuna > a {
  background-color: #ffdb01;
  color: #000;
}
.btn-code--sts > div {
  border: 1px dashed #9bb3e2;
  color: #0e3178;
}
.btn-code--sts > a {
  background: #fb8f1d;
  color: #fff;
}
.btn-code--superbet > div {
  background: 0 0;
  border: 1px dashed #fff;
}
.btn-code--superbet .btn-copy > svg {
  fill: #fff;
}
.btn-code--superbet > a {
  background: #fff;
  color: #d82f23;
}
.border-fortuna {
  border-color: #ffdb01;
}
.t-betfan {
  color: #fde021;
}
[class^="bg-g-"] {
  background-blend-mode: soft-light, normal;
}
.bg-g-sts {
  background: linear-gradient(180deg, #1846a6 0, #2b6dd7 100%);
}
.bg-g-sts .p-spryciarz__logo {
  fill: #2a6bd3;
}
.bg-g-sts .btn--arrows {
  background-color: #fb8f1d;
  color: #fff;
}
.bg-g-sts .btn--arrows > svg {
  fill: #fff;
}
.bg-g-sts-2 {
  background: linear-gradient(180deg, #2b6dd7 0, #1846a6 100%);
}
.bg-g-fortuna {
  background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 100%), #ffda00;
}
.bg-g-fortuna .p-spryciarz__logo {
  fill: #ffda00;
}
.bg-g-fortuna .btn--arrows {
  background-color: #000;
  color: #fff;
}
.bg-g-fortuna .btn--arrows > svg {
  fill: #fff;
}
.bg-g-betfan {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #004d43;
}
.bg-g-betfan .btn--arrows {
  background-color: #ffe42d;
  color: #004d43;
}
.bg-g-betfan .btn--arrows > svg {
  fill: #004d43;
}
.bg-g-forbet {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #0e1345;
}
.bg-g-forbet .p-spryciarz__logo {
  fill: #0d1142;
}
.bg-g-forbet .btn--arrows {
  background: 0 0;
  border: 2px solid #75b64e;
  color: #75b64e;
}
.bg-g-forbet .btn--arrows > svg {
  fill: #75b64e;
}
.bg-g-superbet {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #d82f23;
}
.bg-g-superbet .p-spryciarz__logo {
  fill: #d72c20;
}
.bg-g-superbet .btn--arrows {
  background: #fff;
  color: #d72c20;
}
.bg-g-superbet .btn--arrows > svg {
  fill: #d72c20;
}
.bg-g-etoto {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #0e2b93;
}
.bg-g-betclic {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #d2161e;
}
.bg-g-pzbuk {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #b03d37;
}
.bg-g-totolotek {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%), #111;
}
.bg-g-ewinner {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #253a82;
}
.bg-g-totalbet {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #29572d;
}
.bg-g-lvbet {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #1d1d1b;
}
.bg-g-betx {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #ab173f;
}
.bg-g-fuksiarz {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #c62828;
}
.bg-g-noblebet {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%), #fff;
}
.bg-g-traf {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #743a74;
}
.bg-g-1xbet,
.bg-g-1xbit,
.bg-g-betsafe,
.bg-g-betsson,
.bg-g-unibet {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #7c93b3;
}
.card--wide.bg-etoto .btn {
  background-color: #ec3839;
}
.card--wide.bg-superbet .btn {
  background-color: #f8cd55;
  color: #4a4a4a;
}
.card--wide.bg-betfan .btn {
  background-color: #fde021;
  color: #4a4a4a;
}
.card--wide.bg-forbet .btn {
  background-color: #8dc63e;
}
.btn {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.143em;
  color: #fff;
  background-color: #000;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.3s;
}
.btn--action {
  padding-top: 13px;
  padding-bottom: 13px;
  font-weight: 500;
  border-radius: 2px;
}
.btn--action > img {
  display: inline-block;
  height: 16px;
  width: auto;
  margin-right: 8px;
  flex-shrink: 0;
}
.btn--account {
  padding: 9px 16px;
  font-size: 12px;
  letter-spacing: 0.4px;
  font-weight: 400;
}
.btn--orange {
  background-color: #fb8f1d;
  color: #fff !important;
}
.btn--orange:hover {
  background-color: #e27604;
}
.btn--mint {
  background-color: #27a2a3;
}
.btn--mint:hover {
  background-color: #137b7c;
}
.btn--outline-light {
  background: 0 0;
  box-shadow: inset 0 0 0 1px #354658;
  color: #7a91ab;
}
.btn--outline-light:hover {
  background-color: #1a2633;
}
.btn--arrow::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  content: "";
  background: url(../img/icons/arrow-right-up.svg) no-repeat center;
  background-size: contain;
}
.btn--arrows {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.btn--arrows > svg:first-of-type {
  margin-right: 5px;
}
.btn--arrows > svg:nth-of-type(2) {
  margin-left: 5px;
  transform: rotate(180deg);
}
.btn--logo {
  padding: 8px 18px 8px 10px;
}
.btn--logo > img {
  height: 26px;
}
.btn-xs {
  display: inline-flex;
  align-items: center;
  padding: 10px 24px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  transition: all 0.3s;
}
.btn-xs--black {
  background: #000;
  color: #fff;
}
.btn-xs--mint {
  background-color: #189fa0;
  color: #fff !important;
}
.btn-xs--mint:hover {
  background-color: #137b7c;
}
.btn-code > a {
  min-height: 42px;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.16),
    0 2px 4px rgba(0, 0, 0, 0.12),
    0 1px 8px rgba(0, 0, 0, 0.1);
}
.btn-add {
  font-size: 14px;
  line-height: 1;
}
.btn-add::before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  margin: 0 6px 3px 0;
  vertical-align: middle;
  background: url(../img/icons/add.svg) no-repeat center;
  background-size: 100% auto;
}
.btn-rate {
  display: inline-block;
  width: 99px;
  padding: 11px;
  background-color: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
  font-size: 13px;
  text-align: center;
  line-height: 1.2;
}
.bt .btn-rate {
  border: 1px solid #f1f3f4;
}
.btn-rate--tight {
  width: 80px;
}
.btn-rate--check {
  position: relative;
  border: 1px solid #fb8f1d;
  overflow: hidden;
  background-color: #fff6ec;
}
.btn-rate--check::after {
  position: absolute;
  top: -1px;
  right: -1px;
  display: block;
  content: "";
  width: 33px;
  height: 26px;
  background: url(../img/icons/corner-check.svg) no-repeat top right;
  background-size: contain;
}
a.btn-rate:hover {
  background-color: #fb8f1d;
  color: #fff;
}
.btn-logo {
  width: 100px;
  border-radius: 4px;
}
.btn-logo > img {
  max-width: 64px;
  height: auto;
}
.btn-arrow-link {
  font-size: 13px;
  white-space: nowrap;
}
.btn-arrow-link::after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 10px;
  margin: 0 0 -1px 7px;
  background: url(../img/icons/arrow-drop-right-dark.svg) no-repeat left;
  background-size: contain;
}
.btn-arrow-link--full::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.btn-link {
  font-size: 14px;
  color: #fb8f1d;
  font-weight: 500;
}
.btn-info {
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 20px;
}
.btn-info::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -1px;
  background-image: url(../img/icons/info-white-outline.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.btn-info--black,
.card--light-bg .btn-info {
  color: #000;
}
.btn-info--black::before,
.card--light-bg .btn-info::before {
  background-image: url(../img/icons/info.svg);
}
.btn-info--gray {
  color: #1b2b3f;
}
.btn-info--gray::before {
  background-image: url(../img/icons/info-gray.svg);
}
.btn-wide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 100%;
  padding: 0 24px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
}
.btn-wide--dark {
  border-color: #131e2b;
}
.btn-wide--dark:hover {
  background-color: #131e2b;
  color: #fff;
}
.btn-wide--white {
  border-color: #fff;
  color: #fff;
}
.btn-wide--white:hover {
  background-color: #fff;
  color: #131e2b;
}
.btn-wide--light {
  color: #596d82;
  border-color: #596d82;
}
.btn-wide--light:hover {
  background-color: #596d82;
  color: #131e2b;
}
.btn-arrow {
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.188em;
}
.btn-arrow::after,
.btn-arrow::before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
}
.btn-arrow::after {
  margin: 0 0 0.15em 8px;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #fb8f1d;
}
.btn-arrow--left::after {
  display: none;
}
.btn-arrow--left::before {
  margin: 0 8px 0.1em 0;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  border-color: transparent #fb8f1d transparent transparent;
}
.btn-copy {
  display: inline-block;
  width: auto;
  height: 14px;
  margin: 0 0 0 2px;
  vertical-align: top;
}
.btn-copy > svg {
  display: block;
  height: 100%;
  width: auto;
  fill: rgba(255, 255, 255, 0.5);
}
.btn-copy--white > svg {
  fill: #fff;
}
.btn-copy--light > svg {
  fill: rgba(19, 30, 43, 0.5);
}
.btn-msg {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #edf6fb url(../img/icons/mail-2.svg) no-repeat center;
  background-size: 18px auto;
}
.btn-toggler {
  position: relative;
  z-index: 101;
  display: block;
  flex-shrink: 0;
  width: 23px;
  height: 20px;
  border: none;
  cursor: pointer;
  background: 0 0;
}
.btn-toggler > span {
  position: absolute;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s;
}
.btn-toggler > span:first-child {
  top: 0;
}
.btn-toggler > span:nth-child(2),
.btn-toggler > span:nth-child(3) {
  top: calc(20px / 2 - 1px);
}
.btn-toggler > span:nth-child(4) {
  top: calc(20px - 2px);
}
.js-menu-open .btn-toggler > span {
  background: #fff;
}
.js-menu-open .btn-toggler > span:first-child,
.js-menu-open .btn-toggler > span:nth-child(4) {
  top: calc(20px / 2 - 1px);
  width: 0;
  left: 50%;
}
.js-menu-open .btn-toggler > span:nth-child(2) {
  transform: rotate(45deg);
}
.js-menu-open .btn-toggler > span:nth-child(3) {
  transform: rotate(-45deg);
}
nav.navigation > ul > li {
  margin-bottom: 32px;
  font-size: 24px;
  font-family: "Roboto Slab";
  color: #fff;
  font-weight: 700;
}
nav.navigation > ul > li > a {
  display: flex;
  align-items: center;
}
nav.navigation > ul > li > a > span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 36px;
  width: 36px;
  margin-left: auto;
  transition: transform 0.3s;
}
nav.navigation > ul > li > a > span > svg {
  display: block;
  height: 9px;
  width: auto;
}
nav.navigation > ul > li > ul {
  display: none;
  color: #7a91ab;
  font-size: 18px;
  margin-top: 24px;
  flex-direction: column;
  animation: fadeInUp 0.3s;
}
nav.navigation > ul > li > ul > li {
  margin-bottom: 24px;
}
nav.navigation > ul > li > ul > li > a {
  display: flex;
  align-items: center;
}
nav.navigation > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
nav.navigation > ul > li > ul > li .p-brand {
  display: none;
}
nav.navigation > ul > li.has-children {
  position: relative;
}
nav.nav {
  display: none;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  overflow-y: auto;
}
.pagination {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  margin-top: 24px;
  background-color: #f1f3f4;
  color: #000;
  font-weight: 700;
}
.pagination .next,
.pagination .prev {
  width: 50%;
  flex-shrink: 0;
}
.pagination .next {
  text-align: right;
  margin-left: auto;
}
.pagination ul {
  width: 60%;
  flex-shrink: 0;
  text-align: center;
}
.pagination ul li {
  position: relative;
  margin: 0 4px;
  display: inline-block;
}
.pagination ul li.active::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #fb8f1d;
}
.pagination ul li > * {
  display: block;
  padding: 0 6px;
}
.pagination > ul:first-child {
  margin: 0 0 0 auto;
}
.pagination a:hover {
  color: #fb8f1d;
}
.list-share > li:first-child {
  background-color: #2a6321;
}
.list-share > li:nth-child(2) {
  background-color: #327827;
}
.list-share > li:nth-child(3) {
  background-color: #449b36;
}
.list-check {
  font-size: 14px;
  line-height: 1.2;
}
.list-check li {
  position: relative;
  padding-left: 24px;
}
.list-check li::before {
  position: absolute;
  left: 0;
  top: 0.15em;
  display: block;
  content: "";
  width: 12px;
  height: 0.715em;
  background: url(../img/icons/check-green.svg) no-repeat center;
  background-size: contain;
}
.list-check li + li {
  margin-top: 0.857em;
}
.list-check--black li::before {
  top: 0;
  width: 14px;
  height: 14px;
  background-image: url(../img/icons/list-check.svg);
}
.list-comments li {
  position: relative;
  padding: 32px 0 32px 70px;
  border-bottom: 1px solid #c3c6c7;
}
.list-comments li > img {
  position: absolute;
  top: 32px;
  left: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
.list-arrows {
  font-size: 14px;
  line-height: 1.2;
}
.list-arrows li {
  position: relative;
  padding-left: 32px;
}
.list-arrows li::before {
  position: absolute;
  left: 0;
  top: 0.25em;
  display: block;
  content: "";
  width: 15px;
  height: 6px;
  background: url(../img/icons/arrow-long-right.svg) no-repeat center;
  background-size: contain;
}
.list-arrows li + li {
  margin-top: 0.857em;
}
.list-arrows li a:hover {
  color: #fb8f1d;
}
.list-dots > li {
  position: relative;
  padding-left: 18px;
  line-height: 1.4;
}
.list-dots > li::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fb8f1d;
}
.list-dots > li + li {
  margin-top: 16px;
}
.list-dots > li.active,
.list-dots > li > a:hover {
  font-weight: 700;
}
.list-x-links > li {
  position: relative;
  display: inline-block;
  margin-right: 4px;
}
.list-x-links > li:last-child {
  margin-right: 0;
}
.list-x-links > li.active {
  font-weight: 700;
}
.list-x-links > li + li {
  padding-left: 8px;
}
.list-x-links > li + li::before {
  position: absolute;
  top: -1px;
  left: 0;
  content: "|";
}
.list-x-dots {
  color: #a2a3a5;
}
.list-x-dots > span + span::before {
  display: inline-block;
  margin: 0 5px 0 2px;
  content: "•";
}
.list-sep > li + li {
  border-top: 1px solid #bfd3de;
}
.list-sep-dark > li + li {
  border-top: 1px solid #354658;
}
.list-sep-dark--all > li:first-child {
  border-top: 1px solid #354658;
}
.list-sep-dark--all > li:last-child {
  border-bottom: 1px solid #354658;
}
table {
  width: 100%;
  border-collapse: collapse;
  line-height: 1.2;
}
table tbody tr {
  position: relative;
}
table tbody td {
  padding: 15px 16px;
  background-color: #f1f3f4;
  font-size: 14px;
  color: #121b24;
  vertical-align: middle;
}
table caption ul li {
  margin-right: 24px;
}
table caption img {
  display: inline-block;
  height: 22px;
  width: auto;
  margin-right: 14px;
  flex-shrink: 0;
}
.tr-dark td,
table th {
  padding: 15px 16px;
  background-color: #2a6321;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  text-align: initial;
}
table:not(.bt) .td-tight {
  padding-left: 4px;
  padding-right: 4px;
}
table:not(.bt) tbody > tr:not(:last-child) > td {
  border-bottom: 1px solid #fff;
}
table.bt tbody th,
table.bt thead {
  display: none;
}
table.bt tbody td,
table.bt tfoot td,
table.bt tfoot th {
  display: block;
  display: flex;
  justify-content: space-between;
  vertical-align: top;
  text-align: right;
}
table.bt tbody td::before,
table.bt tfoot td::before,
table.bt tfoot th::before {
  content: attr(data-th) ": ";
  display: inline-block;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  font-weight: 700;
  width: 100px;
  text-align: left;
  align-self: center;
}
table.bt tbody td.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tfoot th.bt-hide {
  display: none;
}
table.bt tbody td .bt-content,
table.bt tfoot td .bt-content,
table.bt tfoot th .bt-content {
  vertical-align: top;
}
.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
table.bt.bt--no-header tbody td::before,
table.bt.bt--no-header tfoot td::before {
  display: none;
}
.bt tbody td {
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
}
.bt tbody > tr:nth-child(odd) > td {
  background-color: #f1f3f4;
  border-bottom: 1px solid #fff;
}
.bt:not([class^="table-"]) tbody > tr > td:first-child {
  background-color: #2a6321;
  color: #fff;
}
.dataTable .child ul li + li {
  margin-top: 4px;
}
.dataTable .child .dtr-title {
  font-weight: 500;
  padding-right: 4px;
}
.dataTable .child .dtr-title::after {
  content: ":";
}
.dataTables_length {
  padding-bottom: 20px;
}
.dataTables_length label {
  font-size: 14px;
}
.dataTables_filter > label {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.dataTables_filter > label input {
  height: 40px;
  margin-left: 12px;
}
.dataTable {
  margin: 16px 0;
}
.dataTables_paginate.paging_simple_numbers {
  display: flex;
  align-self: center;
}
.dataTables_paginate.paging_simple_numbers .current,
.dataTables_paginate.paging_simple_numbers .next,
.dataTables_paginate.paging_simple_numbers .previous {
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #c9d9e0;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
}
.dataTables_paginate.paging_simple_numbers .next {
  margin-left: 8px;
}
.dataTables_paginate.paging_simple_numbers .previous {
  margin-right: 8px;
}
.dataTables_info {
  margin: 0 0 16px 0;
  font-size: 14px;
}
.table-2:not(.bt) {
  table-layout: fixed;
}
.table-2:not(.bt) th {
  padding: 13px 40px;
  background-color: #ae9d85;
}
.table-2:not(.bt) tbody td {
  padding: 18px 24px;
  padding: 16px 40px;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-bottom: none;
  background-color: #f1f3f4;
}
.table-2:not(.bt) tbody > tr:nth-child(odd) td {
  background-color: #fff;
}
.table-2:not(.bt) tbody > tr:last-child > td {
  border-bottom: 1px solid #d8d8d8;
}
.table-3 caption {
  padding: 12px 18px;
  background-color: #2a6321;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: 500;
  text-align: initial;
  color: #fff;
}
.table-3:not(.bt) thead th {
  background-color: #cecece;
  color: #1b2b3f;
}
.table-3:not(.bt) tbody > .tr-dark > td,
.table-3:not(.bt) tbody > tr:not(.tr-dark) > td {
  border-bottom: none;
}
.table-3:not(.bt) tbody > tr:not(:first-child):not(.tr-dark) > td {
  border-top: 2px solid #fff;
}
.table-3:not(.bt) tbody > .tr-dark + tr > td {
  border-top: none !important;
}
.table-summary {
  padding: 15px 16px;
  border-bottom: 2px solid #1b2b3f;
}
.tr-dark td {
  background-color: #cecece;
  color: #1b2b3f;
  border-bottom: none !important;
}
.tr-dark td:not(:first-child) {
  text-align: center;
}
.td-flex > div {
  width: calc(100% + 32px);
  padding: 0 16px;
  margin: 0 -16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form {
  position: relative;
  font-size: 14px;
}
.form > a {
  text-decoration: none;
}
.form > a:hover {
  color: #fb8f1d;
}
.form-field {
  position: relative;
  margin-bottom: 16px;
}
.form-field label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 19px;
}
.form-field--error .checkbox .checkmark,
.form-field--error > input,
.form-field--error > textarea {
  border-color: #ff3a2f;
}
.form-field--ok::after {
  position: absolute;
  bottom: 19px;
  right: 14px;
  display: block;
  content: "";
  width: 13px;
  height: 13px;
  background: url(../img/icons/check-green.svg) no-repeat center;
  background-size: contain;
}
.form-options {
  margin-top: 35px;
}
.form-options .checkbox {
  color: #1b2b3f;
}
.form .checkbox {
  font-size: 14px;
  line-height: 1.2;
  color: #4a5568;
}
.form > p {
  margin: 20px 0;
}
.form > p a {
  color: #fb8f1d;
}
.form .error-text,
.form .success-text {
  margin-top: 7px;
  font-size: 12px;
  line-height: 120%;
}
.form .error-text {
  color: #ff3a2f;
}
.form .success-text {
  color: #02a568;
}
.form__error {
  color: #ff3a2f;
}
.form-rating {
  border-top: 1px solid #c8d9e0;
}
.form-rating > li {
  border-bottom: 1px solid #c8d9e0;
  width: 20%;
  padding: 20px 0 20px 0;
  flex-shrink: 0;
}
.form-rating > li label {
  display: block;
  text-align: center;
}
.form-rating > li .checkmark {
  display: block;
  margin: 2px auto 0;
}
.form-std button[type="submit"] {
  display: block;
  width: 100%;
  margin: 27px 0 20px;
  padding: 14px 30px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background-color: #fb8f1d;
  font-weight: 700;
}
.form-newsletter .form-field {
  margin-bottom: 8px;
}
.form-newsletter .form-field--ok::after {
  bottom: 14px;
}
.form-newsletter input[type="email"] {
  height: 40px;
  font-size: 12px;
  text-align: inherit;
  border-radius: 2px;
}
.form-newsletter button[type="submit"] {
  margin: 0;
  height: 40px;
  border-radius: 2px;
}
.form-newsletter button[type="submit"] svg {
  margin-bottom: 2px;
}
.form-newsletter.done .form-newsletter__fields {
  display: none !important;
}
.form-newsletter.done .form-newsletter__success {
  display: block !important;
}
.form-newsletter__success {
  display: none;
}
.form-newsletter--light input[type="email"] {
  background: 0 0;
  color: #fff;
  border: 0.4px solid #4f6785;
}
.form-newsletter--light input[type="email"]::-webkit-input-placeholder {
  color: #68809d;
}
.form-newsletter--light input[type="email"]::-moz-placeholder {
  color: #68809d;
}
.form-newsletter--light input[type="email"]:-ms-input-placeholder {
  color: #68809d;
}
.form-newsletter--light input[type="email"]:-ms-input-placeholder {
  color: #68809d;
}
.form-newsletter--light input[type="email"]:-moz-placeholder {
  color: #68809d;
}
.form-search {
  position: relative;
}
.form-search input[type="text"] {
  padding-left: 62px;
}
.form-search button[type="submit"] {
  position: absolute;
  top: calc(50% - 9px);
  left: 20px;
  width: 18px;
  height: 18px;
}
.form-search button[type="submit"] > svg {
  display: block;
  height: 100%;
  width: auto;
}
.form-search button[type="button"] {
  position: absolute;
  top: calc(50% - 9px);
  right: 20px;
  width: 18px;
  height: 18px;
}
.select {
  position: relative;
}
.select select {
  display: none;
}
.select .select-selected {
  padding: 16px 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  color: #121b24;
}
.select .select-selected::after {
  position: absolute;
  content: "";
  top: 21px;
  right: 24px;
  width: 12px;
  height: 6px;
  background: url(../img/icons/arrow-drop-dark.svg) no-repeat center;
  background-size: auto 100%;
}
.select .select-selected.select-arrow-active {
  border-radius: 5px 5px 0 0;
}
.select .select-selected.select-arrow-active::after {
  transform: rotate(180deg);
}
.select .select-items div,
.select .select-selected {
  cursor: pointer;
  line-height: 1.2;
  font-size: 14px;
}
.select .select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 1px;
  right: 1px;
  z-index: 99;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.select .select-items > div {
  padding: 12px 20px;
  transition: all 0.3s;
  color: #a2a3a5;
}
.select .select-hide {
  display: none;
}
.select .same-as-selected,
.select .select-items div:hover {
  background: #d8d8d8;
  color: #000 !important;
}
.checkbox {
  display: block;
  position: relative;
  padding-left: 27px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-size: inherit;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 17px;
  width: 17px;
  background: #f7fafc;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  transition: all 0.3s;
}
.checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox input:checked ~ .checkmark {
  background-color: #1565d8;
  border-color: #1565d8;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.radio {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  line-height: 17px;
}
.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio .checkmark {
  position: relative;
  display: inline-block;
  height: 17px;
  width: 17px;
  vertical-align: middle;
  border: 1px solid #c8d9e0;
  border-radius: 50%;
}
.radio .checkmark:after {
  top: 2px;
  left: 2px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fb8f1d;
}
.radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio input:checked ~ .checkmark:after {
  display: block;
}
.breadcrumbs {
  display: flex;
  height: 24px;
  margin: 24px 0;
  font-family: "Roboto Slab";
  font-size: 12px;
  line-height: 1.33;
  overflow: hidden;
  white-space: nowrap;
}
.breadcrumbs span {
  display: flex;
}
.breadcrumbs__start {
  position: relative;
  padding: 6px 12px 0;
  background-color: #d8edf7;
}
.breadcrumbs__start::after {
  position: absolute;
  left: 100%;
  top: 0;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 10px;
  border-color: transparent transparent transparent #d8edf7;
}
.breadcrumbs__start > svg {
  display: block;
  height: 11px;
  width: auto;
}
.breadcrumbs__item {
  position: relative;
  padding: 3px 5px 5px 20px;
  border-top: 1px solid #c3c6c7;
  border-bottom: 1px solid #c3c6c7;
}
.breadcrumbs__item::after {
  position: absolute;
  top: -1px;
  left: 100%;
  display: block;
  height: calc(100% + 2px);
  width: 24px;
  content: "";
  background: url(../img/icons/breadcrumbs.svg) no-repeat left;
  background-size: auto 100%;
}
.breadcrumbs__end {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 3px 5px 5px 20px;
  color: #8492a3;
}
.banner-long {
  padding: 32px calc((100% - 210px) / 2);
  background-blend-mode: multiply;
}
.banner-long--fortuna {
  background-color: #fadc4a;
}
.banner-xs {
  height: 250px;
}
.banner-xs--2 > div:first-child {
  width: 58%;
}
.banner-xs--2 > div:first-child::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(100% - 1px);
  display: block;
  height: 100%;
  width: 50%;
  content: "";
  background-color: inherit;
  -webkit-clip-path: polygon(0 0, 0 100%, 33% 0);
  clip-path: polygon(0 0, 0 100%, 33% 0);
}
.banner-xs--3 > div {
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: calc(100% - 13px) 16px;
}
.banner-xs--4 .banner-xs__logo {
  position: absolute;
  top: 0;
  left: 32px;
  padding: 8px 18px;
  border-radius: 0 0 4px 4px;
}
.banner-xs--4 .banner-xs__body {
  max-width: 230px;
}
.banner-xs--5 {
  background: linear-gradient(90deg, #f8a66b 0, #d5683d 60%);
}
.banner-xs--5 .banner-xs__body {
  max-width: 190px;
}
.banner-xs--6 .banner-xs__body {
  width: 75%;
}
.banner-sts__logo {
  position: absolute;
  top: 15px;
  left: 25px;
  height: 30px;
}
.banner-sts__body::after {
  position: absolute;
  top: 0;
  left: -30px;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(../img/banners/banner-2-shape.svg) no-repeat top left;
  background-size: auto 100%;
}
.banner-sts__img {
  height: calc(100% - 45px);
  width: 40%;
  max-width: 200px;
}
.banner-sts.banner-wide .banner-sts__img {
  height: calc(100% - 10px);
}
.banner-sts.banner-wide .banner-sts__body > div {
  max-width: 100%;
}
.banner-sts.banner-wide .banner-sts__body {
  padding: 12px 24px;
}
.banner-totalbet__body {
  width: 60%;
  max-width: 250px;
  padding: 30px 0 30px 30px;
}
.banner-totalbet__img {
  width: 60%;
}
.banner-totalbet__img img {
  margin: auto auto 0 auto;
  max-width: 232px;
}
.banner-totalbet::before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(90deg, #000 0, #39b54a 100%);
  opacity: 0.8;
}
.banner-totalbet::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 109px;
  height: 32px;
  background: url(../img/banners/shape-top.svg) no-repeat top left;
  background-size: contain;
}
.banner-medium {
  min-height: 225px;
  border-radius: 6px;
}
.banner-wide {
  height: auto;
  max-width: 650px;
}
.banner-jumbo {
  position: relative;
  padding: 42px 32px;
  border-radius: 6px;
  overflow: hidden;
}
.banner-jumbo__main {
  max-width: 341px;
  margin: 0 auto;
}
.banner-jumbo__screen {
  position: relative;
  margin: 32px 0 -90px;
  height: 200px;
  width: 100%;
  border-radius: 20px;
  background: #000;
  box-shadow: -8px 13px 19px 0 rgba(0, 0, 0, 0.35);
}
.banner-jumbo__screen > div {
  position: absolute;
  top: 12px;
  left: 12px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.banner-jumbo__img {
  display: block;
  margin: 16px auto 0;
}
.bet-status-1 {
  background-color: #98acb3;
}
.bet-status-2 {
  background-color: red;
}
.bet-status-3 {
  background-color: #0090ff;
}
.bet-status-4 {
  background-color: #36be00;
}
.entry-content .card__place {
  right: 28px;
}
.entry-content .card .btn-info {
  color: #fff;
}
.entry-content .card .p-code {
  text-align: left;
}
.card {
  position: relative;
  padding: 100px 32px 25px;
  border-radius: 4px;
  color: #fff;
}
.card__tab {
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #fff;
  width: 190px;
  height: 76px;
  -webkit-clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
.card__tab > img {
  position: absolute;
  left: 33px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  max-width: 115px;
  height: 32px;
  width: auto;
}
.card__place {
  position: absolute;
  top: 20px;
  right: 32px;
  background-color: inherit;
}
.card--light-bg {
  color: #000;
}
.card--light-bg .p-code {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.6);
}
.card--light-bg .p-code b {
  color: #000;
}
.card--light-bg .p-code svg {
  fill: #000;
}
.card-brief {
  position: relative;
  padding: 94px 32px 30px;
  border-radius: 4px;
  color: #fff;
}
.card-brief__head {
  position: absolute;
  top: 1px;
  left: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 2px);
  height: 76px;
  padding: 28px 24px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fff;
  color: #000;
  font-size: 24px;
  font-weight: 700;
}
.card-brief__head > img {
  display: block;
  max-height: 32px;
  width: auto;
  max-width: 50%;
}
.slider .swiper-slide {
  height: auto;
  box-sizing: border-box;
}
.slider .slider-nav {
  position: absolute;
  top: calc(50% - 15px);
  z-index: 1;
  height: 30px;
  width: 34px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.3s;
}
.slider .slider-nav__prev {
  left: 0;
  border-radius: 0 15px 15px 0;
  background-image: url(../img/icons/slider-arrow-left.svg);
}
.slider .slider-nav__next {
  right: 0;
  border-radius: 15px 0 0 15px;
  background-image: url(../img/icons/slider-arrow-right.svg);
}
.slider .slider-nav.swiper-button-disabled {
  opacity: 0;
}
.slider-01 > img {
  width: 14px;
  margin-right: 2px;
}
.slider-01 .swiper-container {
  width: 325px;
  height: 14px;
}
.slider-01 .swiper-slide > a {
  line-height: 14px;
}
.slider-01-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 10px);
  width: 40px;
}
.slider-01-nav > button {
  width: 14px;
  height: 14px;
  background-color: #374d62;
  border-radius: 3px;
  line-height: 0;
  text-align: center;
  margin-left: 3px;
}
.slider-01-nav > button > svg {
  height: 8px;
  width: auto;
}
.slider.slider-02 .tile__thumbnail {
  height: 220px;
}
.slider.slider-02 .swiper-pagination {
  top: 180px;
  bottom: auto;
}
.slider.slider-02 .swiper-pagination .swiper-pagination-bullet {
  opacity: 0.35;
  background-color: #fff;
}
.slider.slider-02 .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 0.9;
}
.slider.slider-02 .slider-nav {
  top: 96px;
}
.slider-03 .tile--01 {
  height: auto;
  margin-bottom: 24px;
  border-bottom-color: #cae0ed;
}
.slider-03 .tile--01:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.slider-03-2 .tile--01 {
  height: auto;
  margin-bottom: 24px;
  border-bottom-color: #cae0ed;
}
.slider-03-2 .tile--01:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.slider-03-3 .tile--01 {
  height: auto;
  margin-bottom: 24px;
  border-bottom-color: #cae0ed;
}
.slider-03-3 .tile--01:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.slider-04 {
  border-bottom: 2px solid #2a6321;
  border-radius: 4px 4px 0 0;
  background-color: #f1f3f4;
}
.slider-04 .swiper-slide {
  padding: 24px 7px 14px;
}
.slider-04 .swiper-slide img,
.slider-04 .swiper-slide svg {
  height: 33px;
  width: auto;
}
.slider-04 .swiper-slide svg {
  transition: fill 0.3s;
}
.slider-04 .swiper-slide.current-page,
.slider-04 .swiper-slide:hover {
  color: #2a6321;
}
.slider-04 .swiper-slide.current-page svg,
.slider-04 .swiper-slide:hover svg {
  fill: #2a6321;
}
.slider-04 .swiper-slide.current-page {
  font-weight: 700;
}
.slider-04 .swiper-slide.current-page::after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 5px);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #2a6321 transparent;
}
.slider-05-nav {
  position: absolute;
  bottom: 13px;
  right: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: "Roboto Slab";
  color: #36485e;
  font-size: 10px;
}
.slider-05-nav .swiper-container {
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  margin-right: 0;
}
.slider-05-nav .swiper-container .swiper-slide {
  text-align: center;
}
.slider-05-nav .swiper-container .swiper-slide a {
  transition: color 0.3s;
}
.slider-05-nav .swiper-container .swiper-slide.current {
  color: #fb8f1d;
}
.slider-05-nav__next,
.slider-05-nav__prev {
  width: 24px;
  height: 24px;
  border: 1px solid #9ca7b3;
  margin-left: 7px !important;
  flex-shrink: 0;
}
.slider-05-nav__next.disabled,
.slider-05-nav__prev.disabled {
  opacity: 0.4;
}
.section-news [data-news] {
  display: none;
}
.section-news [data-news].current {
  display: block;
}
.modal__overlay {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__container {
  background-color: #fff;
  padding: 20px;
  width: 90vw;
  max-width: 716px;
  max-height: 90vh;
  border-radius: 4px;
  overflow-y: auto;
}
.modal__close {
  background: 0 0;
  border: 0;
}
.modal__close::before {
  content: "✕";
  color: #000;
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}
.alert {
  padding: 10px 40px;
  color: #fff;
  position: fixed;
  top: 81px;
  z-index: 999;
  width: 100%;
}
.alert--success {
  background-color: #02a568;
}
.alert--danger {
  background-color: #ff3a2f;
}
.align-right {
  float: none;
}
.align-left {
  float: none;
}
.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.p-headline {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 24px;
  border-bottom: 1px solid #cae0ed;
}
.p-headline__title {
  display: inline-block;
  margin-bottom: -1px;
  margin-right: 20px;
  padding-bottom: 12px;
  font-family: "Roboto Slab";
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  border-bottom: 1px solid #131e2b;
  flex-shrink: 0;
}
.p-headline__aside {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  font-size: 10px;
  text-align: right;
}
.p-headline__aside .slider-next,
.p-headline__aside .slider-prev {
  margin-left: 24px;
}
.p-headline__aside .slider-next svg,
.p-headline__aside .slider-prev svg {
  transition: fill 0.3s;
}
.p-headline__aside .slider-next:hover svg,
.p-headline__aside .slider-prev:hover svg {
  fill: #000;
}
.p-headline__aside .slider-next.swiper-button-disabled,
.p-headline__aside .slider-prev.swiper-button-disabled {
  opacity: 0.4;
}
.p-headline-2 {
  padding: 20px 24px;
}
.p-top {
  margin: 24px 0 32px;
}
.p-top__intro {
  background: rgba(248, 197, 41, 0.12);
}
.p-top__intro img {
  height: 230px;
  width: 100%;
}
.p-top__intro h1 {
  padding: 22px 10px 30px;
}
.p-top-bookie__brand {
  border-radius: 6px;
}
.p-top-bookie__brand > a {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 14px;
}
.p-top-bookie__brand > img {
  display: block;
  height: 65px;
  width: auto;
  max-width: 80%;
}
.p-top-card > div:first-child {
  padding: 32px 24px;
}
.p-top-card > div:nth-child(2) {
  padding: 32px 24px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(7.44px);
  backdrop-filter: blur(7.44px);
}
.p-top-card__list-head {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.p-top-card__list-head img {
  height: 25px;
  width: auto;
  margin-bottom: 3px;
}
.p-top-card ol {
  counter-reset: hero-counter;
}
.p-top-card ol li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 24px;
  counter-increment: hero-counter;
}
.p-top-card ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(hero-counter);
  font-size: 24px;
  font-family: "Roboto Slab";
  font-weight: 400;
  line-height: 1;
  margin-top: -2px;
}
.p-top-user > img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.p-lang {
  position: relative;
  z-index: 1;
  font-size: 10px;
  line-height: 1.2em;
}
.p-lang > span {
  position: relative;
  display: block;
  width: 38px;
  padding: 6px 0 5px 8px;
  border: 1px solid #354658;
  border-radius: 1px;
  cursor: pointer;
  color: #7a91ab;
  line-height: 1;
}
.p-lang > span::after {
  position: absolute;
  top: calc(50% - 1px);
  right: 8px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 2.5px 0 2.5px;
  border-color: #7a91ab transparent transparent transparent;
}
.p-lang > ul {
  display: none;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: 0 0 1px 1px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  animation: fadeIn 0.3s;
  color: #1b2b3f;
}
.p-lang > ul a {
  display: block;
  padding: 5px 10px;
  transition: all 0.3s;
}
.p-lang > ul a:hover {
  background-color: #f1f3f4;
}
.p-lang.active > span::after {
  transform: rotate(180deg);
}
.p-lang.active > ul {
  display: block;
}
.p-grid-01 article + article {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #c3c6c7;
}
.p-faq > ul > li {
  background-color: #f1f3f4;
}
.p-faq > ul > li + li {
  margin-top: 8px;
}
.p-faq > ul > li > [toggler] {
  position: relative;
  display: block;
  transition: all 0.3s;
  cursor: pointer;
  padding: 18px 64px 18px 28px;
  font-weight: 700;
  color: #131e2b;
  line-height: 1.2;
}
.p-faq > ul > li > [toggler]:after,
.p-faq > ul > li > [toggler]:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 30px;
  display: block;
  width: 10px;
  height: 2px;
  background-color: #19194a;
  opacity: 1;
  transition: all 0.3s;
}
.p-faq > ul > li > [toggler]:after {
  transform: rotate(90deg);
}
.p-faq > ul > li > div {
  display: none;
  margin-top: -4px;
  padding: 0 28px 24px 28px;
}
.p-faq > ul > li.active > [toggler]::after {
  opacity: 0;
}
.p-faq-2 > ul > li {
  margin-top: -1px;
  transition: all 0.3s;
}
.p-faq-2 > ul > li::after {
  display: block;
  content: "";
  width: 100%;
  border-bottom: 1px solid rgba(177, 191, 207, 0.5);
}
.p-faq-2 > ul > li:first-child::before {
  display: block;
  content: "";
  width: 100%;
  border-top: 1px solid rgba(177, 191, 207, 0.5);
}
.p-faq-2 > ul > li > [toggler] {
  position: relative;
  display: block;
  transition: all 0.3s;
  cursor: pointer;
  padding: 18px 36px 18px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  color: #131e2b;
  transition: all 0.3s;
}
.p-faq-2 > ul > li > [toggler]:after {
  position: absolute;
  content: "";
  top: 24px;
  right: 0;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 6px;
  border-color: transparent transparent transparent #27a2a3;
  transition: transform 0.3s;
}
.p-faq-2 > ul > li > div {
  display: none;
  margin-top: -4px;
  padding-bottom: 40px;
}
.p-faq-2 > ul > li.active {
  padding: 0 32px;
  background-color: #f1f3f4;
}
.p-faq-2 > ul > li.active::after,
.p-faq-2 > ul > li.active::before {
  border: 1px solid transparent;
}
.p-faq-2 > ul > li.active > [toggler] {
  padding-top: 32px;
  font-weight: 700;
}
.p-faq-2 > ul > li.active > [toggler]::after {
  transform: rotate(90deg);
}
.partial-stats {
  padding: 24px 24px;
  margin-left: -24px;
  margin-right: -24px;
}
.partial-stats__graph > div {
  margin-bottom: 22px;
  padding: 28px 20px;
  border-radius: 6px;
  background-color: #d7e1ec;
}
.partial-stats__rank {
  width: 100%;
}
.partial-stats__rank ol {
  counter-reset: rank-count;
  margin-bottom: 30px;
}
.partial-stats__rank ol > li {
  padding: 15px 0;
  counter-increment: rank-count;
  border-bottom: 1px solid #3e546e;
  font-size: 13px;
}
.partial-stats__rank ol > li::before {
  display: block;
  margin-right: 14px;
  width: 24px;
  height: 24px;
  content: counter(rank-count);
  border-radius: 50%;
  text-align: center;
  font-family: "Roboto Slab";
  font-size: 9px;
  font-weight: 700;
  line-height: 22px;
  flex-shrink: 0;
  background: #080f17;
  border: 1px solid #547091;
}
.partial-stats__rank ol > li:first-child {
  font-weight: 700;
  border-top: 1px solid #3e546e;
}
.partial-stats__rank ol > li:first-child::before {
  background-color: #4c6f97;
}
.partial-stats__rank ol > li > span {
  margin-left: auto;
  font-size: 14px;
  font-weight: 700;
}
.p-sidenav > ul > li > span:first-child {
  display: block;
  padding-bottom: 12px;
  margin-bottom: 16px;
  font-family: "Roboto Slab";
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #1b2b3f;
  line-height: 1.3;
}
.p-sidenav > ul > li + li {
  margin-top: 24px !important;
}
.p-sidenav > ul > li > ul {
  line-height: 1.2;
}
.p-sidenav > ul > li > ul > li {
  font-weight: 500;
}
.p-sidenav > ul > li > ul > li > ul > li {
  font-weight: 400;
}
.p-sidenav > ul > li > ul > li > ul > li > ul > li {
  margin: 0 0 0 16px;
}
.p-sidenav > ul li > ul {
  margin-top: 4px;
}
.p-sidenav > ul li.active > a:first-child {
  background: #e3e3e3;
  padding: 6px 10px 6px 13px;
  border-radius: 4px;
  font-weight: 700;
}
.p-sidenav > ul li + li {
  margin-top: 4px;
}
.p-sidenav > ul a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
.p-sidenav > ul a > span {
  display: inline-block;
  color: #7d8689;
  font-size: 12px;
  margin-left: 16px;
  font-weight: 400;
}
.p-tabs-1 li {
  margin: 0 0 10px 0;
}
.p-tabs-1 li a {
  display: block;
  text-align: center;
}
.p-tabs-1 li.active a {
  background-color: #1b2b3f;
  color: #fff;
  font-weight: 700;
}
.p-tabs-1 a {
  display: inline-block;
  padding: 11px 22px;
  font-size: 14px;
  font-weight: 500;
  border: 0.5px solid #121b24;
  border-radius: 4px;
  transition: all 0.3s;
}
.p-tabs-1 a:hover {
  background-color: #1b2b3f;
  color: #fff;
}
.p-tabs-2 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.p-tabs-2__current {
  position: relative;
  display: block;
  width: 100%;
  padding: 11px 18px;
  border: 1px solid #1b2b3f;
  border-radius: 4px;
  color: #000;
}
.p-tabs-2__current::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 18px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #1b2b3f transparent transparent transparent;
}
.p-tabs-2 ul {
  display: none;
  padding: 8px 0;
  margin-top: -4px;
  border: 1px solid #1b2b3f;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: none;
}
.p-tabs-2 ul.toggled {
  display: block;
}
.p-tabs-2 ul li {
  position: relative;
  transition: border 0.3s;
  color: #adadad;
}
.p-tabs-2 ul li a {
  display: block;
  padding: 7px 18px;
}
.p-tabs-2 ul li:hover {
  color: #1b2b3f;
}
.p-tabs-2 ul li.active {
  border-bottom-color: #1b2b3f;
  color: #1b2b3f;
  font-weight: 900;
}
.p-betcard__head {
  padding: 12px 24px;
  border-radius: 4px 4px 0 0;
}
.p-betcard__head > img {
  height: 24px;
}
.p-betcard__middle {
  padding: 32px 24px;
  border: 1px solid #c8d9e0;
  border-top: none;
}
.p-betcard__middle > a img {
  margin: 0 auto 4px;
  height: 42px;
}
.p-betcard--small .p-betcard__middle > a img {
  height: 34px !important;
}
.p-betcard__middle > a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: ":";
  color: #fb8f1d;
  font-size: 32px;
  font-weight: 700;
}
.p-betcard__middle > div {
  color: #8ea2ab;
  line-height: 1.2;
}
.p-betcard__footer {
  padding: 20px 24px;
  border: 1px solid #c8d9e0;
  border-top: none;
  border-radius: 0 0 4px 4px;
  background-color: #f1f3f4;
  color: #8ea2ab;
}
.p-betcard--small .p-betcard__footer {
  padding: 14px 24px 6px;
}
.p-betcard__summary {
  padding-bottom: 10px;
  border-bottom: 1px solid #c9d9e0;
  line-height: 1.3;
}
.p-betcard__summary img {
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #27a2a3;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.p-betcard__summary span {
  display: block;
  color: #8ea2ab;
  font-weight: 500;
}
.p-betcard--2 {
  padding: 30px 20px;
  border: 1px solid #c9d9e0;
}
.p-ranking > ol {
  counter-reset: ranking-count;
}
.p-ranking > ol > li {
  margin-bottom: 2px;
  padding: 19px 16px 19px 12px;
  counter-increment: ranking-count;
}
.p-ranking > ol > li > img {
  width: 30px;
  margin-right: 10px;
}
.p-ranking > ol > li > a {
  padding: 10px 10px 10px 10px;
}
.p-ranking-2 {
  position: relative;
  border: 1px solid #c8d9e0;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.2;
}
.p-ranking-2__place {
  position: absolute;
  top: 16px;
  left: 25px;
}
.p-ranking-2__brand {
  height: 68px;
}
.p-ranking-2__brand img {
  display: block;
  height: 24px;
  width: auto;
}
.p-ranking-2__inner {
  padding: 24px 20px;
}
.p-ranking-2__rate img {
  height: 14px;
  width: auto;
  margin: 0 0 4px 2px;
}
.p-ranking-2 .btn,
.p-ranking-2 .p-code {
  padding-top: 16px;
  padding-bottom: 16px;
}
.p-ranking-2__more > button {
  width: 100%;
}
.p-ranking-2__more > button > span:nth-child(2) {
  display: none;
}
.p-ranking-2__more > button.toggled > span:first-child {
  display: none;
}
.p-ranking-2__more > button.toggled > span:nth-child(2) {
  display: inline-block;
}
.p-ranking-2__more > button.toggled > svg {
  transform: rotate(180deg);
}
.p-ranking-2__more > div {
  display: none;
}
.p-info {
  position: relative;
  margin: 40px 0;
  padding: 30px 24px 24px;
  border-radius: 8px;
  border: 2px solid #189fa0;
  border-top: 32px solid #189fa0;
  font-size: 14px;
  color: #302820;
  line-height: 160%;
}
.p-info::before {
  position: absolute;
  top: -24px;
  left: 14px;
  display: block;
  content: "";
  height: 16px;
  width: 16px;
  background: url(../img/icons/info-white.svg) no-repeat center;
  background-size: contain;
}
.p-info__term {
  margin-bottom: 12px;
  color: #189fa0;
  font-weight: 700;
  font-size: 16px;
}
.p-info__term::before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-right: 12px;
  margin: 0 12px 3px 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 8px;
  border-color: transparent transparent transparent #189fa0;
  vertical-align: middle;
}
.p-dictionary {
  padding: 32px;
  border-radius: 4px;
  background-color: #f6edd3;
}
.p-dictionary .t-h {
  color: #9b7c22;
}
.p-dictionary > ol {
  list-style: none;
  counter-reset: counter;
  margin: 0;
  padding: 0;
}
.p-dictionary > ol > li {
  position: relative;
  margin-bottom: 32px;
  padding-left: 40px;
  counter-increment: counter;
  font-size: 14px;
  line-height: 140%;
}
.p-dictionary > ol > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(counter, upper-latin);
  color: #9b7c22;
  font-size: 24px;
  font-family: "Roboto Slab";
  font-weight: 700;
  line-height: 1;
}
.p-banner {
  margin: 32px 0;
}
.p-banner > * {
  max-width: 507px;
  margin: 0 auto;
}
.p-card {
  max-width: 553px;
}
.p-banner-wide {
  height: auto;
  max-width: 650px;
}
.p-banner-wide > div {
  height: 100%;
}
.p-code {
  position: relative;
  padding: 20px 13px;
  border: 1px dashed rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.p-code > b {
  color: #fff;
}
.p-code--bonus {
  padding: 19px 43px 19px 12px;
}
.p-code--light {
  border: 1px dashed #a9b7c8;
  color: #8492a3;
}
.p-code--light > b {
  color: #1b2b3f;
}
.p-code > span:last-child {
  position: absolute;
  top: calc(50% - 15px);
  right: -5px;
  display: block;
  padding-top: 9px;
  width: 43px;
  height: 30px;
  background: url(../img/icons/label.svg) no-repeat right;
  background-size: contain;
  font-size: 12px;
  font-weight: 500;
  text-transform: initial;
  color: #fff;
  text-align: center;
}
.p-place {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  width: 39px;
  height: 39px;
  border: 1px solid #1b2b3f;
  border-radius: 6px;
  background-color: inherit;
  font-size: 16px;
  font-family: "Roboto Slab";
  line-height: 1.2;
  text-align: center;
  color: #1b2b3f;
}
.p-place > span {
  display: block;
  font-size: 8px;
}
.p-place--small {
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.p-place--star {
  padding-bottom: 2px;
}
.p-place--star::after {
  position: absolute;
  left: calc(50% - 7px);
  bottom: -7px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background-color: inherit;
  background-image: url(../img/icons/star.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px auto;
}
.card:not(.card--light-bg) .p-place,
.p-place--white {
  border-color: #fff;
  color: #fff;
}
.card:not(.card--light-bg) .p-place--star.p-place::after,
.p-place--white.p-place--star::after {
  background-image: url(../img/icons/star-white.svg);
}
.p-place-vip {
  height: 54px;
}
.p-spryciarz {
  font-size: 10px;
}
.p-spryciarz > div {
  padding: 5px 8px;
  margin-right: 9px;
}
.p-spryciarz > div > * {
  height: 10px;
}
.p-spryciarz > svg {
  height: 8px;
}
.p-spryciarz > span {
  padding: 5px 6px;
}
.p-spryciarz--small {
  font-size: 7px;
}
.p-spryciarz--small > div {
  padding: 5px 6px;
  margin-right: 6px;
}
.p-spryciarz--small > span {
  padding: 5px 4px;
}
.p-spryciarz--big > div {
  padding: 5px 10px;
}
.p-spryciarz--big > div > * {
  height: 13px;
}
.p-spryciarz--big > span {
  padding: 5px 8px;
}
.p-license {
  display: inline-block;
  padding: 3px 10px 4px;
  background: #d9fcdc;
  border-radius: 2px;
}
.p-star {
  line-height: 1;
}
.p-star::after {
  display: inline-block;
  width: 15px;
  height: 15px;
  content: "";
  margin: 0 0 0 4px;
  background: url(../img/icons/star-gold.svg) no-repeat center;
  background-size: contain;
}
.p-anchors {
  margin: 32px 0 28px;
}
.p-anchors a {
  position: relative;
  display: block;
  padding: 26px 24px 26px 47px;
  background: #fff5eb;
  border-radius: 4px;
  color: #1b2b3f;
  font-weight: 500;
  line-height: 1.2;
}
.p-anchors a::before {
  position: absolute;
  top: 28px;
  left: 24px;
  display: block;
  content: "";
  width: 14px;
  height: 16px;
  background: url(../img/icons/icon.svg) no-repeat center;
  background-size: contain;
}
.p-searchform {
  padding: 16px 24px;
}
.p-searchbox {
  padding: 27px 24px;
  background-color: #f1f3f4;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  animation: fadeInUp 0.3s;
}
.p-searchbox > form input[type="text"] {
  padding-left: 55px;
  padding-right: 50px;
}
.p-searchbox > ul {
  display: none;
  position: absolute;
  top: 77px;
  left: 26px;
  right: 1px;
  width: calc(100% - 52px);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 5px 5px;
  background-color: #fff;
}
.p-searchbox > ul li {
  position: relative;
  padding: 8px 16px;
  color: #a2a3a5;
  font-size: 14px;
  transition: background-color 0.3s;
}
.p-searchbox > ul li > span {
  display: inline-block;
  padding: 5px 5px;
  width: 68px;
  margin-right: 12px;
  background: #f1f3f4;
  border-radius: 4px;
  font-weight: 500;
  font-size: 10px;
  line-height: 120%;
  text-align: center;
  color: #000;
}
.p-searchbox > ul li:hover {
  background-color: #d8d8d8;
  color: #000;
}
.p-searchbox > ul li b > a {
  color: #fb8f1d;
}
.p-jumbo-select {
  padding: 32px 24px;
  max-width: 659px;
  background: #f6edd3;
}
.p-brand {
  position: relative;
  width: 80px;
  height: 26px;
  margin-right: 1em;
  border-radius: 2px;
  flex-shrink: 0;
}
.p-brand > img {
  height: 14px;
  width: auto;
  max-width: 60%;
}
.p-brand--big {
  height: 42px;
  width: 128px;
}
.p-bar {
  padding: 18px 20px;
}
.p-bar > a {
  padding: 8px 10px;
}
.p-bar-2 {
  padding: 16px 20px;
}
.p-bar-2 img {
  height: 34px;
  width: auto;
  margin: 10px 24px;
}
.p-logo {
  display: inline-block;
  white-space: nowrap;
  padding-right: 24px;
}
.p-logo > img {
  display: inline-block;
  height: 20px;
  width: auto;
  margin-right: 10px;
}
.p-hint {
  position: relative;
  display: inline-block;
}
.p-hint:hover > div {
  display: block;
}
.p-hint > div {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.35);
  font-size: 12px;
  max-width: 250px;
  width: 100vw;
  line-height: 1.33;
  padding: 8px 10px;
  animation: fadeIn 0.3s;
}
.p-hint > div::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #fff transparent transparent transparent;
}
.p-dot {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.p-user {
  white-space: nowrap;
}
.p-user > img {
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.p-nr {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-family: "Roboto Slab";
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  border: none;
  border: 1px solid #1b2b3f;
}
.p-nr--top {
  background-color: #fb8f1d;
  color: #fff;
  border: none;
}
.p-bid {
  display: inline-block;
  border: 1px solid #121b24;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  height: 24px;
  width: 24px;
  line-height: 22px;
  text-align: center;
}
.p-score {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  color: #fff;
}
.p-score--loss {
  background: #fc0d1b;
}
.p-score--nd {
  background: #656c72;
}
.p-score--win {
  background: #5ba84f;
}
.p-score--draw {
  background: #0f6edb;
}
.p-analysis {
  padding: 28px 24px;
}
.p-userbox > button::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 8px;
  border-style: solid;
  border-width: 3px 2.5px 0 2.5px;
  border-color: #7a91ab transparent transparent transparent;
}
.p-userbox > div {
  display: none;
  position: absolute;
  z-index: 2;
  top: calc(100% + 10px);
  right: 0;
  padding: 30px 0 14px;
  box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.35);
  min-width: 318px;
  animation: fadeInUp 0.3s;
}
.header__menu .p-userbox > div {
  bottom: calc(100% + 10px);
  top: auto;
  left: 0;
  right: auto;
  width: calc(100% + 48px);
}
.p-userbox > div::before {
  position: absolute;
  bottom: 100%;
  right: 20px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10.5px 9px 10.5px;
  border-color: transparent transparent #fff transparent;
}
.header__menu .p-userbox > div::before {
  top: 100%;
  bottom: 0;
  left: 20px;
  right: 0;
  transform: rotate(180deg);
}
.p-userbox.toggled > button::after {
  transform: rotate(180deg);
}
.p-userbox.toggled > div {
  display: block;
}
[copy-text] {
  position: relative;
}
.p-tip {
  position: absolute;
  z-index: 1;
  display: none;
  bottom: calc(100% + 5px);
  left: 50%;
  width: 82px;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.35);
  font-size: 12px;
  line-height: 1.2;
  padding: 4px 8px;
  color: #131e2b;
}
.p-tip::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
.tile {
  position: relative;
}
.tile .t-tax {
  margin-right: 8px;
}
.tile__thumbnail {
  border-radius: 2px;
}
.tile__thumbnail .tile__tax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 18px 24px;
}
.tile__summary {
  font-size: 15px;
  line-height: 160%;
}
.tile__list {
  list-style: none;
  padding: 0;
  margin: auto -6px 0;
}
.tile__list > li {
  padding: 6px 8px;
  background-color: #e5e5e5;
  font-size: 12px;
  width: calc(100% - 12px);
  margin: 0 6px;
  font-weight: 500;
}
.tile__list > li > img {
  width: 17px;
  margin-right: 8px;
}
.tile .t-h > a:hover {
  color: #fb8f1d;
}
.tile--small + .tile--small {
  padding-top: 24px;
  border-top: 1px solid #c3c6c7;
}
.tile--01 {
  display: flex;
  height: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid #c3c6c7;
}
.tile--01 .tile__thumbnail {
  display: none;
}
.tile--01 .tile__body {
  display: flex;
  flex-direction: column;
}
.tile--01 .tile__tax {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.tile--01 .tile__tax > * {
  flex-shrink: 0;
}
.tile--01 .t-h {
  margin-bottom: 12px;
  font-size: 16px !important;
}
.tile--01 .t-meta {
  margin-top: auto;
}
.tile-featured {
  border-radius: 2px;
  overflow: hidden;
}
.tile-featured__img {
  height: 240px;
}
.tile-featured__body {
  flex-grow: 1;
  padding: 24px 32px 30px;
  background-color: #189fa0;
  color: #fff;
}
.tile-featured__body .t-meta {
  color: #fff;
}
.tile-guide {
  display: block;
  text-decoration: none;
  font-weight: 700;
  transition: background-color 0.3s;
}
.tile-guide::before {
  display: block;
  content: attr(data-index);
  font-family: "Roboto Slab";
  font-size: 24px;
  line-height: 130%;
  transition: color 0.3s;
}
.tile-guide--1 {
  height: 100%;
  padding: 20px 34px 30px;
  background-color: #293848;
}
.tile-guide--1::before {
  margin-bottom: 16px;
  color: #5b6d80;
}
.tile-guide--1:hover {
  background-color: #374d62;
}
.tile-guide--2 {
  margin-bottom: 2px;
  min-height: 138px;
  padding: 16px 30px 18px;
  background-color: #f1f3f4;
  line-height: 140%;
}
.tile-guide--2::before {
  margin-bottom: 6px;
  color: #b3b6b7;
}
.tile-guide--2:hover {
  background-color: #c7c7c7;
}
.tile-guide--2:hover::before {
  color: #2a6321;
}
.tile-calc {
  padding: 84px 32px 30px 32px;
}
.tile-calc::before {
  position: absolute;
  top: 30px;
  left: 32px;
  display: block;
  content: "";
  width: 34px;
  height: 34px;
  border: 1px solid #fb8f1d;
  border-radius: 4px;
  background: url(../img/icons/calculator.svg) no-repeat center;
  background-size: 20px auto;
}
.tile-stat {
  min-height: 132px;
  padding: 24px 20px 20px;
  color: #a2a3a5;
}
.tile-stat__value::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 7px 2px 0;
  border-style: solid;
  content: "";
}
.tile-stat__value--down {
  color: #fc0d1b;
}
.tile-stat__value--down::before {
  border-color: #fc0d1b transparent transparent transparent;
  border-width: 7px 5px 0 5px;
}
.tile-stat__value--up {
  color: #65b168;
}
.tile-stat__value--up::before {
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #65b168 transparent;
}
.tile-stat-2 {
  min-height: 106px;
  padding: 18px 20px;
  background: #eaefe9;
  border-radius: 2px;
  line-height: 1.2;
}
.tile-stat-2 b {
  color: #2a6321;
}
.widget {
  margin-bottom: 32px;
}
.widget-title {
  display: block;
}
.widget-title--underlined {
  border-bottom: 1px solid #bfd3de;
}
.widget-title--underlined > * {
  margin-bottom: -1px;
  padding-bottom: 14px;
  border-bottom: 1px solid #131e2b;
}
.widget p + p {
  margin-top: 1em;
}
.widget-contact {
  border: 3px solid #fb8f1d;
}
.widget-contact .widget-body {
  padding: 30px 32px;
}
.widget-contact .widget-body h6 {
  margin-bottom: 5px;
}
.widget-contact .widget-body p {
  margin-bottom: 32px;
}
.widget-tax {
  padding: 28px 24px 24px;
  background-color: #2a6321;
  border-radius: 4px;
}
.widget-tax > ul {
  padding: 20px 17px;
  background-color: #fff;
}
.widget-check {
  padding: 40px;
  background-color: #f1f3f4;
  border-radius: 4px;
}
.widget-check .widget-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 120%;
}
.widget-check .widget-body ul li {
  line-height: 160%;
}
.widget-check .widget-body ul li::before {
  top: 4px;
}
.widget-check .widget-body ul li + li {
  margin-top: 36px;
}
.widget-code {
  color: #fff;
}
.widget-code .list-check {
  margin: 0 auto;
}
.widget-code .list-check > li {
  line-height: 130%;
  padding-left: 30px;
}
.widget-code .list-check > li::before {
  width: 15px;
}
.widget-code .list-check > li + li {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.widget-code .list-check > li + li::before {
  top: 20px;
}
.widget-code__cta > div {
  border: 1px dashed rgba(255, 255, 255, 0.5);
}
.widget-code__cta > div > span {
  padding: 15px 15px;
}
.widget-code__cta > div > span + span {
  padding: 20px 10px;
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
  border-color: inherit;
}
.widget-code--sts {
  background-color: #000f47;
}
.widget-code--sts .widget-code__head {
  background: #072696;
}
.widget-code--sts .widget-code__body {
  background: #041a6a;
  color: #b5c1ec;
}
.widget-code--sts .widget-code__cta > div {
  color: #8897cd;
}
.widget-code--fortuna {
  background-color: #dabb06;
  color: #000;
}
.widget-code--fortuna .widget-code__head {
  background: #ffdb01;
}
.widget-code--fortuna .widget-code__body {
  background: #ebcb05;
}
.widget-code--fortuna .widget-code__cta > div {
  border-color: rgba(0, 0, 0, 0.75);
}
.widget-code--superbet {
  background-color: #99271a;
}
.widget-code--superbet .widget-code__head {
  background: #d13926;
}
.widget-code--superbet .widget-code__body {
  background: #be3221;
}
.widget-code--superbet .btn {
  background: #f8cd55;
  color: #4a4a4a;
}
.widget-code--betfan {
  background-color: #00352e;
}
.widget-code--betfan .widget-code__head {
  background: #004d43;
}
.widget-code--betfan .widget-code__body {
  background: #01463d;
}
.widget-code--betfan .btn {
  background: #fde021;
  color: #00352e;
}
.widget-code--forbet {
  background-color: #03132e;
}
.widget-code--forbet .widget-code__head {
  background: #0b285a;
}
.widget-code--forbet .widget-code__body {
  background: #061f4b;
}
.widget-code--forbet .btn {
  background: #8dc63e;
}
.widget-code--etoto {
  background-color: #05144c;
}
.widget-code--etoto .widget-code__head {
  background: #0e2b93;
}
.widget-code--etoto .widget-code__body {
  background: #0a237c;
}
.widget-code--etoto .btn {
  background: #ec3839;
}
.widget-code--betclic {
  background-color: #57070a;
}
.widget-code--betclic .widget-code__head {
  background: #d2161e;
}
.widget-code--betclic .widget-code__body {
  background: #ac1118;
}
.widget-code--betclic .btn {
  background: #f8cd46;
  color: #111;
}
.widget-code--lvbet {
  background-color: #313137;
}
.widget-code--lvbet .widget-code__head {
  background: #1d1d1b;
}
.widget-code--lvbet .widget-code__body {
  background: #29272c;
}
.widget-code--lvbet .btn {
  background: #fbcb00;
  color: #111;
}
.widget-code--pzbuk {
  background-color: #05144c;
}
.widget-code--pzbuk .widget-code__head {
  background: #0e2b93;
}
.widget-code--pzbuk .widget-code__body {
  background: #0a237c;
}
.widget-code--pzbuk .btn {
  background: #f8cd46;
}
.widget-code--totolotek {
  background-color: #05144c;
}
.widget-code--totolotek .widget-code__head {
  background: #0e2b93;
}
.widget-code--totolotek .widget-code__body {
  background: #0a237c;
}
.widget-code--totolotek .btn {
  background: #ec3839;
}
.widget-code--ewinner {
  background-color: #05144c;
}
.widget-code--ewinner .widget-code__head {
  background: #0e2b93;
}
.widget-code--ewinner .widget-code__body {
  background: #0a237c;
}
.widget-code--ewinner .btn {
  background: #ec3839;
}
.widget-code--totalbet {
  background-color: #05144c;
}
.widget-code--totalbet .widget-code__head {
  background: #0e2b93;
}
.widget-code--totalbet .widget-code__body {
  background: #0a237c;
}
.widget-code--totalbet .btn {
  background: #ec3839;
}
.widget-links {
  border: 4px solid #000;
  border-radius: 4px;
}
.widget-links .widget-title {
  padding: 8px 20px 12px;
  background-color: #000;
  color: #fff;
}
.widget-links .widget-body {
  padding: 30px 24px;
  color: #000;
}
.widget-links--sts {
  border-color: #000f47;
}
.widget-links--sts .widget-title {
  background-color: #000f47;
  color: #fff;
}
.widget-links--sts .widget-body {
  background-color: #072696;
}
.widget-links--sts .widget-body a {
  color: #fff;
}
.widget-links--fortuna {
  border-color: #dabb06;
}
.widget-links--fortuna .widget-title {
  background-color: #dabb06;
  color: #000;
}
.widget-links--fortuna .widget-body {
  background-color: #ffda00;
}
.widget-links--fortuna .widget-body a {
  color: #000;
}
.widget-links--superbet {
  border-color: #99271a;
}
.widget-links--superbet .widget-title {
  background-color: #99271a;
  color: #fff;
}
.widget-links--superbet .widget-body {
  background-color: #d13926;
}
.widget-links--superbet .widget-body a {
  color: #fff;
}
.widget-links--betfan {
  border-color: #00352e;
}
.widget-links--betfan .widget-title {
  background-color: #00352e;
  color: #fff;
}
.widget-links--betfan .widget-body {
  background-color: #004d43;
}
.widget-links--betfan .widget-body a {
  color: #fff;
}
.widget-links--forbet {
  border-color: #03132e;
}
.widget-links--forbet .widget-title {
  background-color: #03132e;
  color: #fff;
}
.widget-links--forbet .widget-body {
  background-color: #0b285a;
}
.widget-links--forbet .widget-body a {
  color: #fff;
}
.widget-links--etoto {
  border-color: #05144c;
}
.widget-links--etoto .widget-title {
  background-color: #05144c;
  color: #fff;
}
.widget-links--etoto .widget-body {
  background-color: #0e2b93;
}
.widget-links--etoto .widget-body a {
  color: #fff;
}
.widget-links--betclic {
  border-color: #57070a;
}
.widget-links--betclic .widget-title {
  background-color: #57070a;
  color: #fff;
}
.widget-links--betclic .widget-body {
  background-color: #d2161e;
}
.widget-links--betclic .widget-body a {
  color: #fff;
}
.widget-links--lvbet {
  border-color: #1d1d1b;
}
.widget-links--lvbet .widget-title {
  background-color: #1d1d1b;
  color: #fff;
}
.widget-links--lvbet .widget-body {
  background-color: #313137;
}
.widget-links--lvbet .widget-body a {
  color: #fff;
}
.widget-links--pzbuk {
  border-color: #05144c;
}
.widget-links--pzbuk .widget-title {
  background-color: #05144c;
  color: #fff;
}
.widget-links--pzbuk .widget-body {
  background-color: #0e2b93;
}
.widget-links--pzbuk .widget-body a {
  color: #fff;
}
.widget-links--totolotek {
  border-color: #05144c;
}
.widget-links--totolotek .widget-title {
  background-color: #05144c;
  color: #fff;
}
.widget-links--totolotek .widget-body {
  background-color: #0e2b93;
}
.widget-links--totolotek .widget-body a {
  color: #fff;
}
.widget-links--ewinner {
  border-color: #05144c;
}
.widget-links--ewinner .widget-title {
  background-color: #05144c;
  color: #fff;
}
.widget-links--ewinner .widget-body {
  background-color: #0e2b93;
}
.widget-links--ewinner .widget-body a {
  color: #fff;
}
.widget-links--totalbet {
  border-color: #05144c;
}
.widget-links--totalbet .widget-title {
  background-color: #05144c;
  color: #fff;
}
.widget-links--totalbet .widget-body {
  background-color: #0e2b93;
}
.widget-links--totalbet .widget-body a {
  color: #fff;
}
.widget-related ul > li > a::before {
  display: inline-block;
  content: "";
  margin-right: 6px;
  height: 10px;
  width: 10px;
  background: url(../img/icons/icon-gray.svg) no-repeat center;
  background-size: contain;
}
.widget-bookmaker .widget-title {
  padding: 45px 15px 35px;
}
.widget-bookmaker .widget-title > img {
  top: -25px;
  border: 1px solid #fff;
}
.widget-bookmaker .widget-body {
  padding: 30px 32px 60px;
}
.widget-bookmaker .widget-body p {
  margin-bottom: 16px;
}
.widget-bookmaker .widget-cta {
  bottom: -20px;
}
.widget-bookmaker--sts {
  border: 1px solid #1f54b8;
}
.widget-bookmaker--sts .widget-title {
  background: linear-gradient(-90deg, #1846a6 11.78%, #2b6dd7 98.52%);
}
.widget-calculator {
  padding: 30px 45px 24px 30px;
}
.widget-calculator ul {
  margin-bottom: 30px;
}
.widget-calculator ul > li {
  position: relative;
  padding-left: 30px;
}
.widget-calculator ul > li::before {
  position: absolute;
  top: -2px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background: url(../img/icons/calculator.svg) no-repeat center;
  background-size: contain;
}
.widget-calculator ul > li + li {
  margin-top: 24px;
}
.widget-calculator ul > li a:hover {
  font-weight: 700;
}
.widget-newsletter {
  padding: 32px 38px;
  color: #8492a3;
}
.widget-news-tab {
  padding: 32px;
  margin-left: -24px;
  margin-right: -24px;
}
.widget-news-tab__nav > button {
  padding: 10px 15px;
  border: 1px solid #131e2b;
  color: #36485e;
}
.widget-news-tab__nav > button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.widget-news-tab__nav > button:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.widget-news-tab__nav > button.active {
  background-color: #131e2b;
  color: #fff;
  font-weight: 500;
}
.widget-news-tab .tile {
  border-bottom: 1px solid #cae0ed;
}
.widget-news-tab__content {
  display: none;
}
.widget-news-tab__content.active {
  display: block;
}
.widget-news-tab__content > .tile:last-child {
  padding-bottom: 0 !important;
  border-bottom: none;
  margin-bottom: 0 !important;
}
.widget-typer {
  background-color: #189fa0;
  color: #c0e0e0;
}
.widget-typer img {
  width: 86px;
}
.widget-pie {
  color: #36485e;
}
.widget-pie figure {
  width: 105px;
}
.widget-users .widget-title {
  padding: 16px 20px;
  border-radius: 4px 4px 0 0;
}
.widget-users table thead tr > th:first-child {
  padding-left: 16px;
}
.widget-users table thead tr > th:last-child {
  padding-right: 16px;
}
.widget-users table th {
  padding: 8px 8px;
  font-size: 11px;
  background-color: #e5e5e5;
  color: #969fa3;
  text-transform: uppercase;
  font-weight: 400;
  border-bottom: 2px solid #fff;
}
.widget-users table tbody td {
  padding: 10px 8px;
  border-bottom: 2px solid #fff;
  background-color: #e5e5e5;
}
.widget-users table tbody td img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.widget-users table tbody > tr > td:first-child {
  padding-left: 16px;
}
.widget-users table tbody > tr > td:last-child {
  padding-right: 16px;
}
.widget-users table tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 4px;
}
.widget-users table tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 4px;
}
.widget-matches table {
  border-bottom: 1px solid #d1d1d1;
}
.widget-matches table th {
  background-color: #f1f3f4;
  color: #1b2b3f;
}
.widget-matches table td {
  background-color: #fff;
  font-size: 13px;
}
.widget-matches table td img {
  display: inline-block;
  width: 16px;
  height: auto;
  margin: 0 20px 3px 0;
  vertical-align: middle;
}
.widget-matches table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #d1d1d1;
}
.widget-forum-post {
  padding: 32px 32px 27px;
}
.widget-forum-post > img:first-child {
  width: 80px;
  height: 80px;
}
.header-top {
  height: 32px;
}
.header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #121b24;
  border-bottom: 2px solid #fb8f1d;
}
.header__inner {
  height: 76px;
}
.header__top {
  color: #7a91ab;
}
.header__branding img {
  height: 30px;
}
.header__menu {
  display: none;
  position: fixed;
  z-index: 1;
  top: 78px;
  left: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 24px;
  width: 100%;
  height: calc(100% - 76px - 2px);
  background-color: #121b24;
  overflow-y: auto;
  overflow-x: hidden;
}
.header__search > button svg {
  transition: fill 0.3s;
}
.header__search > button:hover svg {
  fill: #b3b1b7;
}
.header__search > div {
  display: none;
  position: absolute;
  z-index: 1;
  top: calc(100% + 2px);
  right: 0;
  width: 100%;
}
.header__search.active > div {
  display: block;
} /*!
 * Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row--tight {
  margin-right: -8px !important;
  margin-left: -8px !important;
}
.row--tight > * {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.section-text {
  margin: 40px 0 75px;
  line-height: 160%;
  color: #36485e;
}
.section-text hr {
  margin-top: 48px;
}
.section-text .row + .row {
  margin-top: 24px;
}
.section-text :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 700;
  font-family: "Roboto Slab";
  line-height: 133%;
  color: #131e2b;
}
.section-text p + p {
  margin-top: 1em;
}
.section-text p + h2 {
  margin-top: 24px;
}
.section-text a {
  color: #fb8f1d;
  text-decoration: none;
}
.section-bg {
  padding: 40px 0 64px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.section-bg__top {
  color: #fff;
  font-size: 14px;
  color: #d4d4d4;
  max-width: 660px;
  margin: 0 auto;
}
.section-bg__inner {
  margin: 56px auto;
  max-width: 930px;
}
.section-bg table:not(.bt) tbody > tr:not(:last-child) > td {
  border-bottom: 1px solid #121b24 !important;
}
.section-news {
  margin: 40px 0 48px;
}
.section-news-2 {
  margin: 50px 0;
  padding: 35px 0 25px;
}
.section-guide {
  padding: 40px 0 50px;
}
.section-guide__intro {
  padding-bottom: 36px;
  color: #8092a7;
}
.section-guide__intro img {
  width: 26px;
  margin-right: 24px;
}
.section-calc {
  margin: 64px 0 40px;
}
.section-related {
  margin: 64px 0;
}
.section-related.bg-light {
  margin: 130px 0 0 0;
  padding: 50px 0 70px;
}
.section-related__cta {
  max-width: 445px;
  margin: 60px auto 0;
}
.section-collection {
  padding-bottom: 32px;
}
.section-collection + .section-collection {
  margin-top: 50px;
}
.section-collection .tile--01 {
  height: auto;
  margin-bottom: 24px;
}
.section-collection .tile--01:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.sidebar {
  margin-bottom: -32px;
}
.newsletter {
  padding: 40px 0;
  background-color: #131e2b;
  border-bottom: 1px solid #3c4d62;
}
.newsletter__text img {
  height: 42px;
  width: auto;
}
.footer {
  background-color: #131e2b;
  color: #6783a3;
}
.footer .t-head-mini {
  color: #fff;
}
.footer-top {
  padding: 32px 0 46px;
}
.footer-top__branding img {
  display: block;
  height: 34px;
  width: auto;
  margin: 0 0 16px;
}
.footer-top__nav ul > li {
  margin-bottom: 30px;
}
.footer-top__nav ul > li:last-child {
  margin-bottom: 0;
}
.footer-top__nav ul > li a:hover {
  color: #fb8f1d;
}
.footer-top__return svg {
  margin: 0 0 2px 8px;
  height: 5px;
  width: auto;
}
.footer-top__return:hover {
  color: #fff;
}
.footer-bookmakers {
  padding: 38px 0;
  background-color: #0c131c;
}
.footer-bookmakers__list {
  margin: 0 -15px 8px;
}
.footer-bookmakers__list > li {
  margin: 0 15px 32px;
  width: calc(50% - 30px);
}
.footer-bookmakers__list > li > a {
  color: #a9b7c8;
}
.footer-bookmakers__list > li > a:hover {
  color: #fff;
}
.footer-bookmakers__btn {
  display: inline-block;
  width: 100%;
  padding: 11px 20px;
  border: 1px solid #354658;
  border-radius: 2px;
  color: #68809d;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
}
.footer-bookmakers__btn:hover {
  background-color: #1a2633;
}
.footer-main {
  padding: 32px 0 40px;
}
.footer-main__widget {
  margin-bottom: 45px;
}
.footer-main__widget--info {
  max-width: 212px;
}
.footer-main__widget--list ul li {
  padding: 14px 0;
  border-top: 1px solid #2f4662;
  border-bottom: 1px solid #2f4662;
  margin-top: -1px;
}
.footer-main__widget--list ul li a {
  color: #a9b7c8;
}
.footer-main__widget--list ul li a:hover {
  color: #fff;
}
.footer-main__widget--tags a {
  display: inline-block;
  padding: 6px 12px;
  background-color: #1b2b3f;
  color: #8492a3;
  font-size: 12px;
  border-radius: 4px;
  margin: 0 2px 4px 0;
  transition: all 0.3s;
}
.footer-main__widget--tags a:hover {
  background-color: #2b4564;
  color: #fff;
}
.footer-bottom {
  padding: 45px 0 35px;
  border-top: 1px solid #3c4d62;
}
.main {
  padding-top: 1px;
  margin-top: 76px;
}
.main--mb {
  margin-bottom: 75px;
}
.home-entry {
  padding: 24px 0 40px;
}
.home-entry b {
  display: block;
  margin-bottom: 12px;
  font-family: "Roboto Slab";
  font-size: 20px;
  color: #131e2b;
  line-height: 130%;
}
.home-entry span {
  display: block;
  color: #9ca7b3;
  font-size: 14px;
  line-height: 130%;
}
.home-ranking {
  margin: 56px 0 50px;
}
.login-opt {
  margin: 24px -5px;
}
.login-opt__fb {
  background: #1877f2;
}
.login-opt__tt {
  background: #1da1f2;
}
.login-opt__google {
  background: #ce5542;
}
.login-opt > a {
  padding: 16px;
  border-radius: 4px;
  flex-shrink: 0;
  margin: 0 5px 10px 5px;
  width: calc(100% - 10px);
  color: #fff;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  line-height: 112%;
}
.login-or {
  border-bottom: 1px solid #9eadbe;
}
.login-or > span {
  padding: 0 30px;
  color: #4a5568;
}
.threads-list > li {
  margin-top: -1px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.threads-list article {
  padding: 16px 0;
}
.threads-list article aside > a {
  width: 40px;
  height: 40px;
  color: #384146;
  line-height: 40px;
  background: url(../img/icons/thread.svg) no-repeat center;
  background-size: contain;
}
.thread-posts > li > aside {
  padding-left: 24px;
}
.thread-posts > li > aside img {
  width: 56px;
  height: 56px;
}
.thread-posts > li > article {
  font-size: 14px;
}
.thread-posts > li > article blockquote {
  font-size: 12px;
  margin: 16px 0;
  padding: 24px 32px;
}
.thread-posts > li > article img {
  margin-top: 1em;
  margin-bottom: 1em;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
body.js-menu-open {
  overflow: hidden;
}
body.js-menu-open .header__menu {
  display: flex;
}
@media screen and (min-width: 560px) {
  .form-rating > li {
    width: 10%;
  }
  .partial-stats {
    border-radius: 4px;
    margin: 0;
    padding: 32px 50px;
  }
  .tile--01 .tile__thumbnail {
    display: block;
    height: 110px;
    width: 135px;
    margin-right: 16px;
    flex-shrink: 0;
  }
  .tile-featured {
    display: flex;
  }
  .tile-featured__img {
    width: 50%;
    height: auto;
    flex-shrink: 0;
  }
  .widget-news-tab {
    margin-left: 0;
    margin-right: 0;
    border-radius: 2px;
  }
  .header__menu {
    padding: 48px calc((100vw - 492px) / 2);
  }
  .header__search > div {
    right: calc((100vw - 498px) / 2);
    width: 498px;
  }
  .container,
  .container-fluid {
    max-width: 540px;
  }
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xs-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xs-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xs-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xs-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xs-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xs-first {
    order: -1;
  }
  .order-xs-last {
    order: 13;
  }
  .order-xs-0 {
    order: 0;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-10 {
    order: 10;
  }
  .order-xs-11 {
    order: 11;
  }
  .order-xs-12 {
    order: 12;
  }
  .offset-xs-0 {
    margin-left: 0;
  }
  .offset-xs-1 {
    margin-left: 8.333333%;
  }
  .offset-xs-2 {
    margin-left: 16.666667%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-4 {
    margin-left: 33.333333%;
  }
  .offset-xs-5 {
    margin-left: 41.666667%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-7 {
    margin-left: 58.333333%;
  }
  .offset-xs-8 {
    margin-left: 66.666667%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-10 {
    margin-left: 83.333333%;
  }
  .offset-xs-11 {
    margin-left: 91.666667%;
  }
  .flex-xs-row {
    flex-direction: row !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xs-fill {
    flex: 1 1 auto !important;
  }
  .flex-xs-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xs-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xs-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xs-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xs-start {
    justify-content: flex-start !important;
  }
  .justify-content-xs-end {
    justify-content: flex-end !important;
  }
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
  .justify-content-xs-around {
    justify-content: space-around !important;
  }
  .align-items-xs-start {
    align-items: flex-start !important;
  }
  .align-items-xs-end {
    align-items: flex-end !important;
  }
  .align-items-xs-center {
    align-items: center !important;
  }
  .align-items-xs-baseline {
    align-items: baseline !important;
  }
  .align-items-xs-stretch {
    align-items: stretch !important;
  }
  .align-content-xs-start {
    align-content: flex-start !important;
  }
  .align-content-xs-end {
    align-content: flex-end !important;
  }
  .align-content-xs-center {
    align-content: center !important;
  }
  .align-content-xs-between {
    align-content: space-between !important;
  }
  .align-content-xs-around {
    align-content: space-around !important;
  }
  .align-content-xs-stretch {
    align-content: stretch !important;
  }
  .align-self-xs-auto {
    align-self: auto !important;
  }
  .align-self-xs-start {
    align-self: flex-start !important;
  }
  .align-self-xs-end {
    align-self: flex-end !important;
  }
  .align-self-xs-center {
    align-self: center !important;
  }
  .align-self-xs-baseline {
    align-self: baseline !important;
  }
  .align-self-xs-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 576px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-row {
    display: table-row !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .entry-header > :is(h1, h2) {
    font-size: 36px;
  }
  .entry-subpages {
    border-bottom: 2px solid #f1f3f4;
  }
  .entry-subpages h3 {
    font-size: 16px;
    padding: 0 0 12px 0;
    margin: 0 35px -2px 0;
  }
  .entry-subpages h3::before {
    display: none;
  }
  .entry-subpages h3 + h3 {
    margin-top: 0;
  }
  .entry-subpages h3.current {
    border-bottom: 3px solid #fb8f1d;
    color: initial;
  }
  .entry-content > ul {
    padding-left: 1.4em;
  }
  .entry-content > ol {
    padding-left: 2.25em;
  }
  .entry-content .u-video,
  .entry-content > iframe {
    margin-top: 66px;
    margin-bottom: 66px;
  }
  .entry-content blockquote {
    padding: 38px 54px;
  }
  .entry-faq {
    margin: 56px 0 48px;
  }
  .entry-author .btn {
    padding: 6px 15px;
    margin-top: 16px;
  }
  .t-s-right {
    text-align: right;
  }
  .t-s-init {
    text-align: initial;
  }
  .t-s-center {
    text-align: center;
  }
  .t-s-nowrap {
    white-space: nowrap;
  }
  .t-s-s12 {
    font-size: 12px !important;
  }
  .t-s-s14 {
    font-size: 14px !important;
  }
  .t-s-s21 {
    font-size: 21px !important;
  }
  .t-s-s30 {
    font-size: 30px !important;
  }
  .t-s-s32 {
    font-size: 32px !important;
  }
  .t-s-s36 {
    font-size: 36px !important;
  }
  .t-wysiwyg h1 {
    font-size: 32px;
  }
  .ml-s-auto {
    margin-left: auto !important;
  }
  .m-s-0 {
    margin: 0 !important;
  }
  .mt-s-0 {
    margin-top: 0 !important;
  }
  .mb-s-0 {
    margin-bottom: 0 !important;
  }
  .ml-s-0 {
    margin-left: 0 !important;
  }
  .-ml-s {
    margin-left: -4px !important;
  }
  .mr-s-2 {
    margin-right: 8px !important;
  }
  .mr-s-3 {
    margin-right: 12px !important;
  }
  .mr-s-4 {
    margin-right: 16px !important;
  }
  .ml-s-4 {
    margin-left: 16px !important;
  }
  .-mt-s-6 {
    margin-top: -24px !important;
  }
  .mr-s-6 {
    margin-right: 24px !important;
  }
  .mb-s-5 {
    margin-bottom: 20px !important;
  }
  .mb-s-6 {
    margin-bottom: 24px !important;
  }
  .mb-s-8 {
    margin-bottom: 32px !important;
  }
  .px-s-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .mr-s-9 {
    margin-right: 36px !important;
  }
  .my-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mb-s-10 {
    margin-bottom: 40px !important;
  }
  .mb-s-12 {
    margin-bottom: 48px !important;
  }
  .mr-s-12 {
    margin-right: 48px !important;
  }
  .mb-s-14 {
    margin-bottom: 56px !important;
  }
  .w-s-auto {
    width: auto;
  }
  .btn--arrows {
    padding-left: 30px;
    padding-right: 30px;
    white-space: nowrap;
  }
  nav.navigation > ul > li {
    font-size: 36px;
  }
  nav.navigation > ul > li > ul {
    font-size: 24px;
  }
  .pagination {
    margin-top: 42px;
  }
  .pagination .next,
  .pagination .prev {
    width: 20%;
  }
  .pagination .next {
    margin-left: initial;
  }
  .list-x-links > li {
    margin-right: 8px;
  }
  .list-x-links > li + li {
    padding-left: 14px;
  }
  .dataTables_length {
    float: left;
    padding: 6px 0 0 0;
  }
  .dataTables_length label {
    margin: 10px 0 0 0;
  }
  .dataTables_filter > label {
    float: right;
  }
  .dataTables_filter > label input {
    max-width: 200px;
  }
  .dataTable {
    margin: 32px 0;
  }
  .dataTables_info {
    float: right;
    margin: 5px 0 0 0;
  }
  .table-ranking thead tr:first-child > th {
    background-color: #fff;
  }
  .table-ranking thead tr:first-child > th:nth-child(2),
  .table-ranking thead tr:first-child > th:nth-child(3) {
    background: #d7ddd9;
    color: #000;
    text-align: center;
    border-radius: 4px 4px 0 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .td-flex {
    display: flex;
    margin: 0 -12px;
  }
  .td-flex > div {
    padding: 0;
    width: calc(50% - 24px);
    margin: 0 12px;
  }
  .form-rating > li .checkmark {
    display: inline-block;
    margin: -2px 0 0 8px;
  }
  .form-newsletter__fields--inline {
    margin: 0 -8px;
  }
  .form-newsletter__fields--inline > * {
    width: calc(50% - 16px) !important;
    margin: 0 8px;
    flex-shrink: 0;
    max-width: 215px;
  }
  .checkbox .checkmark {
    top: 0;
  }
  .breadcrumbs {
    margin: 24px 0 32px;
  }
  .banner-long {
    padding: 32px 30px;
  }
  .banner-sts.banner-wide .banner-sts__body {
    padding: 12px 0;
  }
  .banner-wide {
    height: 182px;
  }
  .banner-jumbo {
    padding: 56px 56px;
  }
  .banner-jumbo__main {
    margin: 0;
  }
  .banner-jumbo__screen {
    position: absolute;
    bottom: -12px;
    right: -12px;
    height: calc(100% - 40px);
    width: calc(100% - 500px);
    margin: 0;
  }
  .banner-jumbo__img {
    position: absolute;
    right: 48px;
    bottom: -22px;
    max-height: calc(100% - 24px);
    width: auto;
    max-width: 200px;
    height: auto;
  }
  .card--rwd,
  .card--wide {
    padding: 110px 48px 30px 56px;
  }
  .card--rwd .card__tab,
  .card--wide .card__tab {
    width: 55%;
  }
  .card--rwd .card__tab > img,
  .card--wide .card__tab > img {
    left: 58px;
    height: 24px;
  }
  .card--rwd .card__place,
  .card--wide .card__place {
    right: 48px;
  }
  .card--rwd .card__inner,
  .card--wide .card__inner {
    display: flex;
  }
  .card--rwd .card__inner > div:first-child,
  .card--wide .card__inner > div:first-child {
    width: 58%;
    padding-right: 30px;
    flex-shrink: 0;
  }
  .card--rwd .card__inner > div:nth-child(2),
  .card--wide .card__inner > div:nth-child(2) {
    width: 42%;
    flex-shrink: 0;
  }
  .slider.slider-02 .swiper-pagination {
    top: 20px;
    right: 30px;
    width: auto;
    left: auto;
  }
  .slider-05-nav {
    bottom: 17px;
  }
  .modal__container {
    padding: 40px 35px 55px;
  }
  .alert {
    left: 50%;
    transform: translate(-50%, 0);
    top: 113px;
    width: auto;
  }
  .align-right {
    float: right;
    right: 2px;
    margin-left: 24px;
    margin-bottom: 24px !important;
  }
  .align-left {
    float: left;
    margin-right: 24px;
    margin-bottom: 24px !important;
  }
  .p-headline__title {
    padding-bottom: 16px;
    font-size: 18px;
  }
  .p-top__intro img {
    height: 130px;
    width: 180px;
  }
  .p-top__intro h1 {
    padding: 24px 42px;
  }
  .p-top-bookie {
    padding: 40px;
    box-shadow: 0 0 24px -8px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
  }
  .p-top-card > div:first-child {
    width: 42.5%;
    padding: 40px 32px;
  }
  .p-top-card > div:nth-child(2) {
    padding: 40px 32px;
  }
  .p-top-user > img {
    width: 62px;
    height: 62px;
  }
  .p-grid-02 > a {
    width: calc(50% - 2px);
    margin-left: 1px;
    margin-right: 1px;
    flex-shrink: 0;
  }
  .p-faq > ul > li > [toggler] {
    padding: 26px 64px 26px 28px;
  }
  .p-faq > ul > li > div {
    margin-top: -10px;
    padding: 0 28px 28px 28px;
  }
  .p-faq-2 > ul > li {
    margin: -1px -16px 0;
    padding: 0 16px;
  }
  .p-faq-2 > ul > li > [toggler] {
    font-size: 18px;
  }
  .p-faq-2 > ul > li > div {
    margin-top: -10px;
  }
  .p-faq-2 > ul > li.active {
    padding: 0 44px;
  }
  .partial-stats {
    padding: 32px;
  }
  .partial-stats__graph {
    width: 332px;
    margin-right: 32px;
  }
  .p-tabs-1 li {
    display: inline-block;
    margin: 0 8px 10px 0;
  }
  .p-tabs-2 {
    font-size: 12px;
  }
  .p-tabs-2__current {
    display: none;
  }
  .p-tabs-2 ul {
    display: block !important;
    padding: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #c6c6c6;
  }
  .p-tabs-2 ul li {
    display: inline-block;
    padding: 0 0 16px 0;
    margin: 0 24px -1px 0;
    border-bottom: 1px solid transparent;
  }
  .p-tabs-2 ul li a {
    padding: 0;
  }
  .p-betcard__middle > a::after {
    display: none;
  }
  .p-betcard__middle > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .p-ranking > ol > li {
    padding: 22px 24px 22px 13px;
  }
  .p-ranking > ol > li > img {
    margin-right: 20px;
  }
  .p-ranking-2__brand img {
    height: 16px;
  }
  .p-ranking-2__inner {
    padding: 32px 80px 60px;
  }
  .p-ranking-2 .btn-info {
    position: absolute;
    left: 0;
    top: calc(100% + 14px);
    transform: translateX(-50%);
  }
  .p-info {
    padding: 28px 50px 42px;
  }
  .p-dictionary {
    padding: 50px 80px 50px 65px;
  }
  .p-dictionary > ol {
    columns: 2;
    column-gap: 44px;
  }
  .p-banner-wide {
    height: 182px;
  }
  .p-code {
    padding: 11px 13px;
  }
  .p-code--bonus {
    padding: 11px 43px 11px 12px;
  }
  .p-searchform {
    padding: 27px 40px;
  }
  .p-jumbo-select {
    padding: 38px 50px;
  }
  .p-bar-2 {
    padding: 10px 20px;
  }
  .p-bar-2 img {
    margin: 0 24px;
  }
  .p-analysis {
    padding: 32px 50px;
  }
  .tile--small .tile__thumbnail {
    min-height: 110px;
    width: 34%;
    margin-right: 16px;
  }
  .tile--01 .tile__tax {
    margin-bottom: 6px;
  }
  .widget-links .widget-body ul {
    columns: 2;
  }
  .widget-news-tab {
    padding: 32px 24px;
  }
  .header {
    position: absolute;
    top: 32px;
  }
  .header__branding img {
    height: 36px;
  }
  .header__menu {
    top: 110px;
    height: calc(100% - 76px - 32px - 2px);
    padding: 48px calc((100vw - 696px) / 2);
  }
  .header__search > div {
    right: calc((100vw - 702px) / 2);
  }
  .js-header-sticky .header {
    position: fixed;
    top: 0;
  }
  .js-header-sticky .header__menu {
    top: 78px;
    height: calc(100% - 76px - 2px);
  }
  .container,
  .container-fluid {
    max-width: 726px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .row {
    margin-right: -12px;
    margin-left: -12px;
  }
  .row > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .col-s {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-s-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-s-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-s-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-s-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-s-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-s-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-s-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-s-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-s-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-s-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-s-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-s-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-s-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-s-first {
    order: -1;
  }
  .order-s-last {
    order: 13;
  }
  .order-s-0 {
    order: 0;
  }
  .order-s-1 {
    order: 1;
  }
  .order-s-2 {
    order: 2;
  }
  .order-s-3 {
    order: 3;
  }
  .order-s-4 {
    order: 4;
  }
  .order-s-5 {
    order: 5;
  }
  .order-s-6 {
    order: 6;
  }
  .order-s-7 {
    order: 7;
  }
  .order-s-8 {
    order: 8;
  }
  .order-s-9 {
    order: 9;
  }
  .order-s-10 {
    order: 10;
  }
  .order-s-11 {
    order: 11;
  }
  .order-s-12 {
    order: 12;
  }
  .offset-s-0 {
    margin-left: 0;
  }
  .offset-s-1 {
    margin-left: 8.333333%;
  }
  .offset-s-2 {
    margin-left: 16.666667%;
  }
  .offset-s-3 {
    margin-left: 25%;
  }
  .offset-s-4 {
    margin-left: 33.333333%;
  }
  .offset-s-5 {
    margin-left: 41.666667%;
  }
  .offset-s-6 {
    margin-left: 50%;
  }
  .offset-s-7 {
    margin-left: 58.333333%;
  }
  .offset-s-8 {
    margin-left: 66.666667%;
  }
  .offset-s-9 {
    margin-left: 75%;
  }
  .offset-s-10 {
    margin-left: 83.333333%;
  }
  .offset-s-11 {
    margin-left: 91.666667%;
  }
  .flex-s-row {
    flex-direction: row !important;
  }
  .flex-s-column {
    flex-direction: column !important;
  }
  .flex-s-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-s-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-s-wrap {
    flex-wrap: wrap !important;
  }
  .flex-s-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-s-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-s-fill {
    flex: 1 1 auto !important;
  }
  .flex-s-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-s-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-s-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-s-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-s-start {
    justify-content: flex-start !important;
  }
  .justify-content-s-end {
    justify-content: flex-end !important;
  }
  .justify-content-s-center {
    justify-content: center !important;
  }
  .justify-content-s-between {
    justify-content: space-between !important;
  }
  .justify-content-s-around {
    justify-content: space-around !important;
  }
  .align-items-s-start {
    align-items: flex-start !important;
  }
  .align-items-s-end {
    align-items: flex-end !important;
  }
  .align-items-s-center {
    align-items: center !important;
  }
  .align-items-s-baseline {
    align-items: baseline !important;
  }
  .align-items-s-stretch {
    align-items: stretch !important;
  }
  .align-content-s-start {
    align-content: flex-start !important;
  }
  .align-content-s-end {
    align-content: flex-end !important;
  }
  .align-content-s-center {
    align-content: center !important;
  }
  .align-content-s-between {
    align-content: space-between !important;
  }
  .align-content-s-around {
    align-content: space-around !important;
  }
  .align-content-s-stretch {
    align-content: stretch !important;
  }
  .align-self-s-auto {
    align-self: auto !important;
  }
  .align-self-s-start {
    align-self: flex-start !important;
  }
  .align-self-s-end {
    align-self: flex-end !important;
  }
  .align-self-s-center {
    align-self: center !important;
  }
  .align-self-s-baseline {
    align-self: baseline !important;
  }
  .align-self-s-stretch {
    align-self: stretch !important;
  }
  .section-text {
    margin: 60px 0 88px;
  }
  .section-bg {
    padding: 56px 0 64px;
  }
  .section-news-2 {
    padding: 45px 0 55px;
    margin: 60px 0 50px;
  }
  .section-guide {
    padding: 50px 0 70px;
  }
  .section-guide__intro {
    border-bottom: 1px solid #4f6785;
    margin-bottom: 65px;
  }
  .section-guide__intro-inner {
    padding-left: 105px;
  }
  .section-guide__intro img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 64px;
  }
  .section-calc {
    margin: 64px 0 40px;
  }
  .section-collection {
    padding-bottom: 16px;
    border-bottom: 1px solid #c3c6c7;
  }
  .section-collection + .section-collection {
    margin-top: 56px;
  }
  .sidebar {
    max-width: initial;
  }
  .footer-top {
    padding: 40px 0;
  }
  .footer-top__nav ul > li {
    display: inline-block;
    margin: 0 32px 32px 0;
  }
  .footer-bookmakers__list > li {
    width: auto;
  }
  .footer-bookmakers__btn {
    width: auto;
    font-size: 12px;
    padding: 8px 20px;
  }
  .footer-main {
    padding: 40px 0 50px;
  }
  .footer-main__widget--info {
    max-width: 100%;
  }
  .footer-main__widget--list ul {
    margin: 0 -12px;
  }
  .footer-main__widget--list ul li {
    width: calc(50% - 24px);
    margin: -1px 12px 0;
  }
  .footer-bottom {
    padding: 40px 0 45px;
  }
  .main--mb {
    margin-bottom: 90px;
  }
  .home-entry b {
    font-size: 24px;
  }
  .login-opt {
    margin: 40px -5px;
  }
  .login-opt > a {
    width: calc(33.3333333333% - 10px);
  }
  .forum-bar {
    height: 60px;
  }
  .thread-posts > li > aside {
    width: 130px;
    padding: 0 5px;
  }
}
@media (min-width: 768px) {
  .d-s-none {
    display: none !important;
  }
  .d-s-inline {
    display: inline !important;
  }
  .d-s-inline-block {
    display: inline-block !important;
  }
  .d-s-block {
    display: block !important;
  }
  .d-s-table {
    display: table !important;
  }
  .d-s-table-row {
    display: table-row !important;
  }
  .d-s-table-cell {
    display: table-cell !important;
  }
  .d-s-flex {
    display: flex !important;
  }
  .d-s-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .entry-actions {
    max-width: 717px;
  }
  .mb-m-0 {
    margin-bottom: 0 !important;
  }
  .mr-m-4 {
    margin-right: 16px !important;
  }
  .mb-m-10 {
    margin-bottom: 40px !important;
  }
  nav.nav {
    display: block;
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
    animation: none;
    align-items: flex-end;
    overflow: initial;
    background: 0 0;
    order: 2;
    margin-left: auto;
  }
  .breadcrumbs {
    margin: 24px 0 40px;
  }
  .banner-jumbo__img {
    max-width: 290px;
    right: 65px;
  }
  .slider.slider-02 .tile__thumbnail {
    height: 350px;
  }
  .slider-05-nav .swiper-container {
    max-width: 300px;
  }
  .p-top__intro {
    max-width: 320px;
  }
  .p-top__intro img {
    height: 180px;
    width: 100%;
  }
  .p-top__intro h1 {
    padding: 22px 10px 30px;
  }
  .p-top-bookie > div:nth-child(2) {
    margin-right: 42px;
    width: 258px;
  }
  .partial-stats {
    padding: 32px 50px;
  }
  .partial-stats__graph {
    width: 350px;
    margin-right: 40px;
  }
  .p-betcard__summary > div {
    padding-right: 24px;
  }
  .tile-featured {
    display: block;
    max-width: 317px;
  }
  .tile-featured__img {
    width: 100%;
    height: 240px;
  }
  .header__menu {
    padding: 48px calc((100vw - 936px) / 2);
  }
  .header__search > div {
    right: calc((100vw - 936px) / 2);
  }
  .container,
  .container-fluid {
    max-width: 960px;
  }
  .col-m {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-m-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-m-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-m-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-m-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-m-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-m-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-m-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-m-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-m-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-m-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-m-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-m-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-m-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-m-first {
    order: -1;
  }
  .order-m-last {
    order: 13;
  }
  .order-m-0 {
    order: 0;
  }
  .order-m-1 {
    order: 1;
  }
  .order-m-2 {
    order: 2;
  }
  .order-m-3 {
    order: 3;
  }
  .order-m-4 {
    order: 4;
  }
  .order-m-5 {
    order: 5;
  }
  .order-m-6 {
    order: 6;
  }
  .order-m-7 {
    order: 7;
  }
  .order-m-8 {
    order: 8;
  }
  .order-m-9 {
    order: 9;
  }
  .order-m-10 {
    order: 10;
  }
  .order-m-11 {
    order: 11;
  }
  .order-m-12 {
    order: 12;
  }
  .offset-m-0 {
    margin-left: 0;
  }
  .offset-m-1 {
    margin-left: 8.333333%;
  }
  .offset-m-2 {
    margin-left: 16.666667%;
  }
  .offset-m-3 {
    margin-left: 25%;
  }
  .offset-m-4 {
    margin-left: 33.333333%;
  }
  .offset-m-5 {
    margin-left: 41.666667%;
  }
  .offset-m-6 {
    margin-left: 50%;
  }
  .offset-m-7 {
    margin-left: 58.333333%;
  }
  .offset-m-8 {
    margin-left: 66.666667%;
  }
  .offset-m-9 {
    margin-left: 75%;
  }
  .offset-m-10 {
    margin-left: 83.333333%;
  }
  .offset-m-11 {
    margin-left: 91.666667%;
  }
  .d-m-none {
    display: none !important;
  }
  .d-m-inline {
    display: inline !important;
  }
  .d-m-inline-block {
    display: inline-block !important;
  }
  .d-m-block {
    display: block !important;
  }
  .d-m-table {
    display: table !important;
  }
  .d-m-table-row {
    display: table-row !important;
  }
  .d-m-table-cell {
    display: table-cell !important;
  }
  .d-m-flex {
    display: flex !important;
  }
  .d-m-inline-flex {
    display: inline-flex !important;
  }
  .flex-m-row {
    flex-direction: row !important;
  }
  .flex-m-column {
    flex-direction: column !important;
  }
  .flex-m-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-m-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-m-wrap {
    flex-wrap: wrap !important;
  }
  .flex-m-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-m-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-m-fill {
    flex: 1 1 auto !important;
  }
  .flex-m-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-m-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-m-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-m-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-m-start {
    justify-content: flex-start !important;
  }
  .justify-content-m-end {
    justify-content: flex-end !important;
  }
  .justify-content-m-center {
    justify-content: center !important;
  }
  .justify-content-m-between {
    justify-content: space-between !important;
  }
  .justify-content-m-around {
    justify-content: space-around !important;
  }
  .align-items-m-start {
    align-items: flex-start !important;
  }
  .align-items-m-end {
    align-items: flex-end !important;
  }
  .align-items-m-center {
    align-items: center !important;
  }
  .align-items-m-baseline {
    align-items: baseline !important;
  }
  .align-items-m-stretch {
    align-items: stretch !important;
  }
  .align-content-m-start {
    align-content: flex-start !important;
  }
  .align-content-m-end {
    align-content: flex-end !important;
  }
  .align-content-m-center {
    align-content: center !important;
  }
  .align-content-m-between {
    align-content: space-between !important;
  }
  .align-content-m-around {
    align-content: space-around !important;
  }
  .align-content-m-stretch {
    align-content: stretch !important;
  }
  .align-self-m-auto {
    align-self: auto !important;
  }
  .align-self-m-start {
    align-self: flex-start !important;
  }
  .align-self-m-end {
    align-self: flex-end !important;
  }
  .align-self-m-center {
    align-self: center !important;
  }
  .align-self-m-baseline {
    align-self: baseline !important;
  }
  .align-self-m-stretch {
    align-self: stretch !important;
  }
  .footer-main__widget--tags {
    max-width: 300px;
  }
  .home-entry {
    padding: 40px 0;
  }
  .betting-tips .section-collection {
    border-bottom: none;
  }
}
@media screen and (min-width: 1240px) {
  .t-l-init {
    text-align: initial;
  }
  .t-l-center {
    text-align: center;
  }
  .t-l-nowrap {
    white-space: nowrap;
  }
  .t-l-s12 {
    font-size: 12px !important;
  }
  .t-l-s14 {
    font-size: 14px !important;
  }
  .t-l-s16 {
    font-size: 16px !important;
  }
  .t-l-s21 {
    font-size: 21px !important;
  }
  .mt-l-0 {
    margin-top: 0 !important;
  }
  .mb-l-0 {
    margin-bottom: 0 !important;
  }
  .ml-l-0 {
    margin-left: 0 !important;
  }
  .mr-l-0 {
    margin-right: 0 !important;
  }
  .mb-l-2 {
    margin-bottom: 8px !important;
  }
  .mt-l-6 {
    margin-top: 24px !important;
  }
  .mb-l-6 {
    margin-bottom: 24px !important;
  }
  .-mb-l-6 {
    margin-bottom: -24px !important;
  }
  .mb-l-8 {
    margin-bottom: 32px !important;
  }
  .px-l-12 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .mb-l-12\.5 {
    margin-bottom: 50px !important;
  }
  .mb-l-14 {
    margin-bottom: 56px !important;
  }
  .mt-l-16 {
    margin-top: 64px !important;
  }
  .mb-l-16 {
    margin-bottom: 64px !important;
  }
  .mt-l-18 {
    margin-top: 72px !important;
  }
  .mb-l-18 {
    margin-bottom: 72px !important;
  }
  .-mb-l-18 {
    margin-bottom: -72px !important;
  }
  .mb-l-21 {
    margin-bottom: 84px !important;
  }
  .mb-l-26 {
    margin-bottom: 104px !important;
  }
  .pr-l-11 {
    padding-right: 44px !important;
  }
  .relative-l {
    position: relative;
  }
  .w-l-100 {
    width: 100%;
  }
  .right-l-0 {
    right: 0;
  }
  .u-l-center {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }
  .u-l-center-y {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
  }
  .u-space-l-55 {
    height: 55px;
  }
  nav.navigation > ul > li {
    display: inline-block;
    margin: 0 16px;
    font-size: 16px;
    line-height: 100%;
  }
  nav.navigation > ul > li > a > span {
    width: 10px;
    height: 10px;
    margin-left: 10px;
  }
  nav.navigation > ul > li > a > span > svg {
    height: 6px;
  }
  nav.navigation > ul > li > ul {
    position: absolute;
    top: calc(100% + 10px);
    margin-top: 0;
    left: 0;
    flex-direction: row;
    flex-wrap: wrap;
    width: 446px;
    padding: 24px 19px 4px;
    box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    background-color: #fff;
    color: #1b2b3f;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400;
  }
  nav.navigation > ul > li > ul::before {
    position: absolute;
    top: -6px;
    left: 24px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10.5px 6px 10.5px;
    border-color: transparent transparent #fff transparent;
  }
  nav.navigation > ul > li > ul::after {
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 0;
    width: 100%;
    display: block;
    height: 10px;
    content: "";
  }
  nav.navigation > ul > li > ul > li {
    width: calc(50% - 10px);
    margin: 0 5px 20px !important;
    flex-shrink: 0;
  }
  nav.navigation > ul > li > ul > li .p-brand {
    display: block;
  }
  nav.navigation > ul > li > ul > li:hover {
    font-weight: 700;
  }
  nav.navigation > ul > li.has-children:hover > a > span {
    transform: rotate(180deg);
  }
  nav.navigation > ul > li.has-children:hover > ul {
    display: flex;
  }
  nav.navigation > ul > li.dropdown-02 > ul {
    width: 518px;
  }
  .pagination {
    padding: 26px 32px;
    font-size: 18px;
  }
  .table-wide td,
  .table-wide th {
    padding: 12px 12px !important;
  }
  .table-ranking tbody > tr > :nth-child(13),
  .table-ranking tbody > tr > :nth-child(16),
  .table-ranking tbody > tr > :nth-child(8),
  .table-ranking thead > tr:nth-child(2) > :nth-child(13),
  .table-ranking thead > tr:nth-child(2) > :nth-child(16),
  .table-ranking thead > tr:nth-child(2) > :nth-child(8) {
    border-left: 1px solid #fff;
  }
  .banner-long {
    padding: 32px 50px;
  }
  .banner-long .list-check {
    margin-right: -10px;
  }
  .banner-jumbo {
    padding: 77px 82px;
  }
  .card--rwd {
    padding-left: 38px;
    padding-right: 38px;
  }
  .card--rwd .card__tab {
    width: 190px;
  }
  .card--rwd .card__tab > img {
    left: 38px;
    max-width: 110px;
  }
  .card--rwd .card__inner {
    display: block;
  }
  .card--rwd .card__inner > div:first-child {
    width: 100%;
    padding: 0;
  }
  .card--rwd .card__inner > div:nth-child(2) {
    width: 100%;
  }
  .slider-03 .tile--01 .tile__thumbnail {
    height: 132px;
    width: 164px;
  }
  .slider-03-2 .tile--01 .tile__thumbnail {
    height: 132px;
    width: 164px;
  }
  .slider-03-3 .tile--01 .tile__thumbnail {
    height: 132px;
    width: 164px;
  }
  .slider-05-nav {
    font-size: 14px;
  }
  .slider-05-nav .swiper-container {
    max-width: 100%;
  }
  .slider-05-nav .swiper-container .swiper-wrapper {
    justify-content: flex-end;
  }
  .slider-05-nav .swiper-container .swiper-slide {
    width: auto;
  }
  .slider-05-nav__next,
  .slider-05-nav__prev {
    border: none;
  }
  .alert {
    top: 165px;
  }
  .p-top {
    margin: 70px 0 48px;
  }
  .p-top-card > div:first-child {
    padding: 40px 35px 40px 8.3%;
  }
  .p-top-card > div:nth-child(2) {
    padding: 40px 62px;
  }
  .p-grid-01 article + article {
    padding-top: 48px;
    margin-top: 48px;
  }
  .p-grid-02 > a {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .p-grid-03 .tile--large {
    padding-bottom: 45px;
    border-bottom: 1px solid #c3c6c7;
  }
  .p-faq-2 > ul > li > [toggler] {
    padding: 21px 50px 28px 0;
  }
  .p-faq-2 > ul > li > [toggler]:after {
    top: 32px;
  }
  .p-faq-2 > ul > li.active {
    padding: 0 16px;
  }
  .p-betcard:not(.p-betcard--small) .p-betcard__middle {
    padding: 32px 60px;
  }
  .p-betcard__middle > a img {
    height: 54px;
  }
  .p-betcard--2 {
    padding: 50px 40px;
  }
  .p-ranking-2 {
    padding: 30px;
    background-color: #fff;
  }
  .p-ranking-2__place {
    position: relative;
    left: auto;
    top: auto;
    margin-right: 34px;
    background-color: #fff;
  }
  .p-ranking-2__brand {
    height: 94px;
    width: 120px;
  }
  .p-ranking-2__inner {
    padding: 0 0 0 32px;
  }
  .p-ranking-2 .btn,
  .p-ranking-2 .p-code {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .p-ranking-2 .btn-info {
    position: relative;
    transform: none;
    top: initial;
    left: initial;
  }
  .p-ranking-2__more {
    max-width: 195px;
  }
  .p-banner > * {
    max-height: 230px;
  }
  .p-spryciarz--big {
    font-size: 12px;
  }
  .widget {
    margin-bottom: 40px;
  }
  .widget-links .widget-body ul {
    columns: initial;
  }
  .widget-news-tab {
    padding: 32px;
  }
  .header__inner {
    height: auto;
  }
  .header__top {
    height: 76px;
  }
  .header__bottom {
    height: 52px;
    border-top: 1px solid #354658;
  }
  .header__branding img {
    height: 40px;
  }
  .header__menu {
    display: block;
    position: initial;
    top: initial;
    left: initial;
    width: auto;
    height: auto;
    padding: 0;
    overflow: initial;
  }
  .header__search > div {
    top: calc(100% + 15px);
    right: 0;
  }
  .js-header-sticky .header {
    position: fixed;
  }
  .js-header-sticky .header__top {
    display: none !important;
  }
  .js-header-sticky .header__bottom {
    border-top: none;
  }
  .js-header-sticky .header__bottom .header__fixed-branding {
    display: block !important;
  }
  .js-header-sticky .header__menu {
    height: auto;
    top: initial;
  }
  .container,
  .container-fluid {
    max-width: 1220px;
  }
  .col-l {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-l-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-l-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-l-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-l-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-l-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-l-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-l-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-l-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-l-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-l-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-l-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-l-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-l-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-l-first {
    order: -1;
  }
  .order-l-last {
    order: 13;
  }
  .order-l-0 {
    order: 0;
  }
  .order-l-1 {
    order: 1;
  }
  .order-l-2 {
    order: 2;
  }
  .order-l-3 {
    order: 3;
  }
  .order-l-4 {
    order: 4;
  }
  .order-l-5 {
    order: 5;
  }
  .order-l-6 {
    order: 6;
  }
  .order-l-7 {
    order: 7;
  }
  .order-l-8 {
    order: 8;
  }
  .order-l-9 {
    order: 9;
  }
  .order-l-10 {
    order: 10;
  }
  .order-l-11 {
    order: 11;
  }
  .order-l-12 {
    order: 12;
  }
  .offset-l-0 {
    margin-left: 0;
  }
  .offset-l-1 {
    margin-left: 8.333333%;
  }
  .offset-l-2 {
    margin-left: 16.666667%;
  }
  .offset-l-3 {
    margin-left: 25%;
  }
  .offset-l-4 {
    margin-left: 33.333333%;
  }
  .offset-l-5 {
    margin-left: 41.666667%;
  }
  .offset-l-6 {
    margin-left: 50%;
  }
  .offset-l-7 {
    margin-left: 58.333333%;
  }
  .offset-l-8 {
    margin-left: 66.666667%;
  }
  .offset-l-9 {
    margin-left: 75%;
  }
  .offset-l-10 {
    margin-left: 83.333333%;
  }
  .offset-l-11 {
    margin-left: 91.666667%;
  }
  .d-l-none {
    display: none !important;
  }
  .d-l-inline {
    display: inline !important;
  }
  .d-l-inline-block {
    display: inline-block !important;
  }
  .d-l-block {
    display: block !important;
  }
  .d-l-table {
    display: table !important;
  }
  .d-l-table-row {
    display: table-row !important;
  }
  .d-l-table-cell {
    display: table-cell !important;
  }
  .d-l-flex {
    display: flex !important;
  }
  .d-l-inline-flex {
    display: inline-flex !important;
  }
  .flex-l-row {
    flex-direction: row !important;
  }
  .flex-l-column {
    flex-direction: column !important;
  }
  .flex-l-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-l-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-l-wrap {
    flex-wrap: wrap !important;
  }
  .flex-l-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-l-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-l-fill {
    flex: 1 1 auto !important;
  }
  .flex-l-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-l-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-l-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-l-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-l-start {
    justify-content: flex-start !important;
  }
  .justify-content-l-end {
    justify-content: flex-end !important;
  }
  .justify-content-l-center {
    justify-content: center !important;
  }
  .justify-content-l-between {
    justify-content: space-between !important;
  }
  .justify-content-l-around {
    justify-content: space-around !important;
  }
  .align-items-l-start {
    align-items: flex-start !important;
  }
  .align-items-l-end {
    align-items: flex-end !important;
  }
  .align-items-l-center {
    align-items: center !important;
  }
  .align-items-l-baseline {
    align-items: baseline !important;
  }
  .align-items-l-stretch {
    align-items: stretch !important;
  }
  .align-content-l-start {
    align-content: flex-start !important;
  }
  .align-content-l-end {
    align-content: flex-end !important;
  }
  .align-content-l-center {
    align-content: center !important;
  }
  .align-content-l-between {
    align-content: space-between !important;
  }
  .align-content-l-around {
    align-content: space-around !important;
  }
  .align-content-l-stretch {
    align-content: stretch !important;
  }
  .align-self-l-auto {
    align-self: auto !important;
  }
  .align-self-l-start {
    align-self: flex-start !important;
  }
  .align-self-l-end {
    align-self: flex-end !important;
  }
  .align-self-l-center {
    align-self: center !important;
  }
  .align-self-l-baseline {
    align-self: baseline !important;
  }
  .align-self-l-stretch {
    align-self: stretch !important;
  }
  .section-text {
    margin: 90px 0 115px;
  }
  .section-text hr {
    margin-top: 85px;
  }
  .section-text .row + .row {
    margin-top: 60px;
  }
  .section-text p + h2 {
    margin-top: 56px;
  }
  .section-bg {
    padding: 90px 0 100px;
    margin: 100px 0 90px;
  }
  .section-news {
    margin: 100px 0 115px 0;
  }
  .section-calc {
    margin: 70px 0 105px;
  }
  .section-related {
    margin: 88px 0 72px;
  }
  .section-collection + .section-collection {
    margin-top: 65px;
  }
  .sidebar {
    margin-bottom: -40px;
  }
  .newsletter {
    padding: 50px 0;
  }
  .footer-top__branding img {
    height: 20px;
    margin: 0 16px 0 0;
  }
  .footer-top__nav ul {
    margin: 0 -16px;
  }
  .footer-top__nav ul > li {
    margin: 0 16px;
  }
  .footer-bookmakers__list {
    margin: 0 -15px;
  }
  .footer-bookmakers__list > li {
    margin-bottom: 0;
  }
  .footer-main {
    padding: 55px 0 40px;
  }
  .footer-main__widget {
    margin-bottom: 32px;
  }
  .footer-main__widget--info {
    max-width: 212px;
  }
  .footer-main__widget--list ul li {
    width: calc(100% - 24px);
  }
  .footer-bottom {
    padding: 32px 0 70px;
  }
  .main {
    margin-top: 128px;
  }
  .main--mb {
    margin-bottom: 150px;
  }
  .home-ranking {
    margin: 115px 0 60px;
  }
  body.js-menu-open {
    overflow: initial;
  }
}
@media screen and (min-width: 1440px) {
  .p-faq-2 > ul > li {
    margin: -1px -40px 0;
    padding: 0 40px;
  }
  .p-faq-2 > ul > li.active {
    padding: 0 40px;
  }
  .container,
  .container-fluid {
    max-width: 1269px;
  }
}
@media screen and (max-width: 1239px) {
  nav.navigation > ul > li.has-children.js-toggled > a > span {
    transform: rotate(180deg);
  }
  nav.navigation > ul > li.has-children.js-toggled > ul {
    display: flex;
  }
  .p-ranking-2__place .p-place {
    border-color: #fff;
    color: #fff;
  }
  .p-ranking-2__place .p-place::after {
    background-color: inherit;
    background-image: url(../img/icons/star-white.svg);
  }
}
@media screen and (max-width: 991px) {
  .hidden-m {
    display: none;
  }
  .table-3[basictable="m"] .tr-dark {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .u-sep-mobile .tile {
    padding-bottom: 32px;
    border-bottom: 1px solid #c3c6c7;
  }
  .u-sep-mobile .tile__thumbnail {
    display: none;
  }
  .u-video {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
  }
  .u-video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
  }
  .btn--arrows {
    padding-left: 16px;
    padding-right: 16px;
  }
  .td-flex > div:first-child {
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .section-collection .tile {
    padding-bottom: 32px;
    border-bottom: 1px solid #c3c6c7;
  }
}
@media all and (max-width: 767px) {
  .p-headline-2 > a:nth-child(2) {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1239px) {
  .widget-code__body {
    background: 0 0 !important;
  }
}
@media print {
  .br-theme-css-stars .br-widget a:after {
    content: "☆";
    color: #000;
  }
  .br-theme-css-stars .br-widget a.br-active:after,
  .br-theme-css-stars .br-widget a.br-selected:after {
    content: "★";
    color: #000;
  }
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.bg-lebull {
  background-color: #203b56;
}
.btn-xs--lebull {
  background: 0 0;
  border: 1px solid #e63946;
  color: #e63946;
}

.btn-code--lebull > div {
  border: 1px dashed #7389a3;
}
.btn-code--lebull > a {
  background: #e63946;
  color: #203b56;
}

.t-lebull {
  color: #e63946;
}

.bg-g-lebull {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #203b56;
}
.bg-g-lebull .btn--arrows {
  background-color: #e63946;
  color: #fff;
}
.bg-g-lebull .btn--arrows > svg {
  fill: #fff;
}

.card--wide.bg-lebull .btn {
  background-color: #e63946;
  color: #ffffff;
}

.widget-code--lebull {
  background-color: #162b3e;
}
.widget-code--lebull .widget-code__head {
  background: #203b56;
}
.widget-code--lebull .widget-code__body {
  background: #274567;
}
.widget-code--lebull .btn {
  background: #e63946;
  color: #ffffff;
}

.widget-links--lebull {
  border-color: #162b3e;
}
.widget-links--lebull .widget-title {
  background-color: #162b3e;
  color: #fff;
}
.widget-links--lebull .widget-body {
  background-color: #203b56;
}
.widget-links--lebull .widget-body a {
  color: #fff;
}

.bg-admiralbet {
  background-color: #032354;
}
.btn-xs--admiralbet {
  background: 0 0;
  border: 1px solid #ffcc00;
  color: #ffcc00;
}

.btn-code--admiralbet > div {
  border: 1px dashed #5067a5;
}
.btn-code--admiralbet > a {
  background: #ffcc00;
  color: #032354;
}

.t-admiralbet {
  color: #ffcc00;
}

.bg-g-admiralbet {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%),
    #032354;
}
.bg-g-admiralbet .btn--arrows {
  background-color: #ffcc00;
  color: #032354;
}
.bg-g-admiralbet .btn--arrows > svg {
  fill: #032354;
}

.card--wide.bg-admiralbet .btn {
  background-color: #ffcc00;
  color: #1a1a1a;
}

.widget-code--admiralbet {
  background-color: #021a40;
}
.widget-code--admiralbet .widget-code__head {
  background: #032354;
}
.widget-code--admiralbet .widget-code__body {
  background: #042b6a;
}
.widget-code--admiralbet .btn {
  background: #ffcc00;
  color: #021a40;
}

.widget-links--admiralbet {
  border-color: #021a40;
}
.widget-links--admiralbet .widget-title {
  background-color: #021a40;
  color: #fff;
}
.widget-links--admiralbet .widget-body {
  background-color: #032354;
}
.widget-links--admiralbet .widget-body a {
  color: #fff;
}

.photo-author.centered {
    text-align: center;
    font-size: 12px;
    color: #777;
    margin-top: 4px;
}