@charset "UTF-8";
/* Variables */
/* General */
.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.container {
  max-width: 1024px;
  margin: 0 auto;
  background-color: #fff; }

.ui-widget * {
  outline: none; }

​ header, footer, section, aside, article, nav {
  display: block; }

a, a:visited {
  color: #002aff;
  text-decoration: none; }
  a:hover, a:visited:hover {
    text-decoration: underline; }

img {
  max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  color: #3d4ea8;
  font-weight: bold; }

h1 {
  padding: 0;
  margin: .3em 10px;
  font-style: italic; }

h2, h3 {
  padding: 0;
  margin: .625em 0; }

strong {
  font-weight: bold; }

body {
  margin: 0;
  padding: 0;
  background-color: #dddddd;
  font-size: 16px;
  font-family: 'lato', helvetica, arial, sans-serif;
  line-height: 1.3;
  color: #333333; }

header, #body {
  background-color: #fff; }

header {
  background-color: #596063; }
  header .container {
    padding: .625em 10px;
    max-width: 1004px; }
  header p {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: right;
    font-size: 20px;
    margin-top: 2em; }
    header p span {
      display: block; }
  header img {
    float: left;
    padding-left: 2em; }

#body {
  position: relative;
  padding-bottom: 10px; }
  #body p {
    padding: 10px;
    margin: 0; }
  #body .intro, #body .introLg {
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0; }
    #body .intro + p, #body .introLg + p {
      margin-top: 0;
      padding-top: 0; }
  #body .introLg {
    font-size: 1.5em;
    padding-bottom: 7px;
    font-family: 'Fjalla One', sans-serif;
    font-style: italic;
    color: #3d4ea8; }
  #body .profile:nth-child(even) {
    background-color: #f1efef; }
  #body .profile b {
    font-size: 1.2em; }
  #body .bList {
    list-style: disc;
    padding: 0 15px 0 40px; }
    #body .bList li {
      padding-bottom: 10px; }
    #body .bList ol {
      list-style: disc; }
      #body .bList ol li {
        padding-bottom: 5px; }

#content .container {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px; }

#hero {
  background-color: #3d4ea8;
  line-height: 0; }
  #hero .container {
    position: relative; }
    #hero .container .caption {
      font-size: 16px;
      font-style: italic;
      font-weight: bold;
      line-height: 1.3;
      width: 100%;
      padding: 5px 0;
      text-align: center;
      position: absolute;
      bottom: 15px;
      background-color: rgba(255, 255, 255, 0.8);
      color: #3d4ea8; }

#tabs {
  margin: -4px 0 1em;
  background-color: #596063;
  padding: 15px 0; }
  #tabs ul.mainTabs {
    margin: 0;
    padding: 0 .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #tabs ul.mainTabs li.mainNav {
      list-style-type: none;
      text-align: center;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      #tabs ul.mainTabs li.mainNav span {
        display: inline-block;
        text-align: center;
        text-decoration: underline; }
      #tabs ul.mainTabs li.mainNav a {
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        display: block; }
      #tabs ul.mainTabs li.mainNav .subNav li a:hover {
        color: #333333;
        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
    #tabs ul.mainTabs li.middle {
      padding: 0 10px; }
  #tabs .dropdown:hover .subNav {
    display: inline-block; }
  #tabs div {
    margin: 1em; }
  #tabs .subNav {
    list-style: none;
    margin: 0;
    padding: 10px;
    background-color: #596063;
    border: 1px solid #333;
    text-align: left;
    display: none;
    width: 300px;
    z-index: 1000;
    position: absolute;
    left: 4px;
    top: 228px; }
    #tabs .subNav li {
      padding-bottom: 7px; }
    #tabs .subNav a {
      padding: 5px; }
      #tabs .subNav a:hover {
        background-color: #ccc; }

#offices {
  margin: 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #offices div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 2.5% 15px; }
    #offices div h3 {
      margin-bottom: 0; }
    #offices div p {
      margin-top: 0;
      padding-left: 0; }

footer {
  padding: 1em 0 2em;
  background-color: #fff; }
  footer ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    footer ul li {
      list-style-type: none;
      display: inline-block;
      font-size: 14px; }
      footer ul li:not(:last-child) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
      footer ul li:last-child {
        text-align: right;
        -ms-flex-negative: 1;
        flex-shrink: 1; }

@media screen and (min-width: 620px) {
  a.desktop {
    color: #333333;
    cursor: default; }
    a.desktop:hover {
      text-decoration: none; } }

@media screen and (max-width: 1030px) {
  footer {
    padding: 0 1em 2em; } }

@media screen and (max-width: 970px) {
  header img {
    padding-left: 0; }
  #tabs .subNav {
    top: 200px; } }

@media screen and (max-width: 680px) {
  #tabs .subNav {
    top: 180px; } }

@media screen and (max-width: 620px) {
  header img {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 245px; }
  header p {
    margin: 0;
    text-align: center;
    padding-top: 10px; }
  #offices {
    display: block; }
    #offices div {
      width: 95%;
      margin-bottom: 2em; }
  #tabs ul.mainTabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    #tabs ul.mainTabs li.mainNav span {
      display: block; }
    #tabs ul.mainTabs li.middle {
      padding: 15px 0; }
  #tabs .subNav {
    width: 95%;
    padding: 10px; } }

@media screen and (max-width: 545px) {
  header p {
    font-size: 14px; }
  #hero .caption {
    position: static;
    background-color: rgba(255, 255, 255, 0.8); }
  footer ul {
    display: block; }
    footer ul li {
      width: 100%; }
      footer ul li:last-child {
        text-align: left; } }

@media screen and (max-width: 360px) {
  footer {
    padding: 0 7px 1em; } }

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