@charset "UTF-8";
body {
  padding-top: 50px;
  background-color: #fff !important
}
body main {
  font-size: 16px;
  border-top: 1px solid #000;
  padding-top: 15px;
  background: linear-gradient(to top, #ddd 0, #000 100%);
  background-color: #f7f7f7;
}
body main p {
  font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.375em;
  color: #000;
  font-weight: 400;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 1px;
  margin-left: 15px;
  margin-right: 12px;
}
body main h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 700;
  color: #ccc;
  margin-bottom: 0px;
  padding: 0 0 1px;
}
body main h2 {
  font-size: 1.5em;
  font-weight: 600;
  text-align: left;
  border-bottom: 1px solid #333;
  margin-left: 15px;
}
body main h3, h4 {
  font-size: 1.2em;
  font-weight: 400;
  margin: 12px 0px 8px 15px;
  border-bottom: 1px solid #333;
}
body main img {
  width: 100%; /* or max-width: 100%; */
  height: auto;
}
/* Bottom bot_text */
body main .bot_text {
  background-color: #222;
  color: #d3d3d3;
  border: 1px solid #000;
  box-shadow: -4px 10px 20px #000;
  margin: 20px 0;
  padding: 8px 0 10px;
}
body main .bot_text h2, body main .bot_text h3 {
  color: inherit;
  font-weight: 500;
  text-align: center;
  border-bottom: none;
  margin: 16px 0 12px;
}
body main .bot_text h2 {
  font-size: 1.5em;
}
body main .bot_text h3 {
  font-size: 1.2em !important;
}
body main .bot_text p, body main .bot_text ul li {
  font-size: 15px;
  color: inherit;
}
body main .bot_text p {
  text-align: left;
  padding: 0 2px 10px;
}
body main .bot_text p a, body main .bot_text ul li a {
  color: inherit;
  text-decoration: underline;
}
body main .bot_text ul {
  padding-left: 0;
}
body main .bot_text ul li {
  text-align: center;
  line-height: 1.6;
  list-style: none;
  margin-bottom: 12px !important;
  padding-left: 0;
}
body main .bot_text ul li a {
  font-size: 0.9em;
} /* END bot_text */
/* Footer */
body footer {
  text-align: center;
  color: #999;
  background: #111;
  padding: 40px 0 100px;
  border-top: 1px solid #333;
  max-height: 250px;
}
body footer p {
  color: inherit;
  font-size: .9em;
  line-height: 1.4;
  padding-top: 12px;
}
body footer p img {
  margin: 0 auto;
  display: block;
}
/* End Footer */
/* Spacers */
.mt2-mb20 {
  margin-top: 2px;
  margin-bottom: 20px;
}
.mt5-mb10 {
  margin-top: 5px;
  margin-bottom: 10px;
}
.mt18-mb30 {
  margin-top: 18px;
  margin-bottom: 30px;
}
.spacefix {
  margin-top: 24px;
  margin-bottom: 0;
}
.spacefix2 {
  margin-top: 24px;
  margin-bottom: 12px;
}
/* End Spacers */
.nav li a {
  margin-top: 5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.extend {
  height: 100%;
}
*:focus {
  outline: none !important;
}
p a {
  color: #03286c !important;
  font-weight: 600 !important;
}
p a:hover {
  color: #063791;
  text-decoration: underline;
}
/* stats_facts */
body main .stats_facts {
  padding-left: 0;
}
body main .stats_facts h2 {
  margin-left: 25px;
}
body main .stats_facts ul {
  list-style-type: disc;
  display: block;
}
body main .stats_facts ul li {
  padding-top: 6px;
  padding-bottom: 8px;
  line-height: 1.3em;
}
body main .stats_facts ul li a {
  color: #03286c !important;
  font-weight: 600 !important;
}
/* End stats_facts */
.img-responsive {
  box-shadow: -2px 6px 16px #000 !important;
  height: auto;
  width: 100%
}
.center-block {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-bottom: 8px !important;
}
.center-block a img {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: 12px !important;
  margin-bottom: 0px !important;
}
.nav a {
  text-transform: uppercase;
}
.navbar-brand {
  padding-bottom: 0px !important;
  margin: 0px;
  color: #B9B7BC;
  line-height: 1.6em;
}
.navbar-brand a {
  color: #B9B7BC !important;
  font-weight: 400 !important;
}
.navbar-inverse {
  background-color: #000 !important;
}
.pull-left li a {
  color: #B0B0B0 !important;
  font-weight: 400 !important;
}
.pull-left li a:hover {
  color: #FFF !important;
}
.dropdown-menu {
  background-color: #333 !important;
}
.dropdown-menu li {
  padding-top: 4px;
}
.dropdown-menu li a {
  color: #CCCCCC !important;
}
.dropdown-menu li a:hover {
  color: #FFF !important;
  background-color: #999 !important;
}
/* Breadcrumb Stuff */
.breadcrumb li, .breadcrumb nav {
  font-size: 14px;
  display: inline;
  list-style: none;
}
.breadcrumb {
  background-color: transparent;
  padding-bottom: 18px;
  margin: 0 auto 12px;
  display: inline;
  list-style: none;
  padding-left: 0
}
.breadcrumb nav {
  margin: 0 auto 30px;
  padding-left: 0;
  font-weight: 400;
  padding-top: 0;
}
.breadcrumb li {
  padding: 0 1px;
  color: #fff;
}
.breadcrumb li a {
  color: #fff;
  text-decoration: underline
}
.breadcrumb li a:hover {
  color: #fff;
  text-decoration: none;
}
.breadcrumb li a:visited {
  color: #fff;
}
/* End Breadcrumb */
.center-logo {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-bottom: 14px !important;
  margin-top: 0px;
  vertical-align: top;
  padding-bottom: 12px !important;
}
.fixH2 {
  background-color: #f7f7f7;
  display: block;
  width: 100%;
  padding: 2px 0 0 0;
  font-size: 1.6em;
  color: #333;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid #333;
  border-radius: 0; /* Optional: Only needed if you want to explicitly set */
  letter-spacing: normal; /* Use 'normal' instead of '0em' */
  text-shadow: none; /* 'none' is clearer than resetting all values */
}
.fixH2b {
  width: 100%;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 1.6em;
  color: #333;
  letter-spacing: 0em;
  font-weight: 700;
  text-align: left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333;
}
.dark_italic {
  font-style: italic;
  color: #333;
  font-size: .8em;
}
h2, h3 {
  text-align: center;
}
h4 {
  text-align: left;
}
.hdr-shadow {
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.99);
}
/* Carousel */
.active, .carousel-inner, .extend, .item, body, html {
  height: 100%;
}
.carousel-fade .carousel-inner {
  background-color: #000;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-fade .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 4s;
}
.carousel-fade .item.active, .carousel-fade .next.left, .carousel-fade .prev.right {
  opacity: 1;
}
.carousel-fade .active.left, .carousel-fade .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.active.left, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.prev {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.active, .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.carousel-indicators li, .control-box, a.carousel-control {
  transition: 250ms;
}
.carousel {
  height: 50%;
}
.fill {
  height: auto;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.carousel-control {
  background-image: none;
}
.next.left, .prev.right {
  opacity: 1;
  z-index: 1;
}
.active.left, .active.right {
  opacity: 0;
  z-index: 2;
}
/* Other Stuff */
body main .left-nav {
  background-color: #c8c8c8;
  border: none;
  border-radius: 8px;
  padding-top: 6px;
  padding-bottom: 10px;
  box-shadow: -2px 6px 16px #000;
}
body main .left-nav li {
  margin-left: 10px;
  margin-right: 10px;
}
body main .left-nav li a {
  color: #545454;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 8px;
}
body main .left-nav a:hover {
  color: #fff;
  background-color: #686a78;
}
body main .left-nav li.active a {
  background-color: #e1e1e1;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}
body main .center_buttons {
  font-size: 14px !important;
  text-align: center;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}
body main .center_buttons a {
  font-size: 14px !important;
  color: #fff !important;
}
body main .btn-sm-txt-1 {
  font-size: 14px;
  color: #fff
}
body main .btn {
  border-radius: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: -2px 5px 11px #222 !important;
}
.border-shadow {
  box-shadow: -0px 10px 20px #000 !important;
}
.pic_left {}
.pic_right {}
.about-pic {
  float: left;
  height: auto !important;
  width: auto !important;
  max-width: 100%;
  border: 1px solid #000;
  box-shadow: -2px 6px 16px #000;
  margin-right: 10px;
}
.greyHR {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #999;
}
.list-group {
  margin-left: 15px;
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  background-color: #fff;
  padding: 8px 2px 8px 10px;
}
.list-group-item:hover {
  background-color: #D7E2FA;
}
.list-group-item a {
  color: #333;
  text-decoration: none;
}
.list-group-item a:hover {
  color: #309;
  text-decoration: underline;
}
.basics {
  padding: 10px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-bottom-width: 2px;
  border-right-width: 2px;
  border-radius: 8px;
  box-shadow: -2px 6px 16px #000;
}
@media (max-width: 767px) {
  #myCarousel {
    height: 380px !important;
  }
  body {
    font-size: 15px !important;
  }
  .left-nav a {
    text-align: center;
  }
  h1 {
    font-size: 1.7em !important
  }
  h1, h2, h4 {
    text-align: center !important
  }
  .list-group {
    margin-left: 0 !important;
  }
  .list-group-item a {
    text-align: center;
    font-weight: 500;
  }
  .prevbtn, .nextbtn {
    display: none !important;
  }
  .pic_right {
    text-align: center;
    margin: 24px auto 12px;
    height: auto !important;
    width: auto !important;
    max-width: 100%;
  }
  .top24 {
    margin-top: 24px !important;
  }
  .fixH2b {
    text-align: left;
  }
  .fixH2 {
    text-align: center;
  }
}
/*Small Devices*/
@media (min-width: 768px) and (max-width: 991px) {
  #myCarousel {
    height: 420px !important;
  }
  body {
    font-size: 15px !important;
  }
  h1 {
    font-size: 1.7em !important
  }
  h1, h2 {
    text-align: center !important;
  }
  .list-group {
    margin-left: 0 !important;
  }
  .list-group-item a {
    text-align: center;
    font-weight: 500;
  }
  .container {
    width: 754px !important;
  }
  .prevbtn, .nextbtn {
    display: none !important;
  }
  .top24 {
    margin-top: 24px !important;
  }
  .left-nav a, .pic_right {
    text-align: center;
  }
  .pic_left {
    margin: 0 auto 12px;
  }
  .pic_right {
    height: auto !important;
    width: auto !important;
    margin: 24px auto 8px
  }
  .fixH2 {
    text-align: center;
  }
  .fixH2b {
    text-align: left;
  }
}
/*Medium Devices*/
@media (min-width: 992px) and (max-width: 1199px) {
  #myCarousel {
    height: 460px !important;
  }
  body {
    font-size: 15px !important;
  }
  .spacefix, .spacefix2 {
    margin-top: 12px;
    margin-bottom: 0
  }
}
/*Large Devices*/
@media (min-width: 1200px) {
  #myCarousel {
    height: 560px !important;
  }
  body {
    font-size: 16px !important;
  }
  .spacefix, .spacefix2 {
    margin-top: 12px;
    margin-bottom: 0
  }
}
/*Correct URL printing problem*/
@media print {
  a[href]:after {
    content: none !important;
  }
}