@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap');
:root{--system-font:"Jost", sans-serif;--primary:#3D2E82;--accent:#FACE08;--shadow:rgba(0,0,0,0.2) 0 0 10px;--black:#000;--white:#fff;--big-shadow:#C9D4D9 0 0 90px;--grey:#A1A1A1;--silver:#F5F5F5;}

iframe {vertical-align: middle;}
html {overflow-x:hidden;}
body,html{font-family:var(--system-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height: 100%;}
.small-shadow {box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);}
.primary-text {color: var(--primary);}
.white-text, .light-text {color: var(--white);}
.primary {background-color: var(--primary);}
.accent {background-color: var(--accent);}
.white {background-color: var(--white);}
.black {background-color: var(--black);}
.black-text {color: var(--black);}
.silver {background-color: var(--silver);}
.tektur-font {font-family: "Tektur", sans-serif;}
.mh100p {min-height: 100%;}
.mask {background-color: var(--black); opacity: 0.6;position: absolute;top:0;left:0;width: 100%; height: 100%;}
body{font-family:var(--system-font);font-size:16px;font-weight:500;-webkit-animation:fadeinout .3s ease-in 1 forwards;animation:fadeinout .3s ease-in 1 forwards;}
@-webkit-keyframes fadeinout{0%{opacity:0}
100%{opacity:1}
;}
@keyframes fadeinout{0%{opacity:0}
100%{opacity:1}
;}
.flex-col{float:none !important;flex-direction:row;}
.flex-row{display:flex;}
.flex1 {flex: 1;}
.v-center{top:50%;position:relative;transform:translateY(-50%);}
.vcenter-items {align-items: center;}
.lngbar{position:absolute;top:15px;right:60px;z-index:30;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.lngbar .lng{width:30px;height:30px;text-align:center;line-height:30px;color:var(--white);font-weight:600;background-color:var(--accent); font-size: 0.9em;}
.lngbar ul{list-style:none;position:absolute;top:30px;left:0;background-color:var(--silver);width:30px;text-align:center;opacity:0;height:0px;overflow:hidden;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul.open{opacity:100;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;height:auto;}
.lngbar ul li{color:#000;cursor:pointer;height:30px;line-height:30px;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover{color:var(--black);background-color:var(--primary);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover a{color:var(--white);}
.lngbar ul li a{text-decoration:none;color:#000;font-size:0.8em;font-weight:400;}
.lngbar .select{border-color:var(--primary) transparent;border-style:solid solid none;border-width:5px 5px medium;height:5px;right:-12px;position:absolute;top:12px;width:0;text-decoration:none;color:var(--black);}
.editable {display: contents;}
.cmspage .wraper {margin: auto;}
.cmspage p {margin-bottom: 10px;}
.cmspage ul, .cmspage ol {margin-bottom: 10px; padding-left: 20px; line-height: 1.5;}
/* .cmspage h2 {margin-bottom: 30px;}
.cmspage h3 {margin-bottom: 15px; font-size: 1.4em; font-weight: 700;} */
.cmspage table {border: solid 1px var(--silver); border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.cmspage table  td {padding: 10px; border: solid 1px var(--silver);}
.active-slide-right {transform: translateX(100px) !important;}
.active-slide-left {transform: translateX(-100px) !important;}

.responsive-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    box-sizing: border-box;
    margin: 0;
}
.responsive-row > [class*="col-"] {
    padding: 0 0.5rem;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-left: 0;
}

select {
  appearance: none;         /* Most modern browsers */
  -webkit-appearance: none; /* Safari/Chrome */
  -moz-appearance: none;    /* Firefox */
  background: none;
  border: none;
}

header {position: sticky;top: 0;background: var(--white);}
header#header nav > ul,footer nav > ul{display: flex; justify-content: space-between;gap: 20px;}
#header nav ul li>a, footer nav > ul li {border-bottom: 3px solid transparent; font-weight: 600;}
#header nav ul li:hover>a {border-bottom: 3px solid var(--accent);}
header nav ul li {display: inline-block; margin-left: 10px; margin-right: 10px; position: relative;}
header nav ul li a {display: block; line-height: 35px;}
header nav ul li ul {position: absolute; display: none; padding: 20px; background-color: var(--white); border-radius: 10px; box-shadow: var(--shadow); z-index: 50;  width: max-content;     transform: translate(-30%, 0);}
header nav ul li:hover ul {display: flex; flex-direction: column; align-items: start; flex-wrap: wrap;column-gap:30px; row-gap: 5px;}
.header-hidden {position: fixed; top: -200px; transition: top 2s;} 
.header-visible {position: fixed; top: 0px; transition: top 2s;} 
[typeof="v:Breadcrumb"]:last-of-type {
  color: var(--accent);
}

.gallery-home-slick .slick-track .slick-slide, .gallery-home-slick-rtl .slick-track .slick-slide {margin-inline: 10px;}


.find-us-slider img {margin: auto;}
.double-slider .slick-slide {margin-inline: 10px;}
.double-slider .custom-prev::after {content: url('/public/images/arrow-left.svg'); display: block; width: 50px; height: 50px;cursor:pointer;z-index: 21; position: relative;}
.double-slider .custom-next::after{content: url('/public/images/arrow-right.svg');display: block; width: 50px; height: 50px;cursor:pointer;z-index: 21; position: relative;}
.double-slider .custom-prev:hover::after {content: url('/public/images/arrow-marked-left.svg');}
.double-slider .custom-next:hover::after{content: url('/public/images/arrow-marked-right.svg');}
.double-slider .custom-next{position: absolute;bottom: -60px;right: calc(50% - 55px)}
.double-slider .custom-prev{position: absolute;bottom: -60px;left: calc(50% - 55px)}

.games-cards article > div {display: flex; gap: 20px; height: 220px;background-color: color-mix(in srgb, #3D2E82, black 20%);}
.games-cards article .information {display: flex; flex-direction: column; gap: 10px;}
.games-cards article .title {font-size: 22px; font-weight: bold;text-transform: uppercase;}
.games-cards article .kw {font-weight: bold;margin-top: 10px;}
.games-cards article .img {background-color: var(--white);padding: 20px; flex: none;}
.games-cards article .img img {object-fit: contain;height: 100%;width: 100%;}
.games-cards article .apply, .games-cards article .read-more, .games-cards article .date{ display: none;}

#games-catalog > .row {width: 100%;}

@media (max-width:1460px){
  header#header nav > ul, footer nav > ul {gap:0px}
   .games-cards article > div {flex-direction: column;height: auto;}
}

@media (max-width:1024px){
  .menu-call { width: 30px; position: relative; z-index: 101; cursor: pointer; padding-top: 10px; padding-bottom: 10px; }
  .menu-call span { width: 100%; height: 3px; background-color: var(--primary); top: 0; right: 0; display: block; -moz-transition: all .2s linear; -webkit-transition: all .2s linear }
  .menu-call span:before { content: ''; height: 3px; width: 100%; margin-bottom: 5px; display: block; background-color: var(--black); position: absolute; top: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear }
  .menu-call span:after { content: ''; height: 3px; width: 100%; margin-top: 5px; display: block; background-color: var(--black); position: absolute; bottom: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear }
  .menu-call.open span { -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; width: 0 }
  .menu-call.open span:before,
      .menu-call.open span:after { content: ''; height: 2px; width: 100%; display: block; position: absolute; top: 8px; -webkit-transform: rotate(45deg); -moz-transition: all .2s linear; -webkit-transition: all .2s linear }
  .menu-call.open span:before { transform: rotate(45deg); }
  .menu-call.open span:after { transform: rotate(-45deg); margin-top: 0px; }
  .menu-call span:before,
      .menu-call span:after,
      .menu-call.open span:before,
      .menu-call.open span:after { background-color: var(--primary); }
  .mobile-menu { display: hidden; position: fixed; width: 100%; height: 100%; background-color: #06062D; z-index: 99; transform: perspective(50em) rotateX(-90deg); transform-origin: 50% 0; -o-transition: all .8s ease; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; transition: all .8s ease }
  .mobile-menu .logo { max-width: 70%; float: left; margin-top: -8px; }
  .mobile-menu {top: 60px;left: 0;right: 0;overflow: hidden;max-height: 0;opacity: 0;transform: translateY(-20px);transition: all 0.5s ease;border-radius: 0 0 10px 10px;}
  .mobile-menu.open {max-height: 100%;opacity: 1;transform: translateY(0);}
  .mobile-menu ul { list-style: none; display: flex; flex-direction: column; }
  .mobile-menu ul li>ul { padding-inline: 20px; padding-bottom: 20px; display: none; background-color: var(--white); }.mobile-menu>nav ul li a { text-align: start; }
  .mobile-menu ul a { padding-left: 40px; z-index: 99;max-width: 85%;width: fit-content; font-size: 1em; line-height: 60px; position: relative; display: block; background: var(--white); -webkit-background-clip: text; font-weight: 500; text-decoration: none; text-align: center; padding-block: 10px }
  .mobile-menu ul li {position: relative;}
  .mobile-menu ul li:has(ul)::after { content: url('/public/images/arrow-down-svgrepo-com.svg'); font-size: 0.7em; position: absolute; right: 15px; top: 20px; width: 24px; transform: translateY(-50%); height: 24px; }
  .mobile-menu ul ul li a::after { position: absolute; height: 2px; width: 0%; margin: auto; content: ''; display: block; background-color: var(--darkYellow); left: 1%; right: 1%; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; }
  .mobile-menu ul ul li a:hover::after,
  .mobile-menu ul ul li a:active::after { width: 50%; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; }
  .mobile-menu ul ul a { font-size: 1em; opacity: 100%; }
  .mobile-menu ul ul a:hover { font-weight: bold; }
  .wraper {min-width: auto;}
   .responsive-row {display: flex ;flex-direction: column; gap: 10px;align-items: center;}
    .row.responsive-row > [class^="col-"] {width: 100%; margin-left: 0;}

    footer nav > ul {flex-direction: column; align-items: center;}

    #games-catalog > .row {display: flex; flex-direction: column;gap:10px;}
    #games-catalog > .row > article {width: 100%;margin-left: 0;}
}



.electric-text {
    /* Base color (White core) */
    color: #ffffff;
    /* Create the initial electric glow */
    text-shadow: 
      0 0 5px #fff,
      0 0 10px #fff,
      0 0 10px #77CEE5, /* Cyan/Electric Blue */
      0 0 20px #77CEE5,
      0 0 40px #77CEE5;
    animation: lightning-flicker 3s infinite;
  }

  /* The Animation Keyframes */
  @keyframes lightning-flicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      /* Normal State */
      opacity: 1;
      text-shadow: 
        0 0 5px #fff,
        0 0 10px #fff,
        0 0 20px #77CEE5,
        0 0 40px #77CEE5,
        0 0 80px #77CEE5;
    }
    20%, 24%, 55% {
      /* "Power Surge" (Brighter/Whiter) */
      opacity: 1;
      text-shadow: 
        0 0 10px #fff,
        0 0 20px #fff,
        0 0 40px #fff,
        0 0 80px #ffffff,
        0 0 100px #fff;
    }
    22% {
      /* "Power Dip" (Dimmer) */
      opacity: 0.8;
      text-shadow: none;
    }
  }