@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-size: 17px;
  line-height: 1.42857;
  color: #333333;
  background-color: white;
  margin: 0;
  padding: 0; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #F15A29; }
  a:hover, a:focus {
    color: #c1390d; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 2px solid #eeeeee; }

h1 {
  font-size: 46.75px; }

h2 {
  font-size: 38.25px; }

h3 {
  font-size: 29.75px; }

h4 {
  font-size: 21.25px; }

h5 {
  font-size: 17px; }

h6 {
  font-size: 14.45px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

html {
  font-family: 'Open Sans', sans-serif;
  font-size: 100%; }

.content {
  font-size: 17px; }
  .content h3 {
    font-weight: normal;
    text-align: left;
    color: black;
    margin-bottom: 20px;
    margin-top: 40px; }
  .content h4 {
    text-align: left;
    color: black;
    margin-top: 25px; }
  .content h5 {
    color: #bc370c; }
  .content a {
    color: #bc370c;
    text-decoration: none; }
    .content a:hover {
      text-decoration: underline; }
  .content img {
    max-width: 100%;
    object-fit: contain; }

.chevrons::after, .content h3::after {
  display: inline-block;
  content: '»';
  color: #bc370c;
  margin-left: .4em;
  margin-right: .4em; }

.alert {
  background-color: #eeeeee;
  border: 1px solid #999999;
  padding: 15px;
  border-radius: 5px; }

.right {
  float: right; }

.clickable:hover {
  cursor: pointer; }
  .clickable:hover:before {
    color: #999999;
    font-size: 18px !important;
    margin-left: -21px;
    width: 21px;
    vertical-align: middle;
    padding-bottom: 2px; }

@media screen and (max-width: 945px) {
  .clickable:hover:before {
    font-size: 16px !important;
    margin-left: -15px;
    width: 15px;
    padding-bottom: 4px; } }

body {
  display: flex;
  flex-direction: column;
  height: 100vh; }

.header {
  min-height: 50px; }

.header,
.secondary-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-shrink: 0; }

.attract {
  flex-shrink: 0; }

.search {
  flex-shrink: 0; }

.main {
  flex: 1 0 auto; }

.footer {
  flex-shrink: 0; }

.content {
  margin: 0 auto;
  width: 100%;
  max-width: 920px;
  padding: 34px 17px; }
  .content:before, .content:after {
    content: " ";
    display: table; }
  .content:after {
    clear: both; }

.content-ui {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  max-width: 920px;
  padding: 0 17px; }

.header {
  background: #222222; }
  .header .content-ui {
    position: relative; }
  .header__banner {
    width: 100%;
    background: #fffde7;
    text-align: center;
    min-height: 30px;
    padding: 7px;
    font-weight: bold; }
  .header__branding {
    display: inline-block;
    margin: 7px 15px 7px 5px; }
    .header__branding img {
      height: 30px; }
  .header__primary-navbar {
    flex: 1;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .header__primary-navbar ul {
      flex: 1;
      text-align: right;
      list-style: none;
      margin: 0;
      padding: 5px 0;
      line-height: 25px;
      font-size: 20px; }
    .header__primary-navbar li {
      display: inline-block;
      margin: 3px;
      transition: all .5s; }
      .header__primary-navbar li:not(.active):hover {
        background: #555555; }
      .header__primary-navbar li a {
        display: block;
        padding: 5px 20px;
        width: 100%;
        height: 100%;
        color: #eeeeee;
        text-decoration: none; }
      .header__primary-navbar li.active a {
        color: #F15A29; }
    .header__primary-navbar label {
      display: none;
      text-align: right;
      color: white;
      cursor: pointer; }
    .header__primary-navbar .icon-bars:before {
      font-size: 24px; }
    .header__primary-navbar input[type=checkbox] {
      display: inline;
      visibility: hidden;
      position: absolute; }

@media (max-width: 700px) {
  .header__branding {
    flex: 100%; }
  .header__primary-navbar label {
    display: block;
    position: absolute;
    top: 12px;
    right: 25px; }
  .header__primary-navbar ul {
    display: none;
    text-align: left; }
  .header__primary-navbar li {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #494949; }
  .header__primary-navbar #collapse:checked ~ ul {
    display: block; } }

.secondary-nav {
  background: #eeeeee;
  border-bottom: 1px solid #999999; }
  .secondary-nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    justify-content: flex-start; }
  .secondary-nav li {
    display: inline-block;
    transition: all .5s;
    white-space: nowrap; }
    .secondary-nav li:not(.active):hover {
      background: #999999; }
    .secondary-nav li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 3px 15px;
      color: #555555;
      text-decoration: none; }
    .secondary-nav li.active a {
      color: #f47f59; }

.footer {
  color: #eeeeee;
  background-color: #222222;
  padding: 34px 0;
  font-size: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .footer__branding img {
    width: 75px;
    margin-left: -15px; }
  .footer .footer__branding a:hover {
    background: none; }
  .footer__social {
    flex: 1 1 205px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center; }
    .footer__social a {
      font-size: 35px;
      color: #eeeeee;
      padding: 5px;
      margin: 5px;
      text-decoration: none; }
      .footer__social a:hover {
        background: #555555;
        text-decoration: underline; }
  .footer__copyright {
    width: 100%;
    text-align: center;
    color: #999999;
    margin: 10px 0 -10px 0; }
  .footer__navbar {
    flex: 3 3 200px; }
    .footer__navbar ul {
      margin: 0;
      padding: 0;
      height: 100%;
      min-height: 75px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center; }
    .footer__navbar li {
      display: inline;
      margin-right: 15px; }
    .footer__navbar a {
      text-decoration: none; }
      .footer__navbar a:hover {
        text-decoration: underline; }
      .footer__navbar a:link, .footer__navbar a:visited {
        color: #eeeeee; }

table {
  background-color: white;
  border-spacing: 0; }

caption {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #555555;
  text-align: left; }

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px; }
  table > thead > tr > th,
  table > thead > tr > td,
  table > tbody > tr > th,
  table > tbody > tr > td,
  table > tfoot > tr > th,
  table > tfoot > tr > td {
    padding: 10px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #999999; }
    table > thead > tr > th:not(:first-child),
    table > thead > tr > td:not(:first-child),
    table > tbody > tr > th:not(:first-child),
    table > tbody > tr > td:not(:first-child),
    table > tfoot > tr > th:not(:first-child),
    table > tfoot > tr > td:not(:first-child) {
      text-align: center; }
  table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #999999; }
  table > caption + thead > tr:first-child > th,
  table > caption + thead > tr:first-child > td,
  table > colgroup + thead > tr:first-child > th,
  table > colgroup + thead > tr:first-child > td,
  table > thead:first-child > tr:first-child > th,
  table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  table > tbody + tbody {
    border-top: 2px solid #999999; }
  table table {
    background-color: white; }

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/media/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff");
  font-weight: normal;
  font-style: normal; }

.icon, .clickable:hover:before, .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-arrow-right:before, .icon-arrow-right:before {
  content: ""; }

.fa-github:before, .icon-github:before {
  content: ""; }

.fa-rss:before, .icon-feed:before {
  content: ""; }

.fa-twitter:before, .icon-twitter:before {
  content: ""; }

.fa-facebook:before, .icon-facebook:before {
  content: ""; }

.fa-google-plus:before, .icon-google-plus:before {
  content: ""; }

.fa-linkedin:before, .icon-linkedin:before {
  content: ""; }

.fa-envelope:before, .icon-mail:before {
  content: ""; }

.fa-bars:before, .icon-bars:before {
  content: ""; }

.fa-check:before, .icon-check:before {
  content: ""; }

.fa-question:before, .icon-question:before {
  content: ""; }

.fa-info-circle:before, .icon-info-circle:before {
  content: ""; }

.fa-chevron-left:before, .icon-chevron-left:before {
  content: ""; }

.fa-chevron-right:before, .icon-chevron-right:before {
  content: ""; }

.fa-link:before, .icon-link:before, .clickable:hover:before {
  content: ""; }