/* DEBUG  */
#loading {
  display: none !important;
}




/*reset user agent*/
html,
body {
  margin: 0;
  padding: 0;
}


#loading {
  animation: fadeOutBg 0.6s ease forwards;
  animation-delay: 1s;
  opacity: 0;
  pointer-events: none;
}

@keyframes fadeOutBg {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

#loading.show {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #f5a069;
  opacity: 1;
}

#loading img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 180px;
  height: 180px;
  transform-origin: center;
  transform: translate(-50%, -50%);
  animation: fadeInLogo 0.8s ease-out forwards;
}

@keyframes fadeInLogo {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale3d(1.6, 1.6, 1) rotate(50deg);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale3d(1, 1, 1) rotate(0deg);
  }
}

.c-scrollbar {
  display: none;
}

.only-mobile-c,
.only-mobile {
  display: block;
}

.view-carousel-clock.view-display-id-block_1,
.only-desktop-c,
.only-desktop {
  display: none;
}

.only-desktop.footer-special {
  display: block;
}

.only-desktop.footer-special nav {
  display: none;
}

@media(min-width: 1024px) {
  .only-mobile-c {
    display: none;
  }

  .view-carousel-clock.view-display-id-block_1,
  .only-desktop-c {
    display: block;
  }
}

@media(min-width:1200px) {
  .only-mobile {
    display: none;
  }

  .only-desktop {
    display: block;
  }

  .only-desktop.footer-special nav {
    display: block;
  }
}


::selection {
  color: #fff;
  background: var(--p);
}



body.noscroll {
  overflow: hidden !important;
  height: 100vh;
}

body.noscroll main {
  opacity: 0;
  pointer-events: none;
}



.hidden-id,
.hidden-category {
  display: none;
}