.teaser {
  margin: 20px 0 0;
  text-align: center;
  font-size: clamp(11px, 2vw, 13px);
  line-height: clamp(18px, 2vw, 24px);
}
.teaser.--left {
  text-align: left;
}
.teaser.--left .subtitle {
  margin-bottom: 10px;
}
.toggle__theme {
  cursor: pointer;
  min-width: 25px;
}
.toggle__theme img {
  position: relative;
  top: 1px;
  width: 25px;
  height: 25px;
}
.adminonly__div {
  margin-top: 10px;
  height: 40px;
  padding: 5px;
  display: flex;
  justify-content: end;
  line-height: 30px;
  background-color: #f5fafc;
}
.adminonly__div select {
  width: 125px;
}
.adminonly__div input[type="submit"],
.adminonly__div .btn {
  background-color: #6acf3e;
  border-color: #a6ce39;
}
.adminonly__div form {
  margin-left: 10px;
}
.adminonly__div span.bullet {
  padding: 0 5px 0 5px;
}
:root {
  --container-padding: 16px;
  --content-width: calc(1280px + (2 * var(--container-padding)));
  --grid-row-gap: 16px;
  --grid-column-gap: 16px;
}
@media (min-width: 460px) {
  :root {
    --grid-row-gap: 16px;
    --grid-column-gap: 16px;
    --container-padding: 16px;
  }
}
@media (min-width: 769px) {
  :root {
    --grid-row-gap: 16px;
    --grid-column-gap: 16px;
    --container-padding: 16px;
  }
}
@media (min-width: 992px) {
  :root {
    --grid-row-gap: 16px;
    --grid-column-gap: 16px;
    --container-padding: 16px;
  }
}
.container {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  width: 100%;
  margin: 0 auto;
}
.container:not(.container--fluid) {
  max-width: var(--content-width);
}
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: var(--grid-row-gap) var(--grid-column-gap);
}
.grid.no-gap {
  grid-gap: 0 0;
}
.grid.no-row-gap {
  grid-row-gap: 0;
}
.grid.no-column-gap {
  grid-column-gap: 0;
}
.col-0 {
  grid-column-end: span 0;
}
.offset-0 {
  grid-column-start: 1;
}
.col-1 {
  grid-column-end: span 1;
}
.offset-1 {
  grid-column-start: 2;
}
.col-2 {
  grid-column-end: span 2;
}
.offset-2 {
  grid-column-start: 3;
}
.col-3 {
  grid-column-end: span 3;
}
.offset-3 {
  grid-column-start: 4;
}
.col-4 {
  grid-column-end: span 4;
}
.offset-4 {
  grid-column-start: 5;
}
.col-5 {
  grid-column-end: span 5;
}
.offset-5 {
  grid-column-start: 6;
}
.col-6 {
  grid-column-end: span 6;
}
.offset-6 {
  grid-column-start: 7;
}
.col-7 {
  grid-column-end: span 7;
}
.offset-7 {
  grid-column-start: 8;
}
.col-8 {
  grid-column-end: span 8;
}
.offset-8 {
  grid-column-start: 9;
}
.col-9 {
  grid-column-end: span 9;
}
.offset-9 {
  grid-column-start: 10;
}
.col-10 {
  grid-column-end: span 10;
}
.offset-10 {
  grid-column-start: 11;
}
.col-11 {
  grid-column-end: span 11;
}
.offset-11 {
  grid-column-start: 12;
}
.col-12 {
  grid-column-end: span 12;
}
.offset-12 {
  grid-column-start: 13;
}
@media (min-width: 460px) {
  .col-xs-0 {
    grid-column-end: span 0;
  }
  .offset-xs-0 {
    grid-column-start: 1;
  }
  .col-xs-1 {
    grid-column-end: span 1;
  }
  .offset-xs-1 {
    grid-column-start: 2;
  }
  .col-xs-2 {
    grid-column-end: span 2;
  }
  .offset-xs-2 {
    grid-column-start: 3;
  }
  .col-xs-3 {
    grid-column-end: span 3;
  }
  .offset-xs-3 {
    grid-column-start: 4;
  }
  .col-xs-4 {
    grid-column-end: span 4;
  }
  .offset-xs-4 {
    grid-column-start: 5;
  }
  .col-xs-5 {
    grid-column-end: span 5;
  }
  .offset-xs-5 {
    grid-column-start: 6;
  }
  .col-xs-6 {
    grid-column-end: span 6;
  }
  .offset-xs-6 {
    grid-column-start: 7;
  }
  .col-xs-7 {
    grid-column-end: span 7;
  }
  .offset-xs-7 {
    grid-column-start: 8;
  }
  .col-xs-8 {
    grid-column-end: span 8;
  }
  .offset-xs-8 {
    grid-column-start: 9;
  }
  .col-xs-9 {
    grid-column-end: span 9;
  }
  .offset-xs-9 {
    grid-column-start: 10;
  }
  .col-xs-10 {
    grid-column-end: span 10;
  }
  .offset-xs-10 {
    grid-column-start: 11;
  }
  .col-xs-11 {
    grid-column-end: span 11;
  }
  .offset-xs-11 {
    grid-column-start: 12;
  }
  .col-xs-12 {
    grid-column-end: span 12;
  }
  .offset-xs-12 {
    grid-column-start: 13;
  }
  .hide-xs-up {
    display: none;
  }
}
@media (max-width: 459px) {
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
  .hide-xs-down {
    display: none;
  }
}
@media (min-width: 576px) {
  .col-sm-0 {
    grid-column-end: span 0;
  }
  .offset-sm-0 {
    grid-column-start: 1;
  }
  .col-sm-1 {
    grid-column-end: span 1;
  }
  .offset-sm-1 {
    grid-column-start: 2;
  }
  .col-sm-2 {
    grid-column-end: span 2;
  }
  .offset-sm-2 {
    grid-column-start: 3;
  }
  .col-sm-3 {
    grid-column-end: span 3;
  }
  .offset-sm-3 {
    grid-column-start: 4;
  }
  .col-sm-4 {
    grid-column-end: span 4;
  }
  .offset-sm-4 {
    grid-column-start: 5;
  }
  .col-sm-5 {
    grid-column-end: span 5;
  }
  .offset-sm-5 {
    grid-column-start: 6;
  }
  .col-sm-6 {
    grid-column-end: span 6;
  }
  .offset-sm-6 {
    grid-column-start: 7;
  }
  .col-sm-7 {
    grid-column-end: span 7;
  }
  .offset-sm-7 {
    grid-column-start: 8;
  }
  .col-sm-8 {
    grid-column-end: span 8;
  }
  .offset-sm-8 {
    grid-column-start: 9;
  }
  .col-sm-9 {
    grid-column-end: span 9;
  }
  .offset-sm-9 {
    grid-column-start: 10;
  }
  .col-sm-10 {
    grid-column-end: span 10;
  }
  .offset-sm-10 {
    grid-column-start: 11;
  }
  .col-sm-11 {
    grid-column-end: span 11;
  }
  .offset-sm-11 {
    grid-column-start: 12;
  }
  .col-sm-12 {
    grid-column-end: span 12;
  }
  .offset-sm-12 {
    grid-column-start: 13;
  }
  .hide-sm-up {
    display: none;
  }
}
@media (max-width: 575px) {
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
  .hide-sm-down {
    display: none;
  }
}
@media (min-width: 769px) {
  .col-md-0 {
    grid-column-end: span 0;
  }
  .offset-md-0 {
    grid-column-start: 1;
  }
  .col-md-1 {
    grid-column-end: span 1;
  }
  .offset-md-1 {
    grid-column-start: 2;
  }
  .col-md-2 {
    grid-column-end: span 2;
  }
  .offset-md-2 {
    grid-column-start: 3;
  }
  .col-md-3 {
    grid-column-end: span 3;
  }
  .offset-md-3 {
    grid-column-start: 4;
  }
  .col-md-4 {
    grid-column-end: span 4;
  }
  .offset-md-4 {
    grid-column-start: 5;
  }
  .col-md-5 {
    grid-column-end: span 5;
  }
  .offset-md-5 {
    grid-column-start: 6;
  }
  .col-md-6 {
    grid-column-end: span 6;
  }
  .offset-md-6 {
    grid-column-start: 7;
  }
  .col-md-7 {
    grid-column-end: span 7;
  }
  .offset-md-7 {
    grid-column-start: 8;
  }
  .col-md-8 {
    grid-column-end: span 8;
  }
  .offset-md-8 {
    grid-column-start: 9;
  }
  .col-md-9 {
    grid-column-end: span 9;
  }
  .offset-md-9 {
    grid-column-start: 10;
  }
  .col-md-10 {
    grid-column-end: span 10;
  }
  .offset-md-10 {
    grid-column-start: 11;
  }
  .col-md-11 {
    grid-column-end: span 11;
  }
  .offset-md-11 {
    grid-column-start: 12;
  }
  .col-md-12 {
    grid-column-end: span 12;
  }
  .offset-md-12 {
    grid-column-start: 13;
  }
  .hide-md-up {
    display: none;
  }
}
@media (max-width: 768px) {
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
  .hide-md-down {
    display: none;
  }
}
@media (min-width: 992px) {
  .col-lg-0 {
    grid-column-end: span 0;
  }
  .offset-lg-0 {
    grid-column-start: 1;
  }
  .col-lg-1 {
    grid-column-end: span 1;
  }
  .offset-lg-1 {
    grid-column-start: 2;
  }
  .col-lg-2 {
    grid-column-end: span 2;
  }
  .offset-lg-2 {
    grid-column-start: 3;
  }
  .col-lg-3 {
    grid-column-end: span 3;
  }
  .offset-lg-3 {
    grid-column-start: 4;
  }
  .col-lg-4 {
    grid-column-end: span 4;
  }
  .offset-lg-4 {
    grid-column-start: 5;
  }
  .col-lg-5 {
    grid-column-end: span 5;
  }
  .offset-lg-5 {
    grid-column-start: 6;
  }
  .col-lg-6 {
    grid-column-end: span 6;
  }
  .offset-lg-6 {
    grid-column-start: 7;
  }
  .col-lg-7 {
    grid-column-end: span 7;
  }
  .offset-lg-7 {
    grid-column-start: 8;
  }
  .col-lg-8 {
    grid-column-end: span 8;
  }
  .offset-lg-8 {
    grid-column-start: 9;
  }
  .col-lg-9 {
    grid-column-end: span 9;
  }
  .offset-lg-9 {
    grid-column-start: 10;
  }
  .col-lg-10 {
    grid-column-end: span 10;
  }
  .offset-lg-10 {
    grid-column-start: 11;
  }
  .col-lg-11 {
    grid-column-end: span 11;
  }
  .offset-lg-11 {
    grid-column-start: 12;
  }
  .col-lg-12 {
    grid-column-end: span 12;
  }
  .offset-lg-12 {
    grid-column-start: 13;
  }
  .hide-lg-up {
    display: none;
  }
}
@media (max-width: 991px) {
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
  .hide-lg-down {
    display: none;
  }
}
*:focus,
*:focus-visible {
  outline: none;
}
*::-moz-focus-inner {
  border: 0;
}
*::-webkit-scrollbar {
  width: 12px;
  cursor: default;
}
*::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-color: #c2c2c2;
}
*::-webkit-scrollbar-track {
  border-radius: 10px;
}
*::-webkit-scrollbar-track-piece {
  background-color: #f1f1f1;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(14px, 2.8vw, 16px);
  line-height: clamp(22px, 2.8vw, 24px);
  background-color: #f5fafc;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main {
  flex: 1;
}
a {
  text-decoration: none;
  color: #0072bc;
}
a:hover,
a:focus {
  outline: none !important;
  text-decoration: none;
}
p {
  color: #3b3e3e;
  font-size: clamp(13px, 2vw, 14px);
  line-height: clamp(22px, 2vw, 24px);
  margin: 0 0 15px;
}
@media (min-width: 769px) {
  p a:hover {
    position: relative;
  }
  p a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.red {
  color: #db2f2d;
}
.hide-text {
  display: inline-block;
  text-indent: -9999px;
}
.hide-everything {
  display: none;
}
.fixed {
  position: fixed;
  overflow: hidden;
}
.relative {
  position: relative;
}
.text-center {
  text-align: center;
}
.no-bottom {
  margin-bottom: 0 !important;
}
.no-top {
  margin-top: 0 !important;
}
.inline__block {
  display: inline-block;
}
.m-b_20 {
  margin-bottom: 20px;
}
.m-t_20 {
  margin-top: 20px;
}
@media (min-width: 576px) {
  .flex-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
.order__lg-1 {
  order: 1;
}
@media (min-width: 992px) {
  .order__lg-1 {
    order: initial;
  }
}
.order__lg-2 {
  order: 2;
}
@media (min-width: 992px) {
  .order__lg-2 {
    order: initial;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
:root {
  -moz-tab-size: 4;
  tab-size: 4;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
hr {
  height: 0;
  color: inherit;
}
abbr[title] {
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
    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;
}
table {
  text-indent: 0;
  border-color: inherit;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: none;
}
:-moz-ui-invalid {
  box-shadow: none;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
h1,
h2 {
  color: #3b3e3e;
  font-weight: 600;
  margin: 0;
}
h1 {
  font-size: clamp(23px, 2vw, 30px);
  line-height: clamp(33px, 2vw, 40px);
}
h2 {
  font-size: clamp(15px, 2vw, 20px);
}
img {
  max-width: 100%;
}
ul {
  padding: 0;
  margin: 0;
}
strong,
b {
  font-weight: 600;
}
.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  margin: clamp(15px, 2vw, 20px) 0;
  border-bottom: 2px #d9d9d9 dotted;
  position: relative;
}
.title h1 {
  flex: 1;
}
.subtitle {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px #d9d9d9 dotted;
  padding: 15px 0 7px 0;
  margin: 0 0 clamp(15px, 2vw, 25px) 0;
}
@media (min-width: 769px) {
  .subtitle {
    min-height: 51px;
  }
}
.subtitle h1 {
  font-size: clamp(15px, 2vw, 20px);
  margin: 0;
}
.subtitle.--column {
  flex-direction: column;
}
.subtitle.--column h2 {
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  .subtitle.--column {
    flex-direction: row;
  }
  .subtitle.--column h2 {
    margin-bottom: 0;
  }
}
.summary {
  font-size: clamp(11px, 2vw, 13px);
}
.summary img {
  float: left;
  width: 44px;
  margin-right: 10px;
}
@media (min-width: 769px) {
  .summary img {
    width: 47px;
  }
}
@font-face {
  font-family: "icomoon";
  src: url("data:font/ttf;charset=utf-8;base64,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");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-medal-star:before {
  content: "";
}
.icon-medal:before {
  content: "";
}
.icon-stack:before {
  content: "";
}
.icon-bookmark:before {
  content: "";
}
.icon-arrow-up:before {
  content: "";
}
.icon-tiktok:before {
  content: "";
}
.icon-angle-double-right:before {
  content: "";
}
.icon-angle-right:before {
  content: "";
}
.icon-downarrow-menu:before {
  content: "";
}
.icon-bell-menu:before {
  content: "";
}
.icon-angle-double-left:before {
  content: "";
}
.icon-angle-left:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-spinner:before {
  content: "";
}
.icon-list:before {
  content: "";
}
.icon-images:before {
  content: "";
}
.icon-camera:before {
  content: "";
}
.icon-leaf:before {
  content: "";
}
.icon-resize-full-screen:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-eye-blocked:before {
  content: "";
}
.icon-darktheme-menu:before {
  content: "";
}
.icon-messages-menu:before {
  content: "";
}
.icon-star-nav:before {
  content: "";
}
.icon-trophy-nav:before {
  content: "";
}
.icon-warroom-menu:before {
  content: "";
}
.icon-shrink:before {
  content: "";
}
.icon-resize:before {
  content: "";
}
.icon-fb:before {
  content: "";
}
.icon-thumbs-o-down:before {
  content: "";
}
.icon-thumbs-o-up:before {
  content: "";
}
.icon-heart:before {
  content: "";
}
.icon-register:before {
  content: "";
}
.icon-login:before {
  content: "";
}
.icon-dots:before {
  content: "";
}
.icon-file-text:before {
  content: "";
}
.icon-book:before {
  content: "";
}
.icon-sphere:before {
  content: "";
}
.icon-ln:before {
  content: "";
}
.icon-file-text2:before {
  content: "";
}
.icon-brightness-contrast:before {
  content: "";
}
.icon-invite:before {
  content: "";
}
.icon-send:before {
  content: "";
}
.icon-edit:before {
  content: "";
}
.icon-events:before {
  content: "";
}
.icon-pen:before {
  content: "";
}
.icon-crown:before {
  content: "";
}
.icon-star-half:before {
  content: "";
}
.icon-star-full:before {
  content: "";
}
.icon-star-empty:before {
  content: "";
}
.icon-trophy-new:before {
  content: "";
}
.icon-hot:before {
  content: "";
}
.icon-new:before {
  content: "";
}
.icon-update:before {
  content: "";
}
.icon-mobile:before {
  content: "";
}
.icon-bubbles2:before {
  content: "";
}
.icon-bubbles3:before {
  content: "";
}
.icon-user:before {
  content: "";
}
.icon-users:before {
  content: "";
}
.icon-user-plus:before {
  content: "";
}
.icon-quotes-left:before {
  content: "";
}
.icon-quotes-right:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-lock:before {
  content: "";
}
.icon-stats-bars:before {
  content: "";
}
.icon-trophy:before {
  content: "";
}
.icon-gift:before {
  content: "";
}
.icon-rocket:before {
  content: "";
}
.icon-eye:before {
  content: "";
}
.icon-happy:before {
  content: "";
}
.icon-cross:before {
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-mail2:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-twitter:before {
  content: "";
}
.icon-youtube:before {
  content: "";
}
.icon-linkedin:before {
  content: "";
}
.input {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-direction: column;
  position: relative;
}
.input .placeholder {
  position: absolute;
  left: 6px;
  top: -7px;
  font-size: 11px;
  line-height: 12px;
  color: #969696;
  background: #fff;
  padding: 0 5px 2px;
  border-radius: 3px;
}
.input .placeholder__input {
  padding-left: 35px;
}
.input .placeholder__input:focus {
  border-color: #0072bc;
}
.input .placeholder__input:focus + .placeholder {
  color: #0072bc;
}
.input .placeholder__icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -11px;
}
.input .placeholder__icon i {
  color: #3b3e3e;
}
.input input.active {
  padding-top: 12px;
  font-size: 14px;
}
@media (min-width: 769px) {
  .input {
    flex-direction: row;
  }
}
.input label {
  font-size: 14px;
  padding-bottom: 10px;
  width: 100%;
  font-weight: 600;
}
@media (min-width: 769px) {
  .input label {
    flex: 0 0 120px;
    max-width: 120px;
    padding: 0;
  }
}
.input.--column label {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 769px) {
  .input.--column {
    align-items: flex-start;
    flex-direction: column;
  }
}
.input.--column-full {
  align-items: flex-start;
  flex-direction: column;
}
.input.--column-full label {
  flex: initial;
  max-width: initial;
}
.input.--small {
  flex-direction: column;
}
.input.--small .input-label {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 769px) {
  .input.--small .input-label {
    flex-direction: row;
  }
}
.input.--small small {
  margin-top: 5px;
  width: 100%;
  font-size: 12px;
}
@media (min-width: 769px) {
  .input.--small small {
    padding-left: 150px;
  }
}
.input.--error {
  font-size: 14px;
  line-height: 20px;
  color: #db2f2d;
}
.input.--error a {
  color: #db2f2d;
  border-bottom: 1px dotted transparent;
  font-weight: 600;
}
.input.--error a:hover {
  border-bottom-color: red;
}
.input__show--password {
  position: relative;
}
.input__show--password input[type="password"] {
  padding-right: 44px;
}
.input__show--password .show__password {
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 20px;
  color: #adafae;
  cursor: pointer;
}
.input__show--password .show__password.hidden {
  display: none;
}
.checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.checkbox label {
  font-size: 14px;
  line-height: 14px;
}
.checkbox input[type="checkbox"] {
  margin-right: 10px;
  position: relative;
  top: -1px;
}
@media (min-width: 769px) {
  .checkbox input[type="checkbox"] {
    margin-right: 15px;
  }
}
.radios {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px 0;
}
.radio {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.radio label {
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 0;
  cursor: pointer;
}
.radio input[type="radio"] {
  margin-right: 10px;
  position: relative;
  top: -1px;
}
input[type="file"] {
  width: 100%;
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
  width: 100%;
  height: 33px;
  border-radius: 3px;
  border: 1px #d9d9d9 solid;
  padding: 0 10px;
  color: #000;
  font: 14px/20px "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #fafafa;
}
input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
select.error {
  border-color: #db2f2d;
  background-color: #fbeaea;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
select::placeholder {
  color: #969696;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #969696;
}
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
select::-ms-input-placeholder {
  color: #969696;
}
input[type="text"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fafafa inset;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus {
  outline: 0;
}
input[type="text"]:focus::placeholder,
input[type="password"]:focus::placeholder,
input[type="email"]:focus::placeholder,
select:focus::placeholder {
  opacity: 0;
}
input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
  opacity: 0;
}
input[type="text"]:focus::-ms-input-placeholder,
input[type="password"]:focus::-ms-input-placeholder,
input[type="email"]:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder {
  opacity: 0;
}
textarea {
  width: 100%;
  height: clamp(90px, 20vw, 100px);
  border: 1px #d9d9d9 solid;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 3px;
  font: 14px/20px "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #fafafa;
}
textarea:focus {
  outline: 0;
}
.birth-date {
  margin: 30px 0;
}
.birth-date label {
  display: block;
  font-size: 18px;
  color: #6e7273;
  margin-bottom: 10px;
}
.birth-date .selects {
  display: grid;
  grid-column-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 769px) {
  .birth-date .selects {
    grid-column-gap: 10px;
  }
}
.birth-date .selects select {
  font-size: 14px;
  height: 40px;
  color: #6e7273;
}
.birth-date .selects select:nth-child(2) {
  width: 100%;
}
.gender {
  display: flex;
}
.gender .checkbox {
  margin-right: 30px;
}
.gender .checkbox label {
  color: #6e7273;
  font-size: 18px;
}
.gender .checkbox input {
  margin-right: 10px;
}
.captcha {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.contact__form input[type="text"],
.contact__form input[type="email"] {
  width: 100%;
}
@media (min-width: 769px) {
  .contact__form input[type="text"],
  .contact__form input[type="email"] {
    max-width: 60%;
  }
}
.contact__form textarea {
  max-height: 100px;
  margin-bottom: 0;
}
input[disabled],
textarea[disabled],
select[disabled] {
  background-color: #e8e8e8;
  border-radius: 3px;
  opacity: 0.6;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.5);
}
.parent-consent input {
  margin: 6px 10px 0 0;
  width: 20px;
  height: 20px;
}
.parent-consent > div {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.parent-consent > div label {
  flex: 1;
  font-size: 14px;
}
.parent-consent {
  color: #6e7273;
}
.parent-consent.error label,
.checkbox.error label {
  color: #db2f2d;
}
header {
  position: relative;
  z-index: 100;
  background-color: #6cf;
}
header::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 52px;
  background-color: #2bace2;
  content: "";
}
@media (min-width: 576px) {
  header::after {
    display: none;
  }
}
header .container {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 17px;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  header .container {
    flex-wrap: initial;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media (min-width: 992px) {
  header .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 769px) {
  header .container {
    position: relative;
  }
  header .container::after {
    position: absolute;
    right: 160px;
    top: 0;
    width: 196px;
    height: 57px;
    background: url("/bg/header_circles.png") no-repeat;
    content: "";
  }
}
@media (min-width: 992px) {
  header .container::after {
    right: 190px;
  }
}
@media (min-width: 1190px) {
  header .container::after {
    right: 320px;
  }
}
header a {
  font-weight: 600;
  color: #fff;
}
header nav {
  min-height: 29px;
}
header nav ul {
  display: flex;
}
header nav ul li {
  list-style: none;
  margin: 0 3px;
  font-size: clamp(17px, 2vw, 19px);
  line-height: 24px;
  white-space: nowrap;
}
header nav ul li:last-child {
  margin-right: 0;
}
header nav ul li .icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background-color: #6cf;
  border-radius: 50%;
}
@media (min-width: 576px) {
  header nav ul li .icon-circle {
    background-color: #2bace2;
    width: 33px;
    height: 33px;
  }
}
header nav ul li .icon-circle i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  color: #fff;
  font-size: 16px;
}
header nav ul li .icon-circle i.icon-messages-menu {
  position: relative;
  top: 1px;
  left: -1px;
}
header nav ul li .icon-circle:hover {
  background-color: #fff;
}
header nav ul li .icon-circle:hover i {
  color: #2bace2;
}
header nav ul li.notification {
  position: relative;
}
header nav ul li.notification a .num__of-unread {
  position: absolute;
  top: -2px;
  right: -4px;
  color: #fff;
  background-color: #db2f2d;
  z-index: 1;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  border-radius: 10px;
  font-family: "Open Sans", sans-serif;
}
header nav.nav__left {
  order: 2;
  position: relative;
  top: 2px;
  z-index: 10;
}
header nav.nav__left li {
  margin: 0 2px;
}
header nav.nav__left li a {
  padding: 6px 12px;
  font-size: 16px;
  border-radius: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  header nav.nav__left li a {
    padding: 6px 12px;
  }
  header nav.nav__left li a:hover {
    background: #2bace2;
    border: 0;
  }
}
@media (min-width: 992px) {
  header nav.nav__left li a {
    padding: 6px 16px;
  }
}
header nav.nav__left li.active > a {
  background: #2bace2;
}
@media (min-width: 576px) {
  header nav.nav__left {
    width: auto;
    order: initial;
  }
}
header nav.nav__right {
  display: flex;
  width: 100%;
  order: 4;
  justify-content: center;
  position: relative;
  top: 10px;
  z-index: 10;
  margin-top: 18px;
}
header nav.nav__right.user__menu {
  margin-top: 9px;
}
@media (min-width: 576px) {
  header nav.nav__right {
    top: 0;
  }
}
header nav.nav__right .login__link {
  position: relative;
  top: -2px;
  margin: 0 16px;
}
@media (min-width: 576px) {
  header nav.nav__right .login__link {
    top: 0;
    margin: 2px 6px;
  }
}
@media (min-width: 769px) {
  header nav.nav__right .login__link {
    margin: 2px 0 2px 34px;
  }
  header nav.nav__right .login__link:first-child {
    margin-left: 0;
  }
}
header nav.nav__right .login__link a {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}
header nav.nav__right .login__link a i {
  position: relative;
  top: 1px;
  margin-right: 9px;
}
@media (min-width: 576px) {
  header nav.nav__right {
    width: auto;
    order: initial;
    justify-content: initial;
    margin-top: 0;
  }
}
@media (min-width: 769px) {
  header nav.nav__right {
    margin-left: 15px;
  }
}
@media (min-width: 992px) {
  header nav.nav__right {
    margin-left: 50px;
  }
}
@media (min-width: 1190px) {
  header nav.nav__right {
    margin-left: 126px;
  }
}
header nav.nav__right .user {
  display: flex;
  position: relative;
  min-width: 52px;
  position: absolute;
  left: 0;
  top: -14px;
}
@media (min-width: 576px) {
  header nav.nav__right .user {
    min-width: 46px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 10px 0 0;
  }
}
@media (min-width: 769px) {
  header nav.nav__right .user {
    margin: 0 20px;
  }
}
header nav.nav__right .user .avatar {
  position: relative;
  width: 52px;
  height: 52px;
  left: 2px;
  border: 0;
}
@media (min-width: 576px) {
  header nav.nav__right .user .avatar {
    position: absolute;
    width: 46px;
    height: 46px;
    top: -8px;
  }
}
header nav.nav__right .user .avatar img {
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 4px #2bace2 solid;
}
@media (min-width: 576px) {
  header nav.nav__right .user .avatar img {
    height: 46px;
    border: 0;
  }
}
.choices__inner {
  display: flex;
  align-items: center;
  position: relative;
}
.choices__inner a:hover {
  border: none;
}
.choices__inner a.icon-circle i {
  position: relative;
  top: 2px;
  font-size: 8px;
}
.choices__inner--dropdown {
  position: relative;
  top: 1px;
  display: block;
  width: 1px;
  height: 1px;
  border-top: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  transition: transform 0.3s ease-out;
}
.choices__inner--list {
  position: absolute;
  top: 41px;
  right: -1px;
  width: 150px;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
  overflow: hidden;
  padding-top: 11px;
  z-index: 1;
}
@media (min-width: 576px) {
  .choices__inner--list {
    top: 37px;
    right: -4px;
  }
}
.choices__inner--list ul {
  background-color: #6cf;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  display: flex;
  position: relative;
  flex-direction: column;
  text-align: right;
  padding: 5px 0;
}
.choices__inner--list ul li {
  list-style: none;
  margin: 0;
  padding: 5px 10px;
}
@media (min-width: 769px) {
  .choices__inner--list ul li a:hover {
    position: relative;
  }
  .choices__inner--list ul li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #fff dotted;
    content: "";
  }
}
.choices__inner--list ul::after,
.choices__inner--list ul::before {
  bottom: 100%;
  left: 128px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.choices__inner--list ul::after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #6cf;
  border-width: 10px;
  margin-left: -10px;
}
.choices__inner--list ul::before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #fff;
  border-width: 11px;
  margin-left: -11px;
}
.choices__inner.active a {
  border: 0;
}
.choices__inner.active .icon-circle {
  transform: rotate(180deg);
}
.choices__inner.active .choices__inner--list {
  max-height: 200px;
  opacity: 1;
  transition: max-height 0.4s ease-out, opacity 0.2s ease-out;
}
.tooltip {
  position: relative;
}
.tooltip .tooltip__box {
  display: none;
}
@media (min-width: 769px) {
  .tooltip .tooltip__box {
    position: absolute;
    top: 45px;
    background-color: rgba(59, 62, 62, 0.8);
    padding: 10px 10px 11px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    animation-duration: 0.5s;
    z-index: 10;
  }
}
.tooltip.--cat {
  position: relative;
}
.tooltip.--cat .tooltip__box {
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
@media (min-width: 769px) {
  .tooltip:hover .tooltip__box {
    display: block;
    animation-name: fadeIn;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.choices__inner.active.tooltip .tooltip__box {
  display: none !important;
}
.mobile__search {
  display: flex;
  order: 3;
  flex-grow: 1;
  flex-basis: 0;
  justify-content: flex-end;
}
@media (min-width: 576px) {
  .mobile__search {
    flex-grow: initial;
    flex-basis: initial;
  }
}
@media (min-width: 769px) {
  .mobile__search {
    display: none;
  }
}
.mobile__search--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #adafae;
  font-size: 22px;
}
.mobile__search--icon.active .icon-search:before {
  content: "";
}
.logo {
  min-width: 67px;
  height: 39px;
  margin-right: 10px;
  order: 1;
  flex-grow: 1;
  flex-basis: 0;
}
@media (min-width: 576px) {
  .logo {
    order: initial;
    flex-grow: initial;
    flex-basis: initial;
    margin-right: 5px;
  }
}
@media (min-width: 769px) {
  .logo {
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .logo {
    min-width: 150px;
    max-width: 225px;
    height: 40px;
  }
}
.logo img {
  width: 67px;
  height: 39px;
  flex-shrink: 0;
}
@media (min-width: 576px) {
  .logo img {
    width: auto;
  }
}
.search {
  display: none;
  position: absolute;
  bottom: -73px;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 15px;
  background-color: #a6ce39;
  border-top: 1px solid #80a90f;
}
@media (min-width: 769px) {
  .search {
    position: relative;
    bottom: 0;
    padding: initial;
    width: 420px;
    display: flex;
    margin: 0 10px;
    background-color: transparent;
    border-top: 0;
  }
}
.search.active {
  display: flex;
}
.search input {
  border-radius: 50px;
  border-right: 0;
  padding: 0 20px;
  height: 42px;
  font-weight: 600;
  border-color: #fff;
  color: #0072bc;
  font-size: 16px;
}
.search__submit {
  position: absolute;
  right: 18px;
  top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #adafae;
  width: 42px;
  height: 42px;
  border: 0;
  font-size: 22px;
  background-color: transparent;
  cursor: pointer;
}
.search__submit:hover i {
  color: #0072bc;
}
@media (min-width: 769px) {
  .search__submit {
    top: 0;
    right: 5px;
  }
}
.search__submit svg {
  position: relative;
  top: -2px;
}
.search__submit span {
  text-indent: -9999px;
}
.autocomplete__items {
  position: absolute;
  top: 100%;
  left: 30px;
  right: 30px;
  margin-top: -10px;
}
@media (min-width: 769px) {
  .autocomplete__items {
    margin-top: 5px;
    left: 17px;
    right: 17px;
  }
}
.autocomplete__items li {
  list-style: none;
  background-color: #fff;
  border-left: 1px #d9d9d9 solid;
  border-right: 1px #d9d9d9 solid;
  border-bottom: 1px #d9d9d9 dotted;
}
.autocomplete__items li.autocomplete-active a {
  background-color: #e1f0f6;
}
.autocomplete__items li a {
  display: block;
  color: #0072bc;
  font-weight: normal;
  padding: 5px 10px;
  font-size: 14px;
}
.autocomplete__items li a:hover {
  background-color: #e1f0f6;
}
.autocomplete__items li:first-child {
  border-top: 1px #d9d9d9 solid;
}
.autocomplete__items li:last-child {
  border-bottom: 1px #d9d9d9 solid;
}
.autocomplete__items li:last-child a {
  border-bottom: 0;
}
footer {
  background-color: #6cf;
  margin-top: 70px;
  flex-shrink: 0;
}
footer img {
  width: 110px;
}
@media (min-width: 769px) {
  footer img {
    width: 157px;
  }
}
footer a {
  color: #fff;
}
footer p {
  color: #fff;
  margin: 0;
  text-align: center;
}
@media (min-width: 769px) {
  footer p {
    text-align: left;
  }
}
footer .footer__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  justify-content: center;
}
footer .footer__list li {
  position: relative;
  list-style: none;
  margin-left: 10px;
  padding-left: 14px;
}
@media (min-width: 769px) {
  footer .footer__list li a:hover {
    position: relative;
  }
  footer .footer__list li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #fff dotted;
    content: "";
  }
}
footer .footer__list li::after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
}
footer .footer__list li:first-child {
  padding: 0;
  margin: 0;
}
footer .footer__list li:first-child::after {
  display: none;
}
footer .social {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #2bace2;
  border-radius: 50%;
  width: 43px;
  height: 43px;
}
@media (min-width: 769px) {
  footer .social {
    width: 53px;
    height: 53px;
  }
}
footer .social span {
  display: none;
}
footer .social [class^="icon-"],
footer .social [class*=" icon-"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #fff;
}
footer .social:hover {
  background-color: #fff;
}
footer .social:hover [class^="icon-"],
footer .social:hover [class*=" icon-"] {
  color: #2bace2;
}
footer .social__list {
  display: flex;
  float: right;
  margin-right: 58px;
}
@media (min-width: 769px) {
  footer .social__list {
    margin-right: 73px;
  }
}
@media (min-width: 1465px) {
  footer .social__list {
    margin-right: 0;
  }
}
footer .social__list li {
  list-style: none;
  margin: 0 5px;
}
@media (min-width: 769px) {
  footer .social__list li {
    margin: 0 10px;
  }
}
footer .social__list li:first-child {
  margin-left: 0;
}
footer .footer .container {
  background-repeat: no-repeat;
  background-position: right top;
}
@media (min-width: 769px) {
  footer .footer .container {
    background-position: 55px top;
  }
}
footer .footer .container .grid {
  padding: 24px 0 27px;
}
footer .footer .container .grid .foot__1 {
  order: 1;
}
@media (min-width: 769px) {
  footer .footer .container .grid .foot__1 {
    order: 1;
  }
}
footer .footer .container .grid .foot__2 {
  order: 3;
}
@media (min-width: 769px) {
  footer .footer .container .grid .foot__2 {
    order: 2;
  }
}
footer .footer .container .grid .foot__3 {
  order: 2;
}
@media (min-width: 769px) {
  footer .footer .container .grid .foot__3 {
    order: 3;
  }
}
footer .footer__nav--center {
  margin-top: 32px;
}
@media (min-width: 769px) {
  footer .footer__nav--center {
    margin-top: 0;
  }
}
footer .footer__nav--center li {
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  padding-left: 13px;
}
@media (min-width: 769px) {
  footer .footer__nav--center li {
    margin-left: 20px;
    padding-left: 23px;
    font-size: 16px;
  }
}
footer .footer__nav--center li::after {
  background-color: #2bace2;
}
footer .footer .flex--center {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer .flex__end--center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.copy {
  background-color: #2bace2;
  font-size: 14px;
  padding: 30px 0 20px;
}
@media (min-width: 769px) {
  .copy {
    padding: 16px 0 15px;
  }
}
.copy__left {
  order: 2;
}
@media (min-width: 769px) {
  .copy__left {
    order: 1;
  }
}
.copy__right {
  order: 1;
}
.copy__right ul {
  border-bottom: 1px solid #6cf;
  padding-bottom: 18px;
}
@media (min-width: 769px) {
  .copy__right {
    order: 2;
  }
  .copy__right ul {
    float: right;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.darktheme-teaser {
  position: fixed;
  left: 25px;
  bottom: 50px;
  z-index: 101;
  transition: all 0.3s ease-in-out;
}
.darktheme-teaser__icon {
  display: inline-block;
  width: 53px;
  height: 53px;
  background-color: #2bace2;
  border-radius: 50%;
  text-align: center;
  padding-top: 16px;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.darktheme-teaser__icon:hover {
  background-color: #6cf;
  transition: all 0.3s ease-in-out;
}
.darktheme-teaser__text {
  position: absolute;
  left: 0;
  top: 9px;
  padding: 5px 0 5px 64px;
  color: #6cf;
  font-size: 12px;
  font-weight: bold;
  width: 0px;
  overflow: hidden;
  visibility: hidden;
  background: #fff;
  border-radius: 36px;
  white-space: nowrap;
}
.darktheme-teaser:hover .darktheme-teaser__text {
  width: 236px;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}
.btn {
  display: inline-block;
}
.btn.--orange {
  color: #fff;
  background-color: #f58220;
  border: 1px #f58220 solid;
  padding: 5px 10px 6px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
}
.btn.--orange:hover {
  background-color: #dc751c;
}
.btn.--red {
  color: #fff;
  background-color: #db2f2d;
  border: 1px #db2f2d solid;
  padding: 5px 10px 6px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
}
.btn.--red:hover {
  background-color: #852f2e;
  border-color: #852f2e;
}
.btn.--blue {
  color: #fff;
  background-color: #5ac6f4;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  border: 1px #2bb5f0 solid;
  padding: 5px 10px 6px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
}
.btn.--blue i {
  position: relative;
  top: 1px;
}
.btn.--blue:hover {
  background-color: #30afe6;
  border: 1px #1da1f2 solid;
}
.btn.--blue.--mail {
  position: relative;
  padding: 0 15px 0 35px;
}
.btn.--blue.--mail i {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
}
.btn__groups {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .btn__groups {
    flex-direction: row;
  }
}
.btn__groups a,
.btn__groups .btn {
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  .btn__groups a,
  .btn__groups .btn {
    margin: 0 10px 0 0;
  }
}
.btn__groups a:last-of-type,
.btn__groups .btn:last-of-type {
  margin: 0;
}
.btn--single {
  display: flex;
  align-items: center;
  background-color: #30afe6;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  border: 1px #1da1f2 solid;
  color: #fff;
  padding: 7px 34px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
}
.btn--single:hover {
  background-color: #969696;
  border-color: #969696;
  color: #fff;
}
.btn--single.--hollow {
  background: none;
  border: 2px #d9d9d9 solid;
  color: #969696;
  font-weight: 600;
}
.btn--single.--hollow:hover {
  background-color: #969696;
  color: #fff;
  border-color: #969696;
}
.btn--single.--link {
  background: none;
  color: #0072bc;
  padding: 0;
  border: 0;
  font-weight: 600;
}
.scroll-to-top {
  position: fixed;
  width: 43px;
  height: 43px;
  background-color: #2bace2;
  border-radius: 50%;
  right: 25px;
  bottom: 20px;
  text-align: center;
  padding-top: 6px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  z-index: 101;
}
@media (min-width: 769px) {
  .scroll-to-top {
    width: 53px;
    height: 53px;
  }
}
.scroll-to-top.none {
  display: none;
}
.scroll-to-top::after {
  font-size: 20px;
  font-family: "icomoon";
  color: #fff;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 769px) {
  .scroll-to-top:hover {
    background-color: #fff;
  }
  .scroll-to-top:hover::after {
    color: #2bace2;
  }
}
.scroll-to-top.active {
  opacity: 0.85;
}
.add {
  color: #fff;
  background-color: #6acf3e;
  border: 1px #6acf3e solid;
  padding: 5px 10px 6px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
  margin: 7px 0 12px;
  width: 100%;
}
.add:hover {
  background-color: #a6ce39;
  border: 1px #a6ce39 solid;
}
.ignore,
.remove {
  display: inline-block;
  color: #fff;
  background-color: #6cf;
  font-size: 12px;
  line-height: 12px;
  padding: 3px 8px;
  border-radius: 2px;
}
@media (min-width: 769px) {
  .ignore:hover,
  .remove:hover {
    background-color: #969696;
  }
}
.ShareGameFacebook {
  display: inline-block;
  height: 31px;
  width: 100px;
  background: url("../icons/social-share-facebook.png");
  margin: 10px 5px 0 0;
}
.ShareGameTwitter {
  display: inline-block;
  height: 31px;
  width: 88px;
  background: url("../icons/social-share-twitter.png");
  margin-top: 10px;
}
@media (max-width: 1290px) {
  .categories__nav {
    position: absolute;
    left: var(--container-padding);
    right: var(--container-padding);
    z-index: 10;
    top: 57px;
    background-color: #a6ce39;
    border-radius: 5px;
    flex-direction: column;
    display: none;
  }
  .categories__nav .container {
    padding: 0;
    flex-direction: column;
  }
}
@media (max-width: 1290px) and (min-width: 576px) {
  .categories__nav .container {
    flex-direction: row;
  }
}
@media (min-width: 1291px) {
  .categories__nav {
    display: block;
    background-color: #a6ce39;
    border-top: 1px #80a90f solid;
  }
}
.categories__nav .container {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1291px) {
  .categories__nav ul {
    display: flex;
  }
  .categories__nav ul li {
    list-style: none;
  }
  .categories__nav ul li span {
    position: relative;
    font-size: 23px;
  }
}
.categories__nav a {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding: 15px 0 16px;
}
.categories__nav--left {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 576px) {
  .categories__nav--left {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 769px) {
  .categories__nav--left {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    width: calc(100% - 114px);
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .categories__nav--left li {
    flex-grow: 4;
  }
}
@media (min-width: 769px) {
  .categories__nav--left li a:hover {
    background-color: #80a90f;
  }
  .categories__nav--left li.active a {
    background-color: #80a90f;
  }
}
@media (max-width: 1290px) {
  .categories__nav--left {
    display: grid;
    flex: 1;
    column-gap: 10px;
    row-gap: 10px;
    padding: 20px;
  }
  .categories__nav--left li {
    list-style: none;
  }
  .categories__nav--left li a {
    display: block;
    text-align: center;
    border: 1px #80a90f solid;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 6px 0;
    border-radius: 36px;
  }
}
@media (min-width: 1291px) {
  .categories__nav--left {
    flex: 1;
  }
  .categories__nav--left li:last-child {
    max-width: 44px;
    border-right: 1px #80a90f solid;
  }
  .categories__nav--left li:last-child a {
    padding: 12px 15px 11px;
  }
}
.categories__nav--right {
  padding-left: 4px;
}
.categories__nav--right li.active a {
  background-color: #fff;
}
.categories__nav--right li.active a i {
  color: #80a90f;
}
@media (max-width: 575px) {
  .categories__nav--right {
    border-top: 1px #80a90f solid;
  }
  .categories__nav--right li {
    margin: 0 10px 0 0;
  }
}
@media (min-width: 576px) and (max-width: 1290px) {
  .categories__nav--right {
    margin: 0 0 0 25px;
  }
  .categories__nav--right li {
    margin: 0 0 0 10px;
  }
}
@media (max-width: 1290px) {
  .categories__nav--right {
    display: flex;
    padding: 15px 20px;
  }
  .categories__nav--right li {
    list-style: none;
  }
  .categories__nav--right li a {
    color: #fff;
    font-size: 20px;
  }
}
@media (min-width: 1291px) {
  .categories__nav--right li {
    display: flex;
    align-items: center;
    margin-left: 6px;
  }
  .categories__nav--right li a {
    font-size: 16px;
  }
}
.categories__nav--right .icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  background-color: #80a90f;
  border-radius: 50%;
}
.categories__nav--right .icon-circle i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  color: #fff;
  font-size: 16px;
}
.categories__nav--right .icon-circle i.f20 {
  font-size: 20px;
}
.categories__nav--right .icon-circle:hover {
  background-color: #fff;
}
.categories__nav--right .icon-circle:hover i {
  color: #80a90f;
}
.nav__section {
  position: relative;
}
.nav__section.active .categories__nav {
  display: flex;
}
.nav__section .tooltip .tooltip__box {
  top: 55px;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .nav__menu .span__game__title {
    max-width: 280px;
  }
}
@media (max-width: 1290px) {
  .nav__menu {
    width: 100%;
    background-color: #a6ce39;
    margin-bottom: 20px;
    border-top: 1px #80a90f solid;
  }
  .nav__menu .span__game__title,
  .nav__menu h1 {
    padding: 13px 0 13px 20px;
    color: #fff;
    font-size: 19px;
    line-height: 24px;
    font-weight: 800;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (min-width: 1291px) {
  .nav__menu {
    width: 100%;
    max-width: var(--content-width);
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--container-padding);
    margin: clamp(15px, 2vw, 20px) auto;
  }
  .nav__menu h1 {
    border-bottom: 2px #d9d9d9 dotted;
    padding: 10px 0;
  }
  .nav__menu .span__game__title {
    display: none;
  }
}
.categories {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0 10px;
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  .categories {
    display: grid;
    grid-gap: 0 var(--grid-column-gap);
  }
}
.categories h2 {
  position: absolute;
  left: 0;
  top: 0;
  padding: 13px 0 0 10px;
}
@media (min-width: 769px) {
  .categories h2 {
    padding: 29px 0 0 10px;
  }
}
.categories__list--nav {
  display: grid;
  grid-gap: 10px;
}
@media (min-width: 769px) {
  .categories__list--nav {
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.categories__box {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px 10px 50px;
  border-bottom: 1px #d9d9d9 dotted;
  grid-gap: 5px 10px;
}
.categories__box.active {
  background: rgba(166, 206, 57, 0.1);
}
@media (min-width: 769px) {
  .categories__box {
    display: grid;
    grid-gap: 20px;
    padding: 20px 10px 20px 70px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.games__list {
  margin-bottom: clamp(15px, 2vw, 25px);
}
.letter__index {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
  border-bottom: 1px #d9d9d9 dotted;
  padding-bottom: 20px;
  margin-top: 30px;
}
.letter__index a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  font-size: 20px;
  color: #101010;
  font-weight: 600;
}
.letter__index a:hover {
  background: #a6ce39;
  border-radius: 3px;
  color: #fff;
}
.exposed__1 {
  order: 2;
}
@media (min-width: 769px) {
  .exposed__1 {
    order: 1;
  }
}
.exposed__2 {
  order: 3;
}
@media (min-width: 769px) {
  .exposed__2 {
    order: 2;
  }
}
.exposed__3 {
  position: relative;
  margin-bottom: 30px;
  order: 1;
}
@media (min-width: 769px) {
  .exposed__3 {
    order: 3;
    margin-bottom: 0;
  }
}
.exposed__4 {
  order: 4;
}
.exposed__5 {
  order: 5;
}
.hamburger-box {
  float: right;
  width: 57px;
  height: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px #80a90f solid;
}
@media (min-width: 1291px) {
  .hamburger-box {
    display: none;
  }
}
.hamburger-box.active .hamburger span {
  transition: 0.25s ease-in-out;
}
.hamburger-box.active .hamburger span:nth-child(1) {
  transform: rotate(45deg);
  top: 0;
  left: 3px;
}
.hamburger-box.active .hamburger span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.hamburger-box.active .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  top: 16px;
  left: 3px;
}
.hamburger {
  position: relative;
  width: 22px;
  height: 25px;
  transform: rotate(0deg);
  cursor: pointer;
}
.hamburger span {
  display: block;
  position: absolute;
  opacity: 1;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background-color: #fff;
  margin: 4px 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 0px;
  left: 2px;
  transform-origin: left center;
}
.hamburger span:nth-child(2) {
  top: 7px;
  left: 2px;
  transform-origin: left center;
}
.hamburger span:nth-child(3) {
  top: 14px;
  left: 2px;
  transform-origin: left center;
}
.hamburger::after {
  position: absolute;
  width: 28px;
  height: 28px;
  top: -10px;
  right: -14px;
  background-color: #ffd503;
  border-radius: 100%;
  content: "";
  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes sk-pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.title.active .category__menu {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
  transition: max-height 0.8s cubic-bezier(0.33, 1, 0.68, 1),
    opacity 0.2s ease-out, visibility 0s linear;
}
.long__wide h2 {
  margin-bottom: 30px;
}
.long__2column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.top__three {
  padding: 24px 20px 32px;
  background-color: #e7f2f7;
  border-radius: 4px;
  margin: 18px 0;
}
@media (min-width: 769px) {
  .top__three {
    padding: 34px 40px 62px;
    margin: 32px 0;
  }
}
.top__three h2 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 16px;
  margin-bottom: 25px;
  border-bottom: 1px #d4d4d4 dotted;
}
@media (min-width: 769px) {
  .top__three h2 {
    font-size: 26px;
    margin-bottom: 50px;
  }
}
.top__three--games {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 0 14px;
}
@media (min-width: 576px) {
  .top__three--games {
    flex-direction: row;
  }
}
.top__three .game__number {
  padding-left: 60px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .top__three .game__number {
    padding-left: clamp(30px, 5vw, 77px);
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.top__three .game__number:last-child {
  margin-right: 0;
}
.top__three .game__number img {
  width: 300px;
  height: auto;
  border-radius: 3px;
}
.top__three .game__number.--first {
  background: url(../images/1.svg) no-repeat left center;
  background-size: auto 90%;
}
.top__three .game__number.--second {
  background: url(../images/2.svg) no-repeat left center;
  background-size: auto 90%;
}
.top__three .game__number.--third {
  background: url(../images/3.svg) no-repeat left center;
  background-size: auto 90%;
}
.game__card {
  display: inline-grid;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #0072bc;
  border-radius: 3px;
  align-content: start;
}
.game__card img {
  width: 100%;
  height: auto;
  border-radius: 3px 3px 0 0;
}
.game__card .h3,
.game__card h3 {
  display: inline-block;
  font-size: clamp(13px, 2vw, 15px);
  line-height: 18px;
  margin: 0;
  padding: 10px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.game__card p {
  padding: 0 10px 10px;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}
.game__card:hover {
  background-color: #e1f0f6;
}
.game__card.--info::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 22px;
  text-align: center;
  font-size: 16px;
  line-height: 12px;
  color: #fff;
  background-color: #db2f2d;
  content: "!";
  border-radius: 0 3px 0 0;
}
@media (min-width: 769px) {
  .game__card.--info::after {
    width: 30px;
    height: 28px;
    font-size: 18px;
  }
}
.game__card.--scores::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 12px;
  right: -12px;
  top: -12px;
  width: 27px;
  height: 27px;
  background-color: #db2f2d;
  color: #fff;
  font-family: "icomoon";
  content: "";
  border-radius: 50%;
  border: 3px #f5fafc solid;
}
@media (min-width: 769px) {
  .game__card.--scores::after {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}
.game__card.--scores.--hot::before,
.game__card.--scores.--new::before,
.game__card.--scores.--updated::before {
  right: 8px;
  z-index: 1;
}
@media (min-width: 769px) {
  .game__card.--scores.--hot::before,
  .game__card.--scores.--new::before,
  .game__card.--scores.--updated::before {
    right: 12px;
  }
}
.game__card.--medals::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 12px;
  right: -12px;
  top: -12px;
  width: 27px;
  height: 27px;
  background-color: #db2f2d;
  color: #fff;
  font-family: "icomoon";
  content: "";
  border-radius: 50%;
  border: 3px #f5fafc solid;
}
@media (min-width: 769px) {
  .game__card.--medals::after {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
}
.game__card.--medals.--hot::before,
.game__card.--medals.--new::before,
.game__card.--medals.--updated::before {
  right: 8px;
  z-index: 1;
}
@media (min-width: 769px) {
  .game__card.--medals.--hot::before,
  .game__card.--medals.--new::before,
  .game__card.--medals.--updated::before {
    right: 12px;
  }
}
.game__card.--hot::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 12px;
  right: -12px;
  top: -12px;
  width: 27px;
  height: 27px;
  background-color: #f58220;
  color: #fff;
  font-family: "icomoon";
  content: "";
  border-radius: 50%;
  border: 3px #f5fafc solid;
}
@media (min-width: 769px) {
  .game__card.--hot::before {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}
.game__card.--new::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 12px;
  right: -12px;
  top: -12px;
  width: 27px;
  height: 27px;
  background-color: #9cc732;
  color: #fff;
  font-family: "icomoon";
  content: "";
  border-radius: 50%;
  border: 3px #f5fafc solid;
}
@media (min-width: 769px) {
  .game__card.--new::before {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}
.game__card.--updated::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 12px;
  right: -12px;
  top: -12px;
  width: 27px;
  height: 27px;
  background-color: #0067b4;
  color: #fff;
  font-family: "icomoon";
  content: "";
  border-radius: 50%;
  border: 3px #f5fafc solid;
}
@media (min-width: 769px) {
  .game__card.--updated::before {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}
.game__card .bookmark {
  position: absolute;
  left: 2px;
  top: 0;
}
.game__card .bookmark::after {
  font-size: 20px;
  color: #db2f2d;
  font-family: "icomoon";
  content: "";
}
@media (min-width: 769px) {
  .game__card .bookmark::after {
    font-size: 24px;
  }
}
.game__card.--blue {
  background-color: #6cf;
  color: #fff;
}
.game__card.--blue:hover {
  background-color: #2bace2;
}
.game__card.--blue h3 {
  position: relative;
  padding-right: 37px;
}
.game__card.--blue h3::before {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  color: #fff;
  font-weight: normal;
  font-family: "icomoon";
  font-size: 20px;
  content: "";
}
.game__card.--exposed {
  background-color: #db2f2d;
  color: #fff;
  height: initial;
}
.game__card.--exposed:hover {
  background-color: #852f2e;
}
.game__card.--exposed.--bookmark::before {
  color: #db2f2d;
}
.game__card.--search-card {
  display: flex;
  flex-direction: row;
  background-color: #eaf4f8;
  padding: 15px;
}
@media (min-width: 769px) {
  .game__card.--search-card {
    padding: 30px;
  }
}
.game__card.--search-card img {
  max-width: clamp(150px, 15vw, 200px);
  border-radius: 3px 0 0 3px;
}
@media (min-width: 992px) {
  .game__card.--search-card img {
    max-width: clamp(144px, 15vw, 200px);
  }
}
.game__card.--search-card .search-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.game__card.--search-card .search-card__body h3 {
  white-space: break-spaces;
  font-size: 15px;
}
.game__card.--search-card .search-card__body p {
  display: none;
}
@media (min-width: 769px) {
  .game__card.--search-card .search-card__body p {
    display: block;
    margin-bottom: 10px;
  }
}
.game__card .remove {
  margin: 10px;
  width: min-content;
}
.game__card.--category {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 3px;
  background-color: #db2f2d;
  color: #fff;
}
@media (min-width: 769px) {
  .game__card.--category {
    min-height: 44px;
    border: 1px #e8e8e8 solid;
    background-color: #fff;
    color: #0072bc;
  }
  .game__card.--category:hover {
    background-color: #e1f0f6;
  }
}
.game__card.--category .cat__img {
  display: none;
  flex: 0 0 64px;
  max-width: 64px;
}
@media (min-width: 769px) {
  .game__card.--category .cat__img {
    display: flex;
  }
}
.game__card.--category img {
  display: none;
  width: 63px;
  height: 42px;
  border-radius: 3px 0 0 3px;
}
@media (min-width: 769px) {
  .game__card.--category img {
    display: block;
  }
}
.game__card.--category .game__thumb--header {
  display: none;
}
@media (min-width: 769px) {
  .game__card.--category .game__thumb--header {
    display: flex;
    flex: 0 0 63px;
    max-width: 63px;
  }
}
.game__card.--category h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  padding: 5px 10px;
  text-transform: lowercase;
}
@media (min-width: 769px) {
  .game__card.--category h3 {
    font-weight: 600;
    padding: 10px;
    text-transform: none;
  }
}
.game__card--medals {
  display: flex;
  flex-direction: column;
}
.game__card--medals li {
  list-style: none;
}
.game__card--medal {
  display: flex;
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 3px;
}
@media (min-width: 769px) {
  .game__card--medal {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .game__card--medal {
    flex-direction: row;
  }
}
.game__card--medal .game__card--medal-img::after {
  right: 0;
  left: initial;
}
@media (min-width: 768px) and (max-width: 992px) {
  .game__card--medal.--disabled img {
    width: 100%;
    height: auto;
  }
}
.game__card--medal.--disabled .game__card--medal-img::after {
  padding-bottom: 4px;
  background-color: #db2f2d;
  content: "!";
  border-radius: 0 0 0 4px;
}
.game__card--medal-img {
  display: flex;
  position: relative;
  flex: 0 0 150px;
  max-width: 150px;
  overflow: hidden;
}
@media (min-width: 769px) {
  .game__card--medal-img {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .game__card--medal-img {
    flex: 0 0 150px;
    max-width: 150px;
  }
}
.game__card--medal-img::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 16px;
  left: 0;
  top: 0;
  width: 24px;
  height: 22px;
  background-color: #db2f2d;
  color: #fff;
  font-family: "icomoon";
  content: "";
}
@media (min-width: 768px) and (max-width: 992px) {
  .game__card--medal-img::after {
    border-radius: 0 3px 0 0;
  }
}
@media (min-width: 769px) {
  .game__card--medal-img::after {
    width: 30px;
    height: 28px;
    font-size: 18px;
  }
}
.game__card--medal-img img {
  width: 150px;
  max-width: initial;
  border-radius: 3px 0 0 3px;
  object-fit: cover;
}
@media (min-width: 769px) {
  .game__card--medal-img img {
    width: 100%;
    border-radius: 3px 3px 0 0;
  }
}
@media (min-width: 992px) {
  .game__card--medal-img img {
    width: 150px;
    border-radius: 3px 0 0 3px;
  }
}
.game__card--medal-body {
  flex: 1;
  padding: 8px 10px;
}
.game__card--medal-body a {
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 16px;
}
@media (min-width: 769px) {
  .game__card--medal-body a {
    font-size: clamp(14px, 2vw, 16px);
  }
}
.game__card--medal.--badge p {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
.game__card--medal.--name {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 16px;
}
.game__card--with-medal {
  display: flex;
  background-color: #fff;
  padding: 15px;
}
.game__card--with-medal a {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.game__card--with-medal-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.game__card--with-medal-body .medal {
  position: relative;
  left: -10px;
}
.game__card--with-medal-body .user {
  display: flex;
  align-items: center;
}
.game__card--with-medal-body .user img {
  margin-right: 10px;
  border-radius: 50%;
}
@media (min-width: 769px) {
  .game__card--with-medal-body .user a:hover {
    position: relative;
  }
  .game__card--with-medal-body .user a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.game__card--with-medal-game {
  display: flex;
  width: 75px;
  flex-direction: column;
}
.game__card--with-medal-game img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
.game__score--login {
  background-color: #6cf;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 12px 12px;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .game__score--login {
    max-width: 300px !important;
  }
}
@media (min-width: 769px) {
  .game__score--login {
    margin-top: -6px;
    padding: 17px 18px;
    border-radius: 0 0 3px 3px;
    max-width: initial;
  }
}
.game__score--login strong {
  font-size: 16px;
  font-weight: 700;
  margin-right: 20px;
}
@media (min-width: 769px) {
  .game__score--login strong {
    font-size: 20px;
    margin-right: 40px;
  }
}
.game__score--login p {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  color: #fff;
}
.game__score--login p a {
  color: #fff;
  font-weight: 600;
}
.game__score--login p a:hover::after {
  border-color: #fff;
}
.--disabled {
  pointer-events: none;
  cursor: default;
  color: #000;
}
.--disabled img {
  opacity: 0.5;
  filter: grayscale(100%);
}
.swf {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  background-color: #db2f2d;
  font-size: 11px;
  line-height: 12px;
  padding: 2px 4px;
}
.medal {
  display: flex;
  overflow: hidden;
}
.medal i {
  margin: 4px 10px 0 0;
  font-size: 45px;
}
.medal small {
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 600;
}
.medal p {
  font-size: 12px;
  margin: 0;
}
.medal.--gold i {
  color: gold;
}
.medal.--silver i {
  color: silver;
}
.medal.--bronze i {
  color: #cd7f32;
}
.deprecated__game {
  max-width: 200px;
  margin: 0 auto;
}
.deprecated__game h2 {
  text-align: center;
  margin-bottom: 20px;
}
.categories__list,
.categories__box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px;
}
@media (min-width: 769px) {
  .categories__list,
  .categories__box {
    grid-gap: 15px;
  }
}
.categories__list .game__card.--category,
.categories__box .game__card.--category {
  display: flex;
  min-height: 44px;
  flex-direction: row;
  align-items: center;
  border-radius: 3px;
  border: 1px #e1f0f6 solid;
  background: linear-gradient(91deg, #e1f0f6 0.37%, #fff 90%);
  color: #0072bc;
}
@media (min-width: 769px) {
  .categories__list .game__card.--category,
  .categories__box .game__card.--category {
    min-height: 68px;
  }
}
.categories__list .game__card.--category:hover,
.categories__box .game__card.--category:hover {
  background: #e1f0f6;
}
.categories__list .game__card.--category .cat__img,
.categories__box .game__card.--category .cat__img {
  flex: 0 0 44px;
  max-width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .categories__list .game__card.--category .cat__img,
  .categories__box .game__card.--category .cat__img {
    flex: 0 0 64px;
    max-width: 64px;
  }
}
.categories__list .game__card.--category .cat__img img,
.categories__box .game__card.--category .cat__img img {
  display: block;
  width: 32px;
}
@media (min-width: 769px) {
  .categories__list .game__card.--category .cat__img img,
  .categories__box .game__card.--category .cat__img img {
    width: 42px;
  }
}
.categories__list .game__card.--category h3,
.categories__box .game__card.--category h3 {
  font-size: 14px;
  line-height: 18px;
  padding: 5px 10px;
  text-transform: lowercase;
  flex: 1;
  font-weight: 600;
  overflow: initial;
  white-space: initial;
  text-overflow: initial;
}
.categories__list .game__card.--category h3::after,
.categories__box .game__card.--category h3::after {
  position: absolute;
  width: 7px;
  height: 6px;
  right: 10px;
  top: 50%;
  margin-top: -1px;
  translate: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.11416 2.54757C6.25707 2.60711 6.25707 2.80956 6.11416 2.8691L0.241148 5.31619C0.126429 5.36399 0 5.2797 0 5.15542V0.261244C0 0.136965 0.12643 0.052679 0.241148 0.100478L6.11416 2.54757Z' fill='%230072BC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  content: "";
}
@media (min-width: 769px) {
  .categories__list .game__card.--category h3,
  .categories__box .game__card.--category h3 {
    padding: 15px 24px 15px 10px;
    text-transform: none;
  }
}
.comments {
  margin-bottom: clamp(20px, 4vw, 30px);
}
.comment {
  position: relative;
  display: flex;
  padding: 10px 0 10px 10px;
  background-color: #fff;
  border-bottom: 1px #d9d9d9 dotted;
  flex-direction: column;
}
@media (min-width: 769px) {
  .comment {
    padding: 10px 30px 10px 10px;
  }
}
.comment .delete {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 8px;
  line-height: 8px;
  background-color: #6cf;
  color: #fff;
  padding: 3px;
}
.comment .delete:hover {
  background-color: #969696;
}
@media (min-width: 769px) {
  .comment {
    flex-direction: row;
  }
}
.comment:nth-child(2n + 2) {
  background-color: #e1f0f6;
}
.comment__user {
  display: flex;
  align-items: flex-start;
  flex: 1;
  max-width: 100%;
  font-size: 14px;
}
@media (min-width: 769px) {
  .comment__user {
    flex: 0 0 150px;
    max-width: 150px;
  }
}
@media (min-width: 992px) {
  .comment__user {
    flex: 0 0 180px;
    max-width: 180px;
  }
}
.comment__user img {
  border-radius: 50%;
  margin-right: 15px;
}
@media (min-width: 769px) {
  .comment__user a:nth-child(2):hover {
    position: relative;
  }
  .comment__user a:nth-child(2):hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.comment__user--item {
  display: flex;
  align-items: center;
  color: #889ba5;
  font-weight: 600;
}
.comment__content {
  width: 100%;
  padding-left: 47px;
}
@media (min-width: 769px) {
  .comment__content {
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  .comment__content {
    max-width: 70%;
  }
}
.comment__content p {
  margin: 0;
  word-break: break-word;
}
.comment__content p a {
  font-weight: 600;
}
.comment__content time {
  font-size: 11px;
  opacity: 0.7;
}
.comment__add {
  width: 100%;
  padding-bottom: 5px;
  padding-right: 15px;
}
.comment__add.--footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comment__add--elements {
  display: flex;
}
.comment__add--elements a {
  display: flex;
  margin-left: 10px;
}
.comment__add--elements a:first-child {
  margin-left: 0;
}
.comment__add--elements i {
  font-size: 18px;
  line-height: 18px;
}
.no-comment {
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px #d9d9d9 dotted;
  font-size: clamp(14px, 2vw, 16px);
}
@media (min-width: 769px) {
  .m-bottom {
    margin-bottom: 40px;
  }
}
.exposed__slider {
  height: 100%;
}
.exposed__slider--wrapper {
  position: relative;
  height: 100%;
}
.exposed__slider--wrapper ul {
  display: flex;
  height: 100%;
}
.exposed__slider--wrapper ul li {
  display: none;
  list-style: none;
  width: 100%;
}
.exposed__slider--wrapper ul li.active {
  display: block;
}
.exposed__slider--wrapper .game__card {
  display: flex;
  position: relative;
  height: 100%;
  border-radius: 6px;
}
.exposed__slider--wrapper .game__card img {
  height: 100%;
  border-radius: 3px;
}
.exposed__slider--wrapper .game__card--cover {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 0 0 3px 3px;
}
.exposed__slider--wrapper .game__card--cover .btn {
  margin-right: 10px;
}
.exposed__slider--navigation {
  position: absolute;
  margin-top: 10px;
  width: 100%;
}
.exposed__slider--navigation ul {
  display: flex;
  justify-content: center;
}
.exposed__slider--navigation ul li {
  list-style: none;
  margin: 0 4px;
}
.exposed__slider--navigation ul li a {
  position: relative;
  top: 8px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  text-indent: -9999px;
  background-color: #db2f2d;
  opacity: 0.5;
}
.exposed__slider--navigation ul li.active a {
  opacity: 1;
}
.exposed__slider--prev {
  position: absolute;
  left: 0;
  top: 44%;
  margin-top: -20px;
  width: 30px;
  height: 40px;
  color: #fff;
  font-size: 40px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
@media (min-width: 992px) {
  .exposed__slider--prev {
    margin-top: -30px;
    width: 40px;
    height: 60px;
  }
}
.exposed__slider--prev::after {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "❮";
  font-size: 28px;
}
@media (min-width: 992px) {
  .exposed__slider--prev::after {
    font-size: 40px;
  }
}
.exposed__slider--next {
  position: absolute;
  right: 0;
  top: 44%;
  margin-top: -20px;
  width: 30px;
  height: 40px;
  color: #fff;
  font-size: 40px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
@media (min-width: 992px) {
  .exposed__slider--next {
    margin-top: -30px;
    width: 40px;
    height: 60px;
  }
}
.exposed__slider--next::after {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "❯";
  font-size: 28px;
}
@media (min-width: 992px) {
  .exposed__slider--next::after {
    font-size: 40px;
  }
}
.tab-login {
  padding: 10px 15px;
  background-color: #fff;
}
.tab-login p {
  font-weight: 600;
  margin: 0;
}
.tab-login p i {
  position: relative;
  top: 2px;
  font-size: 18px;
  margin-right: 5px;
}
.pagination {
  display: flex;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 769px) {
  .pagination {
    font-size: 28px;
  }
}
.pagination li {
  list-style: none;
  margin: 0 5px;
}
.pagination li a {
  padding: 0 2px;
}
@media (min-width: 769px) {
  .pagination li a:hover {
    position: relative;
  }
  .pagination li a:hover::after {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -2px;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.pagination li.active {
  position: relative;
}
.pagination li.active::after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -5px;
  border-bottom: 1px #0072bc solid;
  content: "";
}
.aggregate__rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: clamp(30px, 4vw, 50px);
}
.aggregate__rating p {
  margin: 0;
  line-height: 18px;
  font-weight: 800;
  opacity: 0.4;
}
.show__rating--box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 50px;
  background-color: #e7f2f7;
  padding: 12px 18px;
}
.show__rating--box span {
  color: #f4771d;
  font-weight: 800;
  font-size: 15px;
}
.show__rating {
  display: flex;
  margin-right: 20px;
}
.show__rating li {
  list-style: none;
  margin: 0 3px;
  font-size: 22px;
}
.show__rating li i {
  color: #f4771d;
}
.cross__links {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px #d9d9d9 solid;
}
.cross__links.no-border {
  border-top: 0;
}
.cross__links ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.cross__links ul li {
  list-style: none;
  font-size: 13px;
  margin: 0 5px;
}
.cross__links ul li a {
  font-weight: 600;
}
@media (min-width: 769px) {
  .cross__links ul li a:hover {
    position: relative;
  }
  .cross__links ul li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.tabs__small {
  display: flex;
  align-self: flex-start;
}
@media (min-width: 992px) {
  .tabs__small {
    align-self: flex-end;
  }
}
.tabs__small li {
  list-style: none;
  font-size: clamp(12px, 2vw, 13px);
  font-weight: 600;
  margin-left: 2px;
  padding: 0 5px;
  max-height: 24px;
}
.tabs__small li:first-child {
  margin-left: 0;
}
@media (min-width: 769px) {
  .tabs__small li a:hover {
    position: relative;
  }
  .tabs__small li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.tabs__small li.active {
  background-color: #f58220;
  color: #fff;
  padding: 0 10px;
  border-radius: 60px;
}
.tabs__small li.active a {
  color: #fff;
}
.tabs__small li.active a:hover::after {
  display: none;
}
.modal {
  width: 100%;
  max-width: 350px;
  margin: 15px;
  background-color: #fff;
}
.modal .hidden {
  display: none;
}
.modal .active {
  display: block;
}
.modal__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  justify-content: center;
  align-items: center;
  display: none;
}
.modal__container.active {
  display: flex;
}
.modal__header {
  border-bottom: 1px #d9d9d9 dotted;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}
.modal__header h2 {
  font-size: 18px;
}
.modal__header a {
  color: #000;
}
.modal__body {
  padding: 15px;
}
.modal__body label {
  display: block;
  font-size: 11px;
  margin-bottom: 5px;
}
.modal__body input {
  margin-bottom: 10px;
}
.modal__body textarea {
  height: 70px;
}
.modal__body small {
  display: block;
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 20px;
}
.modal__body .thumbs li {
  margin-right: 0;
}
.modal.no-title .modal__header {
  justify-content: flex-end;
  border-bottom: 0;
  padding-bottom: 0;
}
.emojis {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 0;
  margin: 0;
}
.emojis li {
  list-style: none;
  margin: 5px 0;
  text-align: center;
}
@media (min-width: 769px) {
  .emojis li a:hover {
    position: relative;
  }
  .emojis li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.breadcrumbs {
  display: flex;
  padding: 2px 15px;
  background-color: #e1f0f6;
  border-radius: 3px;
  margin-bottom: 20px;
}
@media (min-width: 1291px) {
  .breadcrumbs {
    position: absolute;
    right: 0;
    top: -60px;
    margin-bottom: 0;
  }
}
.breadcrumbs li {
  list-style: none;
  font-size: 12px;
  font-weight: 600;
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
}
.breadcrumbs li::after {
  position: absolute;
  left: -2px;
  top: -2px;
  font-size: 18px;
  font-weight: 600;
  content: "›";
}
.breadcrumbs li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.breadcrumbs li:first-child::after {
  display: none;
}
@media (min-width: 769px) {
  .breadcrumbs li a:hover {
    position: relative;
  }
  .breadcrumbs li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.--bread {
  margin-bottom: 55px;
}
@media (min-width: 769px) {
  .--bread {
    margin-bottom: clamp(15px, 2vw, 20px);
  }
}
.--bread .breadcrumbs {
  position: absolute;
  bottom: -45px;
}
@media (min-width: 769px) {
  .--bread .breadcrumbs {
    position: initial;
    bottom: initial;
  }
}
.bc_no-bottom .breadcrumbs {
  margin-bottom: 0;
}
.popup__error {
  position: fixed;
  width: 300px;
  left: 50%;
  top: 66px;
  padding: 10px;
  margin-left: -150px;
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 600;
  background: rgba(219, 47, 45, 0.9);
  color: #fff;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
  z-index: 10001;
  border-radius: 5px;
}
@media (min-width: 769px) {
  .popup__error {
    width: 380px;
    margin-left: -190px;
  }
}
.popup__error.fade-out {
  opacity: 0;
}
.popup__ok {
  position: fixed;
  width: 300px;
  left: 50%;
  top: 66px;
  padding: 10px;
  margin-left: -150px;
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 600;
  background: rgba(106, 207, 62, 0.9);
  color: #fff;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
  z-index: 10001;
  border-radius: 5px;
}
.popup__ok.fade-out {
  opacity: 0;
}
@media (min-width: 769px) {
  .popup__ok {
    width: 380px;
    margin-left: -190px;
  }
}
.beeper {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 10000;
  width: 230px;
}
.beeper .BeeperItem {
  display: flex;
  width: 100%;
  padding: 5px;
  border: 1px solid #1da1f2;
  border-radius: 3px;
  background-color: #fff;
  text-decoration: none;
  font-weight: normal;
  color: #3b3e3e;
}
.beeper img {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 2px;
  position: relative;
  margin: 0 12px 0 0;
}
.beeper span {
  flex: 1;
  font-size: 14px;
}
.emoji {
  position: relative;
  top: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.article__section {
  background: #fff;
  padding: 25px;
  margin: 0 0 30px 0;
}
.article__section .m_bottom {
  margin-bottom: 30px;
}
.article__section .article__gallery {
  margin-bottom: 25px;
}
.article__section .article__gallery picture {
  width: 100%;
  margin: 0;
}
@media (min-width: 992px) {
  .article__section .article__gallery {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .article__section {
    padding: 40px;
    margin: 0 0 40px 0;
  }
}
@media (min-width: 992px) {
  .article__section .pr-50 {
    padding-right: 50px;
  }
}
.article__section.--single h2 {
  font-size: 26px;
  line-height: 36px;
  color: #101010;
  margin-bottom: 30px;
}
.article__section.--single h3 {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  line-height: 36px;
  color: #000;
  font-weight: bold;
  margin: 0 0 20px;
}
.article__section.--single .faq h3 {
  padding: 15px 75px 20px 0;
  background: url("/icons/faq-icon.svg") no-repeat right center;
}
.article__section.--single .faq .faq-box h4 {
  font-weight: bold;
  margin: 0 0 15px;
  font-size: 16px;
  color: #256782;
}
.article__section.--single .tips h3 {
  padding: 15px 75px 20px 0;
  background: url("/icons/tips-icon.svg") no-repeat right center;
}
.article__section.--single .tips .tip h4 {
  font-weight: bold;
  margin: 0 0 15px;
  font-size: 16px;
  color: #256782;
}
.article__section article picture {
  position: relative;
  width: 100%;
  margin: 0 0 30px;
}
.article__section article picture img {
  max-width: 100%;
  height: auto;
}
.article__section article picture p {
  font-size: 15px;
  font-style: italic;
}
.article__section article picture p .small {
  font-size: 13px;
}
.article__section article picture.full {
  display: block;
  margin: 0 0 15px;
}
@media (min-width: 992px) {
  .article__section article picture.full {
    margin: 0 0 25px;
  }
}
@media (min-width: 992px) {
  .article__section article picture {
    width: 338px;
    float: left;
    margin: 7px 35px 15px 0;
  }
  .article__section article picture.full {
    width: 100%;
  }
}
.article__section article h1 {
  font-size: clamp(23px, 5vw, 26px);
  line-height: clamp(33px, 5vw, 35px);
  color: #101010;
  margin-bottom: 33px;
}
.article__section article h2 {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  line-height: 36px;
  color: #000;
  font-weight: bold;
  margin: 0 0 20px;
}
.article__section article p {
  font-size: 15px;
  line-height: 26px;
  color: #000;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .article__section article p {
    margin-bottom: 40px;
  }
}
.article__section article p.summary {
  font-size: 16px;
  line-height: 28px;
  color: #000;
  font-weight: normal;
  padding-bottom: 36px;
  margin-bottom: 40px;
  border-bottom: 2px #ececec solid;
}
@media (min-width: 992px) {
  .article__section article p.summary {
    font-size: 18px;
    line-height: 30px;
  }
}
.article__section article p.small__title {
  margin-bottom: 20px;
}
.article__section article ul {
  margin-bottom: 40px;
}
.article__section article ul li {
  font-size: 15px;
  line-height: 26px;
  color: #000;
  margin-bottom: 14px;
  list-style: none;
  padding-left: 16px;
  position: relative;
}
.article__section article ul li:last-child {
  margin-bottom: 0;
}
.article__section article ul li::after {
  position: absolute;
  left: 2px;
  top: 11px;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50%;
  content: "";
}
.article__section article .tips ul li,
.article__section article .faq ul li {
  margin-bottom: 0;
}
.article__section article .tips ol,
.article__section article .faq ol {
  padding-left: 0;
  list-style: decimal inside;
}
.article__section article .tips ol li,
.article__section article .faq ol li {
  font-size: 15px;
  line-height: 26px;
}
@media (min-width: 769px) {
  .article__section article .tips ol li a:hover:hover,
  .article__section article .faq ol li a:hover:hover {
    position: relative;
  }
  .article__section article .tips ol li a:hover:hover::after,
  .article__section article .faq ol li a:hover:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.article__section article .tips.snake li,
.article__section article .faq.snake li {
  padding-left: 0;
}
.article__section article .tips.snake li:nth-child(2n + 2),
.article__section article .faq.snake li:nth-child(2n + 2) {
  padding-left: 26px;
}
.article__section article .tips.snake li::after,
.article__section article .faq.snake li::after {
  display: none;
}
.article__section article .how__its__done {
  border-top: 2px #ececec solid;
  border-bottom: 2px #ececec solid;
  padding: 40px 0 0;
  margin-bottom: 40px;
  color: #004d81;
}
.article__section article .how__its__done h3,
.article__section article .how__its__done p {
  color: #004d81;
}
.article__section article .how__its__done ul li {
  color: #004d81;
}
.article__section article .how__its__done ul li::after {
  background-color: #004d81;
}
.article__section article .article__game.--bottom {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .article__section article .article__game.--bottom {
    margin-bottom: 40px;
  }
}
.article__section article .article__game iframe {
  width: 100%;
}
@media (max-width: 680px) {
  .article__section article .article__game iframe {
    height: 360px;
  }
}
.article__section article .article__game iframe.tetris {
  height: 642px;
}
.article__section article .article__game iframe.mahjong {
  height: 510px;
}
.article__section article .article__game iframe.tictactoe {
  height: 580px;
}
@media (min-width: 992px) {
  .article__section article .article__game iframe.tictactoe {
    height: 610px;
  }
}
.article__section article .article__game--bg {
  background-color: #f6f6f6;
  padding: 15px;
  text-align: center;
}
@media (min-width: 992px) {
  .article__section article .article__game--bg {
    padding: 30px;
  }
}
.article__section article .article__game--bg p {
  margin: 0;
}
.article__section .author__info--user p {
  margin-bottom: 0;
}
.article__section .author__info--boxes ul {
  margin: 0;
}
.article__section .author__info--boxes ul li {
  padding: 0;
}
.tips {
  background: #e1f0f6;
  padding: 30px 25px;
  border-radius: 3px;
  margin-bottom: 30px;
}
.tips.--grey {
  background: #f6f6f6;
}
@media (min-width: 992px) {
  .tips {
    padding: 30px 40px;
  }
}
.tips h2 {
  padding: 15px 75px 20px 0;
  background: url("/icons/tips-icon.svg") no-repeat right center;
}
.tips .tip h3 {
  font-weight: bold;
  margin: 0 0 15px;
  font-size: 16px;
  color: #256782;
}
.tips .tip p {
  margin-bottom: 20px;
}
.faq {
  background: #f6f6f6;
  padding: 30px 25px;
  border-radius: 3px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .faq {
    padding: 30px 40px;
  }
}
.faq h2 {
  padding: 15px 75px 20px 0;
  background: url("/icons/faq-icon.svg") no-repeat right center;
}
.faq .faq-box h3 {
  font-weight: bold;
  margin: 0 0 15px;
  font-size: 16px;
  color: #256782;
}
.faq .faq-box p {
  margin-bottom: 20px;
}
.top__10 {
  border-radius: 3px;
  margin-top: 30px;
  background: #e1f0f6 url("/bg/top_10.svg") no-repeat center bottom;
}
.top__10 h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
  background: url("/icons/top10-icon.svg") no-repeat right center;
  background-size: 60px;
}
@media (min-width: 769px) {
  .top__10 h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 60px;
    background-size: 70px;
  }
}
.top__10 ul li {
  margin-bottom: 0;
}
.top__10 ol {
  padding-left: 0;
  list-style: decimal inside;
}
@media (min-width: 769px) {
  .top__10 ol {
    column-count: 2;
    column-gap: 150px;
  }
}
.top__10 ol li {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #101010;
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  .top__10 ol li {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 30px;
  }
}
@media (min-width: 769px) {
  .top__10 ol li a:hover:hover {
    position: relative;
  }
  .top__10 ol li a:hover:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
@media (min-width: 769px) {
  .full-size__tip-faq .tips {
    margin-top: 40px;
    margin-right: 20px;
  }
  .full-size__tip-faq .faq {
    margin-top: 40px;
    margin-left: 20px;
  }
}
.done {
  background: #fff0d3;
  padding: 30px 25px 20px;
  border-radius: 3px;
  margin-bottom: 30px;
}
.done.--green {
  display: inline-block;
  width: 100%;
  background: #5a5;
}
.done.--green picture {
  width: 100%;
  margin: 0;
}
.done.--green h2,
.done.--green p {
  color: #fff;
}
@media (min-width: 769px) {
  .done {
    padding: 30px 40px 20px;
  }
}
.done.no-bottom {
  margin-bottom: 0;
}
.done h2 {
  padding: 15px 95px 20px 0;
  background: url("/icons/done-icon.svg") no-repeat right center;
}
.author {
  display: grid;
  padding: 40px 30px;
  background: #f9fafb;
}
@media (min-width: 769px) {
  .author {
    display: flex;
  }
}
.author__left--img {
  margin-right: 26px;
  flex: 0 0 56px;
  max-width: 56px;
  text-align: center;
}
.author__left--img img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px #d9d9d9 solid;
}
.author__left--img h4 {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  background: #e1f0f6;
  border-radius: 20px;
}
.author__info {
  display: flex;
  flex: 1;
  grid-column: span 2;
}
@media (min-width: 769px) {
  .author__info {
    grid-column: initial;
  }
}
.author__info--user h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
}
.author__info--user p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  opacity: 0.5;
}
.author__info--boxes {
  display: flex;
  justify-content: center;
  grid-column: span 3;
  margin: 20px 0 0;
}
@media (min-width: 769px) {
  .author__info--boxes {
    grid-column: initial;
    margin: 29px 0 0;
    padding-left: 12px;
    justify-content: initial;
  }
}
.author__info--boxes ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.author__info--boxes ul li {
  list-style: none;
  padding-left: 0;
  margin: 0 3px;
}
@media (min-width: 769px) {
  .author__info--boxes ul li {
    margin: 0 0 0 12px;
  }
}
.author__info--boxes ul li::after {
  display: none;
}
.author__info--boxes ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2bace2;
  font-size: 18px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px #d9d9d9 solid;
  background-color: #fff;
}
.author__info--boxes ul li a:hover {
  background: #2bace2;
  color: #fff;
}
.author.gamefooter {
  display: flex;
  padding: 10px 20px;
  align-items: center;
}
.author.gamefooter .author__left h4 {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  color: #969696;
}
.author.gamefooter .author__info--user h3 {
  margin: 0 0 0 10px;
  font-size: 14px;
}
@media (min-width: 769px) {
  .author.gamefooter .author__info--user h3 a:hover {
    position: relative;
  }
  .author.gamefooter .author__info--user h3 a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.h1__title {
  margin: 30px 0 20px;
}
@media (min-width: 992px) {
  .h1__title {
    margin: 40px 0;
  }
}
.h1__title h1 {
  font-size: clamp(23px, 3vw, 36px);
  line-height: clamp(33px, 3vw, 46px);
  color: #101010;
}
.article__section.about-us {
  margin: 0;
}
.article__section.about-us .logo__img {
  display: block;
  margin-bottom: 40px;
  height: 80px;
  width: 100%;
}
.article__section.about-us .logo__img.igre123 {
  background: url("/img/logos/igre123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us .logo__img.play123 {
  background: url("/img/logos/play123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us .logo__img.giochi123 {
  background: url("/img/logos/giochi123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us .logo__img.igrice123 {
  background: url("/img/logos/igrice123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us .logo__img.jeux123 {
  background: url("/img/logos/jeux123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us .logo__img.jogos123 {
  background: url("/img/logos/jogos123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us .logo__img.juegos123 {
  background: url("/img/logos/juegos123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us .logo__img.spelletjes123 {
  background: url("/img/logos/spelletjes123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us .logo__img.spiele123 {
  background: url("/img/logos/spiele123.svg") no-repeat center top;
  background-size: 100% 100%;
}
.article__section.about-us hr {
  border: 0;
  border-bottom: 2px #e1f0f6 solid;
  margin: 0 0 30px;
}
.article__section.about-us article h2 {
  font-size: 20px;
  line-height: 27px;
  font-weight: bold;
  margin-bottom: 20px;
}
.article__section.about-us article p {
  margin-bottom: 30px;
}
.article__section.about-us article .about-us__summary {
  border-bottom: 2px #ececec solid;
  margin-bottom: 50px;
}
.article__section.about-us article .about-us__summary p {
  font-size: 16px;
  line-height: 28px;
  color: #000;
  font-weight: normal;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .article__section.about-us article .about-us__summary p {
    font-size: 18px;
    line-height: 30px;
  }
}
.article__section.about-us article .contact__box {
  position: relative;
  border-radius: 5px;
  padding: 30px;
  margin-bottom: 40px;
  overflow: hidden;
  background: url("../bg/tehnoloski-park.webp") no-repeat center center;
  background-size: initial;
  background-position: left -70%;
}
@media (min-width: 576px) {
  .article__section.about-us article .contact__box {
    background-size: auto 100%;
    background-position: bottom right;
  }
}
@media (min-width: 992px) {
  .article__section.about-us article .contact__box {
    background-position: bottom right -50%;
  }
}
@media (min-width: 769px) {
  .article__section.about-us article .contact__box {
    padding: 40px;
  }
}
.article__section.about-us article .contact__box--content {
  position: relative;
  z-index: 1;
  margin-top: 330px;
}
@media (min-width: 576px) {
  .article__section.about-us article .contact__box--content {
    max-width: 45%;
    margin-top: 0;
  }
}
@media (min-width: 769px) {
  .article__section.about-us article .contact__box--content {
    max-width: 50%;
  }
}
.article__section.about-us article .contact__box::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 86%;
  margin-bottom: -252px;
  width: 505px;
  height: 505px;
  border-radius: 100%;
  box-shadow: 0px 200px 0px 700px #e1f0f6;
}
@media (min-width: 576px) {
  .article__section.about-us article .contact__box::before {
    left: 296px;
    bottom: 50%;
  }
}
.article__section.about-us article .contact__box p:last-of-type {
  margin: 0;
}
.article__section.about-us article .contact__box img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.category-reviews {
  margin-top: 30px;
}
@media (min-width: 769px) {
  .category-reviews {
    margin-top: 40px;
  }
}
.game-reviews {
  border-bottom: 1px solid #d8d7dc;
  margin-bottom: 40px;
}
@media (min-width: 769px) {
  .game-reviews {
    margin-bottom: 70px;
  }
}
.game-review {
  display: flex;
  margin: 40px 0;
}
@media (min-width: 769px) {
  .game-review {
    margin: 30px 0;
  }
}
.game-review-summary {
  font-size: 18px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  .game-review-summary {
    font-size: 20px;
    line-height: 28px;
  }
}
.game-review-date {
  font-size: clamp(13px, 2vw, 14px);
  line-height: clamp(22px, 2vw, 24px);
  opacity: 0.7;
}
.game-review-meta {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}
@media (min-width: 769px) {
  .game-review-meta {
    margin-bottom: 24px;
  }
}
.game-review-meta .aggregate__rating,
.game-review-meta .show__rating--box {
  margin: 0;
}
.game-review-meta .show__rating--box {
  margin-right: 20px;
  padding: 6px 10px;
}
.game-review-meta .show__rating--box span {
  font-size: 12px;
}
.game-review-meta .show__rating {
  margin-right: 10px;
}
.game-review-meta .show__rating li {
  font-size: 12px;
  margin: 0 1px;
}
.game-review-body {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .game-review-body {
    flex-direction: row;
  }
}
.game-review__left {
  margin-right: 16px;
  flex: 0 0 60px;
  max-width: 100%;
}
@media (min-width: 769px) {
  .game-review__left {
    flex: 0 0 80px;
    max-width: 100%;
    margin-right: 26px;
  }
}
.game-review__left img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px #d9d9d9 solid;
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  .game-review__left img {
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }
}
.game-review__left h4 {
  display: inline-block;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  background: #e1f0f6;
  border-radius: 20px;
  text-align: center;
  padding: 0 12px;
}
.game-reviewer-name {
  font-size: 14px;
  margin: 0 0 8px;
}
@media (min-width: 769px) {
  .game-reviewer-name {
    font-size: 18px;
  }
}
.game-review-text {
  color: #3b3e3e;
  font-size: clamp(13px, 2vw, 14px);
  line-height: clamp(22px, 2vw, 24px);
}
.game-review-text .emoji {
  width: 20px;
  height: 17px;
  top: 3px;
}
.game-review-image {
  text-align: center;
  padding: 20px;
  background-color: #e1f0f6;
  border-radius: 8px;
}
@media (min-width: 769px) {
  .game-review-image {
    text-align: left;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
  }
}
.game-review-image img {
  width: auto;
  max-width: 100%;
  border-radius: 8px;
  max-height: 235px;
}
@media (min-width: 769px) {
  .game-review-image img {
    margin-left: 30px;
    max-width: 300px;
  }
}
.your__scores {
  display: flex;
  align-items: center;
  background-color: #e4eff5;
  border-radius: 4px;
  margin-bottom: clamp(20px, 4vw, 30px);
  padding: 32px 20px;
  flex-direction: column;
}
@media (min-width: 769px) {
  .your__scores {
    flex-direction: row;
    padding: 15px clamp(20px, 2vw, 30px);
  }
}
.your__scores--title {
  width: 100%;
}
@media (min-width: 769px) {
  .your__scores--title {
    width: auto;
  }
}
.your__scores h3 {
  font-size: clamp(20px, 2vw, 30px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 30px;
}
@media (min-width: 769px) {
  .your__scores h3 {
    margin: 0;
    padding-right: 30px;
    max-width: 600px;
  }
}
.your__scores h3 span {
  color: #e6883c;
  position: relative;
}
.your__scores h3 span::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='9' viewBox='0 0 320 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M316.166 8.0066C214.692 3.42016 77.301 4.66033 4.73916 6.12725C2.74457 6.16757 0.997341 5.30418 0.836623 4.19881C0.675905 3.09344 2.16255 2.16467 4.15715 2.12435C76.7771 0.656256 214.519 -0.592203 316.44 4.01443C318.44 4.10481 319.999 5.07175 319.923 6.17416C319.848 7.27657 318.165 8.09698 316.166 8.0066Z' fill='%23E6883C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  left: 0;
  bottom: -1px;
  position: absolute;
  width: 100%;
  height: 9px;
  content: "";
}
.your__scores .img {
  width: 100%;
}
@media (min-width: 769px) {
  .your__scores .img {
    width: auto;
  }
}
.your__scores .img img {
  width: 100%;
}
@media (min-width: 769px) {
  .your__scores .img img {
    max-width: 309px;
  }
}
.your__scores .btns {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 769px) {
  .your__scores .btns {
    flex-direction: row;
    width: auto;
  }
}
.your__scores .btn {
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 800;
  color: #fff;
  background-color: #6cf;
  padding: 12px 24px;
  border-radius: 50px;
  white-space: nowrap;
  width: 100%;
  margin-top: 16px;
}
.your__scores .btn:hover {
  background-color: #2bace2;
}
@media (min-width: 769px) {
  .your__scores .btn {
    margin-left: 25px;
    margin-top: 0;
    width: auto;
  }
}
.your__scores .btn:first-child {
  margin-left: 0;
}
.your__scores .btn i {
  margin-right: 10px;
}
.page {
  margin: 15px 0;
  padding: 15px;
  background-color: #fff;
}
.page h2 {
  margin-bottom: 10px;
}
.page h3 {
  margin: 0 0 15px;
}
.page p a {
  font-weight: 600;
}
.page p:last-child {
  margin-bottom: 0;
}
.page ul {
  margin: 0 0 30px;
  padding: 0;
}
.page ul li {
  list-style: none;
  font-size: 14px;
  margin-bottom: 5px;
}
.page__aside {
  display: flex;
  margin: 15px 0;
  flex-direction: column;
}
@media (min-width: 769px) {
  .page__aside {
    flex-direction: row;
  }
}
.page__aside--wrap {
  flex: 1;
}
.page__aside .pagination {
  margin-bottom: 20px;
}
.banner {
  text-align: center;
  width: 100%;
  max-width: 100%;
  height: 280px;
  max-height: 280px;
  margin-bottom: 30px;
}
@media (min-width: 769px) {
  .banner {
    height: 90px;
    max-height: 90px;
  }
}
.login {
  margin: 0 auto;
  margin-top: clamp(15px, 3vw, 30px);
  margin-bottom: clamp(15px, 3vw, 30px);
}
@media (min-width: 769px) {
  .login {
    max-width: 310px;
  }
}
.login h1,
.login h2 {
  text-align: center;
  margin-bottom: 30px;
}
.login h2 {
  font-size: clamp(23px, 2vw, 30px);
  line-height: clamp(33px, 2vw, 40px);
}
.login p {
  text-align: center;
  font-size: clamp(14px, 2vw, 16px);
  line-height: clamp(26px, 2vw, 28px);
  margin-bottom: 20px;
}
.login small {
  display: block;
  color: #969696;
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
}
.login small a {
  color: #0072bc;
  font-weight: 600;
}
@media (min-width: 769px) {
  .login small a:hover {
    position: relative;
  }
  .login small a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #969696 dotted;
    content: "";
  }
}
.login .btn {
  width: 300px;
  height: 42px;
  font-size: 18px;
  margin: 0 auto;
  display: flow-root;
}
.login .input input {
  height: 42px;
  font-size: 18px;
}
.login .input input.active {
  padding-top: 12px;
  font-size: 14px;
}
.login .checkbox {
  margin-bottom: 30px;
}
.login .or {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0;
}
.your-mail {
  background-color: #f3f9fc;
  padding: 2px 10px;
  font-weight: 600;
  color: #0072bc;
}
.member__counter {
  font-weight: 600;
}
.fb-login-button.fb_iframe_widget {
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
.fb-signup__progress {
  margin-top: 15px;
  width: 100%;
  background-color: #fff;
}
.fb-signup__progress .fb-signup__bar {
  width: 0%;
  height: 10px;
  background-color: #a6ce39;
  border-radius: 3px;
}
.google-signin-button {
  width: 300px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  margin: 0 auto;
  position: relative;
}
.google-signin-button span {
  font-size: 16px;
  margin-left: 24px;
  font-weight: 600;
}
.google-signin-button .google-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.links {
  text-align: center;
  padding: 0;
}
.links li {
  list-style: none;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
@media (min-width: 769px) {
  .links li a:hover {
    position: relative;
  }
  .links li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.register__box {
  max-height: 615px;
  visibility: visible;
  overflow: hidden;
  transition: all 0.3s ease-out 0.6s;
  text-align: center;
}
.register__box.--hidden {
  max-height: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}
.register__form {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.6s ease-out;
}
.register__form.--active {
  max-height: 1000px;
  visibility: visible;
  transition: all 0.6s ease-out 0.3s;
}
.main__register {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
.page__register {
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 468px;
}
.page__register .login__logo {
  text-align: center;
  margin-bottom: 20px;
}
.page__register .login__logo .logo {
  margin: 0;
}
.page__register form {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.mailbox {
  border-top: 1px #d4d4d4 dotted;
  padding-top: 25px;
  margin-top: 22px;
}
.mailbox-item {
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: #f3f9fc;
  border-radius: 10px;
  text-align: center;
  height: 70px;
}
.mailbox-item:hover {
  background-color: #e1f0f6;
}
.value-proposition__box {
  font-size: clamp(23px, 2vw, 29px);
  line-height: clamp(33px, 3vw, 40px);
  font-weight: 600;
  text-align: center;
  margin-bottom: 25px;
}
.value-proposition__box span {
  display: block;
  font-weight: normal;
  text-align: center;
  font-size: clamp(14px, 2vw, 16px);
  line-height: clamp(26px, 2vw, 28px);
  margin: 20px 0;
}
.value-proposition__box .my__points {
  font-size: 21px;
  font-weight: 600;
  color: #9cc732;
  margin-bottom: 30px;
}
.value-proposition__box .my__points strong {
  font-size: 30px;
  font-weight: bold;
  position: relative;
  top: 3px;
}
.value-proposition__box .my__points strong i {
  font-size: 25px;
  margin-right: 5px;
}
.i__have__account {
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 468px;
  background: #e4eff5;
  padding: 15px;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
}
.i__have__account a {
  font-weight: 600;
}
.blocked__content {
  text-align: center;
}
.blocked__content p {
  font-size: 20px;
  font-weight: 600;
}
.pacman {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #f2d648;
  position: relative;
  margin: 20px 0;
}
.pacman__eye {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 20px;
  right: 40px;
  background: #333;
}
.pacman__mouth {
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  clip-path: polygon(100% 74%, 44% 48%, 100% 21%);
  animation-name: eat;
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
}
.pacman__food {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #6cf;
  border-radius: 50%;
  top: 40%;
  left: 120px;
  animation-name: food;
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
}
@keyframes eat {
  0% {
    clip-path: polygon(100% 74%, 44% 48%, 100% 21%);
  }
  25% {
    clip-path: polygon(100% 60%, 44% 48%, 100% 40%);
  }
  50% {
    clip-path: polygon(100% 50%, 44% 48%, 100% 50%);
  }
  75% {
    clip-path: polygon(100% 59%, 44% 48%, 100% 35%);
  }
  100% {
    clip-path: polygon(100% 74%, 44% 48%, 100% 21%);
  }
}
@keyframes food {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50px);
    opacity: 0;
  }
}
.sticky__header--fullsize {
  display: none;
}
.sticky__header--fullsize img {
  width: 150px;
}
.single__game {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px;
  background-color: #eaf4f8;
  border-radius: 5px;
  margin-bottom: clamp(20px, 4vw, 30px);
  position: relative;
}
.single__game .tooltip__box {
  top: 55px;
}
@media (min-width: 1520px) {
  .single__game .tooltip__box {
    white-space: nowrap;
  }
}
.single__game .--shrink,
.single__game .--resize,
.single__game .--resize__unsiggned {
  display: none;
  width: 46px;
  height: 46px;
  background-color: #2bace2;
}
.single__game .--shrink i,
.single__game .--resize i,
.single__game .--resize__unsiggned i {
  color: #fff;
  font-size: 20px;
}
@media (min-width: 769px) {
  .single__game .--shrink,
  .single__game .--resize,
  .single__game .--resize__unsiggned {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 50%;
  }
}
.single__game .unsiggned {
  background-color: #cdcccc;
  cursor: pointer;
}
@media (min-width: 769px) {
  .single__game.--active {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    border-radius: 0;
    padding: 0;
    z-index: 10000;
  }
  .single__game.--active .--resize {
    z-index: 1;
  }
  .single__game.--active iframe {
    width: 100%;
    height: calc(100% - 77px);
    position: absolute;
    left: 0;
    top: 77px;
  }
  .single__game.--active .col-6 {
    display: none;
  }
  .single__game.--active .sticky__header--fullsize {
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 19px 26px 18px;
    background-color: #6cf;
  }
  .single__game.--active .sticky__header--fullsize img {
    display: block;
  }
}
.single__game .grid {
  grid-gap: 10px var(--grid-column-gap);
}
.single__game iframe {
  max-width: 100%;
}
.single__game--desktop {
  display: none;
}
@media (min-width: 769px) {
  .single__game--desktop {
    display: block;
  }
}
.single__game--mobile {
  display: block;
  max-width: 300px;
}
.single__game--mobile img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.single__game--mobile .btn {
  margin-top: 5px;
  width: 100%;
  padding: 10px 0 12px;
  font-size: 20px;
}

.title__game {
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin: clamp(10px, 2vw, 15px) 0 10px;
  border-bottom: 2px #d9d9d9 dotted;
  position: relative;
}
@media (min-width: 1291px) {
  .title__game {
    padding: 0;
    margin: 0 0 30px;
    border-bottom: 0;
  }
}
.title__game--menu {
  color: #3b3e3e;
  font-weight: 600;
  font-size: clamp(18px, 2vw, 30px);
  line-height: clamp(33px, 2vw, 40px);
}
@media (min-width: 1291px) {
  .title__game--menu {
    display: none;
  }
}
.share {
  position: relative;
  top: 2px;
  margin-left: 10px;
  height: 20px;
  font-size: 20px;
}
.share:hover {
  color: #dc751c;
}
.f__end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.add-to-favorites {
  float: left;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  color: #fff;
  background-color: #cdcccc;
  border-radius: 50%;
  font-size: 16px;
}
@media (min-width: 769px) {
  .add-to-favorites {
    width: 46px;
    height: 46px;
    font-size: 20px;
  }
}
.add-to-favorites.active {
  background-color: #f58220;
}
.vote {
  display: flex;
  align-items: center;
}
.vote .tooltip__box {
  white-space: nowrap;
  margin-top: 14px;
}
.vote span {
  font-size: 14px;
  font-weight: 600;
  color: #2bace2;
  margin: 0 5px;
}
.vote-down.--num {
  margin-right: 0;
}
.vote a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  color: #fff;
  background-color: #cdcccc;
  border-radius: 50%;
  font-size: 16px;
  margin-left: 5px;
}
@media (min-width: 769px) {
  .vote a {
    width: 46px;
    height: 46px;
    font-size: 20px;
  }
}
.vote a.vote-up.active {
  background-color: #a6ce39;
}
.vote a.vote-down.active {
  background-color: #db2f2d;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.achievements {
  position: relative;
}
.achievements h2 {
  border: 0;
  margin-bottom: 0;
}
.achievements .update__score {
  position: absolute;
  right: 0;
  top: 0;
  animation: rotating 2s linear infinite;
}
.achievements .update__score::before {
  color: #0072bc;
  font-size: 20px;
  font-family: "icomoon";
  content: "";
}
.achievements__tab {
  background-color: #fff;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .achievements__tab {
    padding: 0 10px;
  }
}
.achievements__tab.--single {
  border: 0;
  padding: 15px;
}
.achievements__tab.--signed {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .achievements__tab.--signed {
    grid-template-columns: 2fr 1fr;
  }
}
@media (min-width: 992px) {
  .achievements__tab--left {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.achievements__tab--box {
  padding: 25px 20px 20px;
}
@media (min-width: 992px) {
  .achievements__tab--box {
    padding: 40px 20px 20px;
  }
}
.achievements__tab--box h3 {
  margin: 0;
  padding: 0;
  font-size: clamp(18px, 3vw, 20px);
}
.achievements__tab--title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.achievements__tab--title .tabs__small {
  width: auto;
}
.achievements__tab--body {
  display: none;
}
.achievements__tab--body.active {
  display: block;
}
.time-zone {
  display: flex;
  padding: 0 15px 25px;
  font-size: 14px;
  font-weight: 600;
}
.time-zone i {
  font-size: 20px;
  margin-right: 5px;
  color: #0072bc;
}
.best-players {
  border-top: 1px #d9d9d9 dotted;
}
.best-players li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  position: relative;
  padding: 2px 5px;
  border-bottom: 1px #d9d9d9 dotted;
}
.best-players li::before {
  position: absolute;
  left: -5px;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #f3f3f3;
  content: "";
  border-radius: 3px 0 0 3px;
}
.best-players li:nth-child(1)::before {
  background: #f8d848;
}
.best-players li:nth-child(1).selected {
  background-color: #f8d848;
}
.best-players li:nth-child(1).selected a {
  color: #3b3e3e;
}
.best-players li:nth-child(1).selected::before {
  background-color: #f8d848;
}
.best-players li:nth-child(1).selected::after {
  background-color: #f8d848;
}
.best-players li:nth-child(1).selected .position {
  color: #000;
}
.best-players li:nth-child(1).selected .scores {
  color: #000;
}
.best-players li:nth-child(2)::before {
  background: silver;
}
.best-players li:nth-child(2).selected {
  background-color: silver;
}
.best-players li:nth-child(2).selected a {
  color: #3b3e3e;
}
.best-players li:nth-child(2).selected::before {
  background-color: silver;
}
.best-players li:nth-child(2).selected::after {
  background-color: silver;
}
.best-players li:nth-child(3)::before {
  background: #c28242;
}
.best-players li:nth-child(3).selected {
  background-color: #c28242;
}
.best-players li:nth-child(3).selected a {
  color: #3b3e3e;
}
.best-players li:nth-child(3).selected::before {
  background-color: #c28242;
}
.best-players li:nth-child(3).selected::after {
  background-color: #c28242;
}
@media (min-width: 769px) {
  .best-players li:hover {
    background-color: #e1f0f6;
  }
  .best-players li:hover::before {
    background-color: #e1f0f6;
  }
  .best-players li:hover::after {
    position: absolute;
    right: -5px;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #e1f0f6;
    content: "";
    border-radius: 0 3px 3px 0;
  }
}
.best-players li .position {
  width: 40px;
  padding: 0 5px;
  margin-left: -5px;
}
.best-players li.no-scores {
  padding: 10px 0;
  font-size: 16px;
  justify-content: center;
  margin-bottom: 15px;
}
.best-players li.no-scores::before,
.best-players li.no-scores::after {
  display: none;
}
.best-players li.no-scores:hover {
  background: initial;
}
.best-players li.no-scores:hover::before,
.best-players li.no-scores:hover::after {
  display: none;
}
.best-players li .user {
  flex: 1;
}
.best-players li .user a {
  font-weight: 700;
}
.best-players li .scores {
  padding: 0 5px;
}
.best-players li.selected {
  background-color: #e1f0f6;
}
.best-players li.selected::before {
  background-color: #e1f0f6;
}
.best-players li.selected::after {
  position: absolute;
  right: -5px;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #e1f0f6;
  content: "";
  border-radius: 0 3px 3px 0;
}
.my-achievements {
  background-color: #e1f0f6;
  border-radius: 3px;
  padding: 15px;
}
.my-achievements__user {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 100%;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
.my-achievements__user img {
  margin-right: 15px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
@media (min-width: 769px) {
  .my-achievements__user a:nth-child(2):hover {
    position: relative;
  }
  .my-achievements__user a:nth-child(2):hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.my-achievements__user--item {
  display: flex;
  align-items: center;
}
.my-achievements__points h4 {
  font-size: 15px;
  margin-bottom: 15px;
}
.score__card {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 20px;
  border-radius: 4px;
}
.score__card i {
  color: #6cf;
  opacity: 0.7;
  margin-right: 20px;
}
.score__card--body {
  display: flex;
  align-items: center;
}
.score__card--body small {
  font-size: 12px;
  line-height: 12px;
  order: 1;
  text-transform: uppercase;
  font-size: 16px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .score__card--body small {
    font-size: 19px;
  }
}
.score__card--body p {
  font-size: 20px;
  margin: -2px 0 0 10px;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .score__card--body p {
    margin: -2px 0 0 17px;
    font-size: 24px;
    line-height: 24px;
  }
}
.score__card.--medal {
  overflow: hidden;
  padding: 12px 24px;
  border-radius: 60px;
  font-size: 30px;
  margin-bottom: 15px;
}
.score__card.--medal:last-child {
  margin-bottom: 0;
}
.score__card.--medal i {
  margin: 0 5px 0 0;
  opacity: 1;
  font-size: 32px;
  padding-right: 15px;
}
.score__card.--medal.--gold {
  background-color: #fff8db;
}
.score__card.--medal.--gold i {
  color: gold;
  border-right: 1px dotted gold;
}
.score__card.--medal.--silver {
  background-color: #f3f3f3;
}
.score__card.--medal.--silver i {
  color: silver;
  border-right: 1px dotted silver;
}
.score__card.--medal.--bronze {
  background-color: #f5e0cb;
}
.score__card.--medal.--bronze i {
  color: #cd7f32;
  border-right: 1px dotted #cd7f32;
}
.game__subtitle {
  display: flex;
  justify-content: space-between;
  font-size: clamp(15px, 3vw, 18px);
  border-bottom: 1px #d9d9d9 dotted;
  padding-bottom: 12px;
  margin-bottom: 15px;
}
.game__subtitle.no-bottom {
  margin-bottom: 0;
}
.game__section {
  margin-bottom: clamp(20px, 4vw, 30px);
}
.game__section .games__list {
  margin-top: 20px;
}
.game__section.--text > div {
  position: relative;
  color: #3b3e3e;
  font-size: clamp(13px, 2vw, 14px);
  line-height: clamp(22px, 2vw, 24px);
  padding-left: 30px;
  font-weight: 600;
}
.game__section.--text > div::before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #0072bc;
  font-family: "icomoon";
  content: "";
}
.game__section.description {
  background-size: 45px;
  padding: 20px;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .game__section.description {
    padding: 40px;
    background-position: right 40px top 30px;
    background-size: 65px;
  }
}
.game__section.description h2 {
  font-size: clamp(18px, 3vw, 20px);
  margin-bottom: 30px;
  font-weight: bold;
  color: #000;
}
.game__section.description h1 {
  color: #0072bc;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .game__section.description h1 {
    font-size: 28px;
  }
}
.game__section.description div {
  font-size: 14px;
  position: relative;
  padding-left: 46px;
  margin-top: 20px;
}
.game__section.description div::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 12px;
  left: 0;
  top: -5px;
  width: 27px;
  height: 27px;
  color: #0072bc;
  font-family: "icomoon";
  content: "";
  border-radius: 50%;
  border: 3px #f5fafc solid;
}
@media (min-width: 769px) {
  .game__section.description div::after {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}
.game__section.description div span {
  font-weight: bold;
}
.game__section.how-to-play {
  background: #fff url("../media/icons/how-to-play.svg") no-repeat right 20px
    top 15px;
  background-size: 45px;
  padding: 20px;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .game__section.how-to-play {
    padding: 40px;
    background-position: right 40px top 30px;
    background-size: 65px;
  }
}
.game__section.how-to-play h2 {
  font-size: clamp(18px, 3vw, 20px);
  margin-bottom: 30px;
  font-weight: bold;
  color: #000;
}
.game__section.how-to-play p {
  padding-right: 110px;
}
.game__section.how-to-play ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  flex-direction: column;
}
@media (min-width: 769px) {
  .game__section.how-to-play ul {
    flex-direction: row;
    border-bottom: 1px #d4d4d4 dotted;
  }
}
.game__section.how-to-play ul li {
  list-style: none;
  position: relative;
  padding: 10px 0;
  margin-right: 20px;
  position: relative;
  border-bottom: 1px #d4d4d4 dotted;
}
@media (min-width: 769px) {
  .game__section.how-to-play ul li {
    border-bottom: 0;
  }
}
.game__section.how-to-play ul li .keys {
  display: flex;
  align-items: center;
  color: #256782;
  font-weight: 600;
  font-size: 15px;
}
@media (min-width: 769px) {
  .game__section.how-to-play ul li .keys {
    border-right: 1px #d4d4d4 dotted;
    padding: 0 16px 0 0;
  }
}
.game__section.how-to-play ul li .keys img {
  margin-right: 10px;
}
.game__section.how-to-play ul li .keys span {
  margin-left: 10px;
}
.game__section.how-to-play ul li:first-child .keys {
  padding-left: 0;
}
.game__section.how-to-play ul li:last-child .keys {
  border-right: 0;
}
.game__thumb {
  display: flex;
  align-items: center;
  border: 1px #d9d9d9 solid;
  border-radius: 3px;
  background-color: #fff;
  min-width: 200px;
  height: 42px;
  white-space: nowrap;
}
.game__thumb--header {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a6ce39;
  color: #fff;
  font-size: 26px;
  width: 50px;
  height: 100%;
}
@media (min-width: 769px) {
  .game__thumb--header {
    width: 56px;
  }
}
.game__thumb--header.--blue {
  background-color: #1877f2;
}
.game__thumb--header img {
  height: 40px;
}
.game__thumb--body {
  flex: 1;
  padding: 0 10px;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
}
@media (min-width: 769px) {
  .game__thumb:hover {
    background-color: #e1f0f6;
  }
}
.game__thumb.--more {
  justify-content: center;
  min-width: initial;
  padding: 10px;
  font-size: 13px;
  font-weight: 600;
}
.game__thumb.--more i {
  font-size: 24px;
  margin-left: 8px;
}
.game__thumb.--with-icon {
  border: 1px #e1f0f6 solid;
  background: linear-gradient(91deg, #e1f0f6 0.37%, #fff 90%);
  color: #0072bc;
}
@media (min-width: 769px) {
  .game__thumb.--with-icon:hover {
    background: #e1f0f6;
  }
}
.game__thumb.--with-icon .game__thumb--header {
  background: none;
  flex: 0 0 44px;
  max-width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .game__thumb.--with-icon .game__thumb--header {
    flex: 0 0 64px;
    max-width: 64px;
  }
}
.game__thumb.--with-icon .game__thumb--header img {
  display: block;
  width: 32px;
}
@media (min-width: 769px) {
  .game__thumb.--with-icon .game__thumb--header img {
    width: 42px;
  }
}
.game__thumb.--with-icon .game__thumb--body {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 10px;
  text-transform: lowercase;
  flex: 1;
  font-weight: 600;
  overflow: initial;
  white-space: initial;
  text-overflow: initial;
}
.game__thumb.--with-icon .game__thumb--body::after {
  position: absolute;
  width: 7px;
  height: 6px;
  right: 10px;
  top: 50%;
  margin-top: -1px;
  translate: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.11416 2.54757C6.25707 2.60711 6.25707 2.80956 6.11416 2.8691L0.241148 5.31619C0.126429 5.36399 0 5.2797 0 5.15542V0.261244C0 0.136965 0.12643 0.052679 0.241148 0.100478L6.11416 2.54757Z' fill='%230072BC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  content: "";
}
@media (min-width: 769px) {
  .game__thumb.--with-icon .game__thumb--body {
    padding: 15px 24px 15px 10px;
    text-transform: none;
  }
}
.thumbs {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: 1fr;
}
@media (min-width: 576px) {
  .thumbs {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: initial;
    grid-template-columns: 1fr 1fr;
  }
}
.thumbs li {
  list-style: none;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .thumbs li {
    margin-right: clamp(10px, 2vw, 20px);
  }
}
.thumbs li.last {
  margin-right: 0;
}
@media (min-width: 576px) {
  .thumbs li.last {
    grid-column: 1/3;
    grid-column: initial;
  }
}
.thumbs.--share li:nth-child(2) {
  margin-right: 0;
}
.game__section.description ul li {
  list-style-position: inside;
  font-size: clamp(13px, 2vw, 14px);
}
.profil {
  margin: 30px 0;
}
.profil__header {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}
.profil__header.--administrator {
  background: url("/bg/profil-bg-left.png") no-repeat left top,
    linear-gradient(264.63deg, #6cf 0.13%, #31b0e5 99.81%);
  margin-bottom: 20px;
}
.profil__header.--administrator .profil__header--user {
  background: none;
}
.profil__header.--administrator .profil__header--user .d-top {
  background: none;
}
.profil__header.--administrator .profil__header--img {
  background: none;
}
.profil__header.--administrator .profil__social--links li a {
  background-color: #2bace2;
  color: #fff;
}
.profil__header.--administrator .profil__social--links li a:hover {
  background-color: #fff;
  color: #2bace2;
}
.profil__header.--administrator h1,
.profil__header.--administrator h2 {
  color: #fff;
}
.profil__header.--administrator hr {
  border-top: 0;
  border: 1px #fff dotted;
}
.profil__header.--administrator p {
  color: #fff;
}
.profil__header.--administrator .btn {
  background-color: #2bace2;
  color: #fff;
  margin-top: 20px;
}
.profil__header.--administrator .btn:hover {
  background-color: #fff;
  color: #2bace2;
}
@media (min-width: 992px) {
  .profil__header {
    flex-direction: row;
    text-align: left;
    margin-bottom: 40px;
  }
}
.profil__header--img {
  position: relative;
  width: 100%;
  height: 85px;
  background: #6cf url(/bg/profil-bg.png) no-repeat right top -23px;
  background-size: 300px;
}
.profil__header--img .avatar {
  position: absolute;
  left: 50%;
  margin-left: -70px;
  bottom: -70px;
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .profil__header--img .avatar {
    position: relative;
    left: 0;
    margin-left: 0;
    bottom: 0;
    width: 220px;
    height: 220px;
  }
}
@media (min-width: 769px) {
  .profil__header--img {
    height: 150px;
  }
}
@media (min-width: 992px) {
  .profil__header--img {
    width: 300px;
    height: 400px;
    padding: 90px 40px;
    background-size: auto;
    bakcgkround-position: right top;
  }
}
@media (min-width: 1180px) {
  .profil__header--img {
    width: 400px;
    height: 400px;
    padding: 90px;
  }
}
.profil__header--img .status {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f5e9ef;
  color: #a83874;
  font-size: 20px;
}
@media (min-width: 992px) {
  .profil__header--img .status {
    right: 23px;
    bottom: 23px;
  }
}
@media (min-width: 1180px) {
  .profil__header--img .status {
    right: 0;
    bottom: 0;
    width: 72px;
    height: 72px;
    font-size: 32px;
  }
}
.profil__header img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 10px #fafafa solid;
  object-fit: cover;
}
@media (min-width: 992px) {
  .profil__header img {
    border: 12px #fafafa solid;
    width: 170px;
    height: 170px;
  }
}
@media (min-width: 1180px) {
  .profil__header img {
    width: 100%;
    height: 100%;
  }
}
.profil__header .btn__groups {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 30px;
}
.profil__header .btn__groups--left {
  position: relative;
  max-width: 255px;
  padding-right: 10px;
}
@media (min-width: 769px) {
  .profil__header .btn__groups--left {
    max-width: 275px;
  }
}
@media (min-width: 769px) {
  .profil__header .btn__groups--left {
    max-width: initial;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .profil__header .btn__groups {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.profil__header .btn {
  position: relative;
  padding: 13px 16px 13px 50px;
  border-radius: 50px;
  background-color: #e7f2f7;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: left;
  max-width: 237px;
  width: 100%;
  text-align: center;
}
.profil__header .btn:hover {
  background-color: #dbedf6;
}
@media (min-width: 769px) {
  .profil__header .btn {
    max-width: initial;
    width: auto;
    text-align: left;
    padding: 13px 23px 13px 50px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .profil__header .btn {
    margin-right: 20px;
  }
}
.profil__header .btn i {
  position: absolute;
  left: 20px;
  top: 50%;
  font-size: 20px;
  margin-top: -10px;
}
.profil__header .change__img,
.profil__header .edit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #e7f2f7;
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.profil__header .change__img:hover,
.profil__header .edit:hover {
  background-color: #dbedf6;
}
.profil__header .edit {
  top: 22px;
  right: 15px;
}
@media (min-width: 769px) {
  .profil__header .edit {
    top: 55px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .profil__header .edit {
    top: 48px;
    right: 48px;
  }
}
.profil__header .change__img {
  bottom: 50%;
  transform: translateY(50%);
  left: 15px;
}
@media (min-width: 992px) {
  .profil__header .change__img {
    bottom: 15px;
    transform: translateY(0);
    left: 15px;
  }
}
.profil__header--user {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: transparent;
}
@media (min-width: 992px) {
  .profil__header--user {
    background-color: #fff;
  }
}
.profil__header--user > div {
  width: 100%;
}
.profil__header--user .d-top {
  margin-bottom: 20px;
  padding: 73px 0 35px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
}
@media (min-width: 992px) {
  .profil__header--user .d-top {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
  }
}
.profil__header--user .d-top p {
  margin-top: 20px;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .profil__header--user .d-top p {
    padding: 0;
  }
}
@media (min-width: 769px) {
  .profil__header--user .d-top p a:hover {
    position: relative;
  }
  .profil__header--user .d-top p a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.profil__header--user .d-bottom {
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}
@media (min-width: 1180px) {
  .profil__header--user .d-bottom {
    border-radius: 0;
  }
}
@media (min-width: 992px) {
  .profil__header--user {
    padding: 60px 28px 0 30px;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media (min-width: 1180px) {
  .profil__header--user {
    padding: 60px 48px 0 40px;
  }
}
.profil__header--user small {
  margin-top: 7px;
}
.profil__header--user small a {
  font-weight: 600;
}
@media (min-width: 769px) {
  .profil__header--user small a:hover {
    position: relative;
  }
  .profil__header--user small a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.profil__header--user .friend {
  font-size: 16px;
  color: #9cc732;
  border: 2px #9cc732 solid;
  border-radius: 50%;
  width: 42px;
  max-width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-left: 15px;
  background: #fff;
}
@media (min-width: 769px) {
  .profil__header--user .friend {
    right: 20px;
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .profil__header--user .friend {
    position: relative;
    right: initial;
    top: initial;
    background: transparent;
  }
}
.profil__header--username {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .profil__header--username {
    justify-content: flex-start;
  }
}
.profil__header .--edit {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 11px;
}
.profil__header .username__meta {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .profil__header .username__meta {
    justify-content: flex-start;
  }
}
.profil__header h1 {
  font-size: 26;
  margin-bottom: 9px;
}
@media (min-width: 992px) {
  .profil__header h1 {
    font-size: 46px;
    line-height: 62px;
    margin-bottom: 6px;
    font-weight: 700;
    color: #101010;
  }
}
.profil__header h2 {
  font-size: 18px;
  color: #0067b4;
}
@media (min-width: 992px) {
  .profil__header h2 {
    font-size: 22px;
  }
}
.profil__header .online {
  position: relative;
  top: 2px;
  display: inline-block;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #a6ce39;
  margin-left: 10px;
}
.profil__comment-title {
  padding-bottom: 10px;
  border-bottom: 1px #d9d9d9 dotted;
}
.profil__wall {
  width: 100%;
  background-color: #fff;
  padding: 34px 20px;
  border-radius: 5px;
  font-size: clamp(14px, 2vw, 15px);
  line-height: clamp(24px, 2vw, 26px);
  order: 1;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .profil__wall {
    float: right;
    width: calc(100% - 340px);
    margin-bottom: 40px;
    padding: 34px 40px;
  }
}
@media (min-width: 1180px) {
  .profil__wall {
    width: calc(100% - 440px);
  }
}
.profil__wall p {
  font-size: clamp(14px, 2vw, 15px);
  line-height: clamp(24px, 2vw, 26px);
  margin: 0 0 30px;
}
.profil__wall img,
.profil__wall iframe {
  margin-bottom: 30px;
}
.profil__wall .emoji {
  margin-bottom: 0;
}
.profil__comments {
  background-color: #fff;
  padding: 34px 20px;
  border-radius: 5px;
  width: 100%;
}
.profil__comments .add__comment .comment {
  background-color: #fff;
}
@media (min-width: 992px) {
  .profil__comments {
    float: right;
    width: calc(100% - 340px);
    padding: 34px 40px;
  }
}
@media (min-width: 1180px) {
  .profil__comments {
    width: calc(100% - 440px);
  }
}
.profil__comments.admin__comments {
  width: 100%;
}
.profil__info--description {
  width: 100%;
}
.profil__info--description .instagram-media-registered,
.profil__info--description iframe {
  min-width: 280px !important;
}
.profil__info--image,
.profil__info--video {
  margin-bottom: 20px;
}
.profil__info--image iframe,
.profil__info--video iframe {
  max-width: 100%;
}
.profil__info--boxes {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .profil__info--boxes {
    float: left;
    max-width: 300px;
  }
}
@media (min-width: 1180px) {
  .profil__info--boxes {
    max-width: 400px;
  }
}
.profil__info--bg {
  background-color: #fff;
  padding: 40px 20px;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .profil__info--bg {
    padding: 40px 20px;
  }
}
@media (min-width: 1180px) {
  .profil__info--bg {
    padding: 40px;
  }
}
.profil__info--box {
  margin-bottom: 10px;
}
.profil__info--box:last-of-type {
  margin-bottom: 0;
}
.profil__info--box h2 {
  padding: 5px 15px;
  color: #000;
  font-size: 20px;
  line-height: 27px;
  border-radius: 3px;
  background-color: #e7f2f7;
}
.profil__info--box ul {
  padding: 10px;
}
.profil__info--box ul li {
  list-style: none;
  font-size: 12px;
  line-height: 26px;
  display: flex;
  align-items: center;
}
.profil__info--box ul li a {
  font-size: 12px;
  font-weight: 700;
}
.profil__info--box ul li a:hover {
  position: relative;
}
.profil__info--box ul li a:hover::after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -4px;
  border-bottom: 1px #0072bc dotted;
  content: "";
}
.profil__info--box ul li small {
  font-size: 12px;
  line-height: 26px;
  font-weight: 700;
  flex: 0 0 90px;
  max-width: 90px;
}
@media (min-width: 769px) {
  .profil__info--box ul li small {
    flex: 0 0 120px;
    max-width: 120px;
  }
}
.profil__gallery--single {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
  padding: 0 15px;
}
.profil__gallery--single.--box {
  width: 100%;
  max-width: 632px;
}
.profil__gallery--arrow.--left {
  position: absolute;
  left: -15px;
}
@media (min-width: 769px) {
  .profil__gallery--arrow.--left {
    left: -30px;
  }
}
.profil__gallery--arrow.--right {
  position: absolute;
  right: -15px;
}
@media (min-width: 769px) {
  .profil__gallery--arrow.--right {
    right: -30px;
  }
}
.profil__gallery--arrow i {
  font-size: 60px;
}
.profil__gallery--arrow i:hover {
  color: #f58220;
}
.profil__content {
  margin-bottom: 30px;
}
.profil__content .subtitle .icon {
  font-size: clamp(16px, 3vw, 20px);
  line-height: 20px;
  color: #000;
}
.profil__content .subtitle .icon:hover {
  color: #f58220;
}
.profil__content .grid {
  margin-bottom: 30px;
}
.profil__content .grid.pager-items .empty {
  grid-column: 1/-1;
}
.years__badge {
  position: absolute;
  right: 26px;
  top: 105px;
  display: inline-block;
  text-align: center;
  width: 43px;
  height: 43px;
  background: url("/bg/year_bg.svg") no-repeat center center;
  margin-left: 0;
  color: #0067b4;
  font-weight: 700;
  font-size: 18px;
  padding-top: 8px;
}
@media (min-width: 992px) {
  .years__badge {
    position: relative;
    right: initial;
    left: 0;
    top: -2px;
    margin-left: 26px;
  }
}
.years__badge .y {
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  font-size: 8px;
  font-weight: 700;
  line-height: 12px;
  text-align: center;
  color: #0067b4;
  background-color: #dbedf6;
  border-radius: 20px;
  border: 2px solid transparent;
  text-transform: uppercase;
  padding: 2px 0;
}
@media (min-width: 992px) {
  .years__badge .y {
    border: 2px solid #fff;
  }
}
.photo {
  display: flex;
  flex-direction: column;
}
.photo p {
  background-color: #fff;
  padding: 5px 15px;
  font-size: clamp(18px, 3vw, 20px);
}
.photo p.empty-title {
  background-color: transparent;
}
.photo .edit-title {
  float: right;
  font-size: 12px;
  font-weight: 600;
  margin-top: -10px;
  margin-bottom: 12px;
  display: flex;
  align-self: flex-end;
}
@media (min-width: 769px) {
  .photo .edit-title:hover {
    position: relative;
  }
  .photo .edit-title:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 0;
  margin: 0 0 30px;
}
@media (min-width: 769px) {
  .gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .gallery {
    grid-template-columns: repeat(5, 1fr);
  }
}
.gallery li {
  position: relative;
  list-style: none;
  overflow: hidden;
}
@media (min-width: 769px) {
  .gallery li {
    height: 120px;
  }
}
.gallery li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s;
}
.gallery li img:hover {
  transform: scale(1.1);
  transition: transform 0.4s;
}
.gallery li .remove {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.friends {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 0 0 30px;
  padding: 0;
}
@media (min-width: 576px) {
  .friends {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 769px) {
  .friends {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .friends {
    grid-template-columns: repeat(6, 1fr);
  }
}
.friends li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
}
.friends li:hover {
  background-color: #e1f0f6;
}
.friends li a {
  font-weight: 600;
  word-break: break-all;
}
.friends li a img {
  border-radius: 50%;
  max-width: 45px;
}
.friends li span {
  display: block;
}
.friends li .remove {
  margin-top: 5px;
  white-space: nowrap;
}
.add__image {
  background-color: #fff;
  padding: 15px;
}
@media (min-width: 769px) {
  .add__image form {
    max-width: 60%;
  }
}
.add__image--btn {
  display: inline-block;
  margin-bottom: 30px;
}
@media (min-width: 769px) {
  .add__image--btn .btn {
    font-size: 20px;
    padding: 10px 25px;
  }
}
.empty {
  background-color: #fff;
  padding: 15px;
}
.nav__second {
  padding: 20px 0 0;
  border-radius: 5px 5px 0 0;
}
@media (min-width: 992px) {
  .nav__second {
    padding: 33px 0 0;
    border-radius: 0;
    border-top: 1px #d4d4d4 dotted;
  }
}
.nav__second ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px #d4d4d4 dotted;
}
@media (min-width: 992px) {
  .nav__second ul {
    justify-content: flex-start;
    border-bottom: none;
  }
}
.nav__second ul li {
  display: inline-block;
  list-style: none;
  flex: 1;
  margin-bottom: -1px;
}
@media (min-width: 992px) {
  .nav__second ul li {
    border-right: none;
    margin-right: 5px;
    flex: initial;
    margin-bottom: 0;
  }
}
.nav__second ul li a {
  display: inline-block;
  position: relative;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .nav__second ul li a {
    padding: 7px;
  }
}
@media (min-width: 1180px) {
  .nav__second ul li a {
    padding: 7px 15px;
  }
}
.nav__second ul li a::after {
  position: absolute;
  right: 0;
  top: 0;
  border-right: 1px #d4d4d4 solid;
  height: 30px;
  content: "";
}
@media (min-width: 992px) {
  .nav__second ul li a::after {
    display: none;
  }
}
@media (min-width: 992px) {
  .nav__second ul li a {
    width: initial;
  }
}
.nav__second ul li a .nav__link span {
  display: none;
}
@media (min-width: 992px) {
  .nav__second ul li a .nav__link span {
    display: inline-block;
  }
}
.nav__second ul li a i {
  font-size: 20px;
}
@media (min-width: 992px) {
  .nav__second ul li a i {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .nav__second ul li a i {
    position: relative;
    top: 1px;
    margin-right: 10px;
  }
}
.nav__second ul li a:hover {
  color: #dc751c;
  border-bottom: 5px #dc751c solid;
}
.nav__second ul li a .NumOfUnconfirmedFriends {
  color: #fff;
  display: inline;
  padding: 0 4px;
  font-weight: bold;
  border-radius: 3px;
  background-color: #a6ce39;
}
@media (max-width: 991px) {
  .nav__second ul li a .NumOfUnconfirmedFriends {
    position: absolute;
    top: -2px;
    font-size: 12px;
    padding: 0 4px;
    min-width: 20px;
    line-height: 20px;
    z-index: 1;
  }
}
.nav__second ul li:last-child a::after {
  display: none;
}
.nav__second ul li.active a {
  color: #dc751c;
  border-bottom: 5px #dc751c solid;
}
.nav__second ul li.active a:hover::after {
  display: none;
}
.author__section .profil__header {
  margin-bottom: 0;
}
.author__section .profil__header h2 {
  color: #838383;
}
.author__section hr {
  border: 0;
  border-top: 1px #d4d4d4 dotted;
}
.author__section .d-top .grid {
  grid-gap: 0;
}
.flex__end {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .flex__end {
    justify-content: flex-end;
  }
}
.profil__social--links {
  margin-bottom: 15px;
  display: flex;
}
@media (min-width: 992px) {
  .profil__social--links {
    margin-bottom: 0;
  }
}
.profil__social--links li {
  list-style: none;
  margin-left: 10px;
}
.profil__social--links li:first-child {
  margin-left: 0;
}
.profil__social--links li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #e7f2f7;
  font-weight: 900;
  font-size: 19px;
  line-height: 19px;
}
.profil__social--links li a:hover {
  background-color: #dbedf6;
}
.notification__articles .banner {
  margin-top: 30px;
}
.notification__article {
  display: flex;
  background-color: #fff;
  border-bottom: 1px #d9d9d9 dotted;
  padding: 5px 5px 10px;
}
@media (min-width: 769px) {
  .notification__article {
    padding: 15px;
  }
}
.notification__article--user img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media (min-width: 769px) {
  .notification__article--user img {
    width: 45px;
    height: 45px;
  }
}
.notification__article--body {
  padding-left: 15px;
  flex: 1;
}
.notification__article--body p {
  font-size: clamp(13px, 2vw, 14px);
  line-height: clamp(22px, 2vw, 24px);
  margin-bottom: clamp(10px, 2vw, 15px);
}
.notification__article--body p:last-of-type {
  margin-bottom: 0;
}
.notification__article--body p a {
  font-weight: 600;
  word-break: break-word;
}
.notification__article--body .new {
  position: relative;
  top: -3px;
  background-color: #db2f2d;
  color: #fff;
  border-radius: 3px;
  padding: 0 10px 2px;
  font-size: 11px;
}
.notification__article time {
  margin-left: 15px;
  font-size: 11px;
}
.notification__article.unseen {
  background-color: #e1f0f6;
}
.notification__game {
  max-width: 100%;
}
.notification__game img {
  max-width: 150px;
  margin-bottom: 15px;
}
.NotificationGalleryThumb,
.NotificationGameThumb {
  display: block;
  margin: 15px 0;
}
span.NewLabelInNotifications {
  height: 15px;
  line-height: 14px;
  margin-left: 5px;
  display: inline-block;
  color: #fff;
  background: #db2f2d;
  border-radius: 3px;
  padding: 0px 5px 0px 5px;
  font-size: 11px;
}
.rebrand {
  display: block;
  border-radius: 3px;
  background: #e1f0f6 url("/bg/top_10.svg") no-repeat center bottom;
  padding: 0 40px 40px;
  background-size: 100%;
  font-size: 14px;
}
.taken-down {
  background: #fff0a7;
  margin: 30px 0 0;
  padding: 15px;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
}
.note__points {
  padding: 10px 0 0 15px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 769px) {
  .note__points {
    padding: 30px 60px;
  }
}
.note__points strong {
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}
.note__points p {
  display: block;
  font-size: 13px;
  padding: 10px 0;
}
@media (min-width: 769px) {
  .note__points p {
    padding: 0 0 30px;
  }
}
.note__points .count__plays {
  display: inline-block;
  background: #f1e5ef;
  border-radius: 20px;
  padding: 10px 20px;
  font-weight: 600;
  color: #8c3560;
  margin-bottom: 20px;
  font-size: 16px;
}
.note__points .count__plays span {
  font-weight: 700;
  font-size: 20px;
}
@media (min-width: 769px) {
  .note__points .count__plays span {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #c1a9b7;
  }
}
.note__points .count__points {
  display: inline-block;
  background: #ebf9ea;
  border-radius: 20px;
  padding: 10px 20px;
  font-weight: 600;
  color: #9bbf39;
}
.note__points .count__points span {
  font-weight: 700;
  font-size: 20px;
}
@media (min-width: 769px) {
  .note__points .count__points span {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #a6b47a;
  }
}
.confetti__animation {
  position: relative;
  overflow: hidden;
}
.messages__subtitle {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.messages__subtitle ul {
  display: flex;
  margin-left: clamp(15px, 2.8vw, 30px);
}
.messages__subtitle ul li {
  list-style: none;
  margin-left: 15px;
}
.messages__subtitle ul li:first-child {
  margin-left: 0;
}
.messages__subtitle ul li a {
  position: relative;
  font-size: clamp(13px, 1.8vw, 16px);
}
.messages__subtitle ul li.active a::after {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  border-bottom: 1px #0072bc solid;
  content: "";
}
@media (min-width: 769px) {
  .messages__subtitle ul li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.messages__header {
  display: flex;
  justify-content: space-between;
  align-self: center;
  padding-left: 10px;
  border-bottom: 1px #d9d9d9 dotted;
  padding-bottom: 5px;
}
@media (min-width: 769px) {
  .messages__header {
    padding-left: 15px;
  }
}
.messages__header .checkbox {
  margin-bottom: 0;
}
.messages__inbox {
  margin-bottom: 20px;
}
.messages__inbox--header {
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px #d9d9d9 dotted;
}
.messages__inbox--header.red {
  position: relative;
  top: 4px;
}
.messages__inbox--header h2 {
  margin-bottom: 5px;
}
.messages__inbox--header p {
  margin: 0;
  font-size: 14px;
}
.messages__nav {
  display: flex;
}
.messages__nav .next {
  margin-left: 5px;
}
.messages__nav .next.disabled {
  color: #969696;
}
.messages__nav .prev.disabled {
  color: #969696;
}
.message {
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  border-bottom: 1px #d9d9d9 dotted;
  font-size: 14px;
  padding: 5px 10px;
  min-height: 53px;
}
@media (min-width: 769px) {
  .message {
    justify-content: space-between;
    padding: 0 15px;
  }
}
.message.--unread {
  background-color: #e1f0f6;
}
.message__user {
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
}
.message__user img {
  border-radius: 50%;
  position: relative;
  top: 3px;
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media (min-width: 769px) {
  .message__user img {
    width: 45px;
    height: 45px;
  }
}
.message input[type="checkbox"] {
  margin-right: 15px;
}
@media (min-width: 769px) {
  .message input[type="checkbox"] {
    max-width: 90px;
  }
}
.message a {
  font-weight: 600;
}
.message a.username {
  color: #0072bc;
}
.message .username {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 0 0 130px;
  max-width: 130px;
  font-size: 13px;
  font-weight: 600;
  color: #889ba5;
}
@media (min-width: 769px) {
  .message .username {
    font-size: 14px;
    position: relative;
    top: 15px;
  }
}
.message .username__box {
  margin-right: 15px;
  line-height: 16px;
  flex: 0 0 175px;
  max-width: 175px;
}
.message .username__box a {
  color: #0072bc;
}
.message__title {
  flex: 1;
}
@media (min-width: 769px) {
  .message__title {
    display: flex;
    justify-content: space-between;
  }
}
.message__title .icon-users {
  position: relative;
  top: -4px;
  font-size: 14px;
  color: #0072bc;
}
@media (min-width: 769px) {
  .message__title .icon-users {
    font-size: 18px;
    top: 12px;
    left: 4px;
  }
}
.message__title p {
  font-size: 14px;
  margin: 0;
  word-break: break-word;
}
.message__title p .emoji {
  margin: -7px 2px;
  top: 0;
}
.message__title p small {
  word-break: break-word;
}
@media (min-width: 769px) {
  .message__title p {
    margin: 0;
  }
}
.message__title a {
  position: relative;
  font-weight: 600;
  line-height: 20px;
}
@media (min-width: 769px) {
  .message__title a:hover::after {
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.message__title--received {
  flex: 1;
  display: grid;
  align-items: center;
  min-height: 52px;
  padding: 10px 0;
}
.message__title--received > div > div {
  display: flex;
  align-items: center;
  margin: 20px 0 0;
}
.message__title--received > div > div span {
  margin-right: 20px;
  color: #0072bc;
  font-size: 20px;
}
.message__title span,
.message__title small {
  margin-left: 10px;
  font-size: 14px;
}
.message time {
  font-size: 11px;
  opacity: 0.7;
}
@media (min-width: 769px) {
  .message time {
    margin-left: 15px;
    position: relative;
    top: 14px;
  }
}
.message__reply {
  padding: 0 0 15px 0;
}
@media (min-width: 769px) {
  .message__reply {
    padding: 15px 0;
    max-width: 80%;
  }
}
.message__reply--btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.message__reply--btns i {
  font-size: 18px;
}
.message__send {
  padding: 15px;
  border-top: 1px #d9d9d9 dotted;
  background-color: #fff;
}
@media (min-width: 769px) {
  .message__send {
    padding: 20px 30px;
  }
}
@media (min-width: 769px) {
  .message__send label {
    flex: 0 0 150px;
    max-width: 150px;
  }
}
.message__send textarea {
  height: clamp(90px, 30vw, 120px);
}
@media (min-width: 769px) {
  .message__send .message__reply--btns {
    padding-left: 150px;
  }
}
.pm__happybirthday > div,
.pm__welcome > div {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.pm__happybirthday > div > a,
.pm__welcome > div > a {
  margin: 0 20px 0 10px;
}
.pm__happybirthday > div > a span,
.pm__welcome > div > a span {
  margin: 0;
}
.pm__happybirthday > div span,
.pm__welcome > div span {
  font-size: 24px;
  margin-right: 20px;
  color: #0072bc;
}
.no-messages {
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px #d9d9d9 dotted;
}
.leaderboard__aside {
  background-color: #fff;
}
.leaderboard__aside .achievements__tab--title {
  padding-bottom: 0;
  border: 0;
}
.medals__aside h2 {
  margin-bottom: clamp(15px, 2vw, 20px);
}
.medals__aside ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 15px;
}
@media (min-width: 576px) {
  .medals__aside ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .medals__aside ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.medals__aside ul li {
  list-style: none;
  margin-bottom: 10px;
}
.settings .nav__second ul li a {
  border-bottom: 5px transparent solid;
}
.settings .nav__second ul li.active a {
  border-bottom: 5px #dc751c solid;
}
.settings__main {
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
}
@media (min-width: 769px) {
  .settings__main {
    padding: 30px;
  }
}
.settings__main h2 {
  margin-bottom: 30px;
}
.settings__main p {
  margin-bottom: clamp(20px, 3vw, 30px);
}
@media (min-width: 769px) {
  .settings__main--form label {
    flex: 0 0 300px;
    max-width: 300px;
  }
}
.settings__main--form input[type="checkbox"] {
  position: relative;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.settings__main--form textarea {
  height: clamp(160px, 20vw, 300px);
}
.settings__main--form .input-birthday {
  display: grid;
  flex: 1;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
}
.settings__main--form-block {
  display: flex;
  flex: 100%;
  border-bottom: 1px #d9d9d9 dotted;
  margin: 0 0 20px;
}
@media (min-width: 769px) {
  .settings__main--form-block {
    max-width: 400px;
  }
}
.settings__main--form-block .checkbox {
  width: 100%;
  justify-content: space-between;
  margin-bottom: 15px;
}
.settings__main--form-block .checkbox label {
  font-weight: 600;
}
.settings__main--form-block .checkbox input[type="checkbox"] {
  margin: 0;
}
.settings__main .input-country,
.settings__main .input-birthday {
  width: 100%;
}
.settings__main .settings__links {
  margin-top: 20px;
}
.settings__main .settings__links li {
  list-style: none;
  font-size: 13px;
  margin-bottom: 5px;
}
.settings__main .settings__links li:last-child {
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .settings__main .settings__links li a:hover {
    position: relative;
  }
  .settings__main .settings__links li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.settings__main--profil section {
  margin-bottom: 30px;
}
.settings__main--profil h2 {
  background-color: #6cf;
  color: #fff;
  padding: 4px 10px;
  margin-bottom: 20px;
  border-radius: 3px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .settings__main--profil .input {
    max-width: 80%;
  }
}
.settings__main--profil .input-gender {
  display: flex;
  width: 100%;
}
.settings__main--profil .input-gender .radio {
  margin: 0 30px 0 0;
}
.settings__main--profil .input-gender .radio input[type="radio"] {
  margin: 0 10px 0 0;
}
@media (min-width: 769px) {
  .settings__main--profil .checkbox {
    margin-left: 300px;
  }
}
.settings__main--profil .checkbox input[type="checkbox"] {
  margin: 0 10px 0 0;
}
.settings__main--profil .desc__footer {
  display: flex;
  justify-content: space-between;
}
.settings__main--profil .desc__footer p {
  margin: 0;
}
.settings__main--profil .desc__footer i {
  font-size: 18px;
  margin-left: 5px;
}
.settings__table {
  margin-bottom: 30px;
}
.settings__table tr th,
.settings__table tr td {
  padding: 3px 5px 3px 0;
  border-bottom: 1px #d9d9d9 dotted;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
}
@media (min-width: 576px) {
  .settings__table tr th,
  .settings__table tr td {
    padding: 3px 20px 3px 0;
  }
}
.settings__table tr th:first-child,
.settings__table tr td:first-child {
  text-align: left;
}
.avatar__preview {
  position: relative;
  margin-right: 30px;
}
.avatar__preview img {
  border-radius: 3px;
  height: auto;
}
.avatar__preview .remove {
  position: absolute;
  left: 15px;
  bottom: 15px;
}
.blacklist {
  margin: 15px -15px 0;
  padding: 15px 15px 0;
  border-top: 1px #d9d9d9 dotted;
}
.blacklist p {
  font-size: clamp(14px, 2vw, 16px);
  margin-bottom: 0;
}
.search__window {
  background-color: #e7f2f7;
  overflow: hidden;
}
.search__window .grid {
  position: relative;
}
.search__window .grid::after {
  position: absolute;
  content: "";
  width: 200px;
  height: 100%;
  background: url("/bg/search_circle.svg") no-repeat;
  background-size: cover;
  right: -60px;
  top: 0;
}
@media (min-width: 769px) {
  .search__window .grid::after {
    width: 279px;
    right: 260px;
  }
}
.search__input--form {
  position: relative;
  z-index: 1;
  display: flex;
  padding: 30px 0;
}
@media (min-width: 769px) {
  .search__input--form {
    padding: 44px 0;
  }
}
.search__input--form .s__input {
  position: relative;
  max-width: 100%;
  flex: 1;
}
.search__input--form .s__input .clear__button {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -14px;
  border: 0;
  background-color: transparent;
  color: #adafae;
  cursor: pointer;
}
.search__input--form input[type="text"] {
  height: 45px;
  border-radius: 50px;
  font-size: 18px;
  padding: 0 48px 0 24px;
  color: #2bace2;
  font-weight: 600;
  border: 0;
}
@media (min-width: 769px) {
  .search__input--form input[type="text"] {
    height: 60px;
    font-size: 24px;
    padding: 0 48px 0 32px;
  }
}
.search__input--form .btn {
  margin-left: 10px;
  border: 0;
  background-color: #2bace2;
  font-size: 18px;
  font-weight: 600;
  border-radius: 50px;
  min-width: 50px;
}
@media (min-width: 769px) {
  .search__input--form .btn {
    margin-left: 14px;
    font-size: 24px;
    min-width: 166px;
  }
}
.search__filters {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  flex-direction: column;
}
@media (min-width: 769px) {
  .search__filters {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .search__filters {
    flex-direction: row;
  }
}
.search__filters ul {
  display: flex;
}
.search__filters ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: clamp(13px, 2vw, 14px);
  font-weight: 600;
  margin-left: 5px;
  padding: 4px 11px;
}
.search__filters ul li.active {
  border-radius: 50px;
}
@media (min-width: 992px) {
  .search__filters ul li {
    margin-left: 10px;
  }
}
.search__filters ul li:first-child {
  margin-left: 0;
}
.search__filters .search__filter--left {
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .search__filters .search__filter--left {
    padding: 0;
  }
}
.search__filters .search__filter--left li span {
  display: inline-block;
  text-align: center;
  background-color: #f58220;
  color: #fff;
  margin-left: 5px;
  margin-right: -6px;
  border-radius: 50px;
  padding: 0 5px;
  font-weight: 600;
  font-size: 11px;
  min-width: 24px;
}
.search__filters .search__filter--left li.active {
  background-color: #6cf;
}
.search__filters .search__filter--left li.active a {
  color: #fff;
}
@media (min-width: 769px) {
  .search__filters .search__filter--left li a:hover {
    position: relative;
  }
  .search__filters .search__filter--left li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.search__filters .search__filter--right {
  border-top: 1px #d9d9d9 dotted;
  padding-top: 10px;
}
@media (min-width: 992px) {
  .search__filters .search__filter--right {
    border-top: 0;
    padding: 0;
  }
}
.search__filters .search__filter--right li {
  padding: 0 5px;
}
@media (min-width: 769px) {
  .search__filters .search__filter--right li {
    padding: 0 10px;
  }
}
.search__filters .search__filter--right li.active {
  background-color: #f58220;
}
.search__filters .search__filter--right li.active a {
  color: #fff;
}
@media (min-width: 769px) {
  .search__filters .search__filter--right li a:hover {
    position: relative;
  }
  .search__filters .search__filter--right li a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.search__no-results {
  background-color: #fff;
  padding: 10px 15px;
  border-bottom: 1px #d9d9d9 dotted;
}
.search__no-results p {
  margin-bottom: 0;
}
.user__cards li {
  list-style: none;
  background-color: #fff;
}
.user__cards li:nth-child(2n) {
  background-color: #e1f0f6;
}
.user__card {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 45px 1fr;
  grid-template-areas: "A B" "A C";
  border-bottom: 1px #d9d9d9 dotted;
  padding: 5px;
}
@media (min-width: 769px) {
  .user__card {
    display: flex;
    align-items: center;
    padding: 10px;
  }
}
.user__card--img {
  grid-area: A;
}
.user__card--username {
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 600;
  flex: 0 0 210px;
  grid-area: B;
}
@media (min-width: 769px) {
  .user__card--username {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 30px;
  }
}
.user__card img {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  margin-right: 15px;
}
@media (min-width: 769px) {
  .user__card img {
    width: 45px;
    height: 45px;
  }
}
.user__card p {
  grid-area: C;
  margin: 0;
  font-size: clamp(12px, 2vw, 16px);
}
.error {
  text-align: center;
  padding-top: 50px;
}
.error img {
  max-width: 80%;
  margin: 30px 0;
}
@media (min-width: 769px) {
  .error img {
    max-width: 500px;
    margin: 50px 0;
  }
}
.blog {
  background: url("/bg/blog_header.svg") no-repeat top center;
}
@media (min-width: 769px) {
  .blog {
    padding-bottom: 85px;
  }
}
.blog__header {
  position: relative;
  text-align: center;
  padding: 76px 0 0;
}
@media (min-width: 769px) {
  .blog__header {
    padding: 96px 0 0;
  }
}
.blog__header h1 {
  font-size: clamp(36px, 5vw, 48px);
  line-height: clamp(42px, 5vw, 56px);
  margin-bottom: 24px;
  color: #101010;
}
.blog .pagination {
  border-top: 1px #e1f0f6 solid;
  padding-top: 25px;
  margin-top: 25px;
}
.blog__articles {
  position: relative;
  z-index: 10;
  background: #fff;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  margin-top: 70px;
  padding: 24px 24px 34px;
  border-radius: 5px;
}
.blog__articles.--under-article {
  margin-top: 0;
  margin-bottom: 30px;
}
.blog__articles.no-top {
  margin-top: 0;
}
.blog__articles.included__articles {
  box-shadow: none;
  margin: 50px 0;
}
.blog__articles.included__articles .blog__article--item .blog__article--img {
  flex: 0 0 200px;
  min-width: 200px;
}
.blog__articles.included__articles
  .blog__article--item
  .blog__article--body
  h2
  a {
  font-size: 24px;
}
.blog__articles.included__articles
  .blog__article--item
  .blog__article--body
  h3 {
  margin: 0;
}
.blog__articles.included__articles
  .blog__article--item
  .blog__article--body
  .author__item {
  font-size: 11px;
}
.blog__article--item {
  border-bottom: 1px #e1f0f6 solid;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .blog__article--item {
    display: flex;
  }
}
.blog__article:last-of-type .blog__article--item {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog__article--img a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .blog__article--img a {
    margin-bottom: 0;
  }
}
.blog__article--img img {
  float: left;
  width: 100%;
  height: initial;
  transition: transform 0.4s;
}
@media (min-width: 576px) {
  .blog__article--img img:hover {
    transform: scale(1.1);
    transition: transform 0.4s;
  }
}
@media (min-width: 576px) {
  .blog__article--img {
    flex: 0 0 240px;
    min-width: 240px;
    margin-right: 24px;
  }
}
@media (min-width: 769px) {
  .blog__article--img {
    flex: 0 0 300px;
    min-width: 300px;
  }
}
.blog__article--body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog__article--body .author__item {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  color: #969696;
}
@media (min-width: 769px) {
  .blog__article--body .author__item a:hover {
    position: relative;
  }
  .blog__article--body .author__item a:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.blog__article--body h2 {
  margin-bottom: 6px;
}
.blog__article--body h2 a {
  color: #101010;
  font-size: clamp(24px, 4vw, 32px);
}
.blog__article--body h2 a:hover {
  color: #0072bc;
}
@media (min-width: 769px) {
  .blog__article--body h2 a:hover:hover {
    position: relative;
  }
  .blog__article--body h2 a:hover:hover::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 1px #0072bc dotted;
    content: "";
  }
}
.blog__article--body h3 {
  font-size: 14px;
  margin: 0 0 4px;
  font-weight: 600;
}
.blog__article--body .tags {
  display: flex;
}
.blog__article--body .tags li {
  list-style: none;
  margin-right: 5px;
}
.blog__article--body .tags li a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 16px;
  border-radius: 16px;
  background: #f9f5ff;
  color: #6941c6;
}
.input.--error {
  display: none;
}
.forum-poll.hidden {
  display: none;
}
#Chat-MoveRight,
#Chat-MoveLeft,
.hide-answer,
.update__score {
  display: none;
}