@charset "UTF-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Outlined");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Round");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Sharp");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone");
@keyframes slide-fade-in {
  from {
    opacity: 0;
    transform: translate(5vh);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .card {
    view-timeline-name: --item-timeline;
    animation: slide-fade-in both;
    animation-timeline: --item-timeline;
    animation-range: contain 0% contain 50%;
  }
}
body #SiteTopBar, body #SiteTitle, body #SiteMain, body #SiteFooter {
  width: 100%;
  position: relative;
}

header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

html,
body {
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: manipulation;
}

#dayz-map-container,
#dayz-map-canvas {
  touch-action: none;
}

.container, .wp-block-group {
  --breakout-size: calc((var(--container-breakout-max-width) - var(--container-max-width)) / 2);
  display: grid !important;
  grid-template-columns: [full-width-start] minmax(var(--container-padding-inline-mob), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - var(--container-padding-inline-mob) * 2, var(--container-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--container-padding-inline-mob), 1fr) [full-width-end];
}

@media screen and (min-width: 800px) {
  .container, .wp-block-group {
    --breakout-size: calc((var(--container-breakout-max-width) - var(--container-max-width)) / 2);
    display: grid !important;
    grid-template-columns: [full-width-start] minmax(var(--container-padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - var(--container-padding-inline) * 2, var(--container-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--container-padding-inline), 1fr) [full-width-end];
  }
}
.container > :not(.breakout, .fluid),
.wp-block-group > :not(.breakout, .fluid),
.full-width > :not(.breakout, .fluid) {
  grid-column: content;
}

.container > .breakout,
.wp-block-group > .breakout {
  grid-column: breakout;
}

.container > .fluid,
.wp-block-group > .fluid {
  grid-column: full-width;
  display: grid;
}

/* Auto generated font face */
@font-face {
  font-family: Roboto-Bold;
  src: url(../fonts/roboto/Roboto-Bold.ttf) format("truetype");
  font-style: normal;
  font-variant-caps: normal;
  font-stretch: normal;
  font-weight: normal;
}
@font-face {
  font-family: Roboto-Medium;
  src: url(../fonts/roboto/Roboto-Medium.ttf) format("truetype");
  font-style: normal;
  font-variant-caps: normal;
  font-stretch: normal;
  font-weight: normal;
}
/* Auto generated material icons */
.icon-set-1.mi-filled::before {
  font-family: "Material Icons";
  font-weight: 400;
  font-variation-settings: "GRAD" 0, "opsz" 48;
}

.icon-set-1.mi-home::before {
  content: "\e8b8";
}

.icon-set-1.mi-search::before {
  content: "\e8b6";
}

.icon-set-1.mi-menu::before {
  content: "\e5d2";
}

.icon-set-1.mi-close::before {
  content: "\e5cd";
}

.icon-set-1.mi-favorite::before {
  content: "\e87d";
}

.icon-set-1.mi-outlined::before {
  font-family: "Material Icons Outlined";
  font-weight: 400;
  font-variation-settings: "GRAD" 0, "opsz" 48;
}

.icon-set-1.mi-home::before {
  content: "\e8b8";
}

.icon-set-1.mi-search::before {
  content: "\e8b6";
}

.icon-set-1.mi-menu::before {
  content: "\e5d2";
}

.icon-set-1.mi-close::before {
  content: "\e5cd";
}

.icon-set-1.mi-favorite::before {
  content: "\e87d";
}

.icon-set-1.mi-rounded::before {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-variation-settings: "GRAD" 0, "opsz" 48;
}

.icon-set-1.mi-home::before {
  content: "\e8b8";
}

.icon-set-1.mi-search::before {
  content: "\e8b6";
}

.icon-set-1.mi-menu::before {
  content: "\e5d2";
}

.icon-set-1.mi-close::before {
  content: "\e5cd";
}

.icon-set-1.mi-favorite::before {
  content: "\e87d";
}

.icon-set-1.mi-sharp::before {
  font-family: "Material Icons Sharp";
  font-weight: 400;
  font-variation-settings: "GRAD" 0, "opsz" 48;
}

.icon-set-1.mi-home::before {
  content: "\e8b8";
}

.icon-set-1.mi-search::before {
  content: "\e8b6";
}

.icon-set-1.mi-menu::before {
  content: "\e5d2";
}

.icon-set-1.mi-close::before {
  content: "\e5cd";
}

.icon-set-1.mi-favorite::before {
  content: "\e87d";
}

.icon-set-1.mi-twotone::before {
  font-family: "Material Icons Two Tone";
  font-weight: 400;
  font-variation-settings: "GRAD" 0, "opsz" 48;
}

.icon-set-1.mi-home::before {
  content: "\e8b8";
}

.icon-set-1.mi-search::before {
  content: "\e8b6";
}

.icon-set-1.mi-menu::before {
  content: "\e5d2";
}

.icon-set-1.mi-close::before {
  content: "\e5cd";
}

.icon-set-1.mi-favorite::before {
  content: "\e87d";
}

/*  Auto generated z-index */
.hero-box-fast-info {
  z-index: 4;
}

.hero-box-fast-server {
  z-index: 3;
}

.continent-header {
  z-index: 2;
}

.body {
  z-index: 1;
}

/* Auto generated columns */
@media screen and (min-width: 0px) {
  .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc((100% - 10px * (4 - 1)) / 4), 1fr));
    grid-gap: 10px;
    max-width: 100%;
  }
  .row > .col-1 {
    grid-column: span 1;
  }
  .row > .mob-1 {
    grid-column: span 1;
  }
  .row > .col-2 {
    grid-column: span 2;
  }
  .row > .mob-2 {
    grid-column: span 2;
  }
  .row > .col-3 {
    grid-column: span 3;
  }
  .row > .mob-3 {
    grid-column: span 3;
  }
  .row > .col-4 {
    grid-column: span 4;
  }
  .row > .mob-4 {
    grid-column: span 4;
  }
  .row > .col-5 {
    grid-column: span 4;
  }
  .row > .mob-5 {
    grid-column: span 5;
  }
  .row > .col-6 {
    grid-column: span 4;
  }
  .row > .mob-6 {
    grid-column: span 6;
  }
  .row > .col-7 {
    grid-column: span 4;
  }
  .row > .mob-7 {
    grid-column: span 7;
  }
  .row > .col-8 {
    grid-column: span 4;
  }
  .row > .mob-8 {
    grid-column: span 8;
  }
  .row > .col-9 {
    grid-column: span 4;
  }
  .row > .mob-9 {
    grid-column: span 9;
  }
  .row > .col-10 {
    grid-column: span 4;
  }
  .row > .mob-10 {
    grid-column: span 10;
  }
  .row > .col-11 {
    grid-column: span 4;
  }
  .row > .mob-11 {
    grid-column: span 11;
  }
  .row > .col-12 {
    grid-column: span 4;
  }
  .row > .mob-12 {
    grid-column: span 12;
  }
}
@media screen and (min-width: 800px) {
  .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc((100% - 10px * (6 - 1)) / 6), 1fr));
    grid-gap: 10px;
    max-width: 100%;
  }
  .row > .col-1 {
    grid-column: span 1;
  }
  .row > .tab-1 {
    grid-column: span 1;
  }
  .row > .col-2 {
    grid-column: span 2;
  }
  .row > .tab-2 {
    grid-column: span 2;
  }
  .row > .col-3 {
    grid-column: span 3;
  }
  .row > .tab-3 {
    grid-column: span 3;
  }
  .row > .col-4 {
    grid-column: span 4;
  }
  .row > .tab-4 {
    grid-column: span 4;
  }
  .row > .col-5 {
    grid-column: span 5;
  }
  .row > .tab-5 {
    grid-column: span 5;
  }
  .row > .col-6 {
    grid-column: span 6;
  }
  .row > .tab-6 {
    grid-column: span 6;
  }
  .row > .col-7 {
    grid-column: span 6;
  }
  .row > .tab-7 {
    grid-column: span 7;
  }
  .row > .col-8 {
    grid-column: span 6;
  }
  .row > .tab-8 {
    grid-column: span 8;
  }
  .row > .col-9 {
    grid-column: span 6;
  }
  .row > .tab-9 {
    grid-column: span 9;
  }
  .row > .col-10 {
    grid-column: span 6;
  }
  .row > .tab-10 {
    grid-column: span 10;
  }
  .row > .col-11 {
    grid-column: span 6;
  }
  .row > .tab-11 {
    grid-column: span 11;
  }
  .row > .col-12 {
    grid-column: span 6;
  }
  .row > .tab-12 {
    grid-column: span 12;
  }
}
@media screen and (min-width: 1024px) {
  .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc((100% - 10px * (12 - 1)) / 12), 1fr));
    grid-gap: 10px;
    max-width: 100%;
  }
  .row > .col-1 {
    grid-column: span 1;
  }
  .row > .desk-1 {
    grid-column: span 1;
  }
  .row > .col-2 {
    grid-column: span 2;
  }
  .row > .desk-2 {
    grid-column: span 2;
  }
  .row > .col-3 {
    grid-column: span 3;
  }
  .row > .desk-3 {
    grid-column: span 3;
  }
  .row > .col-4 {
    grid-column: span 4;
  }
  .row > .desk-4 {
    grid-column: span 4;
  }
  .row > .col-5 {
    grid-column: span 5;
  }
  .row > .desk-5 {
    grid-column: span 5;
  }
  .row > .col-6 {
    grid-column: span 6;
  }
  .row > .desk-6 {
    grid-column: span 6;
  }
  .row > .col-7 {
    grid-column: span 7;
  }
  .row > .desk-7 {
    grid-column: span 7;
  }
  .row > .col-8 {
    grid-column: span 8;
  }
  .row > .desk-8 {
    grid-column: span 8;
  }
  .row > .col-9 {
    grid-column: span 9;
  }
  .row > .desk-9 {
    grid-column: span 9;
  }
  .row > .col-10 {
    grid-column: span 10;
  }
  .row > .desk-10 {
    grid-column: span 10;
  }
  .row > .col-11 {
    grid-column: span 11;
  }
  .row > .desk-11 {
    grid-column: span 11;
  }
  .row > .col-12 {
    grid-column: span 12;
  }
  .row > .desk-12 {
    grid-column: span 12;
  }
}
/* Auto generated root variables */
:root,
[data-theme=light] {
  --body-min-width: 300px;
  --container-padding-inline: 20px;
  --container-padding-inline-mob: 5px;
  --container-max-width: 1440px;
  --container-breakout-max-width: 1500px;
  --topbar-height: 31px;
  --topbar-bg: #031317;
  --title-height: 100px;
  --header-height: 355px;
  --header-bg-image: url("../img/layout/continent_dayz__light_header_bg.png");
  --logo-bg: url("../img/layout/continent_dayz__light_logo.png");
  --ct-bg-hand: url("../img/layout/section1-layer2.png");
  --ct-bg-after: url("../img/layout/section1-layer3.png");
  --ct-bg-before: url("../img/layout/section1-layer1.png");
  --main-nav-height: 55px;
  --main-nav-dropdown-color: #767676;
  --main-nav-dropdown-text-size: 14px;
}

/* Auto generated debug */
/* **********************
Auto generated END
*********************** */
.continent-slot--topbar-default #SiteTopBar {
  height: var(--topbar-height);
  background-color: var(--topbar-bg);
}

body.main-nav-toggle-active #SiteHeader .header-wrap.display-mobile .container .menu-wrap {
  margin-right: 0px;
  opacity: 1;
}

#SiteHeader {
  position: fixed;
}
#SiteHeader .header-wrap.display-desktop {
  display: none;
}
#SiteHeader .header-wrap.display-mobile {
  display: block;
}
#SiteHeader .header-wrap {
  background-image: var(--header-bg-image);
  background-repeat: no-repeat;
  background-position: 39% 20%;
  height: 120px;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap {
  transition: 0.6s ease-in-out;
  opacity: 0;
  margin-right: -252px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  max-width: 252px;
  height: 80vh;
  max-height: 512px;
  background: url("../img/layout/continent_dayz__red_main_nav_dropdown_medium.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 0;
  position: absolute;
  right: 0;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main {
  max-height: 360px;
  height: 100%;
  color: #ffffff;
  line-height: 35px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #b30000 #5a0000;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main::-webkit-scrollbar {
  width: 10px;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main::-webkit-scrollbar-track {
  background: #5a0000;
  border-radius: 10px;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main::-webkit-scrollbar-thumb {
  background: #b30000;
  border-radius: 10px;
  border: 1px solid #7a0000;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main::-webkit-scrollbar-thumb:hover {
  background: #d10000;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main > ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100%;
  margin: 0;
  padding: 20px 0;
  list-style: none;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main li {
  width: 100%;
  text-align: center;
  list-style: none;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 0px;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main .menu-item-has-children > .sub-menu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.25s ease;
  margin: 0;
  padding: 0;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main .menu-item-has-children.is-submenu-open > a::after {
  transform: translateY(-30%) rotate(-135deg);
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main .menu-item-has-children.is-submenu-open > .sub-menu {
  max-height: 500px;
  opacity: 1;
  padding-bottom: 8px;
}
#SiteHeader .header-wrap.display-mobile .container .menu-wrap .continent-nav--mobile-main .menu-item-has-children .sub-menu li a {
  font-size: 0.92em;
  line-height: 30px;
}
#SiteHeader .header-wrap.display-mobile .container .menu-extend-wrap {
  position: absolute;
  display: flex;
  top: 0px;
  right: 0px;
  flex-direction: row;
  align-items: center;
}

@media screen and (min-width: 800px) {
  #SiteHeader {
    position: absolute;
  }
  #SiteHeader .header-wrap.display-desktop {
    display: block;
  }
  #SiteHeader .header-wrap.display-mobile {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .continent-slot--header-default #SiteHeader .header-wrap {
    width: 100%;
    position: relative;
    height: var(--header-height);
    background-image: var(--header-bg-image);
    background-position: var(--header-bg-pos-x, 0px) center;
    overflow: hidden;
  }
  .continent-slot--header-default #SiteHeader .header-wrap:before {
    content: "";
    position: absolute;
  }
  .continent-slot--header-default #SiteHeader .header-wrap > .container > .header-row {
    display: flex;
    align-items: stretch;
    gap: 0;
  }
  .continent-slot--header-default #SiteHeader .header-wrap > .container > .header-row > .logo-wrap {
    flex: 0 0 150px;
    order: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .continent-slot--header-default #SiteHeader .header-wrap > .container > .header-row > .logo-wrap img {
    transform: scale(0.7);
    transform-origin: center;
    display: block;
  }
  .continent-slot--header-default #SiteHeader .header-wrap > .container > .header-row > .menu-wrap {
    flex: 1 1 auto;
    min-width: 0;
    height: var(--main-nav-height);
    order: 1;
  }
  .continent-slot--header-default #SiteHeader .header-wrap > .container > .header-row > .menu-wrap .continent-nav {
    width: 100%;
  }
  .continent-slot--header-default #SiteHeader .header-wrap > .container > .header-row .menu-extend-wrap {
    flex: 0 1 auto;
    height: var(--main-nav-height);
    order: 2;
  }
}
.ct-section {
  position: relative;
  display: flex; /* section is flex container */
  box-sizing: border-box;
}

.ct-vh {
  height: 100vh; /* fallback */
  height: 100svh; /* modern mobile viewport unit */
  min-height: 600px; /* ensure minimum height */
}

/* First child is the layout frame */
.ct-section > .ct-frame {
  display: flex; /* inner is also flex */
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/* Optional: center the frame within the section */
.ct-center {
  align-items: center; /* vertical center (row axis is horizontal, cross axis is vertical) */
}

/* Optional: if you want vertical centering of the CONTENT inside ct-frame */
.ct-frame.ct-center {
  justify-content: center;
}

.main-content > .ct-section:first-child {
  padding-top: 50px;
}

@media screen and (min-width: 800px) {
  .main-content > .ct-section:first-child {
    padding-top: 185px;
  }
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

p, li {
  text-wrap: pretty;
}

/* Chrome, Safari, Edge */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: transparent !important;
  color: inherit !important; /* a háttérszín visszaállítása */
  box-shadow: 0 0 0px 1000px white inset !important;
}

/* Firefox */
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
  background-color: transparent !important;
  color: inherit !important;
}

/* Microsoft Edge új verzió */
input:-ms-autofill,
textarea:-ms-autofill,
select:-ms-autofill {
  background-color: transparent !important;
  color: inherit !important;
}

html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: inherit;
  line-height: inherit;
  border: 0;
  vertical-align: baseline;
  width: 100%;
  min-width: var(--body-min-width);
  height: 100%;
  line-height: 1.5;
  font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  scroll-behavior: auto;
  -webkit-tap-highlight-color: transparent;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

p, ul, ol, li, dl, dd, blockquote, pre, figure, table, th, td {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

button, input, select, textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: inherit;
  line-height: inherit;
  border: 0;
  vertical-align: baseline;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

input, button, select, textarea {
  border: none;
  outline: none;
}

button {
  padding: 0;
  background-color: transparent;
}

* {
  box-sizing: inherit;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #242424;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 6px;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.margin-auto {
  margin: auto;
}

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

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

@media screen and (min-width: 800px) {
  .flex-row {
    display: flex;
    flex-direction: row;
  }
}
font-face {
  font-family: "Medium";
  src: url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

font-face {
  font-family: "Regular";
  src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

font-face {
  font-family: "SemiBold";
  src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: SemiBold, sans-serif;
  font-size: clamp(14px, calc(14px + ((16 - 14) * (100vw - 0px) / (1024 - 0))), 16px);
}

.continentSteamMenuAuth {
  display: flex;
  height: 55px;
  align-items: center;
  gap: 10px;
}
.continentSteamMenuAuth .continentSteamMenuLoginBtn {
  background: url(../img/layout/hero-box-cta-btn.png);
  width: 119px;
  height: 36px;
  color: #ffffff;
  display: flex;
  font-size: 0.7rem;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.continentSteamMenuAuth .continentSteamMenuLoginBtn span {
  position: relative;
  top: -1px;
}
.continentSteamMenuAuth .continentSteamMenuLoginBtn:before {
  content: "";
  position: relative;
  background: url(../img/layout/steam_btn.png);
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -3px;
}
.continentSteamMenuAuth .continentSteamMenuLogoutBtn, .continentSteamMenuAuth .continentSteamMenuProfileBtn {
  color: #ffffff;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 0.875rem;
}

@media screen and (min-width: 800px) {
  .continent-nav--header-main > ul.menu {
    list-style: none;
    margin: 0;
    padding: 0 20px;
  }
  .continent-nav--header-main > ul.menu > li {
    color: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 0.875rem;
  }
  .continent-nav--header-main > ul.menu > li > a {
    padding: 17px;
    display: block;
  }
  .continent-nav--header-main > ul.menu > li > .sub-menu {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    left: -14px;
    width: 256px;
    height: 360px;
    padding: calc(var(--main-nav-height) + 20px) 0 20px 0;
    background-image: url("../img/layout/continent_dayz__light_main_nav_dropdown_medium.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity 180ms ease-out, transform 180ms ease-out, visibility 0s linear 180ms;
  }
  .continent-nav--header-main > ul.menu > li > .sub-menu > li {
    position: relative;
    padding: 0 30px;
  }
  .continent-nav--header-main > ul.menu > li > .sub-menu > li > a {
    display: block;
    white-space: nowrap;
    color: var(--main-nav-dropdown-color);
    border-bottom: 1px solid rgba(216, 216, 216, 0.4);
    font-style: italic;
    padding: 7px 0;
    font-size: var(--main-nav-dropdown-text-size);
  }
  .continent-nav--header-main > ul.menu > li.menu-item-has-children:hover > .sub-menu, .continent-nav--header-main > ul.menu > li.menu-item-has-children:focus-within > .sub-menu,
  .continent-nav--header-main > ul.menu > li.menu-item-has-children > .sub-menu:hover,
  .continent-nav--header-main > ul.menu > li.menu-item-has-children > .sub-menu:focus-within {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity 180ms ease-out, transform 180ms ease-out, visibility 0s;
  }
}
@media screen and (min-width: 800px) {
  .continent-nav--header-main > ul.menu {
    display: flex;
    height: 55px;
    align-items: center;
  }
  .continent-nav--header-extend {
    display: flex;
    height: 55px;
    align-items: center;
  }
}
.continentHam4Menu {
  cursor: pointer;
  padding-top: 3px;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.continentHam4MenuRotate.is-active {
  transform: rotate(45deg);
}

.continentHam4Line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #ffffff;
  stroke-width: 5.5;
  stroke-linecap: round;
}

.continentHam4LineTop {
  stroke-dasharray: 40 121;
}

.continentHam4LineBottom {
  stroke-dasharray: 40 121;
}

.continentHam4Menu.is-active .continentHam4LineTop {
  stroke-dashoffset: -68px;
}

.continentHam4Menu.is-active .continentHam4LineBottom {
  stroke-dashoffset: -68px;
}

.ct-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

/* BEFORE / AFTER rétegek: full size, no-repeat, cover */
.ct-bg::before,
.ct-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* Képek URL-je CSS változókból (szekciónként könnyű cserélni) */
.ct-bg::before {
  background-image: var(--ct-bg-before);
  background-position: 76% 50%;
}

.ct-bg::after {
  background-image: var(--ct-bg-after, none);
}

/* Kéz kép: aránytartó, alkalmazkodik a ct-bg méretéhez (kicsinyít) */
.ct-bg-image {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  /* érzékenyebb scaling: a viewport magasságával arányosan */
  height: clamp(220px, 55svh, 599px);
  max-height: 100%;
  width: auto;
  aspect-ratio: 311/599;
  background-image: var(--ct-bg-hand, none);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

.hero-box-fast-info {
  position: absolute;
  left: 10px;
  bottom: 0px;
  display: block;
  transform: scale(0.8);
  transform-origin: bottom left;
  --ct-fast-slider-h: 97px;
  --ct-fast-cta-h: 36px;
}
.hero-box-fast-info:before, .hero-box-fast-info:after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
}
.hero-box-fast-info:before {
  background-image: url("../img/layout/border-left-top.png");
  left: -10px;
  top: -10px;
  background-repeat: no-repeat;
}
.hero-box-fast-info:after {
  background-image: url("../img/layout/border-right-bottom.png");
  right: -10px;
  bottom: 10px;
  background-repeat: no-repeat;
}
.hero-box-fast-info .slider-row {
  width: 302px;
  height: var(--ct-fast-slider-h);
  overflow: hidden;
  position: relative;
  background-image: url("../img/layout/hero-box-1-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero-box-fast-info .ctFastInfoTrackV1 {
  display: flex;
  height: 100%;
  width: 100%;
  will-change: transform, filter, opacity;
  transition: transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1), filter 220ms ease, opacity 220ms ease;
  filter: blur(0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.hero-box-fast-info .slider-content {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.hero-box-fast-info .slider-content span {
  font-size: 0.9rem;
  line-height: 19px;
  color: #dfb9b9;
}
.hero-box-fast-info .slider-content .qr-code img {
  height: 77px;
  width: auto;
  display: block;
  background: #ffffff;
  padding: 4px;
}
.hero-box-fast-info .slider-content .btn-cta {
  display: none;
}
.hero-box-fast-info .btn-cta {
  cursor: pointer;
  width: 119px;
  height: var(--ct-fast-cta-h);
  display: inline-block;
  text-decoration: none;
  background: url("../img/layout/hero-box-cta-btn.png") no-repeat center/contain;
  font-size: 0.75rem;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
}
.hero-box-fast-info .ctFastInfoCtaV1 {
  position: absolute;
  right: -45px;
  top: 58px;
  z-index: 5;
  --ct-fast-cta-shift: 90px;
  will-change: transform, filter, opacity;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  opacity: 1;
  transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1), filter 220ms ease, opacity 220ms ease;
}
.hero-box-fast-info .ctFastInfoCtaV1.ctFastInfoCtaOutV1 {
  transform: translate3d(var(--ct-fast-cta-shift), 0, 0);
  filter: blur(6px);
  opacity: 0;
}
.hero-box-fast-info .ctFastInfoCtaV1.ctFastInfoCtaTeleportV1 {
  transition: none !important;
  opacity: 0 !important;
}
.hero-box-fast-info .ctFastInfoCtaV1.ctFastInfoCtaFromLeftV1 {
  transform: translate3d(calc(var(--ct-fast-cta-shift) * -1), 0, 0);
  filter: blur(6px);
  opacity: 0.7;
}
.hero-box-fast-info.ctFastInfoMovingV1 .ctFastInfoTrackV1 {
  filter: blur(6px);
  opacity: 0.7;
}
.hero-box-fast-info .indicator {
  display: flex;
  align-items: center;
}
.hero-box-fast-info .indicator .btn {
  width: 67px;
  height: 24px;
  display: inline-block;
  cursor: pointer;
  margin-left: -10px;
  background: url("../img/layout/hero-box-select.png") no-repeat center/contain;
  transition: 0.5s ease-in-out;
}
.hero-box-fast-info .indicator .btn.active {
  background: url("../img/layout/hero-box-select-active.png") no-repeat center/contain;
}

.hero-box-fast-server {
  color: #ffffff;
  position: absolute;
  right: 20px;
  top: 200px;
  display: none;
}
.hero-box-fast-server:before, .hero-box-fast-server:after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
}
.hero-box-fast-server:before {
  background-image: url(../img/layout/border-left-right.png);
  right: -10px;
  top: -10px;
}
.hero-box-fast-server:after {
  background-image: url(../img/layout/border-right-bottom.png);
  right: -10px;
  bottom: 28px;
}
.hero-box-fast-server {
  --ct-fast-server-w: 413px;
  --ct-fast-server-h: 280px;
  --ct-server-blur: 6px;
  --ct-server-out-shift: 16px;
  --ct-server-in-shift: 16px;
  --ct-server-stagger: 70ms;
}
.hero-box-fast-server .server-info-title {
  text-align: right;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0px 15px;
}
.hero-box-fast-server .slider-row {
  width: var(--ct-fast-server-w);
  height: var(--ct-fast-server-h);
  overflow: hidden;
  position: relative;
}
.hero-box-fast-server .ctFastServerTrackV1 {
  position: relative;
  width: 100%;
  height: 100%;
}
.hero-box-fast-server .slider-content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
}
.hero-box-fast-server .slider-content.ctFastServerSlideActiveV1 {
  opacity: 1;
  pointer-events: auto;
}
.hero-box-fast-server {
  /* tartalom elemek */
}
.hero-box-fast-server .server-title {
  display: flex;
  position: relative;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
  height: 69px;
  background-image: url("../img/layout/gradiant-red-bg-small.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.hero-box-fast-server .server-title:before, .hero-box-fast-server .server-title:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background-position-x: right;
  background-repeat: no-repeat;
}
.hero-box-fast-server .server-title:before {
  background-image: url("../img/layout/horizontal-red-line.png");
  top: 2px;
}
.hero-box-fast-server .server-title:after {
  background-image: url("../img/layout/horizontal-red-line.png");
  bottom: 0px;
}
.hero-box-fast-server .server-title .server-name {
  padding: 0px 15px;
  font-size: 1rem;
  line-height: 1.2;
  display: flex;
  gap: 5px;
}
.hero-box-fast-server .server-title .server-name b {
  color: #be1414;
}
.hero-box-fast-server .server-title .server-survivors {
  padding: 0px 15px;
  font-size: 0.75rem;
  white-space: nowrap;
}
.hero-box-fast-server .server-title .server-survivors b {
  color: #be1414;
}
.hero-box-fast-server .server-description {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 15px;
  font-size: 0.75rem;
  line-height: 1.25;
  opacity: 0.9;
  height: 172px;
  background-image: url("../img/layout/gradiant-red-bg-medium.png");
}
.hero-box-fast-server .server-description .description-content {
  width: 70%;
  text-align: right;
}
.hero-box-fast-server .server-description .server-ip-address {
  display: inline-block;
  margin-top: 6px;
  white-space: nowrap;
  opacity: 0.95;
}
.hero-box-fast-server .server-description .server-ip-address i {
  font-style: italic;
  padding: 0px 5px;
}
.hero-box-fast-server .server-description .server-ip-address b {
  color: #be1414;
  padding: 0px 5px;
}
.hero-box-fast-server {
  /* ===== Slide-level finom anim (fentről be, lefelé ki) ===== */
}
.hero-box-fast-server .slider-content.ctFastServerSlideInV1 {
  animation: ctFastServerSlideInV1 320ms ease-out both;
}
.hero-box-fast-server .slider-content.ctFastServerSlideOutV1 {
  animation: ctFastServerSlideOutV1 320ms ease-in both;
  pointer-events: none;
}
.hero-box-fast-server {
  /* ===== Stagger: elemenként, egymás után ===== */
}
.hero-box-fast-server .server-name,
.hero-box-fast-server .server-survivors,
.hero-box-fast-server .server-description,
.hero-box-fast-server .server-ip-address {
  will-change: transform, filter, opacity;
}
.hero-box-fast-server {
  /* IN: fentről be, blur -> éles */
}
.hero-box-fast-server .slider-content.ctFastServerSlideInV1 .server-name {
  animation: ctFastServerItemInV1 360ms ease-out both;
  animation-delay: calc(var(--ct-server-stagger) * 0);
}
.hero-box-fast-server .slider-content.ctFastServerSlideInV1 .server-survivors {
  animation: ctFastServerItemInV1 360ms ease-out both;
  animation-delay: calc(var(--ct-server-stagger) * 1);
}
.hero-box-fast-server .slider-content.ctFastServerSlideInV1 .server-description {
  animation: ctFastServerItemInV1 360ms ease-out both;
  animation-delay: calc(var(--ct-server-stagger) * 2);
}
.hero-box-fast-server .slider-content.ctFastServerSlideInV1 .server-ip-address {
  animation: ctFastServerItemInV1 360ms ease-out both;
  animation-delay: calc(var(--ct-server-stagger) * 3);
}
.hero-box-fast-server {
  /* OUT: lefelé, blur + eltűnés */
}
.hero-box-fast-server .slider-content.ctFastServerSlideOutV1 .server-name {
  animation: ctFastServerItemOutV1 260ms ease-in both;
  animation-delay: calc(var(--ct-server-stagger) * 0);
}
.hero-box-fast-server .slider-content.ctFastServerSlideOutV1 .server-survivors {
  animation: ctFastServerItemOutV1 260ms ease-in both;
  animation-delay: calc(var(--ct-server-stagger) * 1);
}
.hero-box-fast-server .slider-content.ctFastServerSlideOutV1 .server-description {
  animation: ctFastServerItemOutV1 260ms ease-in both;
  animation-delay: calc(var(--ct-server-stagger) * 2);
}
.hero-box-fast-server .slider-content.ctFastServerSlideOutV1 .server-ip-address {
  animation: ctFastServerItemOutV1 260ms ease-in both;
  animation-delay: calc(var(--ct-server-stagger) * 3);
}
.hero-box-fast-server .indicator {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 15px 5px;
}
.hero-box-fast-server .indicator .btn {
  width: 33px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
  margin-left: -4px;
  background: url("../img/layout/hero-box-select.png") no-repeat center/contain;
  transition: 0.5s ease-in-out;
}
.hero-box-fast-server .indicator .btn.active {
  background: url("../img/layout/hero-box-select-active.png") no-repeat center/contain;
}

@media screen and (min-width: 800px) {
  .hero-box-fast-info {
    left: 20px;
    bottom: 20px;
    transform: scale(1);
    transform-origin: bottom right;
  }
  .hero-box-fast-server {
    display: block;
  }
}
.hero-box-fast-info,
.hero-box-fast-server {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-touch-callout: none;
  overscroll-behavior-x: contain;
}

.hero-box-fast-info {
  touch-action: none;
} /* x+y gesztusokat mi kezeljük */
.hero-box-fast-server {
  touch-action: pan-y;
} /* csak vízszintes swipe, függőleges scroll marad */
/* keyframes (globális) */
@keyframes ctFastServerSlideInV1 {
  from {
    transform: translate3d(0, calc(var(--ct-server-in-shift) * -1), 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes ctFastServerSlideOutV1 {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--ct-server-out-shift), 0);
    opacity: 0;
  }
}
@keyframes ctFastServerItemInV1 {
  from {
    transform: translate3d(0, calc(var(--ct-server-in-shift) * -1), 0);
    filter: blur(var(--ct-server-blur));
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes ctFastServerItemOutV1 {
  from {
    transform: translate3d(0, 0, 0);
    filter: blur(0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--ct-server-out-shift), 0);
    filter: blur(var(--ct-server-blur));
    opacity: 0;
  }
}
section .container.no-content-wrap {
  text-align: center;
  line-height: 10px;
}
section .container.no-content-wrap h1 {
  color: #be1414;
  font-size: 1.5rem;
}
section .container.no-content-wrap p {
  color: #ffffff;
  font-style: italic;
  font-size: 0.9rem;
}/*# sourceMappingURL=continent-main.css.map */