/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.dark_hero_section {
  background-color: #0F2938;
  padding: 32px 0 0;
  color: #fff; }
  .dark_hero_section h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700; }
  .dark_hero_section p {
    color: #fff;
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .dark_hero_section .dark-hero-location img {
    width: 12px;
    display: inline-block;
    vertical-align: middle; }
  .dark_hero_section .dark-hero-location em {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px; }
  .dark_hero_section .btn.btn-primary {
    color: #031e2f;
    background-color: #00b0ca;
    border-color: #00b0ca;
    margin-bottom: 32px; }
  .dark_hero_section a {
    border-radius: 7px; }
  .dark_hero_section .navbar-collapse {
    -ms-flex-pack: left;
        justify-content: left; }
  .dark_hero_section .navbar-collapse.collapse {
    padding-bottom: 0; }
  .dark_hero_section .navbar-nav > li {
    border-bottom: 1px solid #16303F; }
  .dark_hero_section .navbar-nav > li:first-child {
    padding-left: 0; }
  .dark_hero_section .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0;
    font-size: 12px;
    text-transform: uppercase; }
    @media only screen and (max-width: 1023px) {
      .dark_hero_section .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 15px; } }
  .dark_hero_section nav {
    background-color: #0F2938;
    color: #fff;
    border-top: 1px solid #16303F; }
    .dark_hero_section nav .navbar-nav > li {
      background-color: #0F2938;
      padding-bottom: 5px;
      padding-top: 5px;
      position: relative; }
      .dark_hero_section nav .navbar-nav > li a {
        color: #fff;
        padding: 15px; }
      .dark_hero_section nav .navbar-nav > li:hover a {
        color: #00b0ca; }
      .dark_hero_section nav .navbar-nav > li.active a {
        color: #00b0ca; }