h1, h2, h3, h4, h5, strong, th {
  font-weight: 700;
  font-family: "Roboto", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

p, li, address, td {
  font-weight: 400;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.55556rem;
  font-weight: 400;
  line-height: 1.2857142857;
}

h3 {
  font-size: 1.33333rem;
  font-weight: 400;
  line-height: 1.5;
}

h4 {
  font-size: 1.22222rem;
  margin-bottom: 0;
  line-height: 1.6363;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.88889rem;
}

.video-wrap {
  width: 100%;
  height: auto;
  position: relative;
}
.video-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video-wrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.product-category-intro.intro .product-category-brochure {
  display: grid;
}
.product-category-intro.intro .product-category-brochure h2 {
  margin-top: 0;
  padding-top: 0;
}

#cs-optics-focus #cs-optics-focus-fig1 {
  margin-top: -2em;
  position: relative;
  opacity: 0;
  right: -100px;
}
#cs-optics-focus #cs-optics-focus-fig1 figcaption {
  position: absolute;
  bottom: 0.5em;
  left: 1em;
}
#cs-optics-focus #cs-optics-focus-fig1 figcaption p {
  margin: 0;
}
#cs-optics-focus.is-visible #cs-optics-focus-fig1 {
  opacity: 1;
  right: 0;
  transition: opacity 3s ease, right 3s ease;
}

#cs-optics-glass {
  background-color: #000;
  color: #EEE;
}
#cs-optics-glass figure {
  opacity: 0;
}
#cs-optics-glass.is-visible figure {
  opacity: 1;
  transition: opacity 3s ease-out;
}

#cs-optics-mastering {
  background-color: #000;
  color: #EEE;
}
#cs-optics-mastering figure {
  opacity: 0;
}
#cs-optics-mastering.is-visible figure {
  opacity: 1;
  transition: opacity 3s ease-out;
}

#cs-optics-individual {
  min-height: 56.25vw;
  background-size: auto 100%;
  background-position: bottom left;
}

#cs-optics-inspired {
  min-height: 75vw;
  background-size: auto 110%;
  background-color: #000;
  color: #EEE;
  text-shadow: #000 0 1px 2px;
  padding-bottom: 2em;
}
#cs-optics-inspired .background-caption {
  color: #CCC;
}
#cs-optics-inspired.is-visible {
  background-size: auto 100%;
  transition: background-size 10s ease;
}

#cs-optics-quality {
  min-height: 66.75vw;
  background-size: auto 120%;
  background-color: #000;
  color: #EEE;
  padding-bottom: 2em;
}
#cs-optics-quality .background-caption {
  color: #CCC;
}
#cs-optics-quality.is-visible {
  background-size: auto 100%;
  transition: background-size 9s ease;
}

#cs-optics-tool {
  background-color: #000;
  color: #EEE;
  overflow: hidden;
}
#cs-optics-tool figure {
  transform: translateY(100px);
}
#cs-optics-tool.is-visible figure {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1s ease, transform 5s ease;
}

#cs-optics-tool .learnmore {
  border-color: #FFF;
}
#cs-optics-tool .learnmore:hover {
  background: #000;
}
#cs-optics-tool .learnmore a, #cs-optics-tool .learnmore a:link, #cs-optics-tool .learnmore a:visited {
  color: #FFF;
}
#cs-optics-tool .learnmore a::after, #cs-optics-tool .learnmore a:link::after, #cs-optics-tool .learnmore a:visited::after {
  content: url(/images/forward-arrow-white.svg);
}

#cs-optics-oem {
  background-position: right center;
  min-height: 47.5vw;
}
#cs-optics-oem::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
#cs-optics-oem.is-visible::before {
  opacity: 0;
  transition: opacity 6s ease;
}
#cs-optics-oem * {
  position: relative;
}

#cs-optics-individual {
  background-color: #e9eae4;
  background-size: auto 120%;
}
#cs-optics-individual.is-visible {
  background-size: auto 100%;
  transition: background-size 6s ease;
}

.cs-segment-browse {
  position: relative;
  left: 5%;
  grid-column: 1/3;
}
.cs-segment-browse .learnmore a {
  background: rgba(238, 238, 238, 0.8);
}

@media (max-width: 800px) {
  #cs-optics-focus #cs-optics-focus-fig1 {
    margin-top: auto;
  }
  #cs-optics-oem {
    background-size: 200% auto;
    background-position: right center;
  }
  #cs-optics-oem::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
  }
  #cs-optics-oem.is-visible::before {
    opacity: 0.8;
    transition: opacity 3s ease;
  }
  #cs-optics-quality {
    padding-bottom: 66.75vw;
    background-size: 110% auto;
    background-position: left bottom;
  }
  #cs-optics-quality .background-caption {
    position: relative;
    margin-top: 2em;
  }
  #cs-optics-quality.is-visible {
    background-size: 100% auto;
    transition: background-size 3s ease;
  }
  #cs-optics-individual {
    background-size: 250% auto;
    background-position: right bottom;
  }
  #cs-optics-individual.is-visible {
    background-size: 200% auto;
    transition: background-size 3s ease;
  }
  #cs-optics-individual::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e9eae4;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.75;
  }
  #cs-optics-individual * {
    position: relative;
  }
}

/*# sourceMappingURL=optics.css.map */