@font-face {
  font-family: 'Museo';
  src: url('../fonts/Museo300-Regular-webfont.eot?orgId=00DF00000007ZKm');
  src: url('../fonts/Museo300-Regular-webfont.eot?orgId=00DF00000007ZKm#iefix') format('embedded-opentype'), url('../fonts/Museo300-Regular-webfont.woff2?orgId=00DF00000007ZKm') format('woff2'), url('../fonts/Museo300-Regular-webfont.woff?orgId=00DF00000007ZKm') format('woff'), url('../fonts/Museo300-Regular-webfont.ttf?orgId=00DF00000007ZKm') format('truetype'), url('../fonts/Museo300-Regular-webfont.svg?orgId=00DF00000007ZKm#museo300') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Museo';
  src: url('../fonts/Museo500-Regular-webfont.eot?orgId=00DF00000007ZKm');
  src: url('../fonts/Museo500-Regular-webfont.eot?orgId=00DF00000007ZKm#iefix') format('embedded-opentype'), url('../fonts/Museo500-Regular-webfont.woff2?orgId=00DF00000007ZKm') format('woff2'), url('../fonts/Museo500-Regular-webfont.woff?orgId=00DF00000007ZKm') format('woff'), url('../fonts/Museo500-Regular-webfont.ttf?orgId=00DF00000007ZKm') format('truetype'), url('../fonts/Museo500-Regular-webfont.svg?orgId=00DF00000007ZKm#museo500') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Museo';
  src: url('../fonts/Museo700-Regular-webfont.eot?orgId=00DF00000007ZKm');
  src: url('../fonts/Museo700-Regular-webfont.eot?orgId=00DF00000007ZKm#iefix') format('embedded-opentype'), url('../fonts/Museo700-Regular-webfont.woff2?orgId=00DF00000007ZKm') format('woff2'), url('../fonts/Museo700-Regular-webfont.woff?orgId=00DF00000007ZKm') format('woff'), url('../fonts/Museo700-Regular-webfont.ttf?orgId=00DF00000007ZKm') format('truetype'), url('../fonts/Museo700-Regular-webfont.svg?orgId=00DF00000007ZKm#museo700') format('svg');
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: "Trebuchet MS";
  color: #5c666f;
  font-size: 14px;
}

h1, h2, h3 {
  font-family: 'Museo';
}

h1 {
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

h2 {
  font-size: 19px;
  font-weight: 500;
  color: #488bc9;
}

h3 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}

.uppercase {
  text-transform: uppercase;
}

.brand-img {
  max-height: 80px;
  padding: 15px 0;
}

.brand-img.cropped {
  position: absolute;
  clip: rect(0px,100px,200px,0px);
}

.title-border {
  width: 100%;
  height: 4px;
  background: url(../img/title_border.jpg);
}

.title {
  background-color: #488bc9;
  color: #fff;
}

.title h1 {
  margin: 20px 0;
  text-transform: initial;
  font-weight: 300;
}

.subtitle {
  background-color: #f5f5f5;
  padding: 20px 0;
  margin-bottom: 20px;
}

.subtitle h3 {
  display: inline;
  margin: 0;
  color: #488bc9;
}

.fixed-nav.affix {
  top: 50px;
}

@media (min-width: 768px) {
  .fixed-nav.affix {
    width: 24%;
  }
}

@media (min-width: 998px) {
  .fixed-nav.affix {
    width: 24%;
  }
}

@media (min-width: 1200px) {
  .fixed-nav.affix {
    width: 14%;
  }
}

.sidebar-nav li a {
  display: block;
  width: 100%;
  border-top: 1px solid #e7e8ea;
  padding: 12px 0;
  color: #5c666f;
}

.sidebar-nav li.active a, .sidebar-nav li a:hover {
  padding-left: 8px;
  text-decoration: none;
  background-color: #f5f5f5;
  border-left: 2px solid #488bc9;
}

.panel-default {
  border: 0;
  box-shadow: none;
  background-color: #f0f9fd;
}

section {
  border-bottom: 1px solid #e7e8ea;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.media-object.xlg {
  max-width: 120px;
  padding: 4px;
}

.media-object.lg {
  max-width: 90px;
}

.media-object.sm {
  max-width: 50px;
}

footer {
  position: relative;
  background-color: #f5f5f5;
  padding: 20px 0;
  margin-top: 40px;
}

footer .brand {
  position: relative;
  height: 80px;
}