html,
body {
  //--font-aspect-ratio: 1.81;
  --font-aspect-ratio-min: 0;
}

.page:not(.page-home) .page-wrapper + .page-content {
  margin-top: -75rem;
}


.page-wrapper:has(.content-submit) {
  margin-bottom: 0rem !important;
}

@media screen and (max-width: 1259px) { 
  .page-wrapper + .page-content { 
    padding-left: 75rem;
    padding-right: 75rem;
  }  
}

@media screen and (max-width: 767px) { 
  .page-wrapper + .page-content { 
    padding-left: 20rem;
    padding-right: 20rem;
  }  
}

.page-header-wrapper { 
  height: 0px;
  overlay: visible;
  z-index: 99;
  position: sticky;  
  width: 100%;
  top: -20rem;
  transform: translateY(40rem);
}

.page-footer .footer-copy .social img[alt="Signal"] {
  height: 22rem;
}

.page-header {
  
  
  //position: sticky;
  //top: 10rem; 
  //border: 1px silid red;
  z-index: 99;
}

.btn {
  padding: 5rem 20rem;
  font-size: var(--font-size-xs);
  line-height: var(--font-lh-xs);
  font-weight: 700;
  color: var(--color-white);
  --font-size-xs: calc(max(14rem, 10px));
  --font-lh-xs: calc(max(20rem, 15px));
}

.btn-arrow {
  margin-left: 0.3em;
  font-size: 1em;
}

.btn.btn-primary {
  color: var(--color-black)
}

.btn > * {
  font-size: var(--font-size-xs);
  line-height: var(--font-lh-xs);
}

.page-home .page-container .page-wrapper {
  background: var(--color-black);
  color: var(--color-white);
  background-image: url('/assets/images/main_bg_ext_v2.jpg');
  background-size: cover;  
  aspect-ratio: 4000/3200;
  position: relative;
} 


.btn.btn-secondary {
  background: rgba(var(--color-black-rgb), 0.1);
  color: black;
}

@media screen and (max-width: 767px) { 
  
  .page-home .page-container .page-wrapper { 
    background-position-y: inherit;
    min-height: 100vh;
    justify-content: center;
  }
  
  .page-home .page-container .page-wrapper .content-title {
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    top: -65rem;
  }
  
  .page-home .page-wrapper::before {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(var(--color-black-rgb), 0.5);
    z-index: 1;
  }
}

.page-home .page-wrapper .page-content {
  z-index: 2;
}


.page-home .page-wrapper .content-title {
  margin-top: 130rem;
}

.page-header {
  margin: 0 auto;
  border-radius: 1000rem;
  width: fit-content;
  padding-left: 26rem;
  padding-right: 26rem;
  border-radius: 50px;
  //background: rgba(31, 27, 19, 0.05);
  background: rgba(220, 217, 215, 0.4);
  box-shadow: 5px 5px 10px rgba(255,255,255,0.1) inset;
  backdrop-filter: blur(5px);
  display: flex;
  column-gap: 20rem;
  transition: .5s ease background;
}

body:not(.scrolled):not(.menu-open) .page-home .page-header {
  background: rgba(64, 64, 64, 0.5) !important;
  box-shadow: 5px 5px 10px rgba(255,255,255,0.01) inset;
}



.page:not(.page-home) .page-header .main-nav ul li a:not(.active):hover, 
.page:not(.page-home) .page-header .qaxa-nav ul li a:not(.active):not(.btn):hover {
  background: rgba(255, 255, 255, 0.66) !important;
}

.page-header .main-nav ul, .page-header .qaxa-nav ul {
  margin-block-start: 15rem;
  margin-block-end: 15rem;
}

.page-header > *:first-child {
  padding: 0;
  min-width: 0;
  flex-grow: 0;
  display: flex;
}

.page-header .mobile-nav {
  width: 50rem;
  height: 50rem;
  margin-left: -10rem;
  margin-right: -26rem;
}

@media screen and (max-width: 767px) {
  .page-smartnav {
    background: rgba(var(--color-white-rgb), 1);
  }
  
  .page-smartnav ul li .btn {
    height: 70px;
    font-weight: bold;
  }
  
  .page-smartnav .page-nav a.btn.btn-white {
    color: var(--color-black);
    background: var(--color-white);
  }
  
  .page-smartnav .page-nav a.btn {
    padding-left: 30px;
    padding-right: 30px;
  }
    
  .page-smartnav .page-nav a.btn .qx {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  
  body.menu-closing .page-smartnav, body.menu-opening .page-smartnav, body.menu-open .page-smartnav .page-wrapper {
    padding-top: 100px;
  }
  
  /*
  .menu-open .page-wrapper  {
    background: var(--color-black);
  }*/
  
  .page-smartnav .page-nav {
    z-index: 2;
  }
}

/*
body.menu-closing 
.page-smartnav,
body.menu-opening 
.page-smartnav,
body.menu-open 
.page-smartnav  {
  z-index: 100;  
}*/

@media screen and (max-width: 767px) {
    .page-wrapper
    {
      padding-top: 20rem;
    }
  
    .btn-smart {
        padding: 0;
        user-select: none;
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        z-index: 98;
        background: none;
        -webkit-tap-highlight-color: transparent; /* iOS Safari */
        outline: none;  
    }
    
    .btn-smart .hamburger {
      width: 16px;
      height: 16px;
      position: relative;
      margin-left: -8px;
    }
    
    .btn-smart .hamburger > * {
      width: 16px;
      height: 16px;
      position: absolute;
    }
    
    .btn-smart:active {
      background: none;
      -webkit-tap-highlight-color: transparent; /* iOS Safari */
      outline: none;  
    }
    
    
    .btn-smart.btn:hover {
      background: transparent !important;  
    }
    
    .btn-smart:before {
      display: none;
    }
    
    .btn-smart:after {
      display: none;
    }
}

.main-nav a:not(.active):hover {
  background: rgba(255, 255, 255, 0.20) !important;  
}

.page-fixed a {
  display: none;  
}

.page-header .main-nav ul li a, 
.page-header .qaxa-nav ul li a:not(.btn)
{
  color: var(--color-black);
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
  padding: 10rem;
}

body:not(.scrolled) .page-home .page-header .main-nav ul li a, 
body:not(.scrolled) .page-home  .page-header .qaxa-nav ul li a:not(.btn)
{
  color: var(--color-white);
}

.page-header .logo {
  height: 24rem;
  width: calc(24rem * 300/87);
  overflow: hidden;
  position: relative;
}

.page-header .logo a {
  position: absolute;
  top:0;
  left: 0;
}


.page-header .qaxa-nav ul li a.btn {
  font-size: var(--font-size-xs);
  line-height: var(--font-lh-xs);  
  font-weight: 700;
}

.page .page-header .incl-intro,
.page .page-header .excl-intro {
  display: block !important;
  visibility: visible;
  transition: .2s ease opacity;
}

.page.page-home .page-header .logo a.excl-intro {
  display: block !important;
  opacity: 0;
}

.page.page-home .page-header .hamburger .excl-intro {
  display: block !important;
  opacity: 0;
}

body.scrolled .page.page-home .page-header .hamburger .excl-intro,
body.scrolled .page-home  .page-header .logo a.incl-intro {
  opacity: 0;
}

body.scrolled .page.page-home .page-header .hamburger .excl-intro,
body.scrolled .page-home  .page-header .logo a.excl-intro {
  opacity: 1;
}

body.menu-open .page.page-home .page-header .hamburger .excl-intro,
body.menu-open .page-home  .page-header .logo a.incl-intro {
  opacity: 0 !important;
}

body.menu-open .page.page-home .page-header .hamburger .excl-intro,
body.menu-open .page-home  .page-header .logo a.excl-intro {
  opacity: 1  !important;
}

.page-footer {
  margin-top: 0rem;
  padding: 0 150rem;
}

@media screen and (max-width: 1259px) { 
  .page-footer {
    padding: 0 75rem;
  }  
  
  .page-content > .content-title {
    margin-top: 75rem !important;
  }
  
  .page-wrapper .page-content > .content-title { 
    margin-top: 130rem !important;
  }
  
  .page-footer >  .content-title {
    margin-top: 100rem !important;
  }
}


@media screen and (max-width: 767px) { 
  .page-footer {
    padding: 0 60rem;

  }
  .page-content > .content-title {
    padding-left: 15rem;
    padding-right: 15rem;
    margin-top: 50rem !important;
  }
  
  .page-footer >  .content-title {
    margin-top: 75rem !important;
  }
  
  .page-wrapper .page-content > .content-title { 
    margin-top: 120rem !important;
  }
}

@media screen and (max-width: 567px) {    
  .page-footer {
    padding: 0 40rem;
  }
}

.content-title h2, 
.content-title h2 em,
.content-title h2 * {
  font-size: var(--font-size-xl);
  line-height: var(--font-lh-xl);
}

.content-title .title-body p {
  font-size: var(--font-size-md);
  line-height: var(--font-lh-md);
}

.page.page-home .page-header .excl-intro {
  display: none  !important;
}

.page:not(.page-home) .page-header .incl-intro {
  display: none !important;
}

.content-title {
  margin-top: 130rem;
  margin-bottom: 0rem;
}

.title-body {
  margin-bottom: 50rem;
}

.page-wrapper {
  margin-bottom: 75rem;
}

.page-home .page-wrapper {
  margin-bottom: 0rem;
} 

.page-wrapper .title-body p {
  margin-top: 30rem;
}

.title-body p {
  text-align: center;
  padding-left: 30rem;
  padding-right: 30rem;
}


@media screen and (max-width: 1259px) { 
  .title-body p {
    font-size: var(--font-size-md);
    line-height: var(--font-lh-md);
  } 
    
  .title-body p br { 
    display: none;
  }
  
  .content-type-perex .title-body p br { 
    display: block;
  }
}

.content-wrapper {
  padding-left: 160rem;
  padding-right: 160rem;
}

.content-tools + .carousel-nav {
  margin-top: 20rem;
}

.content-tools {
  /* position: absolute; */
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 0 40rem;
}

.content-tools .flickity-viewport {
  overflow: visible;
}

@media screen and (min-width: 1260px) {  
  .content-tools + .carousel-nav {
    display: none !important;
  }
  
  .content-tools *:not(a) {
    cursor: default !important;
  }

  .content-tools a * {
    cursor: pointer !important;
  }
}

@media screen and (max-width: 1260px) {  
  .content-tools .grid-item {
    padding: 40px;
  }
  
  .content-tools .grid-item h3 {
   --font-size-xlg: 50px;
   --font-lh-xlg: 50px;
  }
}

.content-tools .over-title {
  font-size: var(--font-size-xs);
  line-height: var(--font-lh-xs);
  background: var(--color-white);
  border-radius: 30rem;
  min-height: 30rem;
  border-radius: 30rem;
  display: flex;
  line-height: normal;
  padding: 5rem 10rem;
  width: fit-content; 
  align-items: center;
}

.content-tools .lottie {
  width: 100%;
  aspect-ratio: (330/236);
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 40rem;
  border-bottom-right-radius: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-tools .lottie img {
  width: 100%;
  height: 100%;
  display: block;
}

.content-tools .grid-item p {
  font-size: var(--font-size-sm);
  line-height: 140%;
}

.content-tools .grid-item {
  width: calc(25% - (20rem*0.75));
  margin-right: 20rem;
  padding: 35rem;
  aspect-ratio: 1/1.5;
  background: rgba(var(--color-black-rgb),0.05);
  border-radius: 40rem;
  position: relative;
  overflow: hidden;
}

.content-tools .grid-item:last-child {
  margin-right: 0rem;
}

.content-tools .grid-item p {
  text-align: left;
}

.content-tools .grid-item-a {
  color: var(--color-black);
  text-decoration: none;
  transition: .2s box-shadow;
}

.content-tools .grid-item-a:hover {
  box-shadow: inset 0px 0px 20em rgba(var(--color-black-rgb), .1);
}

.content-tools .grid-item h3 {
    font-size: var(--font-size-xlg);
    line-height: var(--font-lh-xlg); 
    font-family: var(--font-family-primary);
    text-align: left;
    font-weight: 400;
    margin-top: 20rem;
    margin-bottom: 25rem;
}

@media screen and (max-width: 1259px) {   
  .content-tools {
    margin-left: -75rem;
    margin-right: -75rem;
    padding-left: 75rem;
    padding-right: 75rem;
    width: 100vw;
  }
  
  .content-tools .grid-item { 
    min-width: 275px;
    padding: 40px;
    aspect-ratio: 300/470;
   }
   
   .content-tools .grid-item h3{
     margin-top: 20px;
     margin-bottom: 25px;
   }
}

@media screen and (max-width: 767px) {   
  .content-tools {
    margin-left: -20rem;
    margin-right: -20rem;
    padding-left: 20rem;
    padding-right: 20rem;
    width: 100vw;
  }
  
  .content-tools .grid-item { 
    padding: 40px;
  }
}

.content-grid-v2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30rem;
  margin-bottom: 30rem;
  position: relative;
  padding: 0 40rem;
}

.content-grid-v2 .over-title {
  font-size: var(--font-size-sm);
  line-height: var(--font-lh-sm);
  text-align: left;
  leading-trim: both;  
  text-edge: cap;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;  
}

.content-grid-v2 .grid-item p {
  font-size: calc(var(--font-size-md));
  line-height: var(--font-lh-md);
  margin-bottom: 90rem;
}

.content-grid-v2 .grid-item {
  padding-bottom: 200rem;
  background: rgba(var(--color-black-rgb),0.05);
  border-radius: 80rem;
  position: relative;
  overflow: hidden;
  padding: 80rem 100rem;
  background: rgba(var(--color-black-rgb),0.05);
  min-height: 620rem;  
}

.content-grid-v2 .grid-item:first-child {
  color: var(--color-white);
  background: url('/assets/images/grid_bg_black.webp');
  background-size: cover;
  background-position-y: 90%;   
  background-position-x: center;
}

.content-grid-v2 .grid-item:last-child {
  background: url('/assets/images/grid_bg_silver.webp');
  background-size: cover;
  background-position-y: bottom;
  background-position-x: center;
}

.content-grid-v2 .grid-item .privacy-lottie::after {
  content: 'Lottie';
  opacity: .5;
}

.content-grid-v2 .grid-item h3 {
    font-size: var(--font-size-xlg);
    line-height: 100%;
    font-family: var(--font-family-secondary);
    text-align: left;
    margin-top: 22rem;
    margin-bottom: 32rem;
    font-weight: 400;
    letter-spacing: -0.5rem;    
}

.content-grid-v2 .grid-item p {
  text-align: left;
}

@media screen and (max-width: 1259px) {  
  
  .content-grid-v2 {
    padding: 0;
  }
  
  .content-grid-v2 .grid-item {
    min-height: 550rem;
    --font-size-xlg: calc(50rem / 1.2);
    --font-lh-xlg: calc(50rem / 1.2);
    --font-size-md: calc(20rem / 1.2);
    --font-lh-md: calc(28rem / 1.2);
  }
  
  .content-grid-v2 .grid-item p {
    font-size: var(--font-size-md);
    line-height: var(--font-lh-md);
  }
  
  /*
  .content-grid-v2 .grid-item p {
    font-size: calc(var(--font-size-sm));
    line-height: var(--font-lh-sm);
  }*/
  
  .content-grid-v2 {
    gap: 20rem;
  }
  
  .content-grid-v2 .grid-item {
    padding: 50rem 40rem;
  }
}

@media screen and (max-width: 767px) {  
  
  .content-grid-v2 .grid-item {
    min-height: 490rem;
    border-radius: 40rem;
  }
  
  .content-grid-v2 .grid-item h3 {
    font-size: calc(var(--font-size-xl));
    line-height: var(--font-lh-xl);
  }
  
  .content-grid-v2 .grid-item h3 br {
    display: none;
  }
  
  .content-grid-v2 {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 20rem;
  }
}

.carousel-nav {
  display: flex;
  column-gap: 15rem;
  justify-content: flex-end;
  width: 100%;
  z-index: 5;
  position: relative;
}

.carousel-nav a {
  background: var(--color-white);
  width: 40rem;
  height: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40rem;
  transition: .5s box-shadow;
  background: rgba(var(--color-black-rgb),.05);
}

.carousel-nav a:not(.disabled):hover {
  background: rgba(var(--color-black-rgb),.1);
}

.content-type-features {
  background: rgba(var(--color-black-rgb),0.05);
  margin-top: 0rem;
  padding: 80rem 0rem 80rem 0rem;
  position: relative;
  overflow: hidden;
}

.content-type-features .carousel-nav {
  padding-right: 100rem;
  top: 20rem;
}

.carousel-nav .disabled {
  opacity: 0.5;
}

.carousel-nav:has(> a.disabled:first-child):has(> a.disabled:last-child) {
  display: none;
}

.content-type-features .features-inner {
  display: grid;
  grid-template-columns: 40% 60%;
}

.content-type-features .content-title {
  text-align: left;
}

@media screen and (min-width: 1260px) { 
  .content-type-features .content-title h2 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 1259px) { 
  .content-type-features {
    margin-left: -75rem;  
    margin-right: -75rem;
    width: calc(100% + 150rem);
    border-radius: 0rem !important;
    padding-left: 40rem;
    padding-right: 40rem;
  }
}

@media screen and (max-width: 767px) { 
  .content-type-features {
    margin-left: -20rem;  
    margin-right: -20rem;
    width: calc(100% + 40rem);
    border-radius: 0rem !important;
    padding-left: 50rem;
    padding-right: 50rem;
  }
}

.content-type-features  .over-title {
  font-size: var(--font-size-sm);
  line-height: var(--font-lh-sm);
  text-align: left;
  leading-trim: both;  
  text-edge: cap;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.content-type-features .content-title h2,
.content-type-features .content-title h2 em,
.content-type-features .content-title h2 * {
    line-height: 100%;
    text-align: left;
    font-weight: 400;
    letter-spacing: -0.5rem;
    font-size: var(--font-size-xlg);
    line-height: var(--font-lh-xlg);
}

.content-type-features .content-title h2 {
  margin-top: 22rem;
  margin-bottom: 22rem;
  padding-right: 30rem;
} 

.content-type-features .content-title {
  position: relative;
  z-index: 2;
  background: linear-gradient(-90deg, transparent 0, rgba(244, 244, 243, 0.9) 40px);
  margin-top: -100rem;
  margin-left: 0rem;
  margin-bottom: -100rem;
  padding-top: 100rem;
  padding-left: 100rem;
  padding-bottom: 100rem;
}

.content-type-features .content-title::before {  
  z-index: 1;
  position: absolute;
  content: ' ';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  backdrop-filter: saturate(180%) blur(20px);
  mask-image: linear-gradient(-90deg, transparent 0,  rgba(0, 0, 0, .5) 30px, rgba(0, 0, 0, .75) 40px, #000);
}

.content-type-features .content-title * {
  z-index: 2;
  position: relative;
}

.content-type-features .flickity-viewport {
  overflow: visible;
  z-index: -1px;
}

@media screen and (max-width: 1259px) { 
  
  .content-type-features {
    padding-top: 50rem;  
    padding-bottom: 50rem;  
  }
  
  .content-type-features .features-inner {
    display: grid;
    grid-template-columns: 45% 55%;    
  }
  
  .content-type-features .content-title {
    margin-top: -50rem;
    margin-bottom: -50rem;    
    padding-top: 50rem;
    padding-left: 40rem;
    padding-bottom: 50rem;
  }

  /*
  .content-type-features {
    padding: 50rem 0rem;
  } */ 
  
  .content-type-features .carousel-nav {
    padding-right: 40rem;
  }
  
  /*
  .content-type-features .content-title {
    margin-left: 40rem;
  }*/
}

@media screen and (max-width: 1259px) {     
  .content-type-features .features-inner { 
    grid-template-columns: 1fr;
  }
  
  .content-type-features .content-title {
    position: relative;
    z-index: 2;
    background: linear-gradient(-90deg, transparent 0, rgba(244, 244, 243, 0.9) 40px);
    margin-top: 0;
    margin-left: 0rem;
    margin-bottom: 0;
    padding-top: 0rem;
    padding-left: 40rem;
    padding-bottom: 20rem;
  }
  
  .content-type-features .content-title::before {
    display: none;
  }
  
  .content-type-features .content-carousel {
    padding: 0 40px;
  }
}


@media screen and (max-width: 767px) { 
  .content-type-features {
    padding: 50rem 0rem 30rem 0rem;
    grid-template-columns: 1fr;
    border-radius: 40rem;
  }
  
  .content-type-features .content-title h2,
  .content-type-features .content-title h2 em,
  .content-type-features .content-title h2 * {
      font-size: var(--font-size-xl);
      line-height: var(--font-lh-xl);
  }
    
  .content-type-features .carousel-nav {
    margin-bottom: 20rem;
  }
  
  .content-type-features .content-title {
    padding-bottom: 0rem;    
  }
}

.lottie-skytower-desktop {
  width: 100%;
  aspect-ratio: 1600/500;
  margin-top: 65rem;
  position: relative
}

@media screen and (max-width: 1259px) {    

   .content-skytower-desc p, .content-skytower-desc p * {
      --font-lh-sm: 24rem;    
      --font-size-sm: 16rem;
    }
}

.lottie-skytower-mobile {
  width: 100%;
  aspect-ratio: 1;
  margin: 90rem 0 0 0;
  position: relative
}



.lottie-skytower-mobile > *,
.lottie-skytower-desktop > * {
  position: absolute;
  top: 0;
  width: 100%;
}

.lottie-skytower-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .lottie-skytower-desktop {
    display: none;
  }
  .lottie-skytower-mobile {
    display: block;
  }
  
  .lottie-skytower-mobile > div {
    width: 100%;
  }
  
  .lottie-skytower-mobile svg {
    min-width: 100%;
  }
}

.content-type.content-skytower {
  padding-bottom: 50rem;  
}

.content-skytower-desc {
  padding-top: 40rem;
  overflow: visible;
  height: 0px;
  z-index: 1;
  position: relative;
}

@media screen and (max-width: 767px) {
  .content-skytower-desc {
    padding-top: 30rem;
  }
}

.content-skytower-desc p {
  padding: 0;
  margin: 0 auto;
  max-width: 720rem;
}

.content-skytower-desc p, .content-skytower-desc p * {
  font-size: calc(var(--font-size-sm));
  line-height: calc(var(--font-lh-sm)); 
}


@media screen and (min-width: 768px) {  
  .content-skytower-desc br {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {  
  .content-skytower-desc p {
    padding-left: 20rem;
    padding-right: 20rem;
  }
}

@media screen and (max-width: 567px) {  
  .content-skytower-desc p {
    padding-left: 0rem;
    padding-right: 0rem;
    --font-size-sm: 15px;
  }
}


.content-skytower .content-skytower-btns {
  overflow: hidden;
  display: flex;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;   
  user-select: none;
  justify-content: center;
  scrollbar-width: none;    
  -ms-overflow-style: none;
}

.content-skytower .content-skytower-btns > * {
  margin-left: 5rem;
  margin-right: 5rem;
}

@media screen and (max-width: 1259px) {     
  .content-skytower .content-skytower-btns {
  margin-left: -75rem;
  margin-right: -75rem;     
  }
  
  .content-type.content-skytower {
    padding-bottom: 15rem;  
  }
}

@media screen and (max-width: 767px) {     
.content-skytower .content-skytower-btns {
    overflow: scroll;
    overflow-x: auto;  
  }
}

.content-skytower .content-skytower-btns * {
  user-select: none;
}

.content-skytower .content-skytower-btns > * {
  flex-shrink: 0;  
}

.content-skytower .content-skytower-btns::-webkit-scrollbar { display: none;   }


@media screen and (max-width: 767px) { 
  .lottie-skytower {
    margin-top: 50rem;
  }
  
  .content-skytower .content-skytower-btns {
    padding: 0 20px;
    justify-content: start;
  }
  
  .content-skytower .content-skytower-btns {
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
  }
 
}

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

.content-type-minds {
  margin-top: 130rem;
  background: var(--color-primary);
}

.content-type-minds .content-title {
  margin-top: 0rem;
}

.content-type-minds .title-body {
  padding: 0rem 100rem 30rem 100rem;  
  margin-bottom: 0rem;
}

.content-type-minds .content-title {
  padding-top: 80rem;
}

.content-type-minds img.smart {
  display: none;
}

@media screen and (max-width: 1259px) { 
  .content-type-minds
  {
    margin-left: -75rem;  
    margin-right: -75rem;
    width: calc(100% + 150rem);
    border-radius: 0px !important;
    margin-top: 60rem !important;
  }
  
  .content-type-minds .title-body {
    padding: 0rem 100rem 50rem 100rem;  
  }
  
  .content-type-minds .content-title {
    padding-top: 50rem;
  }
}

@media screen and (max-width: 767px) { 
  
  .content-type-minds img.dsk {
    display: none;
  }
  
  .content-type-minds .title-body img.smart {
    display: block;
    border-radius: 10rem;
    box-shadow: 10px 10px 10px rgba(var(--color-black-rgb), .1);
  }
  
  .content-type-minds
  {
    margin-left: -20rem;  
    margin-right: -20rem;
    width: calc(100% + 40rem);
    padding-bottom: 50rem;
  }
  
  
  .content-type-minds .content-title {
    padding-top: 50rem;
  }
  
  .content-type-minds .title-body {
    padding: 0rem 20rem 0rem 20rem;  
  }
  
  .content-type-minds {
    margin-top: 20rem;
    border-radius: 40rem;
  }
}

.content-type-minds .title-body img {
  max-width: 100%;
  border-radius: 0rem;
}



.content-type-watchers {
  margin-top: 50rem;
  padding: 0;
  overflow: hidden;
  color: white;
}  

@keyframes watchersScale {
  0%   { transform: scale(1); }
  100%  { transform: scale(1.2); }
}

.content-type-watchers .content-title {
  position: relative;
  margin: 0;
  height: 480rem;
  padding: 80rem 100rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* aby nepretŕčal scale */
}

.content-type-watchers .content-title::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/assets/images/bg_watchers.webp?V=2') bottom right no-repeat;
  background-size: 100% auto;
  transform-origin: bottom right;

}

.content-type-watchers.start .content-title::before {
  animation: watchersScale 20s linear forwards;
}

.content-type-watchers .content-title > * {
  z-index: 1;
  position: relative;
}


.content-type-watchers .content-body {
  margin: 0;
  background: var(--color-primary-dark);
}

.content-type-watchers .content-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-type-watchers .watchers-inner {
  color: var(--color-black);
  text-align: left;
  padding: 45rem 100rem; 
  font-size: var(--font-size-md);
  line-height: var(--font-lh-md); 
}

.content-type-watchers .watchers-inner  p {
  margin: 0px;
}

 .content-type-watchers .title-button {
  padding: 30rem 100rem 30rem 0rem; 
  flex-shrink: 0;
}


@media screen and (max-width: 1259px) { 
  .content-type-watchers {
    margin-top: 40rem; 
  }  
  
  .content-type-watchers .content-title {
    height: auto;
    width: 100%;
    aspect-ratio: 2;
    background-size: cover;
    background-position-y: inherit;    
  }
  
  .content-type-watchers .content-title {
    padding: 50rem 75rem 50rem 75rem;
  }  
  
  .content-type-watchers .watchers-inner {
    padding: 20rem 75rem 20rem 75rem;
  }
  .content-type-watchers .title-button {
    padding: 20rem 40rem 20rem 0rem;;
  }
  
  .content-type-watchers .watchers-inner p {
    font-size: calc(var(--font-size-md));
    line-height: calc(var(--font-lh-md));
  }
}

@media screen and (max-width: 767px) {   
  .content-type-watchers {  
    margin-bottom: 0rem;
  }
  
  .content-type-watchers .content-title {
    padding: 50rem 60rem 50rem 60rem;
  }  

}

@media screen and (max-width: 567px) {   
  .content-type-watchers .content-title {
    padding: 50rem 40rem 50rem 40rem;
  }  
}


.content-type-faq {
  padding-bottom: 0;
  margin-top: 50rem;
  margin-bottom: 100rem;
}

@media screen and (max-width: 1259px) { 
  .content-type-faq {
    margin-top: 0 !important;
    margin-left: -75rem;  
    margin-right: -75rem;
    width: calc(100% + 130rem);
    border-radius: 0rem !important;
    padding-left: 125rem;
    padding-right: 125rem;
    border-width: 0rem;
    margin-bottom: 75rem;
  }
  
  .accordeon-item {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  
  .accordeon-item.opening .accordeon-item-inner, .accordeon-item.open .accordeon-item-inner {
    padding-left: 40rem;
    padding-right: 40rem;
  }
}

@media screen and (max-width: 767px) { 
  .content-type-faq {
    margin-left: -20rem;  
    margin-right: -20rem;
    width: calc(100% + 40rem);
    border-radius: 0rem !important;
    padding-left: 20rem;
    padding-right: 20rem;
    margin-bottom: 60rem;
  }
  
  .accordeon-item {
    padding-left: 40rem;
    padding-right: 40rem;
  }

  .accordeon-item.opening .accordeon-item-inner, .accordeon-item.open .accordeon-item-inner {
    padding-left: 40rem;
    padding-right: 40rem;
  }
}



@media screen and (max-width: 767px) { 
  .content-type-faq {
    border-radius: 40rem;
  }
}

@media screen and (max-width: 1259px) {  

  
  .content-type-faq .content-title {
    margin-top: 75rem;
  }
}

.content-type-faq .title-button {
  display: none;    
}

.footer-grid {
 margin-top: 100rem; 
}

@media screen and (max-width: 1259px) {   
  .content-type-watchers {
    margin-top: 0rem;
    margin-bottom: 0rem;
    border-radius: 0rem !important;
    margin-left: -75rem;
    margin-right: -75rem;
    width: calc(100% + 150rem);
  }
  
  .content-type-faq .accordeon {
      max-width: 100%;
      margin: 40rem auto 40rem auto;
  }
}

@media screen and (max-width: 767px) { 
  .content-type-watchers {
    margin-top: 50rem;
    border-radius: 40rem;
    margin-left: -20rem;
    margin-right: -20rem;
    width: calc(100% + 40rem);
  }
  
  .content-type-faq .title-button {
    display: block;    
  }
  
  .content-type-watchers .watchers-inner {
    text-align: center;
  }  
  .content-type-watchers .content-body { flex-flow: column; }  
  .content-type-watchers .title-button {
    padding: 0 30rem 30rem 30rem; 
    flex-shrink: 0;
  }  

  
  .content-type-watchers .watchers-inner {
    padding: 20rem 40rem 0rem 40rem;
  }
  .content-type-watchers .title-button {
    padding: 0rem 0rem 10rem 0rem;;
  }
  
  .content-type-faq .content-title {
    margin-top: 50rem;
  }
  
  .footer-grid {
    margin-top: 50rem; 
  }
}

.content-carousel {
  height: calc(315rem * 368/365);
  position: relative;
}

.carousel-cell {
  height: calc(315rem * 368/365);
  width: 315rem;
  aspect-ratio: 1;
  margin-right: 20rem;
}

.carousel-cell:last-child {
  padding-right: 100rem;
  width: calc(415rem);
}

.carousel-cell .grid-item {
  background: var(--color-white);
  padding: 30rem 28rem;
  border-radius: 40rem;
  aspect-ratio : 365/368;
  display: flex;
  position: relative;
  overflow: hidden;
}

.carousel-cell .grid-item h3 *,
.carousel-cell .grid-item h3 {
  text-align: center;
  font-family: var(--font-family-secondary);
  font-size: calc(var(--font-size-lg) * 0.9);
  line-height: calc(var(--font-lh-lg) * 0.9);
  font-weight: 400;
  margin: 0;
}

.carousel-cell .grid-item p {
  text-align: center;
  font-size: calc(var(--font-size-sm) * 0.9);
  line-height: calc(var(--font-lh-sm) * 0.9);
  color: rgba(var(--color-black-rgb), 0.5);
  margin-top: 15rem;
  margin-bottom: 10rem;
}

@media screen and (max-width: 1259px) { 
  
  .content-carousel {
    height: calc(250rem * 368/365);
  }
  
  .carousel-cell {
      height: calc(250rem * 368/365);
      width: 250rem;     
  }
  
  .carousel-cell .grid-item {
    padding: 20rem 18rem;
  }
  
  .carousel-cell .grid-item h3 *,
  .carousel-cell .grid-item h3 {
    text-align: center;
    font-family: var(--font-family-secondary);
    font-size: calc(var(--font-size-lg) * 0.75);
    line-height: calc(var(--font-lh-lg) * 0.75);
    font-weight: 400;
    margin: 0;
  }
  
  .carousel-cell .grid-item p {
    text-align: center;
    font-size: calc(var(--font-size-sm) * 0.8);
    line-height: calc(var(--font-lh-sm) * 0.8);
    margin-top: 15rem;
    margin-bottom: 10rem;
  }
}

@media screen and (max-width: 1259px) {  
  .content-carousel {
    height: calc(350rem * 368/365);
  }
  
  .carousel-cell {
    height: calc(350rem * 368/365);
    width: 350rem;
    aspect-ratio: 1;
    margin-right: 20rem;
    
    --font-size-sm: 16rem;
    --font-lh-sm: 24rem;
  }

  .carousel-cell .grid-item h3 *,
  .carousel-cell .grid-item h3 {
    text-align: center;
    font-family: var(--font-family-secondary);
    font-size: calc(var(--font-size-lg) * 1);
    line-height: calc(var(--font-lh-lg) * 1);
    font-weight: 400;
    margin: 0;
  }
  
  .carousel-cell .grid-item p {
    text-align: center;
    font-size: calc(var(--font-size-sm) * 1);
    line-height: calc(var(--font-lh-sm) * 1);
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
  
  .carousel-cell:last-child {
      padding-right: 0;
      width: 350rem;
  }
}

@media screen and (max-width: 767px) { 
  .content-carousel {
    height: 280px;
  }
  
  .carousel-cell {
      height: 280px;
      width: 280px;
  }
  
  .carousel-cell .grid-item h3 *,
  .carousel-cell .grid-item h3 {
    font-family: var(--font-family-secondary);
    font-size: calc(var(--font-size-lg) * 0.8);
    line-height: calc(var(--font-lh-lg) * 0.8);
  }
  
  .carousel-cell .grid-item p {
    font-size: calc(var(--font-size-sm) * 0.8);
    line-height: calc(var(--font-lh-sm) * 0.8);
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .carousel-cell:last-child {
    padding-right: 0px;
    width: 280px;
  }
}

.carousel-cell .grid-item.bg-black {
  background: var(--color-black);
  color: var(--color-white);
}

.carousel-cell .grid-item.bg-navy {
  background: var(--color-navy);
  color: var(--color-white);
}

.carousel-cell .grid-item.bg-primary {
  background: var(--color-primary);
}

.carousel-cell .grid-item.bg-black p {
  color: rgba(var(--color-white-rgb), 0.5);
}

.carousel-cell .grid-item.bg-navy p {
  color: rgba(var(--color-white-rgb), 0.8);
}

.carousel-cell .grid-item.va-center {
  align-items: center;
}

.carousel-cell .grid-item.va-bottom {
  align-items: flex-end;
}

.page-home.page-empty
{
  height: 100%;
}

.page-home.page-empty > .page-container {
  min-height: 100%;  
}

.page-home.page-empty .page-wrapper {
  background: var(--color-black) !important;
  background-image: none;
  aspect-ratio: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  justify-content: center;
  display: flex
}

.page-home.page-empty .page-footer {
  padding-top: 0rem;
  margin-top: 0 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  //box-shadow: 0 0 0 9999px var(--color-black)
}

@media screen and (max-width: 1259px) { 
  .page-home:not(.page-empty) .page-footer {
    margin-top: 0px !important;
  }
}

.page-home.page-empty h1 {
  font-size: var(--font-size-xl);
  line-height: var(--font-lh-xl);
}

.page-home.page-empty .page-footer .content-title {
  margin-top: 50rem;
}

@media screen and (max-width: 1259px) {
    .page-home.page-empty .title-body p br {
        display: inherit;
    }
}

@media screen and (max-width: 767px) {
    .page-home.page-empty .title-body p br {
        display: none;
    }
}

@media screen and (min-width: 768px) {
  .page-home:not(.page-empty) .page-wrapper .title-button a {
    display: none;
  }
}

.block-button { display: flex; align-items: center; justify-content: center; padding-top: 20rem;  padding-bottom: 20rem;  }
.block-button .btn {  font-family: var(--font-family-primary) !important; }

.block-text table {
  width: 100%;
  border-collapse: collapse;  
}

.block-text figure.table {
  padding: 25rem 0 0 0;
  margin: 0;
  max-width: 100%;
  overflow: auto;
}

.block-text figure.table tbody tr:first-child td {
  font-weight: bold;
  background: rgba(var(--color-black-rgb), 0.05);
}

.block-text table td {
  padding: 5rem 15rem;
  border: 1px solid rgba(var(--color-black-rgb), 0.1);
}

.content-slideshows {
  margin-top: 130rem;
  margin-bottom: 0rem;
  padding-bottom: 0;
  position: relative;
  z-index: 5;
  border-bottom: 1px solid rgba(var(--color-black-rgb), 0.05);
}

.slideshow-slide .content-title {
  margin-top: 0;
}

.slideshow-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  color: white;
  height: 120dvh;
  position: relative;  
  background: black;
  transform: translateZ(0)
}

.slideshow-slide a {
  color: white;
  text-decoration: underline;
  transition: .2s all;
}

.slideshow-slide a:hover {
  color: white;
  text-decoration: none;
}

.slideshow-slide .content-footer {
  font-size: var(--font-size-xs);
  line-height: var(--font-lh-xs);  
}

.slideshow-content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: white;
}


@media screen and (max-width: 1259px) {   
  .content-slideshows {    
    margin-left: -75rem;
    margin-right: -75rem;
    width: 100vw;
    margin-top: 80rem;
  }
}

@media screen and (max-width: 767px) { 
  .content-slideshows {  
    margin-left: -20rem;  
    margin-right: -20rem;
    width: calc(100% + 40rem);
  }
}

.slideshow-content-inner {
  position: relative;
  z-index: 5;
  padding: 0 40rem ;
}

.slideshow-content-inner .content-body {
  max-width: 520rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10rem;
}

.slideshow-bg-wrapper {
  height: 0px;
  overflow: visible;
  position: sticky;
  top: 0;
}

.slideshow-slide .slideshow-bg {
  display: block;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  position: absolute;
  background-size: cover;
  background-position: center center;
  content: ' ';
}

.slideshow-slide.scrolled-out-bottom .slideshow-bg-wrapper {
  width: 100vw;
  top: inherit;
  position: absolute;
  bottom: 0;
}

.slideshow-slide.scrolled-out-bottom .slideshow-bg {
  bottom: 0;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .slideshow-slide {
    height: 100vh;
    padding: 50rem 0;
  }
  
  .slideshow-bg-wrapper {
    height: 100%;
    position: absolute;
  }
  
  .slideshow-slide .slideshow-bg {
    height: 100%;
  }
}

@media screen and (max-width: 767px) and (min-height: 400px) {
    
  #slide-3990 .slideshow-bg-wrapper .slideshow-bg {
    background-position: 60% center;
  }
  
  #slide-3991 .slideshow-bg-wrapper .slideshow-bg {
    background-position: 32% center;
  }
  
  #slide-3992 .slideshow-bg-wrapper .slideshow-bg {
    background-position: 40% center;
  }
  
  #slide-3993 .slideshow-bg-wrapper .slideshow-bg {
    background-position: 65% center;
  }
  
  #slide-3994 .slideshow-bg-wrapper .slideshow-bg {
    background-position: 82% center;
  }
}

.supertitle {
  font-family: var(--font-family-secondary);
  text-transform: uppercase;
  margin-bottom: 10rem;
  font-size: var(--font-size-sm);
  line-height: var(--font-lh-sm);
}

.content-article-lead h2 em,
.content-article-lead h2 {
  margin: 0 0 15rem 0;
  font-size: var(--font-size-xlg);
  line-height: var(--font-lh-xlg);
  font-style: inherit;
  font-weight: 400;
}

.content-article-preview {
  margin-top: 60rem;
}
.content-article-lead {
  margin-bottom: 90rem;
}

.content-article-preview h2 em,
.content-article-preview h2 {
  margin: 0 0 10rem 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-lh-lg);
  font-style: inherit;
  font-weight: 400;
}

.content-article-lead h2 em,
.content-article-preview h2 em {
  font-style: italic;
}

.content-article:not(.content-article-lead) .article-date {
  margin-top: 10rem;
}

.content-article .article-date {
  font-size: var(--font-size-sm);
  line-height: var(--font-lh-sm);
  color: #FF4245 !important;
}

.content-article-lead .article-date {
  margin-top: 10rem;
}

.content-article-preview a,
.content-article-lead a {
  text-decoration: none;
  color: black;
}

.content-article-preview a:hover,
.content-article-lead a:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
}

.preview-content {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-sm);
    line-height: var(--font-lh-sm);
}

.content-article-lead .preview-content {
  font-size: var(--font-size-md);
  line-height: var(--font-lh-md);
}