/* LEGACY CAROUSELS */
.no-js .legacy-carousel-basic { background: #fff; border: 0; font-size: 1.2em; height: auto; position: static; visibility: visible; }
.no-js .legacy-carousel-basic h3.hide { border-bottom: 1px dotted #7A0300; font-size: inherit; padding: 0; }
.no-js .legacy-carousel-basic img { display: none; }
.no-js .legacy-carousel-basic > div { border-bottom:1px dotted #bbb; display: block; font-size: inherit; height: auto; padding: 5px 0; position:static; }
.no-js .legacy-carousel-basic .caption { display: block; margin: 0; position: static; text-align: left; padding: 5px 0 0; width: 100%; }
.no-js .legacy-carousel-basic .caption h3 { color: inherit; font-size: inherit; padding: 0; }
.no-js .legacy-carousel-basic p { color: inherit; font-size: inherit; }
.no-js .legacy-carousel-basic a { color: #1F2C9A; visibility: visible; }

.no-js .legacy-carousel-fade { background: #fff; border: none; height: auto; visibility: visible; }
.no-js .legacy-carousel-fade img { display: none; }
.no-js .legacy-carousel-fade > div a { display: block; opacity: 1; position: static; }
.no-js .legacy-carousel-fade .caption { background: #fff; color: inherit; font-size: 1em; height: auto !important; margin: 0 !important; opacity: 1; position: static; width: 100% !important; }
.no-js .legacy-carousel-fade > div a { border-top: 1px dotted #ddd; }
.no-js .legacy-carousel-fade > div a:first-child { border: none; }
.no-js .legacy-carousel-fade p { padding: 5px 0; }

.no-js .legacy-carousel-slider { border: none; visibility: visible; }
.no-js .legacy-carousel-slider .wrapper { position: static; overflow: visible; }
.no-js .legacy-carousel-slider img { display: none; }
.no-js .legacy-carousel-slider .wrapper > div { line-height: 1; width: 100%; }
.no-js .legacy-carousel-slider .wrapper > div a { float: none; display: block; width: 100%; }
.no-js .legacy-carousel-slider .caption { background-color: #fff; color: inherit; font-size: 1em; height: auto; line-height: 36px; margin: 0; padding: 0; position: static; }
.no-js .legacy-carousel-slider a { border-top: 1px dotted #ddd; }
.no-js .legacy-carousel-slider a:first-child { border: none; }

.legacy-carousel-basic {
  background: #fff;
  border: 1px solid #bbb;
  clear: both;
  height: 275px;
  /* = image height + 50px for navbar */
  margin: 0 0 1em;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  visibility: hidden; }
  .legacy-carousel-basic a {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none; }
  .legacy-carousel-basic h3 {
    border: none;
    font-size: 20px;
    margin: 0px;
    padding: 0px; }
  .legacy-carousel-basic img {
    height: 225px;
    /* set image height */
    position: absolute;
    margin: 0;
    padding: 0;
    width: 50%; }
  .legacy-carousel-basic p {
    color: #222;
    font-size: 18px;
    line-height: 21px;
    margin: 0; }
  .legacy-carousel-basic > div a {
    visibility: hidden; }
    .legacy-carousel-basic > div a.on {
      visibility: visible; }
  .legacy-carousel-basic .caption {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 35%;
    /* adjust % to vertically center caption text */
    width: 50%; }
  .legacy-carousel-basic > nav {
    background: #e9eef1;
    border-top: 1px solid #bbb;
    bottom: 0;
    clear: both;
    display: block;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%; }
    .legacy-carousel-basic > nav a {
      background: #333;
      border: 1px solid #bbb;
      color: #fff;
      float: left;
      font-size: 16px;
      margin: 7px 0 0 5px;
      padding: 5px 8px; }
      .legacy-carousel-basic > nav a:first-child {
        margin-left: 10px; }
      .legacy-carousel-basic > nav a.on, .legacy-carousel-basic > nav a:hover, .legacy-carousel-basic > nav a:active, .legacy-carousel-basic > nav a:focus {
        background: #eee;
        border: 1px solid #bbb;
        color: #555; }

.legacy-carousel-fade {
  border: 1px solid #bbb;
  height: 300px;
  /* = image height + 50px for navbar */
  margin: 1em 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  visibility: hidden;
  width: 100%; }
  .legacy-carousel-fade img {
    border: none;
    height: 250px;
    position: absolute;
    width: 100%;
    z-index: 8; }
  .legacy-carousel-fade > div a {
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 100%;
    z-index: 5;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
    .legacy-carousel-fade > div a.on {
      opacity: 1;
      z-index: 7; }
      .legacy-carousel-fade > div a.on .caption {
        opacity: .8; }
  .legacy-carousel-fade > nav {
    background: #e9eef1;
    border-top: 1px solid #bbb;
    height: 50px;
    margin-top: 250px;
    /* = image height */ }
    .legacy-carousel-fade > nav a {
      background: #333;
      border: 1px solid #bbb;
      color: #fff;
      float: left;
      margin: 7px 5px 0 0;
      padding: 5px 8px;
      text-decoration: none; }
      .legacy-carousel-fade > nav a:first-child {
        margin-left: 10px; }
      .legacy-carousel-fade > nav a.on, .legacy-carousel-fade > nav a:hover, .legacy-carousel-fade > nav a:active, .legacy-carousel-fade > nav a:focus {
        background: #eee;
        border: 1px solid #bbb;
        color: #555; }
  .legacy-carousel-fade p {
    margin: 0;
    padding: 10px;
    line-height: 21px; }
  .legacy-carousel-fade .caption {
    background-color: #000;
    color: #fff;
    font-size: 18px;
    height: 50px;
    margin-top: 200px;
    opacity: 0;
    padding: 0;
    position: relative;
    z-index: 9;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear; }
    .legacy-carousel-fade .caption.left {
      height: 250px;
      /* height of the image */
      margin-top: 0;
      width: 33%; }
    .legacy-carousel-fade .caption.right {
      height: 250px;
      /* height of the image */
      margin-top: 0;
      left: 67%;
      width: 33%; }

.legacy-carousel-slider {
  border: 1px solid #bbb;
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: 100%; }
  .legacy-carousel-slider .wrapper {
    overflow: hidden;
    position: relative;
    width: 100%; }
    .legacy-carousel-slider .wrapper > div {
      line-height: 0;
      margin-left: 0;
      width: 500%;
      /* 100 * # of slides */
      -webkit-transition: margin-left 0.8s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-transition: margin-left 0.8s cubic-bezier(0.77, 0, 0.175, 1);
      -o-transition: margin-left 0.8s cubic-bezier(0.77, 0, 0.175, 1);
      transition: margin-left 0.8s cubic-bezier(0.77, 0, 0.175, 1); }
      .legacy-carousel-slider .wrapper > div.slide-1 {
        margin-left: 0; }
      .legacy-carousel-slider .wrapper > div.slide-2 {
        margin-left: -100%; }
      .legacy-carousel-slider .wrapper > div.slide-3 {
        margin-left: -200%; }
      .legacy-carousel-slider .wrapper > div.slide-4 {
        margin-left: -300%; }
      .legacy-carousel-slider .wrapper > div.slide-5 {
        margin-left: -400%; }
      .legacy-carousel-slider .wrapper > div a {
        float: left;
        margin: 0;
        padding: 0;
        text-decoration: none;
        width: 20%;
        /* 100 / # of slides */ }
  .legacy-carousel-slider .caption {
    background-color: #000;
    color: #fff;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    opacity: .8;
    position: relative;
    margin-top: -48px;
    padding: 0 10px;
    z-index: 8; }
  .legacy-carousel-slider img {
    border: none;
    max-width: 100%;
    width: 100%; }
  .legacy-carousel-slider p {
    margin: 0;
    padding: 0;
    line-height: 48px; }
  .legacy-carousel-slider > nav {
    background: #eee;
    border-top: 1px solid #bbb;
    height: 50px; }
    .legacy-carousel-slider > nav a {
      background: #333;
      border: 1px solid #bbb;
      color: #fff;
      float: left;
      margin: 7px 5px 0 0;
      padding: 5px 8px;
      text-decoration: none; }
      .legacy-carousel-slider > nav a:first-child {
        margin-left: 10px; }
      .legacy-carousel-slider > nav a.on, .legacy-carousel-slider > nav a:hover, .legacy-carousel-slider > nav a:active, .legacy-carousel-slider > nav a:focus {
        background: #eee;
        border: 1px solid #bbb;
        color: #555; }

@media (max-width: 37.5em) {

.legacy-carousel-basic,
.legacy-carousel-fade,
.legacy-carousel-slider {

  display: none;

}

}