/** RESETS **/
* {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: 1.005em;
  box-sizing: border-box; }

strong {
  font-weight: 700; }

body {
  color: #F0F0F0;
  background: #303030; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Lobster", sans-serif; }

ul,
ol {
  margin-left: -25px; }

a,
a:active,
a:visited,
a:hover {
  text-decoration: none;
  font-weight: 700; }

a,
a:visited {
  color: #00AEEF; }

a:hover {
  color: #33BEF2; }

a:active {
  color: #008BBF; }

:focus {
  outline: 1px dashed #00AEEF; }

table thead tr th {
  color: #303030;
  background: #FFC425; }
table tbody tr {
  border-bottom: 1px solid #606060; }
  table tbody tr:nth-child(even) td {
    background: #484848; }

hr {
  border-top: 0.15em solid #606060; }

/** GLOBAL **/
#hcu-main {
  margin-bottom: 1.5em;
  margin-top: 1.5em; }

#hcu-header {
  position: fixed;
  width: 100vw;
  z-index: 5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  #hcu-header .hcu-header-bar {
    height: 10vh;
    flex: 1 0 100%;
    display: flex;
    flex-direction: row;
    transition: padding-left 0.25s ease-in-out, padding-right 0.25s ease-in-out; }
    @media (min-width: 320px) {
      #hcu-header .hcu-header-bar {
        padding-right: 0.5em;
        padding-left: 0.5em; } }
    @media (min-width: 1024px) {
      #hcu-header .hcu-header-bar {
        padding-right: 1.5em;
        padding-left: 1.5em; } }
    #hcu-header .hcu-header-bar .header-logo {
      flex: 1 0 auto; }
      #hcu-header .hcu-header-bar .header-logo img {
        transition: height 0.25s ease-in-out; }
        @media (min-width: 320px) {
          #hcu-header .hcu-header-bar .header-logo img {
            height: 45px; } }
        @media (min-width: 768px) {
          #hcu-header .hcu-header-bar .header-logo img {
            height: 75px; } }
    #hcu-header .hcu-header-bar .header-toggles {
      flex: 0 0 auto; }
    #hcu-header .hcu-header-bar .header-logo,
    #hcu-header .hcu-header-bar .header-toggles {
      display: flex;
      flex-direction: row; }
      #hcu-header .hcu-header-bar .header-logo a,
      #hcu-header .hcu-header-bar .header-toggles a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 1em; }
  #hcu-header .hcu-header-nav {
    overflow-y: scroll;
    flex: 0 0 auto; }
    #hcu-header .hcu-header-nav a {
      color: #00AEEF; }
    #hcu-header .hcu-header-nav a:hover {
      color: #484848;
      background: #33BEF2; }
    #hcu-header .hcu-header-nav a:active {
      color: #303030;
      background: #008BBF; }
    #hcu-header .hcu-header-nav ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      #hcu-header .hcu-header-nav ul li > form {
        display: flex;
        flex-direction: row;
        margin-bottom: 1em;
        background: #00AEEF; }
        #hcu-header .hcu-header-nav ul li > form input,
        #hcu-header .hcu-header-nav ul li > form button {
          border: none;
          background: none;
          padding: 1em 1.5em; }
        #hcu-header .hcu-header-nav ul li > form input {
          flex: 1 0 auto; }
        #hcu-header .hcu-header-nav ul li > form input::placeholder {
          color: #303030; }
        #hcu-header .hcu-header-nav ul li > form button {
          flex: 0 0 auto; }
      #hcu-header .hcu-header-nav ul li > a, #hcu-header .hcu-header-nav ul li > span {
        display: block;
        padding: 1em 1.5em; }
      #hcu-header .hcu-header-nav ul li > a + ul {
        display: none; }
        #hcu-header .hcu-header-nav ul li > a + ul li a,
        #hcu-header .hcu-header-nav ul li > a + ul li span {
          padding-left: 3em; }
      #hcu-header .hcu-header-nav ul li > a.active {
        color: #303030;
        background: #00AEEF; }
        #hcu-header .hcu-header-nav ul li > a.active + ul {
          display: block;
          background: #303030;
          border-bottom: 1px solid #F0F0F0; }
          #hcu-header .hcu-header-nav ul li > a.active + ul span.sub-heading {
            color: #303030;
            background: #F0F0F0;
            border-top: 1px solid #303030; }
  #hcu-header .hcu-header-bar {
    background: none;
    transition: background 0.25s ease-in-out; }
  #hcu-header .hcu-header-overlay {
    cursor: pointer;
    flex: 1 0 auto; }
  #hcu-header .hcu-header-overlay,
  #hcu-header .hcu-header-nav {
    background: none;
    height: 0;
    transition: height 0.25s ease-in-out, background 0.25s ease-in-out; }
  #hcu-header .hcu-header-overlay.active,
  #hcu-header .hcu-header-nav.active {
    height: 90vh;
    padding-bottom: 10em; }
  #hcu-header .hcu-header-overlay.active {
    /* $gray-d-base */
    background: rgba(48, 48, 48, 0.55); }
  #hcu-header .hcu-header-bar.active,
  #hcu-header .hcu-header-nav.active {
    /* $gray-d-base */
    background: rgba(48, 48, 48, 0.85); }

/** FOOTER MEDIA LINKS **/
#hcu-footer {
  color: #F0F0F0;
  background: #303030; }
  #hcu-footer .hcu-footer-info {
    padding-top: 2.5em;
    padding-bottom: 2.5em; }
    #hcu-footer .hcu-footer-info a {
      color: #00AEEF; }
    #hcu-footer .hcu-footer-info a:hover {
      color: #33BEF2; }
    #hcu-footer .hcu-footer-info a:active {
      color: #008BBF; }
  #hcu-footer .hcu-media-links {
    display: flex;
    flex-direction: row; }
    #hcu-footer .hcu-media-links a {
      flex: 1 0 auto;
      text-align: center;
      padding: 2em 0;
      color: #00AEEF;
      background: #484848; }
    #hcu-footer .hcu-media-links a:hover {
      color: #484848;
      background: #33BEF2; }
    #hcu-footer .hcu-media-links a:active {
      color: #303030;
      background: #008BBF; }

/** TAGLINE **/
#hcu-tagline {
  padding: 3.5em;
  text-align: center;
  color: #303030;
  background: #FFC425; }
  #hcu-tagline .tagline-title {
    font-size: 3em; }
  #hcu-tagline .tagline-text {
    font-size: 2em; }

/** LOGIN MODAL **/
#hcu-modal {
  /** GENERAL MODAL STYLES **/ }
  #hcu-modal .modal-dialog {
    width: 95%;
    max-width: 750px;
    min-width: 300px; }
    #hcu-modal .modal-dialog .modal-content {
      background: #303030; }
      #hcu-modal .modal-dialog .modal-content .modal-header {
        border: none;
        /* close button */ }
        #hcu-modal .modal-dialog .modal-content .modal-header .modal-title {
          font-size: 1.25em;
          font-weight: bold; }
        #hcu-modal .modal-dialog .modal-content .modal-header button {
          color: #F0F0F0; }
      #hcu-modal .modal-dialog .modal-content .modal-header,
      #hcu-modal .modal-dialog .modal-content .modal-footer {
        color: #F0F0F0;
        background: #303030; }
      #hcu-modal .modal-dialog .modal-content .modal-body {
        max-height: 75vh;
        overflow-y: scroll;
        background: #484848;
        border-top: 2px solid #00AEEF; }
      #hcu-modal .modal-dialog .modal-content .modal-footer {
        border-top: 0; }
  #hcu-modal .hcu-form-login {
    display: flex;
    flex-direction: column;
    padding: 1em; }
    #hcu-modal .hcu-form-login .hcu-form-input,
    #hcu-modal .hcu-form-login .hcu-form-links {
      display: flex;
      flex-direction: row; }
    #hcu-modal .hcu-form-login .hcu-form-input {
      margin: 1em 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      /** search text field **/
      /** search submit button **/ }
      #hcu-modal .hcu-form-login .hcu-form-input input {
        background: none;
        border: none;
        padding: 1em; }
      #hcu-modal .hcu-form-login .hcu-form-input input::placeholder {
        color: #F0F0F0; }
      #hcu-modal .hcu-form-login .hcu-form-input input:first-child {
        margin-right: 1em;
        background: #606060;
        color: #F0F0F0;
        box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75); }
        @media (min-width: 320px) {
          #hcu-modal .hcu-form-login .hcu-form-input input:first-child {
            flex: 1 0 100%; } }
        @media (min-width: 768px) {
          #hcu-modal .hcu-form-login .hcu-form-input input:first-child {
            flex: 1 0 auto; } }
      #hcu-modal .hcu-form-login .hcu-form-input input:last-child {
        background: #00AEEF;
        box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75); }
        @media (min-width: 320px) {
          #hcu-modal .hcu-form-login .hcu-form-input input:last-child {
            flex: 1 0 100%;
            margin-top: 0.25em; } }
        @media (min-width: 768px) {
          #hcu-modal .hcu-form-login .hcu-form-input input:last-child {
            flex: 0 0 auto;
            margin-top: 0; } }
        #hcu-modal .hcu-form-login .hcu-form-input input:last-child:hover {
          background: #33BEF2; }
        #hcu-modal .hcu-form-login .hcu-form-input input:last-child:active {
          background: #008BBF; }
    #hcu-modal .hcu-form-login .hcu-form-links a {
      flex: 1 0 auto;
      text-align: center; }
  #hcu-modal .hcu-form-login-footer {
    display: flex;
    flex-direction: row; }
    #hcu-modal .hcu-form-login-footer a {
      flex: 1 0 auto;
      text-align: center;
      padding: 1em;
      background: #303030; }
      #hcu-modal .hcu-form-login-footer a:hover {
        color: #484848;
        background: #33BEF2; }
      #hcu-modal .hcu-form-login-footer a:active {
        color: #303030;
        background: #008BBF; }

/** OTHER THINGS **/
.hcu-blockquote {
  padding: 2.5em;
  font-size: 1.25em;
  margin-bottom: 1em;
  margin-top: 1em;
  background: #484848;
  border-left: 5px solid #FFC425; }

.hcu-content-box {
  margin-bottom: 1em;
  background: #484848; }
  .hcu-content-box .heading {
    color: #303030;
    background: #FFC425;
    border-bottom: 3px solid #FFC425;
    padding: 0.5em; }
  .hcu-content-box .content {
    padding: 1em; }
  .hcu-content-box.headless {
    border-top: 5px solid #FFC425; }

.hcu-text-shadow {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); }

.hcu-shadow {
  box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.75); }

/** BUTTONS / TILES **/
.hcu-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5em; }
  .hcu-tile span {
    width: 100%; }
  .hcu-tile.hcu-primary {
    color: #303030;
    background: #00AEEF; }
  .hcu-tile.hcu-default {
    color: #F0F0F0;
    background: #484848; }

a.hcu-tile.hcu-primary:hover {
  color: #484848;
  background: #33BEF2; }
a.hcu-tile.hcu-primary:active {
  color: #606060;
  background: #008BBF; }
a.hcu-tile.hcu-default:hover {
  color: #D8D8D8;
  background: #606060; }
a.hcu-tile.hcu-default:active {
  color: #C0C0C0;
  background: #303030; }

.hcu-button {
  display: inline-block;
  border: none;
  background: none;
  padding: 0.5em 0.75em;
  border-radius: 5px; }
  .hcu-button.hcu-primary {
    color: #303030;
    background: #00AEEF; }
  .hcu-button.hcu-primary:hover {
    color: #484848;
    background: #33BEF2; }
  .hcu-button.hcu-primary:active {
    color: #606060;
    background: #008BBF; }
  .hcu-button.hcu-default {
    color: #303030;
    background: #F0F0F0; }
  .hcu-button.hcu-default:hover {
    color: #303030;
    background: #D8D8D8; }
  .hcu-button.hcu-default:active {
    color: #303030;
    background: #C0C0C0; }

/** HERO HEADERS **/
.static-hero,
.hcu-hero {
  height: 60vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center; }
  .static-hero.ovtop:before,
  .hcu-hero.ovtop:before {
    content: "";
    display: block;
    width: 100%;
    height: 40%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }
  .static-hero .hero-heading,
  .hcu-hero .hero-heading {
    color: #F0F0F0;
    background: #484848;
    text-align: center;
    padding: 0.45em 0.75em 0.25em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em; }
    @media (min-width: 320px) {
      .static-hero .hero-heading,
      .hcu-hero .hero-heading {
        margin: 0 0.75em;
        font-size: 2em; } }
    @media (min-width: 768px) {
      .static-hero .hero-heading,
      .hcu-hero .hero-heading {
        margin: 0;
        font-size: 2.5em; } }

.static-hero {
  height: 40vh; }

/** HCU BAR **/
/** basically a placeholder to match tabs bar **/
.hcu-bar {
  display: flex;
  flex-direction: row;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.75);
  background: #484848; }
  .hcu-bar span {
    padding: 1em; }

/** HCU TABS CONTENT **/
@Keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.hcu-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.75);
  background: #484848; }
  .hcu-tabs [role="hcu-tab"] {
    padding: 1em;
    text-align: center; }
    @media (min-width: 320px) {
      .hcu-tabs [role="hcu-tab"] {
        flex: 1 0 100%; } }
    @media (min-width: 768px) {
      .hcu-tabs [role="hcu-tab"] {
        flex: 0 0 auto; } }
    .hcu-tabs [role="hcu-tab"]:hover {
      color: #484848;
      background: #33BEF2; }
    .hcu-tabs [role="hcu-tab"]:active {
      color: #303030;
      background: #008BBF; }
    .hcu-tabs [role="hcu-tab"].active {
      color: #303030;
      background: #00AEEF; }

.hcu-tabs-content [role="hcu-tab-content"] {
  display: none; }
  .hcu-tabs-content [role="hcu-tab-content"].active {
    display: block;
    animation-name: fadeIn;
    animation-duration: 0.6s;
    animation-delay: 0.3s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    backface-visibility: hidden; }

.hcu-picture-box {
  display: flex;
  margin: 2em 0; }
  @media (min-width: 320px) {
    .hcu-picture-box {
      flex-direction: column; } }
  @media (min-width: 768px) {
    .hcu-picture-box {
      flex-direction: row; } }
  .hcu-picture-box .info {
    background: #484848;
    border-bottom: 0.25em solid #FFC425;
    border-top: 0.25em solid #FFC425;
    padding: 2em; }
    @media (min-width: 320px) {
      .hcu-picture-box .info {
        width: 100%;
        order: 2; } }
    @media (min-width: 768px) {
      .hcu-picture-box .info {
        width: 50%;
        order: 1; } }
  .hcu-picture-box .picture {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    align-self: center; }
    @media (min-width: 320px) {
      .hcu-picture-box .picture {
        width: 100%;
        order: 1; } }
    @media (min-width: 768px) {
      .hcu-picture-box .picture {
        width: 50%;
        order: 2; } }

/** OWL CAROUSEL **/
.owl-carousel .owl-nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    z-index: 10; }
    .owl-carousel .owl-nav .owl-prev span,
    .owl-carousel .owl-nav .owl-next span {
      font-size: 2em;
      padding: 0.5em;
      color: #303030;
      background: #00AEEF; }
  .owl-carousel .owl-nav .owl-prev:hover span,
  .owl-carousel .owl-nav .owl-next:hover span {
    background: #33BEF2; }
  .owl-carousel .owl-nav .owl-prev:active span,
  .owl-carousel .owl-nav .owl-next:active span {
    background: #008BBF; }
  .owl-carousel .owl-nav .owl-next span {
    border-top-left-radius: 5px; }
  .owl-carousel .owl-nav .owl-prev span {
    border-top-right-radius: 5px; }
.owl-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .owl-carousel .owl-dots .owl-dot {
    width: 26px;
    height: 26px;
    margin: 26px 16px;
    border-radius: 13px;
    z-index: 15;
    background: #F0F0F0;
    border: 3px solid #303030; }
  .owl-carousel .owl-dots .owl-dot.active {
    background: #00AEEF; }

.slider-item.ovtop:before {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }