@import url("https://fonts.googleapis.com/css?family=Rokkitt");
body {
  background: #f9f9ff; }

.container, .container-fluid {
  background: white; }

.navbar-brand {
  padding-top: 0px; }

.navbar {
  margin-bottom: unset; }

.navbar-default {
  background: rgba(255, 255, 255, 0.85);
  border: 0px; }
  .navbar-default .navbar-nav > li {
    font-family: 'Rokkitt', serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #333; }
    @media screen and (max-width: 991px) {
      .navbar-default .navbar-nav > li {
        font-size: 16px; } }
    .navbar-default .navbar-nav > li > a {
      padding: 16px 13px 12px; }
      @media screen and (max-width: 991px) {
        .navbar-default .navbar-nav > li > a {
          padding: 16px 8px 12px; } }
    .navbar-default .navbar-nav > li > a:hover {
      background-color: rgba(26, 100, 159, 0.05);
      color: #1a649f; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open a:focus, .navbar-default .navbar-nav > .open a:hover {
    background-color: rgba(26, 100, 159, 0.05);
    color: #1a649f; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #1a649f;
  background-color: rgba(26, 100, 159, 0.05); }

.dropdown-header {
  color: #1a649f;
  font-weight: bold;
  font-size: 14px; }

.featurette-image {
  max-width: 40%; }
  .featurette-image.pull-left {
    margin: 0px 20px 20px 0px; }
  .featurette-image.pull-right {
    margin: 0px 0px 20px 20px; }

.marketing .img-square {
  height: 140px; }

.banner {
  background: #eee;
  padding-top: 10px; }

.footer {
  background: #2579a9;
  padding-top: 20px;
  color: white; }
  .footer .container {
    background: transparent; }
    .footer .container a {
      color: #f3d111; }
    .footer .container .btn {
      color: white; }
      .footer .container .btn.btn-danger {
        background: #ff3333; }
    @media screen and (min-width: 768px) {
      .footer .container .social-block {
        float: right; } }
    .footer .container .social-icon {
      color: white; }
      .footer .container .social-icon .bg-facebook {
        color: #3e5b97; }
      .footer .container .social-icon .bg-phone {
        color: #df2824; }
      .footer .container .social-icon .bg-email {
        color: #999; }

.nav-tabs {
  text-align: center; }
  .nav-tabs > li {
    float: none;
    display: inline-block;
    *display: inline;
    /* ie7 fix */
    zoom: 1;
    /* hasLayout ie7 trigger */ }
    .nav-tabs > li a {
      color: #636b6f; }
      .nav-tabs > li a:hover, .nav-tabs > li a:focus {
        background-color: transparent;
        border-color: transparent;
        color: #1a649f; }
    .nav-tabs > li.active > a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
      color: #1a649f;
      background-color: #fff;
      border: inherit;
      border-bottom: 1px #1a649f solid; }

.folder {
  flex-direction: column;
  padding: 20% 10px 30%;
  align-items: center; }

.videofile {
  flex-direction: row;
  padding: 10px; }
  .videofile div {
    width: 50%; }

.videobox {
  display: flex;
  top: 0;
  left: 0;
  -ms-flex-align: center;
  width: 100%;
  height: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0.625rem 0px;
  transition: opacity 50ms ease 0s, transform 50ms ease 0s;
  font-size: 1.1em;
  color: #636b6f; }
  .videobox .lead {
    font-weight: 600; }
  .videobox:hover, .videobox:active {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.625rem 0px;
    text-decoration: none; }

@media (max-width: 767px) {
  .form-control {
    font-size: 16px; } }