/* hide scrollbar for all browsers */
html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar {
  display: none;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}

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

/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url('../fonts/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    url('../fonts/Montserrat-Medium.woff2') format('woff2'),
    url('../fonts/Montserrat-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url('../fonts/Montserrat-Bold.woff2') format('woff2'),
    url('../fonts/Montserrat-Bold.woff') format('woff');
}

/* FS Elliot Pro */
@font-face {
  font-family: 'FS Elliot Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url('../fonts/FSElliotPro.woff2') format('woff2'),
    url('../fonts/FSElliotPro.woff') format('woff');
}

@font-face {
  font-family: 'FS Elliot Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url('../fonts/FSElliotPro-Bold.woff2') format('woff2'),
    url('../fonts/FSElliotPro-Bold.woff') format('woff');
}

@font-face {
  font-family: 'FS Elliot Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    url('../fonts/FSElliotPro-Heavy.woff2') format('woff2'),
    url('../fonts/FSElliotPro-Heavy.woff') format('woff');
}

/* Jost */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url('../fonts/Jost-Regular.woff2') format('woff2'),
    url('../fonts/Jost-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url('../fonts/Jost-Bold.woff2') format('woff2'),
    url('../fonts/Jost-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src:
    url('../fonts/Jost-ExtraBold.woff2') format('woff2'),
    url('../fonts/Jost-ExtraBold.woff') format('woff');
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  display: block;

  cursor: pointer;
  background-color: transparent;
  text-decoration: none;

  user-drag: none;
}

.undraggable {
  user-drag: none;
}

[hidden] {
  display: none;
}

.unselectable {
  user-select: none;
}

.text-selectable {
  user-select: text !important;
}

::selection {
  background-color: rgba(241, 135, 91, 0.54);
  color: #ffffff;
}

html,
body {
  overscroll-behavior: none;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inner {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(90deg, rgb(17, 19, 23) 0%, rgb(11, 13, 18) 100%);
}

.bg-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.bg {
  pointer-events: none;
  display: block;

  width: 100%;
  height: 100%;
}

.bg-stars {
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
}

.bg-pt2 {
  opacity: 0;

  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  z-index: 1;
}

.bg-pt2.pt2 {
  z-index: 2;
}

.bg-pt2-orange {
  opacity: 0;

  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  z-index: 1;
}

.bg-pt2-blur {
  opacity: 0;

  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 54.792vw;
  z-index: 2;

  background: radial-gradient(
    ellipse 63% 55% at 50% 53%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0.95) 80%,
    rgba(0, 0, 0, 1) 100%
  );
}

header.header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);

  margin-top: 2.35vw;
  z-index: 15;
}

.header-logo {
  display: inline-grid;
  align-self: center;
  z-index: 300;
}

.header-logo-img {
  width: 12.206vw;
  height: 2.656vw;
}

@media (max-width: 767px) {
  header.header {
    padding: 4vw 8vw 0;
    display: grid;
  }

  .header-logo-img {
    width: 139px;
    height: 37px;
  }
}

/* ------ */

.text-block {
  width: 41vw;
  position: absolute;
  z-index: 13;
  left: 50%;

  top: 10vw;
  transform: translate(-50%, -50%) scale(0.4);
  opacity: 0;

  transition:
    top 0.8s ease-out,
    transform 0.8s ease-out,
    opacity 0.4s ease;
  will-change: top, transform, opacity;
}

.lang-pl .text-block {
  width: 50vw;
}

.text-block.ready {
  top: 12vw;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0.2;
}

.text-block.ready.pt2 {
  opacity: 1;
}

.text-block.show {
  opacity: 1;
}

.main-title {
  color: #fff;
  text-align: center;
  font-family: 'Jost', sans-serif;
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  text-transform: uppercase;
}

.main-subtitle {
  width: 34vw;
  margin: 1vw auto 0;

  text-align: center;
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-size: 1.18vw;
  font-style: normal;
  font-weight: 400;
  line-height: 210%;
  text-transform: uppercase;

  border-radius: 2.171vw;
  border: 0.068vw solid rgba(255, 255, 255, 0.25);
  background: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.068vw 0 0 rgba(255, 255, 255, 0.08) inset;
  backdrop-filter: blur(0.373vw);
}

.lang-pl .main-subtitle {
  width: 34vw;
}

:is(.main-title, .main-subtitle) span.orange {
  color: #fa9a00;
}

.main-subtitle span:is(.orange, .bold) {
  font-weight: 700;
}

.map-container {
  position: absolute;

  top: 10vw;

  left: 50%;
  transform: translateX(-50%);

  width: 63.021vw;
  height: 46.615vw;

  mask-image: radial-gradient(
    ellipse 63% 64% at 42% 50%,
    rgba(0, 0, 0, 1) 60%,
    rgba(0, 0, 0, 0) 75%
  );
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}

.map-container.pt2 {
  z-index: 1;
  mix-blend-mode: soft-light;
}

.map-svg {
  width: inherit;
  height: inherit;

  fill: none;
}

.map-svg.map-base {
  transition: all 0.35s ease;
  will-change: transform, opacity;
}

.map-svg.map-base.pt2 {
  position: relative;
}

.map-svg.map-base.pt2.poland {
  left: -37.5vw;
  top: -8vw;
  width: 108.9vw;
  height: 80.55vw;
}

.map-svg.map-base.pt2.deutschland {
  left: -11.15vw;
  top: -5.7vw;
  width: 92.565vw;
  height: 68.468vw;
}

.map-svg.map-base.pt2.france {
  left: 9.5vw;
  top: -12.5vw;
  width: 75.625vw;
  height: 55.938vw;
}

.map-svg.map-base.pt2.spain {
  left: 12.75vw;
  top: -34.4vw;
  width: 92.565vw;
  height: 68.468vw;
}

.map-svg.map-base.pt2.czech {
  left: -70vw;
  top: -36.5vw;
  width: 181.5vw;
  height: 134.25vw;
}

.map-svg.map-base.dim {
  opacity: 0.4;
}

.map-top {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.map-top.poland {
  top: 8.18vw;
  left: 33.12vw;

  width: 11.87vw;
  height: 11.2vw;
}

.map-top.deutschland {
  top: 7.73vw;
  left: 23.27vw;

  width: 10.9vw;
  height: 14.76vw;
}

.map-top.czech {
  top: 15.66vw;
  left: 30.65vw;

  width: 8.02vw;
  height: 4.52vw;
}

.map-top.france {
  top: 15.57vw;
  left: 10.61vw;

  width: 17.04vw;
  height: 16.7vw;
}

.map-top.spain {
  top: 28.43vw;
  left: -5.32vw;

  width: 26.74vw;
  height: 23.64vw;
}

.map-top-pt2 {
  display: none;

  position: absolute;
  z-index: 1;

  opacity: 0;
  transition: 0.2s all ease-in-out;
  will-change: opacity, transform;
}

.map-top-pt2.ready {
  display: block;
  pointer-events: none;
}

.map-top-pt2.show {
  pointer-events: auto;
  opacity: 1;
  transition: 0.2s all ease-in-out;
  will-change: opacity, transform;
}

.map-top-pt2.france {
  left: 40.732vw;
  top: 16.184vw;
  width: 20.448vw;
  height: 20.04vw;
}

.map-top-pt2.deutschland {
  left: 38.45vw;
  top: 15.67vw;
  width: 22.114vw;
  height: 21.673vw;
}

.map-top-pt2.spain {
  top: 17.36vw;
  left: 23.49vw;
  width: 39.149vw;
  height: 34.611vw;
}

.map-top-pt2.czech {
  top: 18.69vw;
  left: 36.81vw;
  width: 23.088vw;
  height: 13.008vw;
}

.map-top-pt2.poland {
  top: 16.12vw;
  left: 38.14vw;
  width: 20.648vw;
  height: 19.488vw;
}

.map-top-pt2.ready .france-svg {
  cursor: pointer;
  filter: drop-shadow(0.265vw 0.165vw 0.217vw rgba(0, 0, 0, 0.5));
}

.map-top-pt2.ready .deutschland-svg {
  cursor: pointer;
  filter: drop-shadow(-0.135vw -0.135vw 0.217vw rgba(0, 0, 0, 0.5));
}

.map-top-pt2.ready .spain-svg {
  cursor: pointer;
  filter: drop-shadow(-0.135vw -0.1vw 0.117vw rgba(0, 0, 0, 0.5));
}

.map-top-pt2.ready .czech-svg {
  cursor: pointer;
  filter: drop-shadow(0.065vw 0vw 0.06vw rgba(0, 0, 0, 0.5));
}

.map-top-pt2.ready .poland-svg {
  cursor: pointer;
  filter: drop-shadow(0.125vw 0.1vw 0.08vw rgba(0, 0, 0, 0.5));
}

.weapon-part2 {
  pointer-events: none;
  cursor: pointer;
  position: absolute;
  z-index: 1;

  transition: opacity 0.35s ease;
  will-change: opacity;
}

.weapon-part2.france {
  width: 17vw;
  left: 40vw;
  top: 21vw;
}

.weapon-part2.deutschland {
  width: 17vw;
  left: 40vw;
  top: 21vw;
}

.weapon-part2.spain {
  width: 12vw;
  left: 43vw;
  top: 20vw;
}

.weapon-part2.czech {
  width: 12vw;
  left: 42vw;
  top: 21.5vw;
}

.weapon-part2.poland {
  width: 16vw;
  left: 40.5vw;
  top: 20vw;
}

/* @formatter:off */
.map-svg
  :is(
    .poland-svg,
    .poland-flag,
    .czech-svg,
    .czech-flag,
    .deutschland-svg,
    .deutschland-flag,
    .france-svg,
    .france-flag,
    .spain-svg,
    .spain-flag
  ) {
  cursor: pointer;
}

.map-svg
  :is(.poland-svg, .czech-svg, .deutschland-svg, .france-svg, .spain-svg) {
  transition: 0.3s fill ease-in-out;
}

.map-svg
  :is(.poland-flag, .czech-flag, .deutschland-flag, .france-flag, .spain-flag) {
  pointer-events: none;
}

/* @formatter:on */

.map-blur {
  pointer-events: none;
  position: absolute;

  z-index: -1;

  top: 10vw;
  left: 50%;
  transform: translateX(-50%);

  width: 14.427vw;
  height: 10.833vw;
  filter: blur(5vw);

  opacity: 0;
  transition: opacity 0.35s ease;
  will-change: opacity;
}

.map-blur.show {
  opacity: 1;
}

.map-blur.poland {
  background: linear-gradient(91deg, #c61838 3.06%, #c61838 75.86%);

  top: 9vw;
  left: 63%;
}

.map-blur.deutschland {
  background: linear-gradient(91deg, #fccb00 3.06%, #fccb00 75.86%);

  top: 10vw;
  left: 42%;
}

.map-blur.france {
  background: linear-gradient(91deg, #5970ff 3.06%, #5970ff 75.86%);

  top: 17vw;
  left: 33%;
}

.map-blur.spain {
  background: linear-gradient(91deg, #be4d24 3.06%, #f06f19 75.86%);

  top: 30vw;
  left: 21%;

  width: 9.427vw;
  height: 7.833vw;
  filter: blur(4.9vw);
}

.map-blur.czech {
  background: linear-gradient(91deg, #fff 3.06%, #fff 75.86%);

  top: 13vw;
  left: 54%;
}

.map-card {
  position: absolute;

  top: 10vw;
  left: 50%;
  transform: translateX(-50%);

  width: 20.833vw;
  height: 10.417vw;
  height: 9.5vw;

  z-index: 1;

  border-radius: 1.667vw;
  border: 0.052vw solid rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 0.052vw 0 0 rgba(255, 255, 255, 0.08) inset;
  backdrop-filter: blur(0.286vw);

  overflow: hidden;
}

.map-svg.map-top {
  z-index: 2;
}

.map-svg.map-top,
.map-card {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
  will-change: opacity;
}

.map-svg.map-top.show,
.map-card.show {
  opacity: 1;
  pointer-events: auto;
}

.map-card.show {
  transform-origin: right;
  animation: mapCardSlideRight 0.6s ease-out forwards;
  will-change: transform, opacity;
}

.map-card.spain.show {
  transform-origin: left;
}

@keyframes mapCardSlideRight {
  0% {
    transform: translateX(-50%) scaleX(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
  }
}

.map-card.deutschland {
  top: 11vw;
  left: 32%;
}

.map-card.poland {
  top: 9.2vw;
  left: 49%;
}

.map-card.czech {
  top: 13.1vw;
  left: 38%;
}

.map-card.france {
  top: 18.7vw;
  left: 17%;
}

.map-card.spain {
  top: 29.2vw;
  left: 37%;
}

.btn-wrap {
  pointer-events: none;
  opacity: 0;

  cursor: pointer;
  position: absolute;
  background: transparent;
  border: unset;
  transition:
    opacity 0.5s ease,
    transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity, transform;
  transform-origin: center;

  top: 9.2vw;
  left: 49%;

  width: 12.042vw;
  height: 2.279vw;

  z-index: 5;

  transform: translateY(1vw) scale(0.95);
  transition:
    opacity 0.5s ease,
    transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity, transform;
}

.btn-wrap.poland-btn {
  top: 17.5vw;
  left: 35%;
}

.btn-wrap.deutschland-btn {
  top: 19.3vw;
  left: 18%;
}

.btn-wrap.czech-btn {
  top: 21.4vw;
  left: 28%;
}

.btn-wrap.france-btn {
  top: 27vw;
  left: 2.5%;
}

.btn-wrap.spain-btn {
  top: 37.5vw;
  left: 31%;
}

.btn-wrap.show {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: 0.5s;
}

.btn {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;

  transition:
    transform 0.3s ease,
    filter 0.3s ease;
  will-change: transform, filter;

  filter: drop-shadow(0 0 0.7vw rgba(86, 113, 254, 0.75));
}

.btn-text {
  pointer-events: none;

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  color: #fff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.727vw;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.015vw;
  text-transform: uppercase;

  white-space: nowrap;
}

.btn-wrap .btn {
  animation: glow 0.7s infinite alternate;
  filter: drop-shadow(0 0 1.53vw rgba(86, 113, 254, 1));
  will-change: transform, filter;
}

.btn-wrap .btn:hover {
  animation-play-state: paused;
}

@keyframes glow {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(86, 113, 254, 0.5));
  }
  100% {
    transform: scale(1.05);
    filter: drop-shadow(0 0 0.5vw rgba(86, 113, 254, 1));
  }
}

/* ==== */

.overlay-first {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.31);
  backdrop-filter: blur(2.6px);

  z-index: 1000;

  transition: 0.5s all ease-in-out;
  will-change: transform, opacity;
}

.overlay-first.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* POPUP */
.popup-first {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;

  position: fixed;
  top: 29vw;
  left: 50%;

  transform: translate(-50%, -50%);

  width: 32.292vw;
  height: 13.54vw;

  z-index: 1001;

  border-radius: 2.171vw;
  border: 0.068vw solid rgba(255, 255, 255, 0.25);
  background: rgba(15, 15, 15, 0.8);
  box-shadow: 0 0.068vw 0 0 rgba(255, 255, 255, 0.08) inset;
  backdrop-filter: blur(0.373vw);

  transition: 0.5s all ease-in-out;
  will-change: transform, opacity;
}

@keyframes popupGrowFirst {
  0% {
    opacity: 0;
    transform: translate(-50%, 10%) scale(0.2);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.popup-first.show {
  visibility: visible;
  animation: popupGrowFirst 0.5s ease-out forwards;
  pointer-events: auto;
}

.popup-content-first {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  overflow: hidden;
}

.popup-content-first.poland {
  box-shadow: 0 0 8vw #c61838;
}

.popup-content-first.deutschland {
  box-shadow: 0 0 8vw #fccb00;
}

.popup-content-first.france {
  box-shadow: 0 0 8vw #5970ff;
}

.popup-content-first.spain {
  box-shadow: 0 0 8vw #be4d24;
}

.popup-content-first.czech {
  box-shadow: 0 0 8vw #ffffff;
}

.popup-title-first {
  width: 19vw;

  position: absolute;
  top: 3.1vw;
  left: 63%;
  transform: translateX(-50%);

  color: #fff;
  text-align: center;
  font-family: 'Jost', sans-serif;
  font-size: 1.458vw;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  text-transform: uppercase;
}

.lang-pl .popup-title-first {
  top: 2.1vw;
}

.lang-da .popup-title-first {
  width: 20vw;
}

.popup-title-first span.orange {
  color: #fa9a00;
}

.popup-first-btn-wrap {
  pointer-events: auto;
  opacity: 1;

  cursor: pointer;
  position: absolute;
  background: transparent;
  border: unset;
  transition:
    opacity 0.5s ease,
    transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity, transform;
  transform-origin: center;

  width: 12.042vw;
  height: 2.279vw;

  z-index: 5;

  top: 8vw;
  left: 45%;
}

.popup-first-btn-wrap .btn {
  animation: glow 0.7s infinite alternate;
  filter: drop-shadow(0 0 1.53vw rgba(86, 113, 254, 1));
}

.popup-first-btn-wrap .btn:hover {
  animation-play-state: paused;
}

.map-blur.popup-first {
  top: 19.1vw;
  left: 50%;
  width: 28vw;
  height: 15vw;
  filter: blur(5vw);
  transition: none;

  transition: none;
}

.popup-first-map-svg {
  position: absolute;
  transform: translateY(-50%);
}

.popup-first-map-svg.poland {
  top: 45%;
  left: -6.5vw;

  width: 16.62vw;
  height: 15.68vw;
}

.popup-first-map-svg.deutschland {
  top: 45%;
  left: -5vw;

  width: 15.26vw;
  height: 20.66vw;
}

.popup-first-map-svg.czech {
  top: 45%;
  left: -7vw;

  width: 19.09vw;
  height: 10.76vw;
}

.popup-first-map-svg.france {
  top: 45%;
  left: -10vw;

  width: 23.86vw;
  height: 23.38vw;
}

.popup-first-map-svg.spain {
  top: 115%;
  left: -25vw;

  width: 37.44vw;
  height: 33.1vw;
}

.popup-first-blur {
  pointer-events: none;
  position: relative;

  bottom: -5vw;
  left: 32%;

  width: 19.875vw;
  height: 17.135vw;

  opacity: 0.28;
  filter: blur(0.4vw);
}

.popup-first-blur.poland {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #c61838 0%,
    rgba(252, 203, 0, 0) 100%
  );
}

.popup-first-blur.deutschland {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #fccb00 0%,
    rgba(252, 203, 0, 0) 100%
  );
}

.popup-first-blur.france {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #5970ff 0%,
    rgba(252, 203, 0, 0) 100%
  );
}

.popup-first-blur.spain {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #be4d24 0%,
    rgba(252, 203, 0, 0) 100%
  );
}

.popup-first-blur.czech {
  background: radial-gradient(
    50% 50% at 50% 50%,
    #ffffff 0%,
    rgba(252, 203, 0, 0) 100%
  );
}

.popup-first-weapon {
  position: absolute;
  transform: translateY(-50%);
}

.popup-first-weapon.poland {
  top: 47%;
  left: -4vw;
  width: 14vw;
}

.popup-first-weapon.deutschland {
  top: 50%;
  left: -8vw;
  width: 19.5vw;
}

.popup-first-weapon.france {
  top: 50%;
  left: -8vw;
  width: 19.5vw;
}

.popup-first-weapon.spain {
  top: 50%;
  left: -5vw;
  width: 12vw;
}

.popup-first-weapon.czech {
  top: 50%;
  left: -3vw;
  width: 11vw;
}

.cases-line {
  display: none;
}

.cases-line.pt2 {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 2vw;
  align-items: end;
  justify-content: center;

  position: absolute;
  left: 0;
  right: 0;
  bottom: 19vw;

  z-index: 2;
}

.case {
  width: 16vw;
  cursor: pointer;
  z-index: 2;

  transition: 0.3s all ease-in-out;
  will-change: transform, opacity, width;
}

.case:hover,
.case.active {
  width: 22vw;
  transition: 0.3s all ease-in-out;
  will-change: transform, opacity, width;
}

.case-glow {
  pointer-events: none;

  width: 38.021vw;
  /*height: 8.125vw;*/
  height: 12vw;

  position: absolute;
  left: 50%;
  bottom: -0.2vw;
  opacity: 0.8;

  transform: translateX(-50%);

  mask-image: radial-gradient(
    ellipse 81% 88% at 50% 74%,
    black 36%,
    transparent 84%
  );

  transition: 0.2s all ease-in-out;
  will-change: opacity, transform;
}

/* ==== */

.overlay-second {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.31);
  backdrop-filter: blur(2.6px);

  z-index: 1000;

  transition: 0.5s all ease-in-out;
  will-change: transform, opacity;
}

.overlay-second.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* POPUP */
.popup-second {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;

  position: fixed;
  top: 29vw;
  left: 50%;

  transform: translate(-50%, -50%);

  width: 37.396vw;
  height: 24.219vw;

  z-index: 1001;

  background-image: url(../images/bg-popup.avif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

  border-radius: 2.171vw;
  /*border: 0.068vw solid rgba(255, 255, 255, 0.25);*/
  border: 0.068vw solid rgba(255, 255, 255, 0);
  /*background: rgba(15, 15, 15, 0.80);*/
  box-shadow: 0 0.068vw 0 0 rgba(255, 255, 255, 0.08) inset;
  backdrop-filter: blur(0.373vw);

  transition: 0.5s all ease-in-out;
  will-change: transform, opacity;
}

@keyframes popupGrowSecond {
  0% {
    opacity: 0;
    transform: translate(-50%, 10%) scale(0.2);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.popup-second.show {
  visibility: visible;
  animation: popupGrowSecond 0.5s ease-out forwards;
  pointer-events: auto;
}

.popup-content-second {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  overflow: hidden;
}

.popup-title-second {
  width: 19vw;

  position: absolute;
  top: 13.5vw;
  left: 69%;
  transform: translateX(-50%);

  color: #fff;
  text-align: center;
  font-family: 'Jost', sans-serif;
  font-size: 1.458vw;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  text-transform: uppercase;
}

.lang-pl .popup-title-second {
  top: 13.1vw;
  font-size: 1.258vw;
}

.lang-da .popup-title-second {
  width: 20vw;
}

.popup-title-second span.orange {
  color: #fa9a00;
}

.popup-second-case {
  cursor: pointer;
  position: absolute;
  width: 14vw;
  top: 2vw;
  left: 50%;
  transition: 0.3s all ease-in-out;
  will-change: transform, opacity, width;
}

.popup-second-case:hover {
  transform: scale(1.05);
}

.popup-second-btn-wrap {
  pointer-events: auto;
  opacity: 1;

  cursor: pointer;
  position: absolute;
  background: transparent;
  border: unset;
  transition:
    opacity 0.5s ease,
    transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity, transform;
  transform-origin: center;

  width: 16vw;
  height: 2.279vw;

  z-index: 5;

  top: 18vw;
  left: 48%;
  display: none;
}

.popup-content-second.spain .link_spain,
.popup-content-second.deutschland .link_deutschland,
.popup-content-second.poland .link_poland,
.popup-content-second.france .link_france,
.popup-content-second.czech .link_czech {
  display: block;
}

.popup-second-btn-wrap .btn {
  animation: glow 0.7s infinite alternate;
  filter: drop-shadow(0 0 1.53vw rgba(86, 113, 254, 1));
}

.popup-second-btn-wrap .btn:hover {
  animation-play-state: paused;
}

.popup-second-weapon-wrapper {
  position: absolute;

  width: 7.917vw;
  height: 9.583vw;

  transition: 0.3s all ease-in-out;
  will-change: transform, opacity, width;
}

.popup-second-weapon-wrapper.one {
  top: 1vw;
  left: 8.5vw;
}

.popup-second-weapon-wrapper.two {
  top: 7vw;
  left: 1.3vw;
}

.popup-second-weapon-wrapper.three {
  top: 13vw;
  left: 8.5vw;
}

.weapon-popup-img {
  cursor: pointer;
  position: absolute;

  width: 8vw;

  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(10deg);
}

.weapon-popup-img:is(.spain, .czech) {
  transform: translate(-50%, -50%) rotate(0deg);
}

.weapon-popup-img.poland {
  transform: translate(-50%, -50%) rotate(-5deg);
}

.popup-second-weapon-wrapper:hover {
  transform: scale(1.05);
}

.weapon-popup-circle {
  cursor: pointer;
  position: absolute;

  width: 6.146vw;
  height: 6.146vw;

  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.weapon-popup-text {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.weapon-popup-title {
  width: max-content;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-family: 'FS Elliot Pro', sans-serif;
  font-size: 0.729vw;
  font-style: normal;
  font-weight: 800;
  line-height: 1.719vw;
  text-transform: uppercase;
}

.weapon-popup-model {
  width: max-content;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-kerning: none;
  font-family: 'FS Elliot Pro', sans-serif;
  font-size: 0.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.mb {
  display: none;
}

.dn {
  display: none;
}

@media (max-width: 767px) {
  .cases-line.pt2 {
    gap: 4vw;
    bottom: unset;
    top: 135vw;

    display: flex;
    gap: 4vw;
    justify-content: flex-start;
    align-items: end;

    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overflow-scrolling: touch;

    padding: 0 15vw;

    scrollbar-width: none;
  }

  .cases-line::-webkit-scrollbar {
    display: none;
  }

  .case {
    width: 65vw;
    scroll-snap-align: center;
  }

  .case:hover,
  .case.active {
    width: 75vw;
  }

  .weapon-part2.france {
    width: 50vw;
    left: 22vw;
    top: 92vw;
  }

  .weapon-part2.deutschland {
    width: 50vw;
    left: 22vw;
    top: 92vw;
  }

  .weapon-part2.spain {
    width: 40vw;
    left: 20vw;
    top: 85vw;
  }

  .weapon-part2.czech {
    width: 50vw;
    left: 22vw;
    top: 92vw;
  }

  .weapon-part2.poland {
    width: 50vw;
    left: 21vw;
    top: 88vw;
  }

  .map-svg.map-base.pt2.france {
    top: -35vw;
    left: 5%;
    width: 207.9693vw;
    height: 153.8295vw;
  }

  .map-svg.map-base.pt2.deutschland {
    left: -37.55vw;
    top: -19.7vw;
    width: 242.6309vw;
    height: 179.4678vw;
  }

  .map-svg.map-base.pt2.spain {
    left: 5.75vw;
    top: -112.4vw;
    width: 277.2924vw;
    height: 205.106vw;
  }

  .map-svg.map-base.pt2.czech {
    left: -204vw;
    top: -95.5vw;
    width: 485.2617vw;
    height: 358.9355vw;
  }

  .map-svg.map-base.pt2.poland {
    left: -153.5vw;
    top: -36vw;
    width: 346.6155vw;
    height: 256.3825vw;
  }

  .map-top-pt2.france {
    left: 26.132vw;
    top: 81.284vw;
    width: 56.436vw;
    height: 55.31vw;
  }

  .map-top-pt2.deutschland {
    left: 27.45vw;
    top: 75.47vw;
    width: 57.4964vw;
    height: 56.3498vw;
  }

  .map-top-pt2.spain {
    top: 77.86vw;
    left: -34.31vw;
    width: 117.447vw;
    height: 103.833vw;
  }

  .map-top-pt2.czech {
    top: 90.19vw;
    left: 15.21vw;
    width: 62.3376vw;
    height: 35.1216vw;
  }

  .map-top-pt2.poland {
    top: 74.22vw;
    left: 12.14vw;
    width: 65.0412vw;
    height: 61.0872vw;
  }

  .map-top-pt2.ready .france-svg {
    filter: drop-shadow(1.865vw 0.565vw 1.517vw rgba(0, 0, 0, 0.5));
  }

  .map-top-pt2.ready .deutschland-svg {
    filter: drop-shadow(-0.135vw -0.135vw 0.217vw rgba(0, 0, 0, 0.5));
  }

  .map-top-pt2.ready .spain-svg {
    filter: drop-shadow(-0.135vw -0.1vw 0.117vw rgba(0, 0, 0, 0.5));
  }

  .map-top-pt2.ready .czech-svg {
    filter: drop-shadow(0.065vw 0vw 0.86vw rgba(0, 0, 0, 0.5));
  }

  .map-top-pt2.ready .poland-svg {
    filter: drop-shadow(0.125vw 0.1vw 0.08vw rgba(0, 0, 0, 0.5));
  }

  /* .pt2 .map-top-pt2.ready .poland-svg {
    display: none;
  }

  .pt2 .map-top-pt2.ready .poland-flag {
    display: none;
  } */

  .overlay-second {
    backdrop-filter: blur(3.6px);
    filter: brightness(0.8);
  }

  .popup-second {
    top: 50%;

    width: 77.1vw;
    height: 150vw;

    background-image: url(../images/bg-popup-mobile.avif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    border-radius: 7.59vw;
    border: 0.24vw solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 0.24vw 0 0 rgba(255, 255, 255, 0.08) inset;
    backdrop-filter: blur(1.3vw);
  }

  .popup-second-case {
    width: 55vw;
    top: 2vw;
    transform: translateX(-50%);
  }

  .popup-title-second {
    width: 71.25vw;
    top: 46vw;
    left: 50%;
    font-size: 5.4675vw;
  }

  .lang-pl .popup-title-second {
    top: 46vw;
    font-size: 4.36vw;
  }

  .lang-da .popup-title-second {
    width: 70vw;
    top: 48vw;
    font-size: 4.8675vw;
  }

  .popup-second-btn-wrap {
    top: 64vw;
    left: 15%;

    width: 54.71vw;
    height: 12.98vw;
  }

  .popup-second-btn-wrap .btn {
    content: url(../images/button-popup-mb.avif);
  }

  .popup-second-btn-wrap .btn-text {
    font-size: 4.07vw;
    line-height: 110%;
    letter-spacing: 0.08vw;
  }

  .popup-second-btn-wrap .btn {
    animation: glowSecond 0.7s infinite alternate;
    filter: drop-shadow(0 0 1.53vw rgba(86, 113, 254, 1));
  }

  @keyframes glowSecond {
    0% {
      transform: scale(1);
      filter: drop-shadow(0 0 0 rgba(86, 113, 254, 0.5));
    }
    100% {
      transform: scale(1.05);
      filter: drop-shadow(0 0 2vw rgba(86, 113, 254, 1));
    }
  }

  .popup-second-weapon-wrapper {
    width: 28.5012vw;
    height: 34.4988vw;
    /*background: red;*/
  }

  .popup-second-weapon-wrapper.one {
    top: 77.5vw;
    left: 38.25vw;
  }

  .popup-second-weapon-wrapper.two {
    top: 94.5vw;
    left: 6.85vw;
  }

  .popup-second-weapon-wrapper.three {
    top: 112.5vw;
    left: 38.25vw;
  }

  .weapon-popup-img {
    cursor: pointer;
    position: absolute;

    width: 28.8vw;

    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(10deg);
  }

  .weapon-popup-img:is(.spain, .czech) {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .weapon-popup-img.poland {
    transform: translate(-50%, -50%) rotate(-5deg);
  }

  .popup-second-weapon-wrapper:hover {
    transform: scale(1.05);
  }

  .weapon-popup-circle {
    cursor: pointer;
    position: absolute;

    width: 22.1256vw;
    height: 22.1256vw;

    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .weapon-popup-text {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .weapon-popup-title {
    font-size: 3.2805vw;
    line-height: 7.7355vw;
  }

  .weapon-popup-model {
    font-size: 2.4vw;
    letter-spacing: 0.0585vw;
  }

  .bg-pt2-blur {
    position: absolute;
    top: 19vw;
    left: 50%;
    transform: translateX(-50%);

    width: 346.08vw;
    height: 66.47vw;

    z-index: 2;

    border-radius: 346.08vw;
    background: linear-gradient(
      180deg,
      rgba(8, 8, 8, 0.8) 32.74%,
      rgba(8, 8, 8, 0.23) 100%
    );
    filter: blur(3.17vw);
  }

  .bg-pt2 {
    content: url(../images/bg-pt2-mobile.avif);
  }

  .bg-pt2-orange {
    content: url(../images/bg-pt2-orange-mobile.avif);
  }

  .text-block {
    width: 90vw;
    top: 30vw;
  }

  .lang-pl .text-block {
    width: 90vw;
    top: 50vw !important;
  }

  @keyframes slideFade {
    0% {
      top: 30vw;
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.4);
    }
    100% {
      top: 46vw;
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }

  .text-block.ready {
    top: 46vw;
    opacity: 1;
  }

  .main-title {
    font-size: 6.11vw;
  }

  .main-subtitle {
    width: 90vw;
    height: 15vw;
    margin: 5vw auto 0;
    padding-top: 1.6vw;

    font-size: 4.89vw;
    line-height: 120%;

    border-radius: 10.61vw;
    border: 0.33vw solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 0.33vw 0 0 rgba(255, 255, 255, 0.08) inset;
    backdrop-filter: blur(1.82vw);
  }

  .lang-pl .main-subtitle {
    width: 78vw;
  }

  .lang-da .main-subtitle {
    width: 88vw;
  }

  .map-container {
    top: 65vw;
    left: 62%;

    width: 157.5525vw;
    height: 116.5375vw;
  }

  .map-top.poland {
    top: 20.45vw;
    left: 82.8vw;

    width: 29.675vw;
    height: 28vw;
  }

  .map-top.deutschland {
    top: 19.325vw;
    left: 58.175vw;

    width: 27.25vw;
    height: 36.9vw;
  }

  .map-top.czech {
    top: 39.15vw;
    left: 76.625vw;

    width: 20.05vw;
    height: 11.3vw;
  }

  .map-top.france {
    top: 38.925vw;
    left: 26.525vw;

    width: 42.6vw;
    height: 41.75vw;
  }

  .map-top.spain {
    top: 71.075vw;
    left: -13.3vw;

    width: 66.85vw;
    height: 59.1vw;
  }

  .map-blur {
    top: 25vw;

    width: 36.0675vw;
    height: 27.0825vw;
    filter: blur(12.5vw);
  }

  .map-blur.poland {
    top: 24.5vw;
    left: 46.5%;
  }

  .map-blur.deutschland {
    top: 27vw;
    left: 38%;
  }

  .map-blur.france {
    top: 42.5vw;
    left: 47.5%;
  }

  .map-blur.spain {
    top: 75vw;
    left: 42.5%;

    width: 34.5675vw;
    height: 19.5825vw;
    filter: blur(12.25vw);
  }

  .map-blur.czech {
    top: 32.5vw;
    left: 135%;
  }

  .map-card {
    top: 25vw;

    width: 52.0825vw;
    /* height: 26.0425vw; */
    /* height: 23.75vw; */
    height: auto;

    border-radius: 4.1675vw;
    border: 0.13vw solid rgba(255, 255, 255, 0.24);
    box-shadow: 0 0.13vw 0 0 rgba(255, 255, 255, 0.08) inset;
    backdrop-filter: blur(0.715vw);
  }

  .map-card.deutschland {
    top: 27vw;
    left: 32%;
  }

  .map-card.poland {
    top: 23vw;
    left: 49%;
  }

  .map-card.czech {
    top: 32.5vw;
    left: 38%;
  }

  .map-card.france {
    top: 45vw;
    left: 50%;
  }

  .map-card.france.show {
    transform-origin: left;
  }

  .map-card.spain {
    top: 73vw;
    left: 37%;
  }

  .btn-wrap {
    transform: translateX(-50%);

    width: 72.03vw;
    height: 13.74vw;
  }

  /* Place button inside card on mobile so it stays tappable */
  .map-card .btn-wrap.in-card {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 5;
    width: calc(100% - 20px);
    height: 42px;
    transform: translate3d(10px, 0, 0) scale(1) !important;
    animation-play-state: paused;
  }

  .map-card .btn-wrap.in-card span {
    font-size: 20px;
  }

  .btn-wrap.poland-btn {
    top: 57vw;
    left: 43%;
    transform: translateX(-50%);
  }

  .btn-wrap.deutschland-btn {
    top: 65vw;
    left: 43%;
    transform: translateX(-50%);
  }

  .btn-wrap.czech-btn {
    top: 65vw;
    left: 43%;
    transform: translateX(-50%);
  }

  .btn-wrap.france-btn {
    top: 85vw;
    left: 43%;
    transform: translateX(-50%);
  }

  .btn-wrap.spain-btn {
    top: 52vw;
    left: 43%;
    transform: translateX(-50%);
  }

  .btn-wrap .btn-text {
    font-size: 4.35vw;
    letter-spacing: 0.09vw;
  }

  .popup-first {
    top: 50%;

    width: 80.73vw;
    height: 33.85vw;

    border-radius: 5.427vw;
    border: 0.17vw solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 0.17vw 0 0 rgba(255, 255, 255, 0.08) inset;
    backdrop-filter: blur(0.933vw);
  }

  .popup-title-first {
    width: 47.5vw;
    top: 7.75vw;
    left: 64.5%;
    font-size: 3.645vw;
  }

  .lang-pl .popup-title-first {
    top: 5vw;
  }

  .lang-da .popup-title-first {
    width: 48vw;
  }

  .popup-first-btn-wrap {
    top: 20vw;
    left: 42%;

    width: 36.015vw;
    height: 6.87vw;
  }

  .popup-first-btn-wrap .btn-text {
    font-size: 2.5vw;
    letter-spacing: 0.04vw;
  }

  .map-blur.popup-first {
    top: 33.6vw;
    left: 42.2%;
    width: 80.73vw;
    height: 33.85vw;
    filter: blur(14.5vw);
  }

  .popup-first-map-svg.poland {
    width: 41.55vw;
    height: 39.2vw;
  }

  .popup-first-map-svg.deutschland {
    width: 38.15vw;
    height: 51.65vw;
  }

  .popup-first-map-svg.czech {
    width: 38.18vw;
    height: 21.52vw;
  }

  .popup-first-map-svg.france {
    width: 47.72vw;
    height: 46.76vw;
  }

  .popup-first-map-svg.spain {
    left: -45vw;

    width: 93.6vw;
    height: 82.75vw;
  }

  .popup-first-blur {
    bottom: -12.5vw;
    left: 35%;

    width: 49.7vw;
    height: 42.84vw;

    opacity: 0.28;
    filter: blur(1vw);
  }

  .popup-first-weapon.poland {
    width: 35vw;
  }

  .popup-first-weapon.deutschland {
    width: 40vw;
  }

  .popup-first-weapon.france {
    width: 41vw;
  }

  .popup-first-weapon.spain {
    left: 0;
    width: 30vw;
  }

  .popup-first-weapon.czech {
    width: 27.5vw;
  }

  .bg-stars {
    content: url(../images/stars-mb.png);
  }

  .bg {
    content: url(../images/bg-mobile.avif);
  }

  header.header {
    left: 50%;
    transform: translate(-50%, 0);
  }

  .header-logo-img {
    width: 12.3vw;
    height: unset;
  }

  .dk {
    display: none;
  }

  .mb {
    display: block;
  }
}

/* ------ */

/* FOOTER */

.footer .container {
  max-width: 70.83vw;
  padding: 0 1.04vw 2vw;
  margin: 0 auto;
}

.footer {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  position: relative;
  z-index: 6;
  overflow: hidden;
  background: linear-gradient(90deg, rgb(17, 19, 23) 0%, rgb(11, 13, 18) 100%);

  flex-shrink: 0;
}

.footer img {
  display: block;
}

.footer__wrap {
  padding: 4vw 0 1vw;
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 1.04vw;
}

.footer__main {
  padding-left: 5.21vw;
  padding-right: 1.56vw;
  position: relative;
}

.footer__copy {
  display: block;
  font-weight: 700;
  font-size: 0.83vw;
  color: #fff;
  padding-bottom: 0.42vw;
}

.footer__logo {
  position: absolute;
  left: 0;
  top: 0;
}

.footer__logo .icon {
  width: 3.41vw;
  opacity: 0.5;
  filter: grayscale(1);
}

.footer__payment-image:nth-child(1) img {
  width: 2.36vw;
  height: 1.5vw;
}

.footer__payment-image:nth-child(2) img {
  width: 2.31vw;
  height: 1.53vw;
}

.footer__payment-image:nth-child(3) img {
  width: 4.49vw;
  height: 0.96vw;
}

.footer__payment-image:nth-child(4) img {
  width: 2.24vw;
  height: 2.24vw;
}

.footer__payment-image:nth-child(5) img {
  width: 2.47vw;
  height: 2.03vw;
}

.footer__payment-image:nth-child(6) img {
  width: 6.27vw;
  height: 1.8vw;
}

.mail-icon {
  width: 0.99vw;
  height: 0.73vw;
}

.faq-icon {
  width: 0.73vw;
  height: 0.73vw;
}

.footer__links-item.restriction {
  position: relative;
  top: -0.31vw;
  height: 1.67vw;
}

.restriction {
  position: absolute;
  width: 1.93vw;
  height: 1.93vw;

  fill: #9793ba;
  filter: drop-shadow(0px 0px 0.78vw rgba(151, 147, 186, 0.4));
}

.text-restriction {
  position: absolute;
  left: 52%;
  top: 58%;
  transform: translate(-50%, -50%);

  color: #141225;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.57vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.26vw;
}

.footer__info {
  display: flex;
  font-size: 0.73vw;
  flex-direction: column;
  font-weight: 700;
  margin-bottom: 1.3vw;
  color: #78758c;
}

.footer__info.mb {
  display: none;
}

@media (max-width: 767px) {
  .footer__info.mb {
    display: block;
    margin: 10px 0;
    text-align: center;
  }
}

.footer__info span.grey {
  padding-top: 0.26vw;
  color: #4d4a64;
}

.footer__info p {
  margin: 0;
}

.footer__about {
  display: flex;
  flex-direction: column;

  color: #4d4a64;
  text-align: right;
  font-kerning: none;
  font-size: 0.73vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3vw;

  padding-bottom: 0.8vw;
}

.footer__about p {
  margin: 0;
}

.footer__about a {
  color: #4d4a64;
  display: inline;
  text-decoration: underline;
}

.footer__second {
  display: grid;
  max-width: 30.21vw;
  width: 100%;
}

.footer__box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.56vw;
}

.footer__payment {
  max-width: 13.02vw;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.footer__payment-image {
  margin-right: 0.94vw;
  margin-bottom: 0.52vw;
}

.footer__payment-image:nth-child(3n) {
  margin-right: 0;
}

.footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.footer__links-item:not(:last-child) {
  margin-right: 1.56vw;
}

.footer__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.25s ease;
  will-change: opacity;
}

.footer__link span {
  font-size: 0.83vw;
  font-weight: 700;
  color: #4d4a64;
}

.footer__link .icon {
  color: #4d4a64;
  margin-right: 0.42vw;
  transition: all 0.25s ease;
  will-change: transform, opacity;
}

.footer__link:hover .footer__link-text {
  opacity: 0.7;
}

.footer__link:hover .icon {
  color: #fff;
}

.footer-menu__list {
  padding: 0;
  margin: 0;
  display: flex;
  list-style: none;
  justify-content: flex-end;
}

.footer-menu__item:not(:last-child) {
  margin-right: 1.56vw;
}

.footer-menu__link {
  display: block;
  font-size: 0.73vw;
  text-transform: uppercase;
  color: #fc9a74;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.25s ease;
  will-change: opacity;
}

.footer-menu__link:hover {
  opacity: 0.7;
}

.footer__about.mb {
  display: none;
}

@media (max-width: 767px) {
  .footer-menu__item:not(:last-child) {
    margin-right: 0;
  }

  .footer-menu__item {
    text-align: center;
    padding: 0;
  }

  .footer-menu__list {
    display: inline-flex;
    flex-direction: column;
  }

  .footer__logo {
    display: grid;
    justify-items: center;
    position: unset;
  }

  .pt-10 {
    padding-top: 10px;
  }

  .pt-4 {
    padding-top: 4px;
  }

  .footer__logo.mb {
    padding-bottom: 10px;
  }

  .footer__box {
    margin-bottom: 20px;
    flex-direction: column-reverse;
  }

  .footer__wrap {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column-reverse;
    padding: 25px 0 0;
  }

  .footer__about.mb {
    text-align: center;
    display: flex;
    line-height: 25px;
    line-height: 15px;
  }

  span.date:not(.mb) {
    display: none;
  }

  .date.mb {
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 12.5px;
    color: #ffffff;
    padding-bottom: 10px;
  }

  .footer__main {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    margin-bottom: 10px;
  }

  .footer__info {
    font-size: 10px;
    margin-bottom: 10px;
  }

  .footer__payment-image:nth-child(1) img {
    width: 45.433px;
    height: 28.787px;
  }

  .footer__payment-image:nth-child(2) img {
    width: 44.452px;
    height: 29.325px;
  }

  .footer__payment-image:nth-child(3) img {
    width: 86.373px;
    height: 18.383px;
  }

  .footer__payment-image:nth-child(4) img {
    width: 43.045px;
    height: 42.936px;
  }

  .footer__payment-image:nth-child(5) img {
    width: 47.578px;
    height: 39.005px;
  }

  .footer__payment-image:nth-child(6) img {
    width: 120.746px;
    height: 34.478px;
  }

  .footer__link span {
    font-size: 16px;
    line-height: normal;
  }

  .mail-icon {
    width: 19.048px;
    height: 14px;
  }

  .faq-icon {
    width: 14.036px;
    height: 14px;
  }

  .footer__info span.grey {
    padding-top: 4px;
  }

  .footer__info p {
    width: 100%;
  }

  .footer__payment {
    justify-content: space-between;
    margin: 0 auto;

    max-width: 250px;
  }

  .footer__info.dk {
    display: none;
  }

  .footer__second {
    display: flex;
    flex-direction: column-reverse;
    max-width: 287px;
  }

  .footer__about {
    display: none;
    font-size: 10px;
  }

  .footer__logo .icon {
    width: 51.1292px;
  }

  .footer__copy {
    display: none;
    font-size: 0;
    padding-bottom: 12px;
  }

  .footer__wrap {
    gap: 20px;
  }

  .footer-menu {
    display: grid;
    justify-content: center;
  }

  .footer-menu__list {
    display: inline-flex;
    gap: 5px;
  }

  .footer__links {
    justify-content: center;
    margin-bottom: 17px;
  }

  .footer__links-item:not(:last-child) {
    margin-right: 15px;
  }

  .footer-menu__link {
    display: inline-block;
    font-size: 10px;
    padding: 0;
    text-decoration: none;
  }

  .footer__links-item.restriction {
    top: -4px;
    height: 28px;
  }

  .restriction {
    position: unset;
    width: 28px;
    height: 28px;
    filter: drop-shadow(0px 0px 20px rgba(151, 147, 186, 0.4));
  }

  .text-restriction {
    top: 51%;
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.242px;
  }

  .footer__payment {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-items: center;
  }

  .footer__payment-image {
    margin-right: 12px;
    margin-bottom: 7px;
  }

  .footer .container {
    max-width: 1360px;
    padding: 0 20px 40px;
  }

  .container {
    max-width: 100vmax;
    padding: 0 20px;
    padding-left: 2.08vmax;
  }
}

.text-block-policy {
}
.text-block-policy__container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 6rem 2rem;
}
@media (min-width: 1920px) {
  .text-block-policy__container {
    max-width: 1000px;
    padding: 160px 20px;
  }
}
@media (max-width: 1920px) {
  .text-block-policy__container {
    max-width: 1000px;
    padding: 160px 20px;
  }
}
@media (max-width: 1440px) {
  .text-block-policy__container {
    padding: 140px 20px;
  }
}
@media (max-width: 1024px) {
  .text-block-policy__container {
    padding: 130px 20px;
  }
}
@media (max-width: 960px) {
  .text-block-policy__container {
    padding: 100px 20px;
  }
}
@media (max-width: 768px) {
  .text-block-policy__container {
    padding: 140px 20px;
  }
}
@media (max-width: 640px) {
  .text-block-policy__container {
    padding: 120px 20px;
  }
}
@media (max-width: 480px) {
  .text-block-policy__container {
    padding: 100px 20px;
  }
}
.text-block-policy__title {
  font:
    600 48px/1.2 'Montserrat',
    sans-serif;
  color: #ffffff;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .text-block-policy__title {
    font-size: 32px;
  }
}
@media (max-width: 400px) {
  .text-block-policy__title {
    margin-bottom: 28px;
  }
}
.text-block-policy__content h2 {
  font:
    600 24px/1.3 'Montserrat',
    sans-serif;
  color: #ffffff;
  margin: 40px 0 20px 0;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .text-block-policy__content h2 {
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .text-block-policy__content h2 {
    margin: 30px 0 18px 0;
  }
}
.text-block-policy__content h2:first-of-type {
  margin-top: 0;
}
.text-block-policy__content h3 {
  font:
    600 20px/1.3 'Montserrat',
    sans-serif;
  color: #ffffff;
  margin: 30px 0 15px 0;
}
@media (max-width: 992px) {
  .text-block-policy__content h3 {
    font-size: 16px;
  }
}
.text-block-policy__content p {
  font:
    400 16px/1.6 'Montserrat',
    sans-serif;
  color: #fff;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .text-block-policy__content p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .text-block-policy__content p {
    margin-bottom: 12px;
  }
}
.text-block-policy__content p:last-child {
  margin-bottom: 0;
}
.text-block-policy__content p:first-of-type + h2 {
  margin-top: 40px;
}
@media (max-width: 400px) {
  .text-block-policy__content p:first-of-type + h2 {
    margin-top: 30px;
  }
}
.text-block-policy__content p:first-of-type + h3 {
  margin-top: 30px;
}
.text-block-policy__content ul,
.text-block-policy__content ol {
  margin: 16px 0;
  padding-left: 20px;
}
@media (max-width: 992px) {
  .text-block-policy__content ul,
  .text-block-policy__content ol {
    padding-left: 16px;
  }
}
@media (max-width: 400px) {
  .text-block-policy__content ul,
  .text-block-policy__content ol {
    margin: 14px 0;
  }
}
.text-block-policy__content li {
  font:
    400 16px/1.6 'Montserrat',
    sans-serif;
  color: #fff;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .text-block-policy__content li {
    font-size: 14px;
  }
}
.text-block-policy__content li:last-child {
  margin-bottom: 0;
}
.text-block-policy__content strong {
  font-weight: 600;
  color: #ffffff;
}

.cookies-policy-banner {
  /*background: #000000b3 center -3.96vw;*/
  /*background: linear-gradient(90deg, #0B0E1F 0%, #0A0A12 100%) center -3.96vw;*/
  background: rgba(0, 0, 0, 0.5) center -3.96vw;
  bottom: 0;
  height: auto;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 200;
  color: #fff;
  font-weight: 400;
}

.cookies-policy-banner__inner-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0 auto;
  max-width: 59.54vw;
  padding: 0 0.78vw 0.52vw;
}

.cookies-policy-banner__text-block {
  display: flex;
  max-width: 49.29vw;
  width: 100%;
}

.cookies-policy-banner__text-block .icon-wrap {
  max-height: 5.21vw;
}

.cookies-policy-banner__text-block .text {
  align-content: baseline;
  display: flex;
  flex-wrap: wrap;
  margin-left: 1.56vw;
  max-width: 58.85vw;
}

.cookies-policy-banner__text-block .text .title {
  font-size: 1.15vw;
  font-weight: 700;
  margin-top: 0.78vw;
}

.cookies-policy-banner__text-block .text p {
  color: #ccabd8;
  text-align: left;
  line-height: 1.3vw;
  font-size: 0.78vw;
  margin: 0.26vw 0;
  font-weight: 400;
}

.cookies-policy-banner__text-block .text p a {
  color: #a560ff;
  display: inline;
  margin-left: 0.1vw;
}

.cookies-policy-banner__button-block {
  align-items: center;
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
}

.cookies-policy-banner__button-block .accept-cookie-button {
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(
    0.63vw 0,
    calc(100% - 0.63vw) 0,
    100% 50%,
    calc(100% - 0.63vw) 100%,
    0.63vw 100%,
    0 50%
  );
  clip-path: polygon(
    0.63vw 0,
    calc(100% - 0.63vw) 0,
    100% 50%,
    calc(100% - 0.63vw) 100%,
    0.63vw 100%,
    0 50%
  );
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.83vw;
  font-weight: 700;
  height: 2.92vw;
  justify-content: center;
  min-width: 7.81vw;
  padding: 0 0.78vw;
  text-transform: uppercase;
  transition: all 0.3s;
  will-change: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  border: none;
  position: relative;
}

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

.img-cookies {
  width: 5.76vw;
  height: 6.77vw;
}

.cookies-policy-banner__button-block .accept-cookie-button .check-icon {
  background-color: #fff;
  display: inline-block;
  height: 0.68vw;
  margin-left: 0.52vw;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 100%;
  width: 0.94vw;
}

@media (max-width: 767px) {
  .cookies-policy-banner {
    height: auto;
  }

  .cookies-policy-banner__inner-wrapper {
    flex-direction: column;
    padding: 10px 20px;
    max-width: 400px;
  }

  .cookies-policy-banner__text-block .icon-wrap {
    display: none;
  }

  .cookies-policy-banner__text-block {
    max-width: 300px;
    justify-content: center;
  }

  .cookies-policy-banner__text-block .text .title {
    margin-top: 5px;
    font-size: 18px;
    text-align: center;
    width: 100%;
  }

  .cookies-policy-banner__text-block .text {
    max-width: 280px;
    margin-left: 0;
  }

  .cookies-policy-banner__text-block .text p {
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    margin: 5px 0 2px;
  }

  .cookies-policy-banner__text-block .text p a {
    margin-left: 1px;
  }

  .cookies-policy-banner__button-block .accept-cookie-button {
    clip-path: polygon(
      8px 0,
      calc(100% - 8px) 0,
      100% 50%,
      calc(100% - 8px) 100%,
      8px 100%,
      0 50%
    );
    clip-path: polygon(
      8px 0,
      calc(100% - 8px) 0,
      100% 50%,
      calc(100% - 8px) 100%,
      8px 100%,
      0 50%
    );
    font-size: 12px;
    height: 34px;
    min-width: 150px;
    width: unset;
    padding: 0 8px;
  }

  .cookies-policy-banner__button-block .accept-cookie-button {
    margin: 10px 0;
  }

  .cookies-policy-banner__button-block .accept-cookie-button .check-icon {
    height: 8px;
    margin-left: 5px;
    width: 12px;
  }
}



/* lang */
.lang-selector {
  position: relative;
  display: inline-block;
  margin-left: auto;
  padding-bottom: 1.26vw;
}
.lang-button {
  display: flex;
  align-items: center;
  gap: 0.42vw;
  background: #15213A;
  cursor: pointer;
  color: white;
}
.lang-button.hide {
  display: none;
}
.lang-emoji {
  line-height: 1;
}
.chevron {
  width: .7vw;
  height: .7vw;
  transition: all .5s ease-in;
}
.lang-selector.open .chevron {
  transform: rotate(180deg);
}
.lang-dropdown {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 0.21vw;
  border-radius: 0.42vw;
  background: #15213A;
  display: none;
  z-index: 10;
}
.lang-dropdown.show {
  display: block;
}
.lang-button-block {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.42vw;
}
.lang-button-block:after {
  content: "";
  display: block;
  width: 11px;
  min-width: 11px;
  height: 7px;
  min-height: 7px;
  transform: rotate(0deg) translate3d(0, 0.5px, 0);
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.22s ease-in-out;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='14' height='12' viewBox='0 0 14 12' fill='none' %3E%3Cpath d='M6.49519 11.25C6.88009 11.9167 7.84234 11.9167 8.22724 11.25L13.8564 1.5C14.2413 0.833332 13.7602 0 12.9904 0H1.73205C0.962249 0 0.481125 0.833333 0.866025 1.5L6.49519 11.25Z' fill='white' /%3E%3C/svg%3E");
}
.lang-selector.show .lang-button-block:after {
    transform: rotate(180deg) translate3d(0, 0.5px, 0);
}
.lang-option {
  cursor: pointer;
  color: white;
}
.lang-option.hide {
  display: none;
}
.lang-option:hover {
  background-color: #2c467c;
}
.lang-emoji:before {
  width: 1.7vw;
  display: block;
  height: auto;
}
.lang-en .lang-emoji:before {
  content: url("/images/en.svg");
}
.lang-pl .lang-emoji:before {
  content: url("/images/pl.svg");
}
@media (max-width: 767px) {
  .lang-selector {
    margin: 3vw auto 0;
  }
  .lang-emoji:before {
    width: 4.7vw;
  }
}
/* /lang */



.screen2 {
  display: none;
}
.screen2.show {
  display: block;
}
.screen1 {
  display: none;
}
.screen1.show {
  display: block;
}