@charset "UTF-8";

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.bg-main-color {
  background-color: var(--main-color)
}

.bg-second-color {
  background-color: var(--second-color)
}

.bg-header-bg-color {
  background-color: var(--header-bg-color)
}

.bg-header-second-bg-color {
  background-color: var(--header-second-bg-color)
}

.bg-footer-bg-color {
  background-color: var(--footer-bg-color)
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5
}

.bg-center {
  background-position: center
}

.bg-cover {
  background-size: cover
}

.rounded {
  border-radius: .25rem
}

.rounded-md {
  border-radius: .375rem
}

.rounded-border-radius {
  border-radius: var(--border-radius)
}

.border {
  border-width: 1px
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.flex {
  display: -webkit-flex;
  display: flex
}

.flow-root {
  display: flow-root
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.hidden {
  display: none
}

.flex-row {
  -webkit-flex-direction: row;
  flex-direction: row
}

.flex-col {
  -webkit-flex-direction: column;
  flex-direction: column
}

.flex-col-reverse {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.items-end {
  -webkit-align-items: flex-end;
  align-items: flex-end
}

.items-center {
  -webkit-align-items: center;
  align-items: center
}

.items-stretch {
  -webkit-align-items: stretch;
  align-items: stretch
}

.justify-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.justify-center {
  -webkit-justify-content: center;
  justify-content: center
}

.justify-between {
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.justify-around {
  -webkit-justify-content: space-around;
  justify-content: space-around
}

.flex-1 {
  -webkit-flex: 1 1 0;
  flex: 1 1 0
}

.flex-auto {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto
}

.order-3 {
  -webkit-order: 3;
  order: 3
}

.order-4 {
  -webkit-order: 4;
  order: 4
}

.font-medium {
  font-weight: 500
}

.font-bold {
  font-weight: 700
}

.h-40 {
  height: 10rem
}

.h-full {
  height: 100%
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
  font-family: var(--font-family-title);
  font-weight: 800
}

.text-9xl {
  font-size: 8rem;
  line-height: 1
}

.leading-4 {
  line-height: 1rem
}

.m-2 {
  margin: .5rem
}

.m-3 {
  margin: .75rem
}

.m-4 {
  margin: 1rem
}

.m-auto {
  margin: auto
}

.-m-3 {
  margin: -.75rem
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.-mx-2 {
  margin-left: -.5rem;
  margin-right: -.5rem
}

.mt-0 {
  margin-top: 0
}

.mr-0 {
  margin-right: 0
}

.ml-0 {
  margin-left: 0
}

.mb-2 {
  margin-bottom: .5rem
}

.ml-2 {
  margin-left: .5rem
}

.mt-4 {
  margin-top: 1rem
}

.mb-4 {
  margin-bottom: 1rem
}

.ml-4 {
  margin-left: 1rem
}

.mb-6 {
  margin-bottom: 1.5rem
}

.mt-8 {
  margin-top: 2rem
}

.mb-8 {
  margin-bottom: 2rem
}

.max-h-12 {
  max-height: 3rem
}

.max-w-1\/4 {
  max-width: 25%
}

.min-h-20 {
  min-height: 20vh
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover
}

.overflow-hidden {
  overflow: hidden
}

.p-2 {
  padding: .5rem
}

.p-3 {
  padding: .75rem
}

.p-4 {
  padding: 1rem
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.pr-0 {
  padding-right: 0
}

.pl-3 {
  padding-left: .75rem
}

.pt-4 {
  padding-top: 1rem
}

.pl-4 {
  padding-left: 1rem
}

.pt-8 {
  padding-top: 2rem
}

.pt-12 {
  padding-top: 3rem
}

.pb-32 {
  padding-bottom: 8rem
}

.pb-1\/3 {
  padding-bottom: 33%
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.top-0 {
  top: 0
}

.bottom-0 {
  bottom: 0
}

.left-0 {
  left: 0
}

.resize {
  resize: both
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.text-center {
  text-align: center
}

.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity))
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity))
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.text-main-color {
  color: var(--main-color)
}

.text-links-color {
  color: var(--links-color)
}

.group:hover .group-hover\:text-links-hover-color {
  color: var(--links-hover-color)
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.uppercase {
  text-transform: uppercase
}

.w-2\/4 {
  width: 50%
}

.w-full {
  width: 100%
}

.z-10 {
  z-index: 10
}

.z-20 {
  z-index: 20
}

.gap-4 {
  gap: 1rem
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.col-span-2 {
  grid-column: span 2/span 2
}

.col-span-4 {
  grid-column: span 4/span 4
}

.auto-rows-min {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content
}

.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-none {
  -webkit-transform: none;
  transform: none
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.duration-300 {
  transition-duration: .3s
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes ping {

  100%,
  75% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
  }
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

@keyframes blinker {
  from {
    opacity: 1
  }

  to {
    opacity: .5
  }
}

@keyframes bounce {

  0%,
  100% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(.8, 0, 1, 1)
  }

  50% {
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
  }
}

.filter {
  --tw-blur: var(--tw-empty, );
  /*!*/
  /*!*/
  --tw-brightness: var(--tw-empty, );
  /*!*/
  /*!*/
  --tw-contrast: var(--tw-empty, );
  /*!*/
  /*!*/
  --tw-grayscale: var(--tw-empty, );
  /*!*/
  /*!*/
  --tw-hue-rotate: var(--tw-empty, );
  /*!*/
  /*!*/
  --tw-invert: var(--tw-empty, );
  /*!*/
  /*!*/
  --tw-saturate: var(--tw-empty, );
  /*!*/
  /*!*/
  --tw-sepia: var(--tw-empty, );
  /*!*/
  /*!*/
  --tw-drop-shadow: var(--tw-empty, );
  /*!*/
  /*!*/
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.hover\:brightness-125:hover {
  --tw-brightness: brightness(1.25)
}

@media (min-width:640px) {
  .sm\:flex-row {
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .sm\:w-1\/2 {
    width: 50%
  }
}

@media (min-width:768px) {
  .md\:block {
    display: block
  }

  .md\:inline-block {
    display: inline-block
  }

  .md\:flex {
    display: -webkit-flex;
    display: flex
  }

  .md\:hidden {
    display: none
  }

  .md\:flex-row {
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .md\:items-start {
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .md\:order-3 {
    -webkit-order: 3;
    order: 3
  }

  .md\:order-4 {
    -webkit-order: 4;
    order: 4
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .md\:-mr-24 {
    margin-right: -6rem
  }

  .md\:min-h-40 {
    min-height: 40vh
  }

  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .md\:pr-8 {
    padding-right: 2rem
  }

  .md\:bottom-3 {
    bottom: .75rem
  }

  .md\:left-1\/2 {
    left: 50%
  }

  .md\:w-1\/2 {
    width: 50%
  }

  .md\:w-1\/3 {
    width: 33.333333%
  }

  .md\:w-1\/4 {
    width: 25%
  }

  .md\:w-2\/6 {
    width: 33.333333%
  }

  .md\:w-4\/6 {
    width: 66.666667%
  }

  .md\:w-5\/6 {
    width: 83.333333%
  }

  .md\:w-6\/12 {
    width: 50%
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .md\:col-span-2 {
    grid-column: span 2/span 2
  }

  .md\:col-span-3 {
    grid-column: span 3/span 3
  }

  .md\:col-span-6 {
    grid-column: span 6/span 6
  }

  .md\:transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:-translate-x-1\/2 {
    --tw-translate-x: -50%
  }
}

@media (min-width:1024px) {
  .lg\:w-2\/3 {
    width: 66.666667%
  }

  .lg\:w-1\/4 {
    width: 25%
  }
}

@media (min-width:1200px) {
  .xl\:block {
    display: block
  }

  .xl\:hidden {
    display: none
  }

  .xl\:mr-4 {
    margin-right: 1rem
  }

  .xl\:ml-4 {
    margin-left: 1rem
  }

  .xl\:px-0 {
    padding-left: 0;
    padding-right: 0
  }

  .xl\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .xl\:w-1\/4 {
    width: 25%
  }
}

html {
  scroll-behavior: smooth
}

body {
  background-color: var(--main-background);
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.main-page {
  background: #e5e5e5
}

.front-page {
  background: #e5e5e5
}

a,
div,
figcaption,
input,
li,
p,
td,
th {
  color: var(--main-text-color);
  font-size: 16px;
  line-height: 22px;
  font-family: var(--font-family);
  font-weight: 400
}

input,
textarea {
  max-width: 100%
}

td,
th {
  padding: 10px
}

a {
  cursor: pointer;
  color: var(--links-color);
  text-decoration: none;
  transition: all .3s
}

h1 {
  color: var(--main-text-color);
  font-size: 38px;
  line-height: 42px;
  font-family: var(--font-family-title);
  margin: 1em 0
}

h2 {
  color: var(--main-text-color);
  font-size: 34px;
  line-height: 38px;
  font-family: var(--font-family-title);
  margin: 0 0 20px
}

h3 {
  color: var(--main-text-color);
  font-size: 20px;
  line-height: 24px;
  font-family: var(--font-family-title);
  margin: 0 0 20px
}

h4 {
  color: var(--main-text-color);
  font-size: 18px;
  line-height: 1;
  font-family: var(--font-family-title);
  margin: 1em 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600
}

img,
picture,
svg {
  max-width: 100%;
  height: auto;
  outline: 0 !important
}

ul {
  list-style: none;
  padding: 0
}

.text-center {
  text-align: center
}

@media (max-width:769px) {
  h1 {
    font-size: 38px;
    line-height: 42px
  }

  h2 {
    font-size: 30px;
    line-height: 34px
  }

  h3 {
    font-size: 20px;
    line-height: 24px
  }

  h4 {
    font-size: 16px;
    line-height: 20px
  }
}

.toc_list li {
  padding-left: 0 !important
}

.toc_list li::before {
  content: none !important
}

.page404 {
  font-size: 40px;
  line-height: 46px;
  font-weight: 700;
  text-align: center;
  padding-top: 10%
}

@media (max-width:370px) {
  .page404 {
    font-size: 24px;
    line-height: 28px
  }
}

.page404 span {
  color: #1d8efe
}

.page404__button {
  display: block !important;
  margin: 40px auto
}

.icon-arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 0;
  transform: rotate(45deg)
}

@media (max-width:1200px) {
  .icon-arrow {
    border-width: 0 3px 3px 0
  }
}

.wp-block-columns {
  padding-right: 0 !important;
  padding-left: 0 !important
}

:root {
  --main-color: #126e51;
  --second-color: #f0f0f0;
  --links-color: #126e51;
  --links-hover-color: #eeee22;
  --header-bg-color: #126e51;
  --nav-color: #ffffff;
  --header-second-bg-color: #126e51;
  --nav-second-color: #8f6969;
  --site-button-bg-color: #efe700;
  --site-button-color: #0a0a0a;
  --site-button-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  --site-button-hover-bg-color: #3eb263;
  --site-button-hover-color: #ffffff;
  --site-button-hover-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  --border-radius: 4px;
  --footer-bg-color: #000000;
  --footer-text-color: #ffffff;
  --font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-family-title: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-size: 16px;
  --line-height: 1.35;
  --h1-font-size: 32px;
  --h2-font-size: 24px;
  --h3-font-size: 22px;
  --h4-font-size: 20px;
  --list-style: "❋"
}

.picture-text {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%
}

.picture-text__content>* {
  margin-bottom: 1rem
}

.picture-text__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.picture-text__media .site-button {
  margin-top: 1rem
}

h2,
h3,
h4,
section {
  scroll-margin-top: 150px;
  scroll-snap-align: start
}

section.top-bottom {
  margin-top: 80px;
  margin-bottom: 80px
}

@media (max-width:769px) {
  section.top-bottom {
    margin-top: 60px;
    margin-bottom: 60px
  }
}

.flex-auto {
  flex: 1 1 auto
}

.line {
  display: -ms-grid;
  display: grid;
  grid-gap: 30px
}

.line.align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

.line.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.line.align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}

.bg-block {
  padding: 1rem;
  border-radius: var(--border-radius);
  height: 100%
}

.bg-block .site-button {
  margin-top: 2rem
}

.bgi-block {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.wp-block-columns {
  max-width: 1440px;
  padding-right: 1rem;
  padding-left: 1rem;
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  margin-bottom: 0
}

.wp-block-columns .wp-block-column {
  margin: 0
}

.row.col-1,
.wp-block-columns.col-1 {
  grid-template-columns: repeat(1, 1fr)
}

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

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

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

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

.row.col-6,
.wp-block-columns.col-6 {
  grid-template-columns: repeat(6, 1fr)
}

.wp-block-column>:not(:first-child) {
  margin-top: 30px
}

.wp-block-column .row {
  padding: 0
}

.wp-block-columns {
  max-width: 1440px;
  padding-right: 1rem;
  padding-left: 1rem;
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  margin-bottom: 0
}

.wp-block-columns .wp-block-column {
  margin: 0
}

.bg-main-color {
  background-color: var(--main-color)
}

.text-white {
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-5xl {
  font-size: 3rem;
  line-height: 1
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:768px) {
  .container {
    width: 750px
  }
}

@media (min-width:992px) {
  .container {
    width: 970px
  }
}

@media (min-width:1200px) {
  .container {
    width: 1170px
  }
}

body {
  margin: 0
}

button {
  border: unset;
  background: unset
}

button svg {
  max-height: 24px;
  width: 24px;
  margin-left: 5px
}

.button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  min-width: 8em;
  background: linear-gradient(180deg, #fef380 0, #fce959 100%);
  font-family: var(--font-family);
  font-size: 18px;
  line-height: 22px;
  font-style: normal;
  font-weight: 700;
  padding: 1em 2em;
  text-align: center;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  outline: 0;
  transition: all .5s
}

.button:hover {
  box-shadow: 0 0 30px rgba(253, 239, 110, .7)
}

.button:active {
  box-shadow: 0 0 30px rgba(253, 239, 110, .7)
}

.comments-section .submit,
.site-button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  min-width: 8em;
  background: var(--site-button-bg-color);
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 22px;
  font-style: normal;
  font-weight: 700;
  padding: .4rem 2rem;
  text-align: center;
  color: var(--site-button-color);
  text-decoration: none;
  border: none;
  outline: 0;
  -webkit-transition: .5s;
  transition: .5s;
  border-radius: var(--border-radius);
  -webkit-box-shadow: var(--site-button-shadow);
  box-shadow: var(--site-button-shadow);
  height: var(--button_height)
}

.comments-section .submit.center,
.site-button.center {
  left: 50%;
  transform: translateX(-50%)
}

.comments-section .submit:hover,
.site-button:hover {
  color: var(--site-button-hover-color);
  background: var(--site-button-hover-bg-color)
}

@media (max-width:768px) {

  .comments-section .submit,
  .site-button {
    width: 100%
  }
}

.site-button.android,
.site-button.download,
.site-button.ios,
.site-button.register {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.site-button.android svg,
.site-button.download svg,
.site-button.ios svg,
.site-button.register svg {
  max-height: 24px;
  width: 24px;
  min-width: 24px
}

.second-button {
  color: var(--second-buttons-color);
  background: var(--second-button-background);
  -webkit-box-shadow: var(--site-second-button-shadow);
  box-shadow: var(--site-second-button-shadow)
}

.second-button:hover {
  background: var(--site-button-hover-bg-second-color)
}

.button.center {
  left: 50%;
  transform: translateX(-50%)
}

.stars {
  margin: 0 20px 0 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline
}

@media (max-width:576px) {
  .stars {
    display: block
  }
}

.stars span {
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 23px;
  color: #fff;
  margin-left: 10px
}

.header-gift-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-shadow: none
}

.header-gift-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: left
}

.header-gift-subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left
}

.header-gift-content__img {
  align-self: center;
  display: flex;
  position: relative;
  top: -10px
}

.header-gift {
  position: absolute;
  margin-right: 20px;
  bottom: 20px;
  margin-left: 20px;
  padding-bottom: 40px;
  width: calc(100% - 40px)
}

@media (min-width:1200px) {
  .header-gift {
    display: none
  }
}

.logo {
  max-width: 140px;
  margin: 22px 10px
}

@media (max-width:992px) {
  .logo {
    max-width: 177px;
    margin: 17px 34px
  }
}

@media (max-width:576px) {
  .logo {
    max-width: 85px;
    margin: 17px 10px
  }
}

.top-nav {
  position: relative;
  width: 100%
}

@media (max-width:1200px) {
  .top-nav {
    position: absolute;
    top: 0;
    right: -500%;
    background-color: #000;
    transition: right .7s;
    z-index: -1
  }
}

.top-nav-active {
  top: 100% !important;
  right: 0 !important
}

@media screen and (max-width:769px) {
  .top-nav .mob-menu .main-menu {
    display: flex
  }

  .top-nav .standart-menu {
    display: none
  }
}

@media screen and (min-width:769px) {
  .top-nav .mob-menu {
    display: none
  }
}

.top-nav .main-menu {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style: none;
  margin: 0;
  flex-wrap: wrap;
  align-content: center
}

@media (max-width:1200px) {
  .top-nav .main-menu {
    flex-direction: column
  }
}

.top-nav .main-menu .menu-item {
  display: inline-block;
  padding: 0;
  margin: 0
}

@media (max-width:1200px) {
  .top-nav .main-menu .menu-item.menu-item-children {
    border: none
  }

  .top-nav .main-menu .menu-item a {
    border-bottom: 2px solid rgba(255, 255, 255, .1019607843)
  }
}

@media (max-width:1024px) {
  .top-nav .main-menu .menu-item {
    width: 100%
  }
}

.top-nav .main-menu .menu-item::before {
  content: none
}

.top-nav .main-menu .menu-item-has-children {
  position: relative
}

.top-nav .main-menu .menu-item-has-children .dropdown-icon {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 2px;
  width: 6px;
  height: 6px;
  z-index: 10;
  top: 17px
}

@media (max-width:1200px) {
  .top-nav .main-menu .menu-item-has-children .dropdown-icon {
    width: 10px;
    height: 10px;
    top: 17px
  }
}

.top-nav .main-menu .menu-item-has-children .dropdown-icon:hover {
  fill: #fdef6e
}

.top-nav .main-menu .menu-item-has-children .dropdown-icon-active {
  fill: #fdef6e;
  transform: rotate(225deg);
  top: 20px
}

@media (max-width:1200px) {
  .top-nav .main-menu .menu-item-has-children .dropdown-icon-active {
    top: 23px
  }
}

@media (max-width:576px) {
  .top-nav .main-menu .menu-item-has-children .dropdown-icon {
    z-index: 20
  }
}

@media (max-width:1200px) {
  .top-nav .main-menu .menu-item-has-children .dropdown-icon {
    right: 16px
  }
}

.top-nav__link {
  display: block;
  position: relative;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
  background-color: #090909;
  letter-spacing: .01em;
  padding: 15px 10px
}

@media (max-width:1200px) {
  .top-nav__link {
    padding: 10px
  }
}

.top-nav__link:hover {
  color: #fdef6e;
  text-decoration: underline
}

.top-nav__link-active {
  color: #fdef6e;
  text-decoration: underline
}

.top-nav .sub-menu {
  padding: 0;
  position: absolute;
  top: -1000%;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  list-style: none;
  width: max-content;
  margin: 0;
  background-color: #090909;
  z-index: 15;
  opacity: 0
}

@media (max-width:1200px) {
  .top-nav .sub-menu {
    position: relative;
    width: 100%
  }
}

.top-nav .sub-menu .nav__link {
  padding: 10px 11px !important
}

@media (max-width:1200px) {
  .top-nav .sub-menu .nav__link {
    max-height: 0;
    padding: 0 11px !important;
    background-color: #1d8efe
  }

  .top-nav .sub-menu .nav__link:hover {
    color: #000
  }

  .top-nav .sub-menu .nav__link-active {
    color: #000
  }
}

.top-nav .sub-menu-active {
  top: 100%;
  opacity: 1
}

@media (max-width:1200px) {
  .top-nav .sub-menu-active .top-nav__link {
    padding: 10px 11px !important;
    max-height: 200px
  }
}

.top-nav .nav__link {
  display: flex;
  position: relative;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--nav-color);
  background-color: var(--header-bg-color);
  letter-spacing: .01em;
  padding: 15px;
  white-space: nowrap;
  align-items: center;
  gap: 6px
}

.top-button .button {
  font-size: 16px;
  line-height: 22px
}

.second-bar .top-nav .nav__link {
  font-size: .9rem;
  padding: 10px 15px;
  background-color: var(--header-second-bg-color)
}

.second-bar .icon-arrow {
  border: solid var(--nav-second-color);
  border-width: 0 2px 2px 0
}

@media (max-width:1200px) {
  .second-bar .icon-arrow {
    border-width: 0 3px 3px 0
  }
}

.second-bar .main-menu .menu-item-has-children .dropdown-icon {
  top: 13px
}

@media (max-width:1200px) {

  .button,
  .site-button {
    font-size: 14px;
    padding: .5rem 1rem
  }

  .top-nav {
    position: absolute;
    top: 0;
    right: -500%;
    background-color: var(--header-bg-color);
    -webkit-transition: right .7s;
    transition: right .5s;
    z-index: -1;
    overflow: hidden
  }

  .top-nav .main-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .top-nav .main-menu .menu-item-has-children .nav__link {
    padding: 0;
    padding-bottom: 20px
  }

  .top-nav .main-menu .menu-item-has-children .nav__link.active {
    border: none
  }

  .top-nav .main-menu .menu-item-has-children .dropdown-icon {
    right: 23px
  }

  .top-nav .nav__link {
    padding: 0;
    padding-bottom: 20px;
    margin: 20px 20px 0 20px
  }

  .top-nav .sub-menu {
    position: relative;
    width: 100%
  }

  .top-nav .sub-menu .nav__link {
    margin: 0
  }

  .top-nav .sub-menu .nav__link {
    max-height: 0;
    padding: 0 11px !important;
    background: var(--header-second-bg-color);
    -webkit-transition: .3s;
    transition: .3s
  }

  .top-nav .sub-menu .nav__link-active,
  .top-nav .sub-menu .nav__link:hover {
    color: var(--main-text-color)
  }

  .top-nav .sub-menu-active .nav__link {
    padding: 20px !important;
    max-height: 200px;
    border: none
  }
}

.top-bar {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media (max-width:1200px) {
  .top-bar {
    padding: 12px 0
  }
}

@media (max-width:769px) {
  .top-bar img {
    max-width: 100px;
    height: auto
  }
}

@media (max-width:769px) {
  .top-bar .container {
    width: 100%;
    flex-wrap: wrap;
    display: flex
  }

  .top-bar .container .header-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, .1019607843)
  }
}

.hamburger {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 25px;
  height: 19px
}

@media (max-width:576px) {
  .hamburger {
    width: 25px;
    height: 19px
  }
}

.hamburger__line {
  position: absolute;
  background-color: #fff;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 3px
}

@media (max-width:576px) {
  .hamburger__line {
    height: 3px
  }
}

.hamburger__line-a {
  top: 0
}

.hamburger__line-b {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1
}

.hamburger__line-c {
  bottom: 0
}

.hamburger-active .hamburger__line-a {
  animation: a-line-active .5s forwards
}

.hamburger-active .hamburger__line-b {
  animation: b-line-active .5s forwards
}

.hamburger-active .hamburger__line-c {
  animation: c-line-active .5s forwards
}

.hamburger-close .hamburger__line-a {
  animation: a-line-close .5s forwards
}

.hamburger-close .hamburger__line-b {
  animation: b-line-close .5s forwards
}

.hamburger-close .hamburger__line-c {
  animation: c-line-close .5s forwards
}

@keyframes a-line-active {
  0% {
    top: 0
  }

  50% {
    top: 50%;
    transform: translateY(-50%)
  }

  100% {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg)
  }
}

@keyframes a-line-close {
  0% {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg)
  }

  50% {
    top: 50%;
    transform: translateY(-50%)
  }

  100% {
    top: 0
  }
}

@keyframes b-line-active {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@keyframes b-line-close {
  0% {
    opacity: 0
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes c-line-active {
  0% {
    bottom: 0
  }

  50% {
    bottom: 50%;
    transform: translateY(50%)
  }

  100% {
    bottom: 50%;
    transform: translateY(50%) rotate(45deg)
  }
}

@keyframes c-line-close {
  0% {
    bottom: 50%;
    transform: translateY(50%) rotate(45deg)
  }

  50% {
    bottom: 50%;
    transform: translateY(50%)
  }

  100% {
    bottom: 0
  }
}

@media (max-width:576px) {
  .humburger-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
  }
}

.lang-toggle {
  margin: 0;
  width: 35px;
  position: relative;
  z-index: 100
}

.lang-toggle a {
  display: block
}

.lang-toggle img {
  width: 24px;
  height: 24px
}

.lang-toggle__more {
  width: 8px;
  height: 8px;
  position: absolute;
  right: -8px;
  top: 6px;
  cursor: pointer
}

.lang-toggle__more svg {
  fill: #fff;
  width: 10px;
  height: 10px
}

.lang-toggle li.active {
  line-height: 12px;
  font-size: 16px;
  width: fit-content
}

.lang-toggle .non-active {
  position: absolute;
  top: 30px;
  right: 0;
  width: 94px;
  grid-template-columns: 1fr 1fr;
  display: grid;
  gap: 2px;
  background-color: var(--header-bg-color);
  border-radius: 5px;
  padding-top: 5px
}

@media screen and (max-width:768px) {
  .lang-toggle .non-active {
    left: -5px;
    right: unset
  }
}

.lang-toggle .non-active li {
  margin: 0 auto
}

.lang-toggle.hide .non-active {
  display: none
}

@media screen and (max-width:1200px) {
  .lang-toggle {
    display: none
  }

  .lang-toggle-active {
    display: block;
    height: 42px;
    align-content: center
  }

  .lang-toggle-active .lang-toggle__more {
    width: 10px;
    height: 10px;
    right: -19px;
    top: 10px
  }
}

@media screen and (min-width:769px) {
  .lang-toggle {
    position: relative;
    order: 1;
    min-width: 35px;
    margin: 0 44px 0 0
  }
}

.hero {
  margin: 57px auto 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
  grid-template-rows: .8fr auto auto;
  grid-column-gap: 0;
  grid-row-gap: 0
}

@media (max-width:992px) {
  .hero {
    margin: 25px auto 30px
  }
}

.hero__header {
  grid-area: 1/1/2/6
}

@media (max-width:992px) {
  .hero__header {
    grid-area: 1/1/2/6
  }
}

.hero__footer {
  grid-area: 2/1/4/3
}

@media (max-width:992px) {
  .hero__footer {
    grid-area: 3/1/4/6
  }
}

.hero__sidebar {
  grid-area: 2/3/4/6
}

@media (max-width:992px) {
  .hero__sidebar {
    grid-area: 2/1/3/6
  }
}

.hero h1,
.hero__title {
  margin: 10px 0 20px;
  font-size: 38px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase
}

@media (max-width:576px) {

  .hero h1,
  .hero__title {
    font-size: 24px !important;
    margin: 10px 0 10px
  }
}

.hero__subtitle {
  margin: 10px 0 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 125%;
  text-transform: uppercase
}

@media (max-width:576px) {
  .hero__subtitle {
    font-size: 16px;
    margin: 8px 0 10px
  }
}

.hero__prize {
  margin: 8px 0 30px;
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 118%;
  background: linear-gradient(90deg, #5c00fa 0, #dc00fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

@media (max-width:576px) {
  .hero__prize {
    font-size: 32px;
    margin: 0 0 30px
  }
}

.content-right-img {
  padding: 30px 15px
}

@media (max-width:576px) {
  .content-right-img {
    padding: 20px 15px
  }
}

.content-right-img__text {
  font-size: 16px;
  line-height: 19px
}

@media (max-width:576px) {
  .content-right-img__text {
    margin-bottom: 20px
  }
}

.content-right-img__text ul {
  list-style: none;
  padding: 0
}

.content-right-img__text ul li {
  position: relative;
  margin: 15px 0;
  padding-left: 40px
}

@media (max-width:576px) {
  .content-right-img__text ul li {
    margin: 10px 0
  }
}

.content-right-img__text ul li::before {
  content: url(../../img/verified-1.png);
  position: absolute;
  top: 0;
  left: 0
}

.content-right-img__button {
  margin: 37px 0 0
}

.content-right-img__image {
  display: block;
  padding: 20px 0
}

.client {
  padding: 30px 15px 0
}

@media (max-width:576px) {
  .client {
    padding: 20px 15px
  }
}

.client .owl-carousel .owl-item img {
  display: inline-block;
  width: fit-content
}

.client__title {
  text-align: center;
  margin: 40px auto 0
}

.client__select {
  list-style: none;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 30px auto
}

.client__select_link {
  padding: 15px 10px;
  margin: 0;
  text-transform: uppercase;
  display: inline-block;
  color: #000;
  cursor: pointer
}

@media (max-width:576px) {
  .client__select_link {
    font-size: 14px
  }
}

.client__select_link:hover {
  color: #1d8efe
}

.client__select_link.active {
  color: #1d8efe
}

.client__text p {
  margin: 15px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px
}

.client__text_title {
  margin: 30px 0 0;
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 32px
}

.client__text .button {
  margin: 30px 0 15px 0
}

.main-page .client__select {
  background: #f5f5f5
}

.news {
  padding: 30px 15px
}

@media (max-width:576px) {
  .news {
    padding: 20px 15px
  }
}

.news__img {
  display: block;
  width: 100%;
  height: 166px
}

.news__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.news__title {
  text-align: center;
  margin: 40px auto 0
}

.news__wrapper {
  margin: 50px auto 20px
}

.news__card {
  background-color: #fff;
  overflow: hidden;
  min-height: 300px;
  height: 100%
}

.news__card_desc {
  padding: 30px 19px
}

.news__card_date {
  margin: 0 0 10px 0 !important;
  color: #ccc;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px
}

.news__card_title {
  display: block;
  color: #000;
  margin: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 23px
}

.news .owl-stage {
  padding-left: 0 !important;
  display: flex;
  align-items: stretch
}

.footer a {
  color: var(--footer-text-color)
}

.footer a:hover {
  color: calc(var(--footer-text-color) + 20)
}

.footer p {
  color: var(--footer-text-color)
}

.footer li {
  list-style: none;
  padding: 0;
  margin: 7px 0
}

.footer li::before {
  content: none
}

.footer .widget-title {
  color: var(--footer-text-color);
  text-transform: uppercase;
  font-weight: 700
}

.footer .social-icon {
  max-width: 24px;
  max-height: 24px;
  display: inline-block;
  margin: 7px
}

.footer .social-icon img {
  width: 100%;
  height: 100%
}

.footer-logo {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 40px
}

.footer-logo img {
  width: 150px;
  height: auto
}

.footer-logo hr {
  width: 100%;
  height: 0;
  margin-left: 20px
}

.footer-columns {
  display: flex;
  gap: 20px;
  width: 100%;
  margin-bottom: 40px
}

@media screen and (max-width:769px) {
  .footer-columns {
    flex-direction: column
  }
}

.footer-bottom {
  margin-top: 20px;
  opacity: .1;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px
}

.footer-bottom p {
  margin: 0
}

@media screen and (max-width:769px) {
  .footer-bottom {
    font-size: 10px
  }
}

.footer__scrolltop {
  display: block;
  visibility: hidden;
  opacity: 0;
  width: 35px;
  height: 35px;
  position: fixed;
  bottom: 84px;
  right: 10px;
  z-index: 1000;
  cursor: pointer;
  -webkit-transition: visibility, opacity .5s linear;
  transition: visibility, opacity .5s linear;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgc3Ryb2tlPSIjMjkyOTI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMi41IiBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48cGF0aCBkPSJtMTUgMTMtMy0zLTMgMyIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K);
  background-size: contain
}

@media screen and (min-width:768px) {
  .footer__scrolltop {
    width: 50px;
    height: 50px;
    bottom: 10px;
    right: 50px
  }
}

.footer__scrolltop-show {
  visibility: visible;
  opacity: 1
}

.footer-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #fff;
  opacity: .1
}

.footer-icons img {
  height: 40px;
  max-width: 85px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(140deg) brightness(101%) contrast(101%)
}

@media screen and (max-width:769px) {
  .footer-icons img {
    height: 20px
  }
}

.footer-icons ul {
  margin: 20px 0
}

.footer-icons ul li {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width:769px) {
  .footer-icons ul {
    margin: 10px 0
  }
}

.footer-icons .icon {
  width: 100px;
  margin: 10px;
  height: 60px;
  filter: grayscale(.7);
  cursor: pointer
}

@media screen and (max-width:769px) {
  .footer-icons .icon {
    width: 50px;
    margin: 5px;
    height: 25px
  }
}

.footer-icons .icon:hover {
  filter: grayscale(0)
}

.footer-alt {
  padding-bottom: 40px
}

.footer-alt .social-links ul {
  gap: 10px;
  margin: 0;
  width: 216px
}

.footer-alt .social-links ul li a {
  background-color: unset
}

.footer-alt__buttons {
  width: 265px;
  margin-left: auto
}

@media screen and (max-width:769px) {
  .footer-alt__buttons {
    width: 100%
  }
}

.footer-alt__buttons span {
  display: inline-block;
  display: table
}

.footer-alt__buttons span.subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px
}

.footer-alt hr {
  opacity: .2
}

@media screen and (max-width:769px) {
  .footer-alt {
    padding-bottom: 20px
  }
}

.footer-icons ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.page-header {
  z-index: 20
}

.page-title {
  padding: 1em;
  position: relative;
  width: 100%;
  background: #1d8efe
}

.page-title h1 {
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: center
}

.header-block {
  background: var(--header-block-bg-color)
}

@media screen and (max-width:769px) {
  .header-block {
    background-image: none !important
  }
}

.content__page {
  padding-top: 15px;
  padding-bottom: 30px
}

@media (max-width:576px) {
  .content__page {
    padding-bottom: 30px
  }
}

.content__page h1 {
  font-size: 42px;
  line-height: 1.1;
  margin-top: 0
}

@media (max-width:576px) {
  .content__page h1 {
    font-size: 32px;
    line-height: 1.1
  }
}

.content__page ul {
  list-style: none;
  padding: 0
}

.content__page ul li {
  position: relative;
  margin: 15px 0;
  padding-left: 40px
}

@media (max-width:576px) {
  .content__page ul li {
    margin: 10px 0
  }
}

.content__page ul li::before {
  content: url(../../img/verified-1.png);
  position: absolute;
  top: 0;
  left: 0
}

.content__page ol {
  counter-reset: myCounter;
  padding: 15px 0
}

.content__page ol li {
  list-style: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 10px
}

.content__page ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: #1d8efe;
  display: block;
  margin: 2px 10px 2px 2px;
  font-weight: 800;
  font-size: 22px;
  line-height: 90%;
  position: absolute;
  left: 0;
  top: 0
}

.content__page p {
  margin: 1em 0
}

.content__page iframe {
  max-width: 100%
}

.content__header {
  width: 100%;
  min-height: 40vh;
  background: #e5e5e5
}

@media (max-width:576px) {
  .content__header {
    min-height: 20vh
  }
}

.content__header_img {
  width: 100%;
  min-height: 40vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

@media (max-width:576px) {
  .content__header_img {
    min-height: 20vh
  }
}

.content__header_container,
.content__header_container .row {
  position: relative;
  height: 100%
}

.content__header_col {
  align-self: center;
  text-align: center;
  background: rgba(0, 0, 0, .5);
  margin-top: 15px;
  margin-bottom: 15px
}

.content__header_text-1 {
  color: #fff;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  padding-top: 1em;
  margin: 0 !important
}

@media (max-width:576px) {
  .content__header_text-1 {
    font-size: 20px;
    line-height: 22px
  }
}

.content__header_bonus {
  font-weight: 700;
  font-size: 155px;
  line-height: 189px;
  color: #1d8efe;
  margin: 0 !important
}

@media (max-width:576px) {
  .content__header_bonus {
    font-size: 135px;
    line-height: 170px
  }
}

.content__header_text-2 {
  color: #fff;
  font-weight: 700;
  font-size: 43px;
  line-height: 52px;
  text-transform: uppercase;
  margin: 0 !important
}

@media (max-width:576px) {
  .content__header_text-2 {
    font-size: 36px;
    line-height: 40px;
    padding-bottom: .5em
  }
}

.content__header_text-3 {
  color: #fff;
  font-size: 21px;
  line-height: 26px;
  text-transform: uppercase;
  padding-bottom: 1em;
  margin: 0 !important
}

@media (max-width:576px) {
  .content__header_text-3 {
    font-size: 20px;
    line-height: 22px
  }
}

.content__header_button {
  margin-bottom: 1em
}

.breadcrumbs {
  padding: 15px;
  background: #fff
}

@media (max-width:576px) {
  .breadcrumbs {
    padding: 15px
  }
}

.breadcrumbs ol li {
  list-style: none;
  font-size: 16px;
  display: inline;
  margin: 0;
  color: #000;
  -webkit-transition: .5s;
  transition: .5s
}

.breadcrumbs ol li::after {
  content: "/";
  margin: 0 7px
}

.breadcrumbs ol li:last-child {
  color: #888
}

.breadcrumbs ol li:last-child::after {
  content: none
}

.breadcrumbs ol li:hover {
  color: #888
}

.breadcrumbs__item {
  font-size: 16px;
  display: inline;
  margin: 0;
  color: #000;
  white-space: nowrap;
  -webkit-transition: .5s;
  transition: .5s
}

.breadcrumbs__item::after {
  content: "/";
  margin: 0 7px
}

.breadcrumbs__item:last-child {
  color: #888
}

.breadcrumbs__item:last-child::after {
  content: none
}

.breadcrumbs__item:hover {
  color: #888
}

.category {
  padding-bottom: 30px;
  background: #e5e5e5
}

.category__title {
  margin: .5em 0 1em
}

.category__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0
}

@media (max-width:576px) {
  .category__items {
    padding: 0 0 30px
  }
}

.category__item {
  position: relative;
  flex-basis: 45%;
  background-color: #fff;
  overflow: hidden;
  max-width: 600px;
  margin: 15px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
  transition: all .5s
}

@media (max-width:992px) {
  .category__item {
    flex-basis: 45%;
    margin: 10px
  }
}

@media (max-width:576px) {
  .category__item {
    flex-basis: 95%
  }
}

.category__item_img {
  display: block;
  width: 100%;
  height: 250px;
  overflow: hidden
}

.category__item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all .5s
}

.category__item_title {
  display: block;
  color: #000;
  margin: 0 0 20px 0;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  line-height: 145%
}

.category__item_desc {
  margin: 0;
  padding: 30px 19px 60px;
  color: #000
}

.category__item_desc p {
  font-weight: 500;
  font-size: 16px;
  line-height: 145%;
  color: #000
}

.category__item_meta {
  margin: 0 0 10px 0;
  color: rgba(0, 0, 0, .35) !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 145%
}

.category__item_meta span {
  color: #fff;
  background: #1d8efe;
  font-weight: 700;
  font-size: 12px;
  vertical-align: bottom;
  padding: 3px 5px;
  border-radius: 4px;
  margin-left: 7px
}

.category__item_read-more {
  position: absolute;
  bottom: 25px;
  left: 25px;
  font-weight: 600;
  font-size: 16px;
  line-height: 145%;
  text-decoration-line: underline;
  color: #000
}

.category__item:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, .5)
}

.category__item:hover .category__item_img img {
  transform: scale(1.1)
}

.category__pagination {
  margin-top: 30px
}

.category .pagination {
  width: 100%
}

.codeblock-mini {
  max-width: 350px;
  border: 1px solid rgba(255, 255, 255, .1019607843);
  border-radius: var(--border-radius);
  padding: 10px;
  position: relative;
  margin: 20px 0;
  background: var(--main-color)
}

.codeblock-mini.align-center {
  margin: 0 auto
}

@media (max-width:768px) {
  .codeblock-mini {
    max-width: 100%
  }
}

.codeblock-mini__icon-wrap {
  display: inline-block;
  width: 10px
}

.codeblock-mini__help {
  text-align: center
}

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

@media (max-width:768px) {
  .codeblock-mini__body {
    justify-content: space-around
  }
}

.codeblock-mini__body a {
  text-decoration: none
}

.codeblock-mini__body button {
  padding: 0;
  margin: 0;
  border: unset
}

.codeblock-mini__title {
  font-style: normal;
  font-size: 16px;
  line-height: 135%;
  text-align: center;
  font-weight: bolder;
  padding: 10px 0
}

.codeblock-mini input {
  border: unset;
  text-align: center
}

.codeblock-mini input,
.codeblock-mini__code {
  font-style: normal;
  font-weight: 500;
  font-size: 14.6524px;
  line-height: 125%;
  color: #000;
  outline: 1px dashed var(--main-color);
  outline-offset: -1px;
  height: 38px;
  width: 128px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  text-decoration: unset;
  font-weight: 900;
  position: relative;
  overflow: hidden;
  z-index: 2
}

.codeblock-mini input:before,
.codeblock-mini__code:before {
  content: " ";
  position: absolute;
  top: 9px;
  height: 7px;
  width: 4rem;
  border: 17px solid transparent;
  border-right: 16px solid var(--main-color);
  transform: rotateZ(343deg);
  z-index: 20;
  filter: brightness(.5)
}

.codeblock-mini input:after,
.codeblock-mini__code:after {
  content: " ";
  position: absolute;
  background-color: var(--main-color);
  width: 105px;
  height: 40px;
  left: -8px;
  z-index: -1;
  transform: skewX(16deg)
}

.codeblock-mini__code-sticker {
  content: "COPY";
  position: absolute;
  background-color: var(--main-color);
  color: #fff
}

.codeblock-mini .button_bonus {
  font-style: normal;
  font-weight: 500;
  font-size: 14.6524px;
  line-height: 125%;
  border: unset;
  height: 40px;
  width: 130px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  text-decoration: unset;
  font-weight: 900
}

.codeblock-mini .codeblock-block-ref {
  display: none
}

.quote {
  padding: 30px 0
}

@media (max-width:576px) {
  .quote {
    padding: 20px 0
  }
}

.quote__wrapper {
  background: #fff;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow: hidden
}

.quote__col-left {
  width: 100%;
  padding: 15px
}

.quote__col-right {
  width: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%)
}

.quote__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 10px
}

.quote__text p {
  margin: 0 !important
}

.quote__link {
  display: block;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-decoration: underline
}

.quote__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-image: url(../../img/poker-bg.jpg);
  background-size: cover;
  padding: 10px 0 10px 40px
}

.quote__image img {
  display: block
}

.quote__button {
  height: 35px;
  background: #fdef6e;
  color: #000;
  text-align: center;
  line-height: 35px
}

.comments-section .commentlist {
  list-style: none;
  padding: 0
}

.comments-section .comment {
  background: #fff;
  margin: 10px 0;
  padding: 15px
}

.comments-section .comment-author {
  display: flex;
  align-items: center;
  margin-bottom: 5px
}

.comments-section .comment-author img {
  border: 1px solid #aaa;
  padding: 1px;
  border-radius: 50%;
  background: #fff
}

.comments-section .comment-author cite {
  padding: 0 0 0 10px
}

.comments-section .comment-meta a {
  color: #bbb;
  font-size: 12px
}

.comments-section .comment-respond {
  text-align: center
}

.comments-section .comment-form {
  background: #999;
  margin: 1em 0 2em;
  border-radius: var(--border-radius)
}

.comments-section .comment-form-author,
.comments-section .comment-form-email {
  padding-bottom: 1em
}

.comments-section .comment-form-author label,
.comments-section .comment-form-email label {
  display: inline-block;
  min-width: 80px
}

.comments-section .comment-notes,
.comments-section .logged-in-as {
  color: #fff;
  padding: 1em
}

.comments-section .comment-notes a,
.comments-section .logged-in-as a {
  color: #fff
}

.comments-section .comment-form-comment {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15px auto;
  width: 90%
}

.comments-section .comment-form-comment label {
  display: none
}

.comments-section #comment {
  margin: 0 auto;
  width: 90%
}

.comments-section input,
.comments-section textarea {
  outline: 0;
  border: 1px solid #bbb;
  padding: 5px 10px
}

.comments-section .submit {
  margin: 30px auto
}

.comments-section .says {
  margin-left: 20px
}

ul.commentlist li:before {
  content: " " !important
}

.rating {
  position: relative;
  display: inline-block
}

.rating::before {
  content: "☆☆☆☆☆☆☆☆☆☆";
  position: relative;
  color: #faba05;
  font-size: 2rem
}

.rating .stars {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden
}

.rating .stars::after {
  content: "★★★★★★★★★★";
  display: block;
  color: #faba05;
  font-size: 2rem
}

.rating .count {
  width: 10px
}

.rating-short {
  position: relative;
  display: inline-block;
  margin: 0 auto
}

.rating-short::before {
  content: "☆☆☆☆☆";
  position: relative;
  color: #faba05;
  font-size: 2rem
}

.rating-short .stars {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden
}

.rating-short .stars::after {
  content: "★★★★★";
  display: block;
  color: #faba05;
  font-size: 2rem
}

.rating-short .count {
  width: 10px
}

.rating_sm .stars::after {
  font-size: 1.5rem
}

.rating_sm::before {
  font-size: 1.5rem
}

.contents {
  padding: 0 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

@media (max-width:992px) {
  .contents {
    position: relative;
    padding: 0;
    margin-bottom: 30px
  }
}

.contents__wrap {
  background-color: #fff;
  overflow: hidden;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, .2)
}

.contents__title {
  padding: 15px 15px 0;
  margin: 0 !important;
  font-weight: 700;
  background-color: #fff;
  color: #333
}

.contents ul {
  padding: 5px 15px 5px 15px
}

.contents ul li {
  margin: 15px 0
}

.contents a {
  color: #1d8efe
}

.contents a:hover {
  text-decoration: underline
}

.main-content ul {
  list-style: none;
  padding: 0
}

.main-content ul li {
  padding-left: 2rem;
  position: relative;
  margin-bottom: 1rem
}

.main-content ul li::before {
  content: var(--list-style);
  position: absolute;
  color: var(--main-text-color);
  font-size: var(--font-size);
  top: 0;
  left: 0
}

.main-content ol {
  counter-reset: myCounter;
  padding: 15px 0
}

.main-content ol li {
  list-style: none;
  padding-left: 2.5rem;
  position: relative;
  margin-bottom: 1rem
}

.main-content ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: var(--main-color);
  background-color: var(--main-text-color);
  margin: 0;
  font-weight: 500;
  font-size: .8rem;
  line-height: 50%;
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.main-content p {
  margin: 1rem 0
}

.main-content iframe {
  max-width: 100%
}

.main-content .wp-block-image {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.main-content blockquote {
  padding-left: 25px;
  position: relative;
  display: block;
  margin: 20px auto
}

.main-content blockquote p {
  font-size: 1.1rem;
  font-weight: 200;
  line-height: 22px;
  font-style: italic
}

.main-content blockquote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 3px;
  height: 100%;
  background-color: var(--main-color)
}

.main-content blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: .8em
}

.main-content .figcaption {
  font-size: .9rem;
  text-align: center;
  font-style: italic;
  margin-top: 10px
}

.main-content figcaption {
  font-size: .9rem;
  text-align: center;
  font-style: italic;
  margin-top: 10px
}

.search-page__post {
  margin: 1em 0 2em
}

.search-page__post-title {
  margin: 1em 0 .5em
}

@media (max-width:576px) {
  .wp-block-table.is-style-stripes {
    margin: 1em 0
  }
}

.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
  background-color: var(--table-bg-cell)
}

.wp-block-table {
  border: 1px solid var(--table-border-color);
  overflow: hidden;
  margin-bottom: 20px;
  overflow-x: auto
}

.wp-block-table table {
  width: 100%;
  border: none;
  background-color: var(--table-bg-cell)
}

.wp-block-table table thead th {
  font-weight: 700;
  text-align: left;
  border: none;
  padding: 20px;
  background: var(--table-bg-color-head);
  color: var(--table-font-color-head);
  font-size: 15px;
  border-left: 1px solid var(--table-bg-color-head);
  border-right: 1px solid var(--table-bg-color-head)
}

.wp-block-table table tbody td {
  text-align: left;
  border-left: 1px solid var(--table-border-color);
  border-right: 1px solid var(--table-border-color);
  border-bottom: 1px solid var(--table-border-color);
  padding: 20px;
  font-size: 18px;
  line-height: 24px;
  vertical-align: top
}

@media (max-width:769px) {
  .wp-block-table table tbody td {
    font-size: 16px;
    line-height: 22px
  }
}

.wp-block-table table tbody td:first-child {
  border-left: 1px solid var(--table-border-color)
}

.wp-block-table table tbody td:last-child {
  border-right: 1px solid var(--table-border-color)
}

.wp-block-table table tbody tr:last-child td {
  border-bottom: 1px solid var(--table-border-color)
}

.wp-block-table table tbody tr:first-child td {
  border-top: 1px solid var(--table-border-color)
}

.wp-block-table table tbody tr:nth-child(odd) {
  background: var(--table-bg-cell)
}

@media (max-width:769px) {
  .wp-block-table table {
    width: 768px !important
  }
}

@media (max-width:576px) {
  .content__page .wp-block-quote {
    margin: 1em 0
  }
}

.content__page .wp-block-quote p {
  background: #f3f4f5;
  padding: 1em;
  border-left: 4px solid #1d8efe
}

.wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center
}

.wpcf7-form input,
.wpcf7-form textarea {
  max-width: 100%;
  padding: .5rem;
  border: 2px solid rgba(29, 142, 254, .4);
  border-radius: 5px
}

.mobile-app-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  margin: 20px 0
}

.mobile-app-header__title {
  grid-row: 1;
  grid-column: 1;
  align-items: center;
  display: grid;
  align-content: center
}

.mobile-app-header__description {
  grid-row: 2;
  grid-column: 1;
  z-index: 2
}

@media screen and (max-width:768px) {
  .mobile-app-header__description {
    grid-row: 6
  }

  .mobile-app-header__description p {
    color: #000 !important
  }
}

.mobile-app-header__text {
  font-size: 1.5rem;
  padding: 20px 0
}

.mobile-app-header__buttons {
  grid-row: 4;
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: rgba(215, 215, 215, .48)
}

.mobile-app-header__rating {
  grid-row: 4;
  grid-column: 1;
  background-color: rgba(215, 215, 215, .48)
}

.mobile-app-header__rating>div {
  text-align: center;
  padding: 10px 0
}

.mobile-app-header__promo {
  z-index: 2
}

@media screen and (max-width:768px) {
  .mobile-app-header__promo .codeblock-mini {
    border: unset;
    background: unset;
    margin: 0
  }
}

.mobile-app-header__img {
  grid-row: 1/4;
  grid-column: 2;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  display: grid;
  align-self: end;
  text-align: center
}

.mobile-app-header__img img {
  box-shadow: 0 -15px 15px 0 #1c1c1c;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  padding: 10px 10px 0 10px;
  background-color: #000;
  width: auto;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .mobile-app-header__img {
    height: 250px;
    align-self: center;
    padding-bottom: 20px
  }

  .mobile-app-header__img img {
    height: 250px;
    width: auto
  }
}

@media screen and (max-width:768px) {
  .mobile-app-header {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    margin-bottom: 0
  }

  .mobile-app-header:after {
    content: " ";
    position: absolute;
    background-color: #f4f4f4;
    width: 90%;
    height: 60%;
    bottom: 0;
    z-index: 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    left: 5%
  }

  .mobile-app-header:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 20%;
    bottom: 0;
    z-index: 0;
    left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3px" height="3px" viewBox="0 0 3 3" fill="black"><polygon points="0,0.5 0,1.5 1.5,3 2.5,3"></polygon><polygon points="2.5,0 1.5,0 3,1.5 3,0.5"></polygon></svg>');
    background-size: 6px 6px
  }

  .mobile-app-header__title {
    grid-row: 1;
    grid-column: 1;
    z-index: 2;
    margin-bottom: 20px;
    background-color: transparent
  }

  .mobile-app-header__buttons {
    margin: 0 20px;
    grid-row: 4;
    grid-column: 1;
    grid-template-columns: 1fr;
    z-index: 2;
    background-color: transparent
  }

  .mobile-app-header__rating {
    margin: 0 20px;
    grid-row: 5;
    grid-column: 1;
    z-index: 2;
    background-color: transparent
  }

  .mobile-app-header__rating>div {
    grid-template-columns: 1fr;
    display: grid
  }

  .mobile-app-header__img {
    grid-row: 2;
    grid-column: 1;
    z-index: 2
  }
}

@media screen and (min-width:768px) {
  .mobile-app-header__buttons {
    border-radius: 0 var(--border-radius) var(--border-radius) 0
  }

  .mobile-app-header__rating {
    border-radius: var(--border-radius) 0 0 var(--border-radius)
  }
}

.header-mobile-app {
  display: grid;
  grid-template-columns: 340px 2fr;
  margin: 40px 0;
  gap: 40px;
  align-items: center
}

.header-mobile-app.left {
  grid-template-columns: 2fr 340px
}

.header-mobile-app.left .header-mobile-app__left {
  grid-column: 1/1;
  grid-row-start: 1
}

.header-mobile-app__right {
  padding: 20px;
  border-radius: 12px;
  display: grid;
  gap: 20px
}

.header-mobile-app__title {
  margin-bottom: 20px;
  margin-top: 0;
  font-weight: 700
}

.header-mobile-app__description {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px
}

.header-mobile-app__image-app {
  border-radius: 12px;
  overflow: hidden;
  display: flex
}

.header-mobile-app__image-app img {
  width: 100%
}

.header-mobile-app__rating {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center
}

.header-mobile-app__rating-stars {
  display: flex;
  gap: 2px
}

.header-mobile-app__rating-count {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center
}

.header-mobile-app__rating-persons {
  opacity: .6;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  gap: 10px
}

.header-mobile-app__buttons {
  display: flex;
  gap: 10px;
  flex-direction: column
}

.header-mobile-app__buttons button {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: none
}

.header-mobile-app__downloaded {
  opacity: .6;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px
}

@media screen and (max-width:768px) {
  .header-mobile-app {
    grid-template-columns: 1fr;
    margin: 0;
    margin-bottom: 30px
  }

  .header-mobile-app.left {
    grid-template-columns: 1fr
  }

  .header-mobile-app.left .header-mobile-app__left {
    grid-row-start: 2
  }
}

.header-main {
  display: grid;
  grid-template-columns: 400px 2fr;
  margin: 40px 0;
  gap: 40px;
  align-items: center
}

.header-main.left {
  grid-template-columns: 2fr 400px
}

.header-main.left .header-main__left {
  grid-column: 1/1;
  grid-row-start: 1
}

.header-main__right {
  padding: 20px;
  border-radius: 12px;
  display: grid;
  gap: 20px
}

.header-main__title {
  margin-bottom: 20px;
  font-size: 42px;
  font-weight: 700;
  line-height: 46px
}

.header-main__description {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px
}

.header-main__verifed {
  padding: 4px 8px;
  border-radius: 112px;
  background: rgba(255, 255, 255, .1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  gap: 2px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: center
}

.header-main__small-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center
}

.header-main__big-text {
  font-size: 64px;
  font-weight: 800;
  line-height: 76.38px;
  letter-spacing: -.05em;
  text-align: center
}

.header-main__buttons button {
  padding: 8px 12px;
  width: 100%
}

.header-main__arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  position: relative
}

.header-main__arrow svg:first-child {
  position: absolute;
  top: -12px;
  animation-delay: .5s;
  opacity: .5
}

.header-main__arrow svg {
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: .7s
}

.header-main__promocode {
  display: flex;
  border: 1px solid rgba(255, 255, 255, .1019607843);
  border-radius: 12px;
  border-right: none
}

.header-main__promocode input {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  background: 0 0;
  padding: 10px 15px;
  border: none;
  width: 100%
}

.header-main__promocode button {
  background: #fff;
  color: #12192b;
  padding: 8px 16px;
  max-width: 162px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width:768px) {
  .header-main {
    grid-template-columns: 1fr;
    margin: 0;
    margin-bottom: 30px
  }

  .header-main.left {
    grid-template-columns: 1fr
  }

  .header-main.left .header-main__left {
    grid-row-start: 2
  }

  .header-main__title {
    font-size: 38px;
    line-height: 42px
  }

  .header-main__arrow {
    display: none
  }

  .header-main__arrow.mobile {
    display: flex
  }
}

@media screen and (min-width:768px) {
  .header-main__rating {
    border-radius: var(--border-radius) 0 0 var(--border-radius)
  }
}

.foreign__sites ul {
  display: flex;
  width: fit-content;
  padding: 0;
  position: relative;
  margin: 20px 0;
  flex-wrap: wrap
}

.foreign__sites ul li {
  padding-left: 0;
  padding-right: 10px;
  padding-bottom: 0;
  margin-bottom: 0
}

.foreign__sites ul li::before {
  content: none
}

.foreign__sites ul li img {
  height: 40px;
  width: auto
}

.foreign__sites ul li a {
  display: flex;
  flex-direction: row;
  align-items: center
}

.foreign__sites ul li::before {
  content: none
}

.showMobBanner.hide {
  display: none
}

.showMobBanner.show {
  position: fixed;
  bottom: 0
}

.mobile-version {
  max-width: 400px;
  margin: 0 auto
}

.app-download {
  max-width: 100%;
  margin: 10px;
  border-radius: 10px
}

@media screen and (max-width:320px) {
  .app-download {
    margin: 0
  }
}

.app-download__wrapper {
  display: grid;
  grid-template-columns: 45px auto 120px;
  grid-template-rows: 1fr auto;
  padding: 8px;
  gap: 8px;
  margin-bottom: 10px
}

@media screen and (max-width:320px) {
  .app-download__wrapper {
    grid-template-columns: 45px auto 100px
  }
}

.app-download__logo {
  grid-row: 1/3;
  border-radius: 10px;
  overflow: hidden;
  grid-column: 1/1;
  align-self: center;
  justify-self: center
}

.app-download__logo img {
  width: 100%;
  height: auto
}

.app-download__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px
}

.app-download__bonus {
  grid-row: 2;
  grid-column: 2/3
}

.app-download__button {
  grid-row: 1/3;
  grid-column: 3/3;
  display: flex;
  justify-content: center;
  align-items: center
}

.app-download4 {
  max-width: 100%;
  margin: 10px;
  border-radius: 10px
}

.app-download4__wrapper {
  display: grid;
  grid-template-columns: 45px auto 20px;
  grid-template-rows: 1fr auto;
  padding: 12px;
  gap: 8px;
  margin-bottom: 10px
}

.app-download4__logo {
  display: flex;
  text-align: center;
  grid-row: 1/3;
  justify-content: center;
  align-items: center
}

.app-download4__logo img {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: auto
}

.app-download4__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px
}

.app-download4__bonus {
  grid-row: 2;
  grid-column: 2/3
}

.app-download4__button {
  grid-row: 1/3;
  grid-column: 3/3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -12px -12px -12px -12px;
  background: linear-gradient(270deg, var(--second-color) -80.16%, var(--main-color) 103.97%) !important;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.app-download4__button>div {
  height: 20px
}

.app-download6 {
  background-color: #1d2730;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 10px
}

.app-download6__wrapper {
  display: grid;
  grid-template-columns: auto 72px;
  grid-template-rows: 1fr auto;
  padding: 12px;
  gap: 2px;
  margin-bottom: 10px
}

.app-download6__title {
  font-weight: 500;
  font-size: 16px;
  grid-row: 1;
  grid-column: 1/1
}

.app-download6__bonus {
  grid-row: 2;
  grid-column: 1/1;
  font-weight: 400;
  font-size: 12px
}

.app-download6__button {
  grid-row: 1/3;
  grid-column: 2/2;
  display: flex;
  justify-content: center;
  align-items: center
}

.app-download6__button a,
.app-download6__button button {
  text-decoration: none;
  padding: 10px;
  border-radius: 10px;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase
}

.banner-bottom-gift {
  border-top: 1px solid rgba(255, 255, 255, .1019607843);
  background: var(--main-color);
  padding: 0 20px;
  justify-content: center;
  height: 60px
}

.banner-bottom-gift__gift {
  width: 70px;
  height: 70px;
  text-align: center;
  border-radius: 56px;
  position: absolute;
  top: -20px;
  box-shadow: 0 0 42px 0 rgba(12, 107, 193, .5019607843)
}

.banner-bottom-gift__left-bottom,
.banner-bottom-gift__right-bottom {
  flex: 1 1 auto
}

.banner-bottom-gift__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  font-weight: 510;
  line-height: 20px;
  text-align: center;
  color: var(--main-text-color);
  width: 100%
}

.banner-bottom-download {
  justify-content: space-around;
  height: 68px
}

.banner-bottom-download__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px
}

.banner-bottom-download__subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px
}

.banner-bottom-download__bottom button.site-button {
  border: none;
  padding: 8px 20px;
  background: var(--site-button-bg-color)
}

.banner-bottom-download__bottom button.site-button:hover {
  color: var(--site-button-hover-color);
  background: var(--site-button-hover-bg-color)
}

.fast-links-block {
  display: flex;
  transition: .5s;
  margin: 25px 0
}

@media (min-width:768px) {
  .fast-links-block {
    justify-content: space-between
  }
}

@media (max-width:768px) {
  .fast-links-block {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap
  }
}

.fast-links-block__item {
  background: var(--header-block-bg-color);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  transition: .5s;
  border-radius: 10px
}

.fast-links-block__item>span {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.fast-links-block__item_title {
  font-size: 16px;
  font-weight: 600;
  line-height: 21.28px;
  display: block
}

.fast-links-block__item_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  display: block
}

.fast-links-block__item button {
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.95px
}

.fast-links-block__item:hover {
  transform: scale(1.05);
  background-color: var(--bg-block-color)
}

.fast-links-block__item.active {
  padding-right: 120px;
  background-color: var(--bg-block-color)
}

.fast-links-block__item.active button {
  display: none
}

@media (max-width:1200px) {
  .fast-links-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
  }
}

@media (max-width:768px) {
  .fast-links-block {
    grid-template-columns: 1fr
  }

  .fast-links-block button {
    width: auto
  }
}

.list-anchor {
  background: var(--main-color);
  padding: 20px;
  border-radius: 0 0 10px 10px;
  display: none
}

.list-anchor__title {
  font-weight: 700;
  font-size: 13px;
  line-height: 192.69%;
  padding-right: 17px;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0
}

.list-anchor__title::after {
  content: none
}

.list-anchor ol {
  width: 100%;
  list-style-type: none;
  margin: 0
}

.list-anchor ol li {
  padding-right: 45px;
  padding-left: 2rem;
  margin-bottom: 0
}

.list-anchor ol li:last-child {
  padding-right: 0
}

.list-anchor ol a {
  text-decoration: none;
  color: var(--main-text-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px
}

.list-anchor ol a:hover {
  text-decoration: underline;
  font-weight: 700
}

.list-anchor ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px
}

.list-anchor ul li {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0
}

.list-anchor ul li:last-child {
  padding-right: 0
}

.list-anchor ul li:before {
  content: var(--toc-style)
}

.list-anchor ul a {
  text-decoration: none;
  color: var(--main-text-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px
}

.list-anchor ul a:hover {
  text-decoration: underline;
  font-weight: 700
}

.list-anchor.show {
  display: flex !important
}

@media (max-width:450px) {
  .list-anchor {
    flex-direction: column
  }

  .list-anchor__title {
    margin-bottom: 7px
  }

  .list-anchor ol li {
    margin-bottom: 5px;
    padding-right: 20px
  }
}

.list-anchor__head {
  cursor: pointer;
  position: relative;
  padding: 10px 0;
  padding-left: 55px;
  color: #fff;
  background-color: var(--main-color);
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px
}

.list-anchor__head:before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 20px;
  width: 24px;
  height: 24px;
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="12" viewBox="0 0 21 12" fill="none"><path d="M1.4668 11.4766C1.19987 11.4766 0.96875 11.3757 0.773438 11.1738C0.584635 10.972 0.490234 10.7344 0.490234 10.4609C0.490234 10.194 0.584635 9.96289 0.773438 9.76758C0.96224 9.57227 1.19336 9.47461 1.4668 9.47461H19.7188C19.9857 9.47461 20.2135 9.57227 20.4023 9.76758C20.5977 9.96289 20.6953 10.194 20.6953 10.4609C20.6953 10.7344 20.5977 10.972 20.4023 11.1738C20.2135 11.3757 19.9857 11.4766 19.7188 11.4766H1.4668ZM1.4668 6.95508C1.19987 6.95508 0.96875 6.85742 0.773438 6.66211C0.584635 6.46029 0.490234 6.22591 0.490234 5.95898C0.490234 5.68555 0.584635 5.45117 0.773438 5.25586C0.96224 5.05404 1.19336 4.95312 1.4668 4.95312H19.7188C19.9857 4.95312 20.2135 5.05404 20.4023 5.25586C20.5977 5.45117 20.6953 5.68555 20.6953 5.95898C20.6953 6.22591 20.5977 6.46029 20.4023 6.66211C20.2135 6.85742 19.9857 6.95508 19.7188 6.95508H1.4668ZM1.4668 2.45312C1.19987 2.45312 0.96875 2.35547 0.773438 2.16016C0.584635 1.95833 0.490234 1.72396 0.490234 1.45703C0.490234 1.18359 0.584635 0.949219 0.773438 0.753906C0.96224 0.558594 1.19336 0.460938 1.4668 0.460938H19.7188C19.9857 0.460938 20.2135 0.558594 20.4023 0.753906C20.5977 0.949219 20.6953 1.18359 20.6953 1.45703C20.6953 1.72396 20.5977 1.95833 20.4023 2.16016C20.2135 2.35547 19.9857 2.45312 19.7188 2.45312H1.4668Z" fill="currentColor"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: var(--main-text-color)
}

.list-anchor__head:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  right: 20px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  transition: .5s
}

.list-anchor__head.show {
  border-bottom: 1px solid rgba(255, 255, 255, .1019607843)
}

.list-anchor__head.show:after {
  transform: rotate(225deg);
  top: 20px
}

.list-anchor__wrap {
  overflow: hidden;
  border-radius: var(--border-radius)
}

@media (max-width:768px) {
  .list-anchor__wrap {
    margin-top: 28px
  }
}

.list-anchor__old {
  border-radius: 10px;
  margin: 10px 0
}

header {
  padding: 5px 0
}

@media (max-width:1200px) {
  header .top-nav {
    top: -1000%;
    height: 100vh
  }
}

header .header-buttons {
  order: 4
}

header .header-buttons button {
  padding: 10px;
  font-weight: 600
}

@media (max-width:769px) {
  header .header-buttons button {
    min-width: 70px;
    padding: 5px 30px;
    margin-top: 10px
  }
}

@media (max-width:425px) {
  header .header-buttons button {
    padding: 8px 12px
  }
}

header .header-buttons button:hover {
  box-shadow: none
}

header .header-buttons button:nth-child(1) {
  color: var(--header-link-color-first);
  background: var(--header-link-bg-first)
}

header .header-buttons button:nth-child(1):hover {
  background: var(--header-link-hover-first)
}

header .header-buttons button:nth-child(2) {
  margin-left: 10px;
  color: var(--header-link-color-secodary);
  background: var(--header-link-bg-secodary);
  -webkit-box-shadow: var(--site-second-button-shadow);
  box-shadow: var(--site-second-button-shadow)
}

header .header-buttons button:nth-child(2):hover {
  background: var(--header-link-hover-secodary)
}

header .header-buttons span {
  display: inline-block;
  display: table
}

header .header-buttons span.subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px
}

header .bg-header-second-bg-color {
  background-color: var(--header-second-bg-color)
}

header .bg-header-second-bg-color .top-nav a.nav__link {
  color: var(--nav-second-color);
  background-color: var(--header-second-bg-color)
}

@media screen and (min-width:1200px) {
  header {
    padding-top: 16px;
    padding-bottom: 16px
  }
}

.review__image {
  width: 80px;
  height: 80px;
  margin-right: 20px
}

.review__image img {
  border-radius: 20px
}

.grid-block {
  margin: 10px 0;
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 10px
}

@media screen and (min-width:769px) {
  .grid-block {
    grid-template-columns: 1fr 1fr
  }
}

.grid-block__item {
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 10px;
  flex-direction: column
}

@media screen and (min-width:769px) {
  .grid-block__item {
    flex-direction: row
  }

  .grid-block__item:nth-child(2) {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column: 2;
    flex-direction: column
  }
}

.grid-block__img img {
  max-width: 100px;
  border-radius: 20px
}

.grid-block__button {
  padding: 10px;
  margin: 20px
}

.social-links ul {
  display: flex;
  flex-direction: row;
  gap: 1em;
  flex-wrap: wrap
}

.social-links ul li {
  margin: 0;
  line-height: 13px
}

.social-links ul li a {
  display: inline-block;
  border-radius: 10px;
  width: 44px;
  height: 44px
}

.telegram-icon {
  width: 44px;
  height: 44px;
  display: block;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iOTIiIHZpZXdCb3g9IjAgMCA5MiA5MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjkxLjU2MTgiIGhlaWdodD0iOTEuNTYxOCIgcng9IjIwIiBmaWxsPSIjMzRBQURGIi8+CjxwYXRoIGQ9Ik0yNS40NzI4IDQ0LjE1OTFDMjUuNDcyOCA0NC4xNTkxIDQ0LjEwMDggMzYuMzEzMyA1MC41NjEzIDMzLjU1MDZDNTMuMDM3OSAzMi40NDU3IDYxLjQzNjYgMjguOTA5NCA2MS40MzY2IDI4LjkwOTRDNjEuNDM2NiAyOC45MDk0IDY1LjMxMyAyNy4zNjI0IDY0Ljk4OTkgMzEuMTE5NUM2NC44ODIyIDMyLjY2NjcgNjQuMDIwOCAzOC4wODEzIDYzLjE1OTUgNDMuOTM4MUM2MS44NjczIDUyLjIyNjEgNjAuNDY3NSA2MS4yODc0IDYwLjQ2NzUgNjEuMjg3NEM2MC40Njc1IDYxLjI4NzQgNjAuMjUyMiA2My44MjkxIDU4LjQyMTcgNjQuMjcxMUM1Ni41OTEyIDY0LjcxMzEgNTMuNTc2MiA2Mi43MjQxIDUzLjAzNzkgNjIuMjgyQzUyLjYwNzEgNjEuOTUwNiA0NC45NjIyIDU2Ljk3NzcgNDIuMTYyNiA1NC41NDY2QzQxLjQwODggNTMuODgzNiA0MC41NDc1IDUyLjU1NzYgNDIuMjcwMiA1MS4wMTA1QzQ2LjE0NjYgNDcuMzYzOCA1MC43NzY2IDQyLjgzMzEgNTMuNTc2MiAzOS45NkM1NC44Njg0IDM4LjYzMzkgNTYuMTYwNCAzNS41Mzk4IDUwLjc3NjYgMzkuMjk2OUM0My4xMzE3IDQ0LjcxMTcgMzUuNTk0NCA0OS43OTQ5IDM1LjU5NDQgNDkuNzk0OUMzNS41OTQ0IDQ5Ljc5NDkgMzMuODcxNSA1MC44OTk5IDMwLjY0MTMgNDkuOTA1NEMyNy40MTA5IDQ4LjkxMDkgMjMuNjQyMiA0Ny41ODQ4IDIzLjY0MjIgNDcuNTg0OEMyMy42NDIyIDQ3LjU4NDggMjEuMDU4MiA0NS45MjczIDI1LjQ3MjggNDQuMTU5MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

.instagram-icon {
  width: 44px;
  height: 44px;
  display: block;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iOTIiIHZpZXdCb3g9IjAgMCA5MiA5MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjkxLjU2MTgiIGhlaWdodD0iOTEuNTYxOCIgcng9IjIwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTEwXzE4MzcpIi8+CjxwYXRoIGQ9Ik0zOC4xNjEzIDQ1Ljg5ODJDMzguMTYxMyA0MS42ODA2IDQxLjU3ODQgMzguMjYwNyA0NS43OTQ4IDM4LjI2MDdDNTAuMDExMiAzOC4yNjA3IDUzLjQzMDEgNDEuNjgwNiA1My40MzAxIDQ1Ljg5ODJDNTMuNDMwMSA1MC4xMTU4IDUwLjAxMTIgNTMuNTM1OCA0NS43OTQ4IDUzLjUzNThDNDEuNTc4NCA1My41MzU4IDM4LjE2MTMgNTAuMTE1OCAzOC4xNjEzIDQ1Ljg5ODJaTTM0LjAzMzggNDUuODk4MkMzNC4wMzM4IDUyLjM5NTcgMzkuMjk5MiA1Ny42NjI2IDQ1Ljc5NDggNTcuNjYyNkM1Mi4yOTA0IDU3LjY2MjYgNTcuNTU1OCA1Mi4zOTU3IDU3LjU1NTggNDUuODk4MkM1Ny41NTU4IDM5LjQwMDcgNTIuMjkwNCAzNC4xMzM4IDQ1Ljc5NDggMzQuMTMzOEMzOS4yOTkyIDM0LjEzMzggMzQuMDMzOCAzOS40MDA3IDM0LjAzMzggNDUuODk4MlpNNTUuMjcyOSAzMy42NjczQzU1LjI3MjcgMzQuMjExMSA1NS40MzM3IDM0Ljc0MjcgNTUuNzM1NSAzNS4xOTVDNTYuMDM3NCAzNS42NDcyIDU2LjQ2NjUgMzUuOTk5NyA1Ni45Njg2IDM2LjIwOEM1Ny40NzA3IDM2LjQxNjMgNTguMDIzNCAzNi40NzEgNTguNTU2NiAzNi4zNjUxQzU5LjA4OTggMzYuMjU5MyA1OS41Nzk2IDM1Ljk5NzYgNTkuOTY0MSAzNS42MTMzQzYwLjM0ODcgMzUuMjI4OSA2MC42MTA2IDM0LjczOTEgNjAuNzE2OSAzNC4yMDU5QzYwLjgyMzIgMzMuNjcyNiA2MC43NjkgMzMuMTE5OCA2MC41NjExIDMyLjYxNzNDNjAuMzUzMyAzMi4xMTQ5IDYwLjAwMTIgMzEuNjg1NCA1OS41NDkzIDMxLjM4MzFDNTkuMDk3NSAzMS4wODA4IDU4LjU2NjEgMzAuOTE5NCA1OC4wMjI1IDMwLjkxOTFINTguMDIxNEM1Ny4yOTI4IDMwLjkxOTUgNTYuNTk0IDMxLjIwOTEgNTYuMDc4NyAzMS43MjQ0QzU1LjU2MzQgMzIuMjM5NyA1NS4yNzM2IDMyLjkzODUgNTUuMjcyOSAzMy42NjczWk0zNi41NDE1IDY0LjU0NzFDMzQuMzA4NSA2NC40NDUzIDMzLjA5NDcgNjQuMDczMyAzMi4yODgxIDYzLjc1ODlDMzEuMjE4OCA2My4zNDI1IDMwLjQ1NTggNjIuODQ2NSAyOS42NTM2IDYyLjA0NTJDMjguODUxNCA2MS4yNDM5IDI4LjM1NDggNjAuNDgxNCAyNy45NDA0IDU5LjQxMTdDMjcuNjI1OSA1OC42MDUzIDI3LjI1NCA1Ny4zOTA4IDI3LjE1MjUgNTUuMTU3MUMyNy4wNDE0IDUyLjc0MjEgMjcuMDE5MiA1Mi4wMTY3IDI3LjAxOTIgNDUuODk4NEMyNy4wMTkyIDM5Ljc4MDEgMjcuMDQzMiAzOS4wNTY3IDI3LjE1MjUgMzYuNjM5N0MyNy4yNTQxIDM0LjQwNiAyNy42Mjg5IDMzLjE5MzkgMjcuOTQwNCAzMi4zODUxQzI4LjM1NjcgMzEuMzE1NCAyOC44NTI1IDMwLjU1MjIgMjkuNjUzNiAyOS43NDk4QzMwLjQ1NDcgMjguOTQ3NCAzMS4yMTY5IDI4LjQ1MDYgMzIuMjg4MSAyOC4wMzYxQzMzLjA5NDMgMjcuNzIxNSAzNC4zMDg1IDI3LjM0OTUgMzYuNTQxNSAyNy4yNDc5QzM4Ljk1NTggMjcuMTM2OCAzOS42ODEgMjcuMTE0NyA0NS43OTQ4IDI3LjExNDdDNTEuOTA4NiAyNy4xMTQ3IDUyLjYzNDYgMjcuMTM4NyA1NS4wNTA4IDI3LjI0NzlDNTcuMjgzOSAyNy4zNDk2IDU4LjQ5NTYgMjcuNzI0NSA1OS4zMDQyIDI4LjAzNjFDNjAuMzczNiAyOC40NTA2IDYxLjEzNjYgMjguOTQ4NSA2MS45Mzg4IDI5Ljc0OThDNjIuNzQxIDMwLjU1MTEgNjMuMjM1NyAzMS4zMTU0IDYzLjY1MiAzMi4zODUxQzYzLjk2NjQgMzMuMTkxNSA2NC4zMzg0IDM0LjQwNiA2NC40Mzk5IDM2LjYzOTdDNjQuNTUxIDM5LjA1NjcgNjQuNTczMSAzOS43ODAxIDY0LjU3MzEgNDUuODk4NEM2NC41NzMxIDUyLjAxNjcgNjQuNTUxIDUyLjc0MDEgNjQuNDM5OSA1NS4xNTcxQzY0LjMzODIgNTcuMzkwOCA2My45NjQ0IDU4LjYwNDkgNjMuNjUyIDU5LjQxMTdDNjMuMjM1NyA2MC40ODE0IDYyLjczOTkgNjEuMjQ0NiA2MS45Mzg4IDYyLjA0NTJDNjEuMTM3NyA2Mi44NDU4IDYwLjM3MzYgNjMuMzQyNSA1OS4zMDQyIDYzLjc1ODlDNTguNDk4IDY0LjA3MzUgNTcuMjgzOSA2NC40NDU1IDU1LjA1MDggNjQuNTQ3MUM1Mi42MzY2IDY0LjY1ODEgNTEuOTExMyA2NC42ODAzIDQ1Ljc5NDggNjQuNjgwM0MzOS42NzgzIDY0LjY4MDMgMzguOTU1MSA2NC42NTgxIDM2LjU0MTUgNjQuNTQ3MVpNMzYuMzUxOSAyMy4xMjYyQzMzLjkxMzYgMjMuMjM3MiAzMi4yNDc0IDIzLjYyNCAzMC43OTI0IDI0LjE5MDNDMjkuMjg1NSAyNC43NzUyIDI4LjAwOTggMjUuNTU5OSAyNi43MzUgMjYuODMzQzI1LjQ2MDMgMjguMTA2MSAyNC42Nzc5IDI5LjM4NDEgMjQuMDkzMiAzMC44OTE1QzIzLjUyNyAzMi4zNDc5IDIzLjE0MDQgMzQuMDEzNiAyMy4wMjkzIDM2LjQ1MjZDMjIuOTE2NSAzOC44OTU0IDIyLjg5MDYgMzkuNjc2NCAyMi44OTA2IDQ1Ljg5ODJDMjIuODkwNiA1Mi4xMjAxIDIyLjkxNjUgNTIuOTAxIDIzLjAyOTMgNTUuMzQzOUMyMy4xNDA0IDU3Ljc4MzEgMjMuNTI3IDU5LjQ0ODYgMjQuMDkzMiA2MC45MDVDMjQuNjc3OSA2Mi40MTE0IDI1LjQ2MDUgNjMuNjkwOSAyNi43MzUgNjQuOTYzNUMyOC4wMDk2IDY2LjIzNiAyOS4yODU1IDY3LjAxOTYgMzAuNzkyNCA2Ny42MDYxQzMyLjI1MDIgNjguMTcyNSAzMy45MTM2IDY4LjU1OTIgMzYuMzUxOSA2OC42NzAzQzM4Ljc5NTMgNjguNzgxMyAzOS41NzQ4IDY4LjgwOSA0NS43OTQ4IDY4LjgwOUM1Mi4wMTQ5IDY4LjgwOSA1Mi43OTU2IDY4Ljc4MzIgNTUuMjM3NyA2OC42NzAzQzU3LjY3NjIgNjguNTU5MiA1OS4zNDEzIDY4LjE3MjUgNjAuNzk3MiA2Ny42MDYxQzYyLjMwMzIgNjcuMDE5NiA2My41Nzk4IDY2LjIzNjYgNjQuODU0NiA2NC45NjM1QzY2LjEyOTMgNjMuNjkwNCA2Ni45MTAxIDYyLjQxMTQgNjcuNDk2NCA2MC45MDVDNjguMDYyNiA1OS40NDg2IDY4LjQ1MTEgNTcuNzgyOSA2OC41NjAzIDU1LjM0MzlDNjguNjcxMyA1Mi44OTkyIDY4LjY5NzIgNTIuMTIwMSA2OC42OTcyIDQ1Ljg5ODJDNjguNjk3MiAzOS42NzY0IDY4LjY3MTMgMzguODk1NCA2OC41NjAzIDM2LjQ1MjZDNjguNDQ5MiAzNC4wMTM0IDY4LjA2MjYgMzIuMzQ2OSA2Ny40OTY0IDMwLjg5MTVDNjYuOTEwMSAyOS4zODUgNjYuMTI3MyAyOC4xMDgxIDY0Ljg1NDYgMjYuODMzQzYzLjU4MTggMjUuNTU3OCA2Mi4zMDMyIDI0Ljc3NTIgNjAuNzk5MSAyNC4xOTAzQzU5LjM0MTMgMjMuNjI0IDU3LjY3NiAyMy4yMzU0IDU1LjIzOTYgMjMuMTI2MkM1Mi43OTc0IDIzLjAxNTEgNTIuMDE2NyAyMi45ODc0IDQ1Ljc5NjYgMjIuOTg3NEMzOS41NzY2IDIyLjk4NzQgMzguNzk1MyAyMy4wMTMzIDM2LjM1MTkgMjMuMTI2MloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTEwXzE4MzciIHgxPSI4OS44MDIiIHkxPSI5MS41NjE4IiB4Mj0iLTEuNzU5ODIiIHkyPSItMi40NjQ1OWUtMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZCRTE4QSIvPgo8c3RvcCBvZmZzZXQ9IjAuMjEiIHN0b3AtY29sb3I9IiNGQ0JCNDUiLz4KPHN0b3Agb2Zmc2V0PSIwLjM4IiBzdG9wLWNvbG9yPSIjRjc1Mjc0Ii8+CjxzdG9wIG9mZnNldD0iMC41MiIgc3RvcC1jb2xvcj0iI0Q1MzY5MiIvPgo8c3RvcCBvZmZzZXQ9IjAuNzQiIHN0b3AtY29sb3I9IiM4RjM5Q0UiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNUI0RkU5Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.tiktok-icon {
  width: 44px;
  height: 44px;
  display: block;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iIzAxMDEwMSIgZD0iTTI1IDBoMjAwYTI1IDI1IDAgMCAxIDI1IDI1djIwMGEyNSAyNSAwIDAgMS0yNSAyNUgyNWEyNSAyNSAwIDAgMS0yNS0yNVYyNUEyNSAyNSAwIDAgMSAyNSAweiIvPjxwYXRoIGZpbGw9IiNlZTFkNTEiIGQ9Ik0xNTcgMjMwYTEzLjcgMTMuNyAwIDEgMCAwLTI3LjNoLTIuMWM3LjYgMCAxMy44IDYgMTMuOCAxMy42cy02LjIgMTMuNy0xMy44IDEzLjd6Ii8+PHBhdGggZmlsbD0iIzY2YzhjZiIgZD0iTTE1NC43IDIwMi43aC0yYy03LjcgMC0xMy44IDYtMTMuOCAxMy42UzE0NSAyMzAgMTUyLjYgMjMwaDIuMWExMy43IDEzLjcgMCAxIDEgMC0yNy4zeiIvPjxlbGxpcHNlIGN4PSIxNTQuOCIgY3k9IjIxNi4zIiBmaWxsPSIjMDEwMTAxIiByeD0iNi43IiByeT0iNi42Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUwIDE5Ni41djdoOC4xdjI2LjNoOC4xdi0yNi4yaDYuNmwyLjMtNy4xem02Ni40IDB2N2g4LjF2MjYuM2g4LjF2LTI2LjJoNi42bDIuMy03LjF6bS0zOS44IDRhNCA0IDAgMCAxIDQtNGMyLjIgMCA0IDEuOCA0IDRzLTEuOCAzLjktNCAzLjlhNCA0IDAgMCAxLTQtNHptMCA2LjdoOHYyMi42aC04ek04OCAxOTYuNXYzMy4zaDh2LTguNmwyLjQtMi4yIDcuNyAxMWg4LjVsLTExLjEtMTYgMTAtOS44aC05LjZsLTggNy44di0xNS41em04NS41IDB2MzMuM2g4di04LjZsMi40LTIuMiA3LjcgMTFoOC41bC0xMS4xLTE2IDEwLTkuOGgtOS43bC03LjkgNy44di0xNS41eiIvPjxwYXRoIGZpbGw9IiNlZTFkNTIiIGQ9Ik0xNjEuMiA4MS4yQTY2LjYgNjYuNiAwIDAgMCAyMDAgOTMuNlY2NS44YTM5LjMgMzkuMyAwIDAgMS04LjItLjl2MjJBNjYuNiA2Ni42IDAgMCAxIDE1MyA3NC4zdjU2LjhBNTEuNSA1MS41IDAgMCAxIDcyLjggMTc0YTUxLjQgNTEuNCAwIDAgMCA4OC40LTM2VjgxLjJ6bTEwLTI4LjFjLTUuNi02LjEtOS4yLTE0LTEwLTIyLjd2LTMuNmgtNy44QTM5IDM5IDAgMCAwIDE3MS4yIDUzem0tODAuNCA5OUEyMy40IDIzLjQgMCAwIDEgODYgMTM4YzAtMTMgMTAuNi0yMy41IDIzLjYtMjMuNWEyMy42IDIzLjYgMCAwIDEgNy4xIDFWODdhNTIgNTIgMCAwIDAtOC4xLS40djIyLjFhMjMuNiAyMy42IDAgMCAwLTcuMi0xIDIzLjYgMjMuNiAwIDAgMC0xMC42IDQ0LjV6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1MyA3NC40YTY2LjYgNjYuNiAwIDAgMCAzOC44IDEyLjRWNjVhMzkgMzkgMCAwIDEtMjAuNi0xMS44IDM5IDM5IDAgMCAxLTE3LjgtMjYuM2gtMjAuM1YxMzhhMjMuNiAyMy42IDAgMCAxLTQyLjMgMTQuMiAyMy41IDIzLjUgMCAwIDEgMTcuOC00My41Vjg2LjZBNTEuNSA1MS41IDAgMCAwIDcyLjggMTc0YTUxLjUgNTEuNSAwIDAgMCA4MC4yLTQyLjh6Ii8+PHBhdGggZmlsbD0iIzY5YzlkMCIgZD0iTTE5MS44IDY0Ljl2LTZhMzguOCAzOC44IDAgMCAxLTIwLjYtNS44IDM5IDM5IDAgMCAwIDIwLjYgMTEuOHptLTM4LjQtMzguMWEzOS41IDM5LjUgMCAwIDEtLjQtMy4yVjIwaC0yOHYxMTEuMmEyMy42IDIzLjYgMCAwIDEtMzQuMiAyMSAyMy41IDIzLjUgMCAwIDAgNDIuMy0xNC4yVjI2Ljh6bS00NC44IDU5Ljh2LTYuNGE1MiA1MiAwIDAgMC03LS40QTUxLjUgNTEuNSAwIDAgMCA3Mi43IDE3NGE1MS41IDUxLjUgMCAwIDEgMzUuNy04Ny41eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNTQuOSAyMzBhMTMuNyAxMy43IDAgMSAwIDAtMjcuM2gtLjJjLTcuNiAwLTEzLjggNi0xMy44IDEzLjZzNi4yIDEzLjcgMTMuOCAxMy43em0tNi44LTEzLjdjMC0zLjYgMy02LjYgNi43LTYuNnM2LjcgMyA2LjcgNi42LTMgNi43LTYuNyA2LjctNi43LTMtNi43LTYuN3oiLz48L2c+PC9zdmc+Cg==)
}

.facebook-icon {
  width: 44px;
  height: 44px;
  display: block;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iOTIiIHZpZXdCb3g9IjAgMCA5MiA5MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjkxLjU2MTgiIGhlaWdodD0iOTEuNTYxOCIgcng9IjIwIiBmaWxsPSIjMzM3RkZGIi8+CjxwYXRoIGQ9Ik01Ni45ODI5IDQ4Ljc2MTRMNTguMjg3NSA0MC40NzI2SDUwLjI1MTNWMzUuMDg0OUM1MC4yNTEzIDMyLjgxODQgNTEuMzczMiAzMC42MDM4IDU0Ljk2MDggMzAuNjAzOEg1OC42NjU4VjIzLjU0NTNDNTYuNTA4MiAyMy4yMDEyIDU0LjMyOCAyMy4wMTUxIDUyLjE0MjkgMjIuOTg4NEM0NS41Mjg4IDIyLjk4ODQgNDEuMjEwNiAyNi45NjQ0IDQxLjIxMDYgMzQuMTUyNFY0MC40NzI2SDMzLjg3ODlWNDguNzYxNEg0MS4yMTA2VjY4LjgxSDUwLjI1MTNWNDguNzYxNEg1Ni45ODI5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.pinterest-icon {
  width: 44px;
  height: 44px;
  display: block;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTQiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsPSIjQkIwRjIzIiBkPSJNMTYgMzBhMTQgMTQgMCAxIDAtNS44LTEuMiA0MC4zIDQwLjMgMCAwIDEgMC0uOGwuNC0yLjUgMS43LTcuMmMtLjMtLjQtLjUtMS40LS41LTIgMC0zLjMgMS45LTQgMy00IDEuNCAwIDEuNyAxLjUgMS43IDIuNiAwIC42LS4zIDEuNi0uNiAyLjUtLjQgMS0uNyAyLS43IDIuOCAwIDEuNCAxLjQgMiAyLjMgMiAyLjUgMCA0LjgtMyA0LjgtNi4yIDAtMy4xLTEuNS03LTYuMy03cy03IDMuNy03IDYuNWMwIDIgLjggMy4zIDEuMSAzLjUuMS4xLjMuNC4yLjhsLS41IDEuNmMwIC4xIDAgLjMtLjQuMi0uNC0uMi0zLjEtMS44LTMuMS02IDAtNC4zIDMuMy05LjIgOS43LTkuMiA2LjQgMCA5LjcgNC4zIDkuNyA5LjZzLTQuMyA4LjctNy41IDguN2MtMi43IDAtMy43LTEuMi0zLjktMS44bC0xIDMuOGMtLjIuNi0uNiAxLjgtMS4yIDIuOCAxLjMuMyAyLjYuNSAzLjkuNVoiLz48L3N2Zz4K)
}

.youtube-icon {
  width: 44px;
  height: 44px;
  display: block;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iOTIiIHZpZXdCb3g9IjAgMCA5MiA5MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjkxLjU2MTgiIGhlaWdodD0iOTEuNTYxOCIgcng9IjIwIiBmaWxsPSIjRkYwMDAwIi8+CjxwYXRoIGQ9Ik03MS4yNDcxIDMzLjE4NzJDNzAuNjQ5MyAzMC45Mzk4IDY4Ljg4MDkgMjkuMTY2OCA2Ni42MzA5IDI4LjU1OTJDNjIuNTYyNiAyNy40Njg4IDQ2LjIzOTYgMjcuNDY4OCA0Ni4yMzk2IDI3LjQ2ODhDNDYuMjM5NiAyNy40Njg4IDI5LjkyNSAyNy40Njg4IDI1Ljg0ODQgMjguNTU5MkMyMy42MDY3IDI5LjE1ODUgMjEuODM4MyAzMC45MzE1IDIxLjIzMjIgMzMuMTg3MkMyMC4xNDQ1IDM3LjI2NTkgMjAuMTQ0NSA0NS43ODExIDIwLjE0NDUgNDUuNzgxMUMyMC4xNDQ1IDQ1Ljc4MTEgMjAuMTQ0NSA1NC4yOTY0IDIxLjIzMjIgNTguMzc1QzIxLjgzIDYwLjYyMjQgMjMuNTk4NCA2Mi4zOTU0IDI1Ljg0ODQgNjMuMDAzMUMyOS45MjUgNjQuMDkzNSA0Ni4yMzk2IDY0LjA5MzUgNDYuMjM5NiA2NC4wOTM1QzQ2LjIzOTYgNjQuMDkzNSA2Mi41NjI2IDY0LjA5MzUgNjYuNjMwOSA2My4wMDMxQzY4Ljg3MjYgNjIuNDAzNyA3MC42NDEgNjAuNjMwOCA3MS4yNDcxIDU4LjM3NUM3Mi4zMzQ4IDU0LjI5NjQgNzIuMzM0OCA0NS43ODExIDcyLjMzNDggNDUuNzgxMUM3Mi4zMzQ4IDQ1Ljc4MTEgNzIuMzM0OCAzNy4yNjU5IDcxLjI0NzEgMzMuMTg3MloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00MS4wMjU2IDUzLjYzMDVMNTQuNTgzOCA0NS43ODExTDQxLjAyNTYgMzcuOTMxOFY1My42MzA1WiIgZmlsbD0iI0ZGMDAwMCIvPgo8L3N2Zz4K)
}

.x-icon {
  width: 44px;
  height: 44px;
  display: block;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC42MDkzNzUiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgcng9IjkuNjExMTkiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMC41MjI4IDExLjU1NjZMMTkuNDI5NiAyMy43NTA4TDEwLjQ2NjYgMzMuNjYyNEgxMi40ODQ5TDIwLjMyOTggMjQuOTgyMUwyNi42Njk2IDMzLjY2MjRIMzMuNTMzNEwyNC4xMjc0IDIwLjc4NDJMMzIuNDY4IDExLjU1NjZIMzAuNDUzMkwyMy4yMjcyIDE5LjU0OTNMMTcuMzkwMSAxMS41NTY2SDEwLjUyMjhaTTEzLjQ5MDYgMTMuMDc2SDE2LjY0NDdMMzAuNTY5MiAzMi4xMzk0SDI3LjQxNTFMMTMuNDkwNiAxMy4wNzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  background: rgba(0, 0, 0, .8)
}

.lightbox img {
  max-height: 100%
}

.lightbox:target {
  display: flex;
  justify-content: center;
  align-items: center
}

.lightbox span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.ows {
  padding: 30px 0 0
}

@media (max-width:576px) {
  .ows {
    padding: 15px 0;
    margin: 0 -15px
  }
}

.ows .owl-carousel .owl-item img {
  display: inline-block;
  width: fit-content
}

.ows__title {
  text-align: center;
  margin: 0 auto 40px
}

@media (max-width:576px) {
  .ows__title {
    margin: 0 auto 10px
  }
}

.ows__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center
}

.ows__arrow {
  padding: 5px;
  cursor: pointer
}

.ows__tabs {
  max-width: 90%
}

@media (max-width:576px) {
  .ows__tabs {
    max-width: 80%
  }
}

.ows__tab {
  display: flex;
  flex-direction: row
}

@media (max-width:576px) {
  .ows__tab {
    flex-direction: column-reverse
  }
}

.ows__col {
  padding: 0 15px 50px;
  flex-basis: 50%;
  text-align: center
}

@media (max-width:576px) {
  .ows__col {
    padding: 0 5px 0;
    flex-basis: 100%
  }
}

.ows__col img {
  max-width: 70%
}

.ows__col p {
  margin: 0 0 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px
}

.ows__col_title {
  margin: 30px 0 0;
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 32px
}

.ows__col .button {
  margin: 30px 0 15px 0
}

.sld-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 700
}

.sld-carrousel-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none
}

.sld-card {
  flex: 0 0 auto;
  padding-right: 15px;
  cursor: pointer;
  user-select: none;
  outline: 0
}

.sld-card a {
  display: block
}

.sld-card:hover {
  user-select: none;
  outline: 0
}

.sld-card:last-child {
  margin-right: 15px
}

.sld-card:last-child:after {
  content: " ";
  display: inline-block
}

.sld-title {
  margin-top: 8px;
  overflow: hidden;
  font-weight: 700
}

.sld-start-from {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.sld-carrousel,
.sld-carrousel-flexbox {
  width: 100%;
  -webkit-overflow-scrolling: touch
}

.sld-carrousel-flexbox::-webkit-scrollbar,
.sld-carrousel::-webkit-scrollbar {
  display: none
}

.deals-paddle {
  height: 38px;
  width: 38px;
  color: #fff;
  background-color: rgba(0, 0, 0, .537254902);
  border: 0 solid;
  margin: auto;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: var(--border-radius)
}

.deals-paddle:focus {
  outline: 0
}

.deals-paddle:active {
  border-style: solid;
  outline: 0;
  user-select: none
}

.deals-scroll-left {
  top: 0;
  left: 5px;
  bottom: 0;
  transform: rotateZ(270deg)
}

.deals-scroll-right {
  top: 0;
  bottom: 0;
  right: 5px;
  transform: rotateZ(90deg)
}

.Social Casinos-list {
  width: 100%;
  margin: 25px 0
}

.Social Casinos-list__items-container {
  display: flex;
  align-self: center;
  flex-wrap: wrap;
  gap: 17px;
  justify-content: space-between
}

.Social Casinos-list__item {
  width: 220px;
  display: flex;
  gap: 10px;
  flex-direction: column
}

.Social Casinos-list__item__image {
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  height: 165px
}

.Social Casinos-list__item__image img {
  height: fit-content
}

.Social Casinos-list__item__subtitle {
  color: #667797;
  font-size: 12px;
  font-weight: 510;
  line-height: 14px
}

.Social Casinos-list__item__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px
}

.Social Casinos-list__item button {
  width: 100%;
  padding: 10px 20px
}

.bonus-table {
  padding: 24px;
  margin: 25px 0;
  gap: 24px;
  background: #dde4ec;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column
}

.bonus-table__title {
  background: var(--header-block-bg-color);
  font-size: 24px;
  font-weight: 700;
  line-height: 31.92px;
  text-align: center;
  padding: 10px 16px;
  border-radius: 10px
}

.bonus-table__items-container {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr
}

@media (max-width:768px) {
  .bonus-table__items-container {
    grid-template-columns: 1fr
  }
}

.bonus-table__item {
  background: var(--header-block-bg-color);
  border-radius: 10px;
  background-image: var(--bg-image-block);
  background-size: 55% 70%;
  background-position: bottom right;
  background-repeat: no-repeat;
  display: flex;
  padding: 16px
}

@media (max-width:768px) {
  .bonus-table__item {
    flex-direction: column
  }
}

.bonus-table__item__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px
}

.bonus-table__item_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 21.28px
}

.bonus-table__item_bonus {
  padding: 5px 15px;
  border-radius: var(--border-radius);
  background-color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  color: var(--main-color);
  display: inline-block
}

.bonus-table__item_desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.95px
}

.bonus-table__item_image {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 50%
}

.bonus-table__item_image img {
  width: auto
}

@media (max-width:768px) {
  .bonus-table__item_image img {
    width: 82px
  }
}

@media (max-width:768px) {
  .bonus-table__item_image {
    width: 100%
  }
}

.bonus-table__item_button button {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding: 10px 20px
}

.baner {
  margin: 25px 0;
  padding: 24px;
  gap: 24px;
  background: var(--header-block-bg-color);
  background-image: var(--bg-image-block);
  background-size: 55% 140%;
  background-position: bottom right;
  background-repeat: no-repeat;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center
}

@media (max-width:768px) {
  .baner {
    flex-direction: column
  }
}

.baner__left {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 24px
}

.baner__left p {
  margin: 0
}

@media (max-width:768px) {
  .baner__left {
    width: 100%
  }
}

.baner__right {
  width: 38%;
  text-align: center
}

@media (max-width:768px) {
  .baner__right {
    display: none
  }

  .baner__right.show_in_mobile {
    display: block;
    width: 100%
  }
}

.baner__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 42.56px
}

.baner__payment {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

.baner__payment__item {
  background: #fff;
  border-radius: 5px;
  padding: 5px;
  width: 70px;
  height: 32px;
  text-align: center
}

.baner__payment__item img {
  width: auto;
  height: 100%
}

@media (max-width:768px) {
  .baner__payment {
    justify-content: space-between
  }
}

.baner__buttons {
  display: flex;
  gap: 24px
}

.baner__buttons button {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding: 10px 20px
}

@media (max-width:768px) {
  .baner__buttons {
    flex-wrap: wrap
  }
}

.baner__mobile-text {
  display: none
}

@media (max-width:768px) {
  .baner__mobile-text {
    display: block;
    text-align: center
  }
}

.win-table {
  margin: 25px 0;
  border-radius: var(--border-radius);
  padding: 24px;
  background: #dde4ec
}

@media (max-width:769px) {
  .win-table {
    width: 750px
  }

  .win-table-container {
    overflow: scroll;
    width: 100%
  }
}

.win-table__items-container {
  border-radius: 10px;
  overflow: hidden;
  background: var(--main-color)
}

.win-table__item {
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px
}

.win-table__item.header {
  background: var(--header-block-bg-color);
  font-weight: 600
}

.win-table__item-col1 {
  text-align: left
}

.win-table__item-col2 {
  text-align: center
}

.win-table__item-col3 {
  text-align: right
}

.win-table__item-win {
  background: #87bd14;
  color: #fff;
  font-family: Segoe UI;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.62px;
  padding: 5px;
  border-radius: var(--border-radius);
  display: inline
}

.win-table__button {
  padding-bottom: 16px;
  text-align: center
}

.win-table__button button {
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  width: fit-content
}

.toggle-section {
  position: relative
}

.toggle-section__image {
  position: absolute;
  top: 8px;
  height: 30px;
  width: 30px;
  margin-left: 10px
}

.toggle-section__content {
  transition: all .2s ease;
  opacity: 1;
  overflow: hidden;
  border: 1px solid var(--table-bg-color-head);
  padding: 10px;
  margin: 10px 0;
  border-radius: var(--border-radius)
}

.toggle-section__heading {
  color: var(--table-font-color-head);
  background: var(--table-bg-color-head);
  border-radius: var(--border-radius);
  margin: 0;
  padding: 0 10px 0 45px;
  min-height: 46px;
  display: flex;
  align-items: center;
  font-size: 1.3rem
}

.toggle-section__heading:after {
  content: "▲";
  position: absolute;
  right: 10px;
  top: 8px;
  height: 30px;
  color: var(--table-font-color-head);
  z-index: 1;
  transform: rotate(180deg)
}

input[type=checkbox].hide-input:checked~.toggle-section__content {
  height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0
}

input[type=checkbox].hide-input:checked~.toggle-section__heading:after {
  content: "▲";
  position: absolute;
  right: 10px;
  color: var(--header-link-color-secodary);
  height: 30px;
  top: 8px;
  transition: 50ms;
  transform: rotate(0)
}

input.hide-input {
  position: absolute;
  left: -999em
}

label.toggle {
  text-align: left;
  display: inline-block;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 900;
  border-radius: 3px;
  user-select: none;
  width: 100%;
  position: absolute;
  top: 0;
  height: 60px;
  z-index: 2
}

.pros-and-cons {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  margin: 10px 0
}

.pros-and-cons ol li:before {
  background-color: #089e4e
}

@media (max-width:768px) {
  .pros-and-cons {
    flex-direction: column
  }
}

.pros-and-cons__item {
  width: 100%
}

.pros-and-cons__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
  background-color: #089e4e;
  border-radius: var(--border-radius) var(--border-radius) 0 0
}

.pros-and-cons__title {
  padding: 10px 20px;
  font-size: 1.3rem;
  font-weight: 900;
  color: #fff;
  font-family: var(--font-family-title)
}

.pros-and-cons__span {
  width: 22px;
  height: 22px;
  color: #000;
  background-color: #fff;
  text-align: center;
  border-radius: var(--border-radius);
  font-size: 22px;
  line-height: 22px
}

.pros-and-cons__content {
  padding: 30px;
  border-right: 2px solid #089e4e;
  border-left: 2px solid #089e4e;
  border-bottom: 2px solid #089e4e;
  border-radius: 0 0 var(--border-radius) var(--border-radius)
}

.pros-and-cons__item--dark .pros-and-cons__header {
  background-color: #ff5151
}

.pros-and-cons__item--dark ol li:before {
  background-color: #ff5151
}

.pros-and-cons__item--dark .pros-and-cons__content {
  border-right: 2px solid #ff5151;
  border-left: 2px solid #ff5151;
  border-bottom: 2px solid #ff5151
}

.gift-block__arrow-img {
  animation: stopsignal 2s steps(2) infinite
}

.gift-block__arrow {
  position: relative;
  height: 50px
}

.gift-block__arrow img:nth-child(2) {
  width: 80px;
  position: absolute;
  top: -8px;
  right: calc(50% - 40px);
  animation-delay: 1s
}

.gift-block__arrow img:nth-child(1) {
  width: 140px;
  position: absolute;
  top: 0;
  right: calc(50% - 70px)
}

@keyframes stopsignal {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes scaleanim {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.3)
  }

  100% {
    transform: scale(1)
  }
}

.gift-block__icon {
  width: 60px;
  background-color: #f0f0f0;
  padding: 11px;
  border-radius: 67%;
  height: 60px;
  animation: 4s infinite scaleanim;
  transition: .5s;
  z-index: 2
}

.gift-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 20px auto;
  min-width: 240px
}

.gift-block__icon path {
  fill: var(--main-color)
}

.gift-block__text {
  color: #000;
  text-align: center;
  padding: 20px;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
  z-index: 1;
  max-width: 300px
}

.gift-block__text h1 {
  margin: 0 0 5px 0
}

.gift-block__text p {
  margin: 0
}

.gift-block::after {
  width: 100%;
  height: calc(100% - 30px);
  content: " ";
  position: absolute;
  bottom: 0;
  z-index: 0;
  border-radius: 20px;
  background-color: #fff;
  border: 3px solid var(--button-border-color);
  outline: 1px solid #e6e5e4;
  outline-offset: -8px;
  box-shadow: 0 17px 40px rgba(9, 25, 42, .36)
}

.gift-block__button {
  display: flex;
  justify-content: center;
  padding: 20px;
  z-index: 2
}

.gift-block__button button {
  font-size: 1rem;
  background: var(--site-button-bg-color);
  color: var(--site-button-color);
  border: 0 solid #0a0a0a;
  font-weight: 900;
  min-width: 208px
}

.howto888 h2 {
  font-size: 34px;
  font-weight: 700;
  line-height: 38px
}

.howto888__block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  position: relative;
  gap: 20px
}

.howto888__arrow {
  color: #066edc;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  position: relative
}

.howto888__arrow svg {
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  animation-duration: .7s
}

.howto888__arrow svg:first-child {
  position: absolute;
  top: -5px;
  animation-delay: .5s;
  opacity: .5
}

.step {
  width: 100%;
  background: var(--main-color);
  border-radius: 10px;
  padding: 20px
}

.step__body {
  display: flex;
  align-items: stretch;
  gap: 20px
}

.step__body span {
  color: var(--main-text-color);
  background-image: var(--site-button-bg-color);
  min-width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}

.step__image {
  width: 340px;
  margin-left: auto;
  min-width: 340px
}

.step__image img {
  max-width: 100%;
  height: auto
}

.step__info {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-direction: column
}

.step__title {
  color: var(--main-accent-color);
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 10px
}

@media (max-width:768px) {
  .step__body {
    flex-wrap: wrap
  }

  .step__info {
    width: calc(100% - 50px)
  }

  .step__image {
    min-width: auto;
    width: 100%
  }

  .step__image img {
    max-width: 100%;
    width: 100%;
    height: auto
  }
}

.faq ul li {
  padding-left: 0 !important
}

.faq ul li::before {
  content: none !important
}

.faq h2 {
  margin-top: 0;
  margin-bottom: 20px
}

.faq__title {
  text-align: center;
  margin: 40px auto 35px
}

.faq__nav {
  list-style: none;
  padding: 0
}

.faq__nav .faq__nav_item {
  padding: 10px 20px 8px;
  margin: 0 0 4px;
  color: #131313;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  line-height: 26px;
  cursor: pointer;
  transition: .2s
}

.faq__nav .faq__nav_item:hover {
  background-color: #fff;
  color: var(--main-color)
}

.faq__nav .faq__nav_item-active {
  background-color: #fff;
  color: var(--main-color)
}

.faq__items {
  list-style: none;
  padding: 0
}

.faq__items .faq__item {
  position: relative;
  margin: 0 0 10px;
  background-color: var(--main-color);
  padding: 0;
  overflow: hidden;
  border-radius: 10px
}

.faq__items .faq__item::before {
  content: none
}

.faq__items .faq__item_title {
  position: relative;
  padding: 20px 65px 20px 20px;
  cursor: pointer;
  margin: 0;
  background-color: var(--main-color)
}

.faq__items .faq__item_title h2,
.faq__items .faq__item_title h3,
.faq__items .faq__item_title h4,
.faq__items .faq__item_title h5 {
  margin: 0
}

.faq__items .faq__item_icon {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  height: 38px;
  width: 38px
}

.faq__items .faq__item_icon:after {
  content: "";
  mask-repeat: no-repeat;
  background-color: var(--main-text-color);
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none"><path d="M16.5938 32.625C14.3438 32.625 12.2344 32.1979 10.2656 31.3438C8.29688 30.5 6.5625 29.3281 5.0625 27.8281C3.57292 26.3385 2.40625 24.6146 1.5625 22.6562C0.71875 20.6875 0.296875 18.5781 0.296875 16.3281C0.296875 14.0781 0.71875 11.9688 1.5625 10C2.40625 8.03125 3.57292 6.30208 5.0625 4.8125C6.5625 3.3125 8.29688 2.14062 10.2656 1.29688C12.2344 0.453125 14.3438 0.03125 16.5938 0.03125C18.8438 0.03125 20.9531 0.453125 22.9219 1.29688C24.8906 2.14062 26.6198 3.3125 28.1094 4.8125C29.599 6.30208 30.7656 8.03125 31.6094 10C32.4635 11.9688 32.8906 14.0781 32.8906 16.3281C32.8906 18.5781 32.4635 20.6875 31.6094 22.6562C30.7656 24.6146 29.599 26.3385 28.1094 27.8281C26.6198 29.3281 24.8906 30.5 22.9219 31.3438C20.9531 32.1979 18.8438 32.625 16.5938 32.625ZM8.95312 16.3438C8.95312 16.8229 9.10938 17.2188 9.42188 17.5312C9.73438 17.8333 10.1354 17.9844 10.625 17.9844H14.9375V22.3281C14.9375 22.8073 15.0938 23.2031 15.4062 23.5156C15.7188 23.8281 16.1146 23.9844 16.5938 23.9844C17.0729 23.9844 17.4688 23.8281 17.7812 23.5156C18.1042 23.2031 18.2656 22.8073 18.2656 22.3281V17.9844H22.5938C23.0729 17.9844 23.4688 17.8333 23.7812 17.5312C24.1042 17.2188 24.2656 16.8229 24.2656 16.3438C24.2656 15.8542 24.1094 15.4531 23.7969 15.1406C23.4844 14.8281 23.0833 14.6719 22.5938 14.6719H18.2656V10.3438C18.2656 9.85417 18.1042 9.45312 17.7812 9.14062C17.4688 8.82812 17.0729 8.67188 16.5938 8.67188C16.1146 8.67188 15.7188 8.82812 15.4062 9.14062C15.0938 9.45312 14.9375 9.85417 14.9375 10.3438V14.6719H10.625C10.1354 14.6719 9.73438 14.8281 9.42188 15.1406C9.10938 15.4531 8.95312 15.8542 8.95312 16.3438Z" fill="currentColor"/></svg>');
  mask-size: 38px;
  width: 38px;
  height: 38px;
  position: absolute;
  transition: .2s ease-in-out;
  z-index: -1
}

.faq__items .faq__item_text {
  position: relative;
  padding: 0 50px 0 20px;
  margin: 0;
  background-color: var(--main-color);
  transition: .1s;
  font-size: 16px;
  line-height: 20px;
  height: 0
}

.faq__items .faq__item_text p {
  margin: 0 !important
}

.faq__items .faq__item_text ul {
  padding-left: 30px !important
}

.faq__items .faq__item_text ul li {
  list-style: disc
}

.faq__items .faq__item-active .faq__item_icon:after {
  transform: rotate(45deg)
}

.faq__items .faq__item-active .faq__item_title {
  padding-bottom: 10px
}

.faq__items .faq__item-active .faq__item_text {
  padding: 0 65px 20px 20px;
  height: auto;
  max-height: 100%
}

.video {
  padding: 30px 15px
}

.video__container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #000;
  margin: 40px 0
}

.video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: 0 0;
  border: none
}

.video__button svg {
  width: 100px;
  height: auto;
  max-height: 50px
}

.video__button-shape {
  fill: #212121;
  fill-opacity: .8
}

.video__button-icon {
  fill: #fff
}

.video__button:focus {
  outline: 0
}

.video__button:focus .video__button-shape,
.video__button:hover .video__button-shape {
  fill: red;
  fill-opacity: 1
}

.video__button:hover {
  cursor: pointer
}

.video__preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

@media (max-width:576px) {
  .video {
    padding: 20px 15px
  }
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center, center
}

.video__youtube {
  position: relative;
  padding-bottom: 56.25%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.video__youtube__play {
  background-image: url(../../img/video-play.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10
}

.video__youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.video2 {
  max-width: 650px
}

.video2.align-center {
  margin: 0 auto
}

.video2.align-right {
  margin-left: auto
}

.video2__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.wrapper {
  padding: 3rem 0;
}

.logo-site {
  max-width: 5rem;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em
}

.wp-block-file__button {
  background: #32373c;
  color: #fff;
  text-decoration: none
}

.alternative-pages {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin: 20px 0;
  padding: 5px;
}

@media screen and (min-width: 576px) {
  .alternative-pages {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 768px) {
  .alternative-pages {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.alternative-pages__item {
  background-color: white;
  padding: 16px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

.alternative-pages__bonus-desctiption {
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
}

.alternative-pages__title {
  margin: -16px -16px 20px -16px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background-color: var(--main-color);
  border-radius: 5px;
  font-weight: bold;
}

.alternative-pages__rating {
  text-align: center;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alternative-pages__stars {
  margin-left: 5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alternative-pages__image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  margin-bottom: 12px;
}

.alternative-pages__image-wrap img {
  width: 100%;
  height: auto;
}

.alternative-pages__promo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 12px;
  min-height: 42px;
  align-items: center;
  gap: 10px;
}

.alternative-pages__promo a {
  color: black;
  text-decoration: none;
  display: block;
  width: 100%;
}

.alternative-pages__button-wrap a,
.alternative-pages__button-wrap button {
  color: black;
  width: 100%;
  text-decoration: unset;
}

.alternative-pages__description {
  display: grid;
  grid-template-columns: 1fr 7fr;
  align-items: center;
}

.alternative-pages__description i {
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 version=%271.1%27 id=%27Layer_1%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23A5EB78;%27 d=%27M433.139,67.108L201.294,298.953c-6.249,6.249-16.381,6.249-22.63,0L78.861,199.15L0,278.011 l150.547,150.549c10.458,10.458,24.642,16.333,39.431,16.333l0,0c14.788,0,28.973-5.876,39.43-16.333L512,145.968L433.139,67.108z%27/%3E%3Cg style=%27opacity:0.1;%27%3E%3Cpath d=%27M485.921,119.888L187.59,418.22c-8.254,8.253-18.633,13.882-29.847,16.391c9.363,6.635,20.608,10.28,32.235,10.28l0,0 c14.788,0,28.973-5.876,39.43-16.333L512,145.966L485.921,119.888z%27/%3E%3C/g%3E%3C/svg%3E");
}

.alternative-pages__description p {
  white-space: pre-wrap;
  margin: 5px 0;
}

.alt-promocode {
  display: flex;
  flex-direction: row;
}

.alt-promocode--button {
  position: relative;
}

.alt-promocode--button svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 10px);
  right: 5px;
  cursor: pointer;
  max-width: 20px;
}

.alt-promocode--input {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  border: 1px dashed;
}

.alt-promocode--input input,
.alt-promocode--input div {
  height: 40px;
  text-align: center;
  border-radius: var(--border-radius);
  border: unset;
  font-weight: bold;
  font-size: 1rem;
  padding: 0;
  padding-right: 5px;
  max-width: 150px;
  text-decoration: unset;
}

.alt-promocode--input div {
  display: flex;
  align-items: center;
}

.alt-promocode--fake {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 150px;
}

.alt-promocode--fake:before {
  content: " ";
  width: 69%;
  height: 100%;
  position: absolute;
  background-color: var(--main-accent-color);
  top: 0;
  z-index: 6;
  left: -12px;
  transform: skewX(10deg);
}

.alt-promocode--fake:after {
  content: " ";
  width: 10%;
  height: 0;
  position: absolute;
  border: 21px solid transparent;
  border-right: 21px solid black;
  opacity: 0.5;
  top: 0;
  z-index: 6;
  left: 24%;
  transform: skewX(10deg);
  border-radius: 4px;
}


@media only screen and (max-width: 520px) {
  .Social Casinos-list__item {
    width: 45% !important;
  }

  .Social Casinos-list__item__image {
    height: auto;
  }
}


@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local(''),
    url('/fonts/ManropeLight.woff2') format('woff2'),
    url('/fonts/ManropeLight.woff') format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
    url('/fonts/ManropeRegular.woff2') format('woff2'),
    url('/fonts/ManropeRegular.woff') format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local(''),
    url('/fonts/ManropeBold.woff2') format('woff2'),
    url('/fonts/ManropeBold.woff') format('woff');
}



:root {
  --main-background: #091d1e;
  --header-block-bg-color: #1c3d3d;
  --bg-block-color: #033B76;
  --bg-image-block: url('');
  --main-color: #15312e;
  --main-text-color: #ffffff;
  --second-color: #0287e8;
  --links-color: #009a47;
  --links-hover-color: #00d856;
  --header-bg-color: #1c3d3d;
  --nav-color: #ffffff;
  --header-second-bg-color: #15312e;
  --nav-second-color: #ffffff;

  --header-link-bg-first: linear-gradient(80.5deg, #08cf9f -7.62%, #009b81 71.5%);
  --header-link-color-first: #fff;
  --header-link-hover-first: linear-gradient(261.85deg, rgb(8 207 188 / 80%) 26.77%, rgb(3 243 244 / 80%) 100%);

  --header-link-bg-secodary: linear-gradient(81.68deg, #2EB865 0%, #089D4E 71.98%);
  --header-link-color-secodary: #ffffff;
  --header-link-hover-secodary: linear-gradient(81.68deg, rgba(46, 184, 101, 0.8) 0%, rgba(8, 157, 78, 0.8) 71.98%);

  --site-button-bg-color: linear-gradient(80.5deg, #08cf9f -7.62%, #009b81 71.5%);
  ;
  --site-button-color: #ffffff;
  --site-button-shadow: 0px 0px 10px 0px #057BE64D;
  --site-button-hover-bg-color: linear-gradient(261.85deg, rgb(8 207 188 / 80%) 26.77%, rgb(3 243 244 / 80%) 100%);
  --site-button-hover-bg-second-color: linear-gradient(81.68deg, rgba(46, 184, 101, 0.8) 0%, rgba(8, 157, 78, 0.8) 71.98%);
  --site-button-hover-color: #ffffff;
  --site-button-hover-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  --site-second-button-shadow: ;
  --second-button-background: linear-gradient(81.68deg, #2EB865 0%, #089D4E 71.98%);
  --second-buttons-color: #ffffff;

  --fl-background: #19263d;
  --fl-background-hover: #19263d;

  --button-border-color: #000;
  --border-radius: 10px;
  --button_height: 45px;
  --footer-bg-color: #1c3d3d;
  --footer-text-color: #ffffff;
  --font-size: 16px;
  --line-height: 1.35;

  --h1-font-size: 32px;
  --h2-font-size: 24px;
  --h3-font-size: 18px;
  --h4-font-size: 18px;

  --list-style: "\2756";
  --toc-style: "\1F89D";
  --font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-family-title: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  --table-bg-color-head: #12192b;
  --table-font-color-head: #ffffff;
  --table-bg-cell: #12192b;
  --table-border-color: #ffffff;


  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;


  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
}



.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
  color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}


img:is([sizes="auto" i], [sizes^="auto," i]) {
  contain-intrinsic-size: 3000px 1500px
}