@import url("//hello.myfonts.net/count/39cf7c");
@font-face {
  font-family: 'FranklinGothicLTPro-Bk';
  src: url("/static/frontend/assets/fonts/webfonts/39CF7C_0_0.eot?3023557e9da2");
  src: url("/static/frontend/assets/fonts/webfonts/39CF7C_0_0.eot?&3023557e9da2#iefix") format("embedded-opentype"), url("/static/frontend/assets/fonts/webfonts/39CF7C_0_0.woff2?3023557e9da2") format("woff2"), url("/static/frontend/assets/fonts/webfonts/39CF7C_0_0.woff?3023557e9da2") format("woff"), url("/static/frontend/assets/fonts/webfonts/39CF7C_0_0.ttf?3023557e9da2") format("truetype"); }

@font-face {
  font-family: 'FranklinGothicLTPro-Heavy';
  src: url("/static/frontend/assets/fonts/webfonts/39CF7C_1_0.eot?3023557e9da2");
  src: url("/static/frontend/assets/fonts/webfonts/39CF7C_1_0.eot?&3023557e9da2#iefix") format("embedded-opentype"), url("/static/frontend/assets/fonts/webfonts/39CF7C_1_0.woff2?3023557e9da2") format("woff2"), url("/static/frontend/assets/fonts/webfonts/39CF7C_1_0.woff?3023557e9da2") format("woff"), url("/static/frontend/assets/fonts/webfonts/39CF7C_1_0.ttf?3023557e9da2") format("truetype"); }

@font-face {
  font-family: 'FranklinGothicLTPro-Dm';
  src: url("/static/frontend/assets/fonts/webfonts/39CF7C_2_0.eot?3023557e9da2");
  src: url("/static/frontend/assets/fonts/webfonts/39CF7C_2_0.eot?&3023557e9da2#iefix") format("embedded-opentype"), url("/static/frontend/assets/fonts/webfonts/39CF7C_2_0.woff2?3023557e9da2") format("woff2"), url("/static/frontend/assets/fonts/webfonts/39CF7C_2_0.woff?3023557e9da2") format("woff"), url("/static/frontend/assets/fonts/webfonts/39CF7C_2_0.ttf?3023557e9da2") format("truetype"); }

/* line 36, frontend/static/styles/main.scss */
body {
  font-family: FranklinGothicLTPro-Bk;
  background-color: #686e71; }
  @media (min-width: 0em) and (max-width: 40em) {
    /* line 36, frontend/static/styles/main.scss */
    body {
      background-color: white; } }

/* line 44, frontend/static/styles/main.scss */
h1, h2, h3, h4, h5 {
  font-family: FranklinGothicLTPro-Heavy;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 1.2em; }

@media (min-width: 0em) and (max-width: 40em) {
  /* line 52, frontend/static/styles/main.scss */
  .header.mobile {
    display: block;
    background-color: #686e71;
    top: 0; }
    /* line 57, frontend/static/styles/main.scss */
    .header.mobile .container {
      background-color: #686e71; } }

/* line 64, frontend/static/styles/main.scss */
.container {
  padding-left: 0;
  padding-right: 0;
  background-color: white; }
  /* line 69, frontend/static/styles/main.scss */
  .container.banner {
    display: block;
    background-color: white; }
    @media (min-width: 0em) and (max-width: 40em) {
      /* line 69, frontend/static/styles/main.scss */
      .container.banner {
        margin-top: 38px;
        height: 180px; } }
    @media (min-width: 0em) and (max-width: 40em) {
      /* line 77, frontend/static/styles/main.scss */
      .container.banner .logo {
        display: none; } }

/* line 86, frontend/static/styles/main.scss */
.sidebar, .header .logo {
  min-width: 220px;
  height: 100%; }

/* line 91, frontend/static/styles/main.scss */
.sidebar {
  display: flex;
  flex-direction: column;
  align-items: center; }

/* line 97, frontend/static/styles/main.scss */
.menu-item.active {
  font-family: FranklinGothicLTPro-Dm; }

/* line 102, frontend/static/styles/main.scss */
.header .logo {
  min-width: 220px; }

/* line 106, frontend/static/styles/main.scss */
.header .slick-container {
  height: inherit; }

/* line 111, frontend/static/styles/main.scss */
.container.main {
  background-color: #eaebed;
  display: flex;
  flex-direction: row; }
  @media (min-width: 0em) and (max-width: 40em) {
    /* line 111, frontend/static/styles/main.scss */
    .container.main {
      background-color: white; } }

/* line 120, frontend/static/styles/main.scss */
.container.main, .sidebar {
  min-height: calc(100vh - 220px); }

@media (min-width: 0em) and (max-width: 40em) {
  /* line 124, frontend/static/styles/main.scss */
  .sidebar {
    display: none; } }

/* line 130, frontend/static/styles/main.scss */
.content {
  background-color: white; }
  @media (min-width: 0em) and (max-width: 40em) {
    /* line 130, frontend/static/styles/main.scss */
    .content {
      padding: 10px;
      height: 100vh;
      background-color: white;
      width: 100vw; } }

/* line 143, frontend/static/styles/main.scss */
.img.slick-slide {
  height: 220px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media (min-width: 0em) and (max-width: 40em) {
    /* line 143, frontend/static/styles/main.scss */
    .img.slick-slide {
      height: 180px; } }

@media (min-width: 0em) and (max-width: 40em) {
  /* line 154, frontend/static/styles/main.scss */
  body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100vw;
    overflow-x: hidden; } }

/* line 164, frontend/static/styles/main.scss */
.nav.mobile-nav {
  display: none;
  box-sizing: border-box; }
  @media (min-width: 0em) and (max-width: 40em) {
    /* line 164, frontend/static/styles/main.scss */
    .nav.mobile-nav {
      display: block;
      min-width: 180px;
      color: white;
      font-size: 1.2em;
      padding: 10px;
      margin-left: -180px;
      transition: margin-left 200ms ease-in-out;
      background-color: #686e71; } }
  /* line 179, frontend/static/styles/main.scss */
  .nav.mobile-nav.show {
    margin-left: 0px; }
  /* line 183, frontend/static/styles/main.scss */
  .nav.mobile-nav ul {
    padding-left: 5px; }
