/* transparent fixed header on top, colored on scroll */

.header,
.site-header,
.hero .header,
.page-video .site-header,
.page-contact .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  padding: 16px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition:
    background-color .22s ease,
    box-shadow .22s ease,
    backdrop-filter .22s ease,
    padding .22s ease !important;
}

body.is-header-scrolled .header,
body.is-header-scrolled .site-header,
body.is-header-scrolled .hero .header,
body.is-header-scrolled.page-video .site-header,
body.is-header-scrolled.page-contact .site-header {
  background: rgba(255, 91, 8, .94) !important;
  box-shadow: 0 10px 28px rgba(120, 42, 0, .14) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* Чтобы контент не заезжал под fixed header */
.hero {
  padding-top: 92px !important;
}

.hero.hero--subpage {
  padding-top: 120px !important;
}

html {
  scroll-padding-top: 92px !important;
}

@media (max-width: 900px) {
  .header,
  .site-header,
  .hero .header,
  .page-video .site-header,
  .page-contact .site-header {
    padding: 12px 0 !important;
  }

  .hero {
    padding-top: 78px !important;
  }

  .hero.hero--subpage {
    padding-top: 92px !important;
  }

  html {
    scroll-padding-top: 78px !important;
  }
}

@media (max-width: 620px) {
  .header,
  .site-header,
  .hero .header,
  .page-video .site-header,
  .page-contact .site-header {
    padding: 10px 0 !important;
  }

  .hero {
    padding-top: 72px !important;
  }

  .hero.hero--subpage {
    padding-top: 84px !important;
  }

  html {
    scroll-padding-top: 72px !important;
  }
}

/* contact CTA removed */
.contact-cta,
[class*="contact-cta"] {
  display: none;
}

/* cta section orange removed */
.cta.section-orange,
.section-orange.cta {
  display: none;
}
