/* fonts */
/* colors */
/* site palette */
/* mixins */
html,
body {
  background-color: #1a1a1a;
  font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif;
  position: relative;
  color: #fff; }

.m-section {
  background-color: #1a1a1a; }
  .m-section h1,
  .m-section h2,
  .m-section h3 {
    font-family: 'SST-Roman', Arial, sans-serif;
    font-weight: normal;
    color: #fff; }
  .m-section a {
    color: #fff; }

p {
  color: #fff;
  line-height: 1.5em;
  font-family: 'SST-Roman', Arial, sans-serif; }

/* banner styles */
#fx6-hero-banner {
  background: #000;
  background: url("/App_Themes/FX6/images/main-banner-sml.jpg") center center no-repeat;
  background-size: cover;
  color: #fff; }
  #fx6-hero-banner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0; }
  #fx6-hero-banner .logo span {
    font-size: 1.5em; }
  #fx6-hero-banner .caption {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left; }
    #fx6-hero-banner .caption a {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      color: #fff; }
      #fx6-hero-banner .caption a:hover {
        text-decoration: none;
        color: #fff; }
    #fx6-hero-banner .caption .main-head {
      width: 100%; }
    #fx6-hero-banner .caption h1 {
      margin-bottom: 0.5em;
      text-transform: uppercase;
      font-family: 'SST-Light', 'SST-Roman', Arial, sans-serif;
      font-weight: normal;
      font-size: 3em;
      margin-top: 0;
      line-height: 1em;
      color: #fff; }
      #fx6-hero-banner .caption h1 .heavy {
        font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif; }
  @media (min-width: 768px) {
    #fx6-hero-banner {
      background: url("/App_Themes/FX6/images/main-banner.jpg") center center no-repeat;
      background-size: cover; }
      #fx6-hero-banner .caption h1 {
        font-size: 4em; }
      #fx6-hero-banner .logo span {
        font-size: 2.5em; } }
  @media (min-width: 998px) {
    #fx6-hero-banner .caption h1 {
      font-size: 5em; }
    #fx6-hero-banner .logo span {
      font-size: 2.5em; } }

#intro {
  background-color: #1a1a1a; }
  #intro h3 {
    margin-bottom: 1em; }
  @media (min-width: 998px) {
    #intro h2,
    #intro p {
      max-width: 60%;
      margin-left: auto;
      margin-right: auto; } }

#fx6-bts-video .col-wrapper {
  clear: both; }
#fx6-bts-video h3 {
  font-weight: bold;
  font-size: 1.5em; }

#redscope-profile {
  padding: 0;
  background-color: #313131; }
  #redscope-profile .feature-image {
    background: url("/App_Themes/FX6/images/gallery-1.jpg") top left no-repeat;
    background-size: cover; }
  #redscope-profile h3 {
    font-size: 2em;
    margin-bottom: 0.25em; }
  #redscope-profile .title {
    text-transform: uppercase;
    font-weight: bold;
    color: #e4e7eb;
    font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
    font-size: 0.85em; }
  #redscope-profile ul {
    list-style: none;
    padding-left: 0;
    display: block;
    overflow: hidden; }
    #redscope-profile ul li {
      padding: 0.5em 0; }
    #redscope-profile ul.socials li {
      display: flex;
      align-items: center; }
      #redscope-profile ul.socials li span.icon {
        display: inline-block;
        margin-right: 10px; }
      #redscope-profile ul.socials li a {
        color: #fff;
        font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif; }

#redscope-carousel-section #redscope-carousel .slide {
  padding: 1em; }
#redscope-carousel-section .slick-dots li button:before {
  color: #fff; }

#fx6-feature-highlights h2 {
  text-align: left; }
#fx6-feature-highlights .title {
  text-transform: uppercase;
  font-weight: bold;
  color: #83838f;
  font-family: 'SST-Heavy', 'SST-Roman', Arial, sans-serif;
  font-size: 0.85em; }
#fx6-feature-highlights ul {
  list-style: none;
  padding-left: 0;
  display: block;
  overflow: hidden; }
  #fx6-feature-highlights ul li {
    padding: 0.5em 0;
    color: #fff; }
#fx6-feature-highlights #format h3 {
  margin-bottom: 1em; }
#fx6-feature-highlights #format .table-wrapper {
  overflow: auto; }
#fx6-feature-highlights #format table .note {
  font-size: 0.85em;
  color: #fff; }
#fx6-feature-highlights #format table tr:nth-child(1) td, #fx6-feature-highlights #format table tr:nth-child(2) td {
  background-color: #dc3a1a;
  color: #fff; }
#fx6-feature-highlights #format table td {
  border: solid 1px #fff;
  border-collapse: collapse;
  padding: 0.5em;
  text-align: center;
  color: #fff; }
@media (min-width: 400px) {
  #fx6-feature-highlights #format table td {
    padding: 1em; } }

#one-mount {
  background-color: #313131;
  min-height: 400px; }
  #one-mount p {
    font-size: 1em; }
  #one-mount .feature-image {
    background: url("/App_Themes/FX6/images/lenses/one-mount.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px; }
  @media (min-width: 500px) {
    #one-mount .feature-image {
      min-height: 400px; } }
  @media (min-width: 1300px) {
    #one-mount {
      min-height: 600px; } }

#fx6-accessories-carousel {
  background: #E6E6E6;
  color: #2f353d;
  text-align: center; }
  #fx6-accessories-carousel h2 {
    text-align: center; }
  #fx6-accessories-carousel h3 {
    font-weight: bold; }
  #fx6-accessories-carousel p {
    color: #2f353d; }
  @media (min-width: 501px) {
    #fx6-accessories-carousel {
      text-align: left; }
      #fx6-accessories-carousel h2 {
        text-align: left; } }

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