@import url(//fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:200,400,500,700);
/* 
  This slideshow's responsive design utilizes images with an aspect ratio 
  of 1200x440, and would ideally be 2400x880 for high-res displays. These
  should be constructed so that either the right or left 1/3 of the image
  can be specified as reserved for a call-to-action.

  The call to action can either be represented graphically within the image 
  itself or provided as a textual caption that overlays the image. The 
  behavior of the slideshow at different display sizes varies depending upon
  whether a slide has a text caption or not.

  With a text caption: 

    * At the largest 4 display resolutions the caption text overlays the 
    appropriate region to the left or right of the image. The caption text
    is white, and has a semi-translucent background color defined within 
    a CMS. A "Sign Up" button can optionally be displayed with ~16 
    characters of custom text.

    * At the smaller 2 mobile sizes the caption text appears beneath the 
    pictoral area of the image (namely that 2/3rds of the image not reserved 
    for the call-to-action.)

  If a given slide has NO text caption:

    * At the largest 4 display resolutions the entire image is displayed.

    * At the smaller 2 mobile sizes only the call-to-action region is 
    displayed.

*/
.rslides_container {
  position: relative;
  float: left;
  width: 100%;
  height: 330px; }

.rslides {
  position: relative;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  width: 100%; }
  .rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    margin-bottom: 0;
    background-color: black;
    height: 330px; }
    .rslides li.noCaption {
      background-color: black; }
      .rslides li.noCaption .rslides_caption {
        display: none; }
  .rslides img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
    width: 150%; }
  .rslides .leftCaption img {
    left: -50%; }
  .rslides .leftCaption .rslides_caption {
    left: 0;
    right: auto; }
  .rslides .centerCaption .rslides_caption {
    left: 0;
    right: auto; }
  .rslides .rightCaption .rslides_caption {
    left: auto;
    right: 0; }
  .rslides .noCaption img {
    width: 300% !important;
    left: 0; }
  .rslides .noCaption.centerCaption img {
    left: auto;
    right: 100% !important; }
  .rslides .noCaption.rightCaption img {
    left: auto;
    right: 200% !important; }

.rslides_caption {
  position: absolute;
  height: 165px;
  top: 165px;
  left: 0;
  width: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  box-sizing: border-box;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 10px;
  line-height: 1.25em;
  height: 165px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  padding: 2% 4%;
  display: block;
  overflow: hidden; }
  .rslides_caption a {
    text-decoration: none;
    color: white; }
  .rslides_caption strong {
    font-weight: 700; }
  .rslides_caption h1 {
    font-family: "Roboto Condensed";
    font-size: 1.8em;
    font-weight: 500;
    margin-bottom: .5em; }
  .rslides_caption h2 {
    font-family: "Roboto Condensed";
    font-size: 1.6em;
    font-weight: 500;
    margin-bottom: .25em; }
  .rslides_caption h3, .rslides_caption h4, .rslides_caption h5, .rslides_caption h6 {
    font-family: "Roboto Condensed";
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.15em;
    margin-bottom: .10em; }
  .rslides_caption p {
    font-size: 10px;
    line-height: 1.25em;
    margin-bottom: .67em; }
  .rslides_caption .verticalAlign {
    height: 120px;
    display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0; }
  .rslides_caption .button {
    position: absolute;
    bottom: 5%;
    line-height: 1.2em;
    font-size: 10px;
    height: auto;
    margin: 0 auto;
    left: 25%;
    right: 25%;
    padding: 4px 4px 3px;
    display: inline-block;
    color: white;
    background-color: #a56d02;
    border-radius: 4px;
    border: 1px solid white;
    -o-transition: color .3s linear, background .3s linear, border .3s linear;
    -moz-transition: color .3s linear, background .3s linear, border .3s linear;
    -webkit-transition: color .3s linear, background .3s linear, border .3s linear;
    transition: color .3s linear, background .3s linear, border .3s linear; }
    .rslides_caption .button:hover {
      background-color: #d78e01;
      border: 1px solid #FFC;
      color: #FFC; }

.rslides_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 330px;
  width: 30px;
  margin-top: 0px;
  background: transparent url("images/nav_arrow_full.png") no-repeat left top;
  background-position: left -55px; }
  .rslides_nav:hover, .rslides_nav:active {
    opacity: 1.0; }
  .rslides_nav.next {
    left: auto;
    background-position: right -55px;
    right: 0; }

.rslides_tabs {
  font-size: 10px;
  list-style: none;
  margin: 0 auto;
  max-width: 540px;
  padding: 0;
  text-align: center;
  width: 100%; }
  .rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 1px; }
    .rslides_tabs li:first-child {
      margin-left: 0; }
    .rslides_tabs li a:before {
      font-family: "FontAwesome";
      content: "\f1DB"; }
    .rslides_tabs li.rslides_here a:before {
      font-family: "FontAwesome";
      content: "\f111"; }
  .rslides_tabs a {
    width: auto;
    line-height: 16px;
    padding: 2px 1px;
    height: auto;
    background: transparent;
    display: inline;
    text-decoration: none;
    color: #A00;
    -o-transition: color .3s linear, background .3s linear, border .3s linear;
    -moz-transition: color .3s linear, background .3s linear, border .3s linear;
    -webkit-transition: color .3s linear, background .3s linear, border .3s linear;
    transition: color .3s linear, background .3s linear, border .3s linear; }
    .rslides_tabs a:hover {
      border: 0;
      color: #F00; }

/************ RESPONSIVE SIZING ***************/
/* Larger than mobile */
@media (min-width: 400px) {
  .rslides li {
    height: 440px; }

  .rslides_container {
    height: 440px; }

  .rslides_caption {
    padding: 2% 4%;
    height: 220px;
    top: 220px;
    width: 100%;
    font-size: 12px;
    line-height: 1.34em; }
    .rslides_caption p {
      font-size: inherit;
      line-height: 1.25em; }
    .rslides_caption h1 {
      font-weight: 500;
      font-size: 1.75em;
      line-height: 1.1em;
      margin-bottom: .5em; }
    .rslides_caption h2 {
      font-weight: 500;
      font-size: 1.65em;
      line-height: 1.1em;
      margin-bottom: .35em; }
    .rslides_caption h3, .rslides_caption h4, .rslides_caption h5, .rslides_caption h6 {
      font-family: "Roboto Condensed";
      font-size: 1.6em;
      font-weight: 500;
      margin-bottom: .10em; }
    .rslides_caption .verticalAlign {
      height: 130px; }
    .rslides_caption .button {
      border-radius: 4px;
      padding: 4px 4px 3px;
      font-size: 12px;
      left: 25%;
      right: 25%; }

  .rslides_nav {
    height: 440px;
    background-position: left 0; }
    .rslides_nav.next {
      background-position: right 0; } }
/* Larger than phablet */
@media (min-width: 550px) {
  .rslides_container {
    position: relative;
    float: left;
    width: 100%;
    height: 202px; }

  .rslides {
    position: relative;
    list-style: none !important;
    overflow: hidden !important;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important; }
    .rslides li {
      -webkit-backface-visibility: hidden;
      position: absolute;
      display: none;
      width: 100%;
      height: auto;
      overflow: hidden;
      left: 0;
      top: 0;
      margin-bottom: 0;
      background-color: black; }
    .rslides img {
      width: 100%;
      left: 0; }
    .rslides .leftCaption img {
      right: 0;
      left: auto; }
    .rslides .leftCaption .rslides_caption {
      left: 0;
      right: auto; }
    .rslides .centerCaption img {
      right: auto;
      left: 0; }
    .rslides .centerCaption .rslides_caption {
      left: 33%;
      right: auto; }
    .rslides .rightCaption img {
      right: auto;
      left: 0; }
    .rslides .rightCaption .rslides_caption {
      left: auto;
      right: 0; }
    .rslides .noCaption img {
      width: 100% !important;
      left: 0; }
    .rslides .noCaption.leftCaption img, .rslides .noCaption.centerCaption img, .rslides .noCaption.rightCaption img {
      right: auto !important;
      left: auto !important; }

  .rslides_caption {
    box-sizing: border-box;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 11px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.334em;
    width: 33.3334%;
    height: 201px;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
    padding: 2%;
    display: block; }
    .rslides_caption a {
      text-decoration: none;
      color: white; }
    .rslides_caption strong {
      font-weight: 600; }
    .rslides_caption h1 {
      font-family: "Roboto Condensed";
      font-size: 14px; }
    .rslides_caption h2 {
      font-family: "Roboto Condensed";
      font-size: 13px; }
    .rslides_caption h3, .rslides_caption h4, .rslides_caption h5, .rslides_caption h6 {
      font-family: "Roboto Condensed";
      font-size: 12px; }
    .rslides_caption p {
      font-size: 9px;
      margin-bottom: .67em; }
    .rslides_caption .verticalAlign {
      height: 170px;
      display: table-cell;
      vertical-align: middle;
      margin: 0;
      padding: 0;
      overflow: hidden; }
    .rslides_caption .button {
      position: absolute;
      bottom: 5%;
      line-height: 12px;
      font-size: 10px;
      height: auto;
      margin: 0 auto;
      left: 12%;
      right: 12%;
      padding: 6px 6px 5px;
      display: inline-block;
      color: white;
      background-color: #a56d02;
      border-radius: 4px;
      border: 1px solid white;
      -o-transition: color .3s linear, background .3s linear, border .3s linear;
      -moz-transition: color .3s linear, background .3s linear, border .3s linear;
      -webkit-transition: color .3s linear, background .3s linear, border .3s linear;
      transition: color .3s linear, background .3s linear, border .3s linear; }
      .rslides_caption .button:hover {
        background-color: #d78e01;
        border: 1px solid #FFC;
        color: #FFC; }

  .rslides_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 439px;
    width: 30px;
    background: transparent url("images/nav_arrow_full.png") no-repeat left top;
    margin-top: 0px; }
    .rslides_nav:hover, .rslides_nav:active {
      opacity: 1.0; }
    .rslides_nav.next {
      left: auto;
      background-position: right top;
      right: 0; }

  .rslides_nav,
  .rslides_nav.next {
    height: 201px;
    background-position-y: -119px; } }
/* larger than tablet */
@media (min-width: 750px) {
  .rslides_container {
    height: 275px; }

  .rslides_caption {
    box-sizing: border-box;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 11px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.334em;
    width: 33.3334%;
    height: 275px;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
    padding: 2%;
    display: block; }
    .rslides_caption a {
      text-decoration: none;
      color: white; }
    .rslides_caption strong {
      font-weight: 700; }
    .rslides_caption h1 {
      font-family: "Roboto Condensed";
      font-size: 18px;
      font-weight: 400; }
    .rslides_caption h2 {
      font-size: 16px !important; }
    .rslides_caption h3, .rslides_caption h4, .rslides_caption h5, .rslides_caption h6 {
      font-size: 14px; }
    .rslides_caption p {
      font-size: 12px;
      margin-bottom: .67em; }
    .rslides_caption .verticalAlign {
      height: 220px;
      display: table-cell;
      vertical-align: middle;
      margin: 0;
      padding: 0;
      overflow: hidden; }
    .rslides_caption .button {
      position: absolute;
      bottom: 5%;
      line-height: 14px;
      font-size: 12px;
      height: auto;
      margin: 0 auto;
      left: 20%;
      right: 20%;
      padding: 7px 7px 6px;
      display: inline-block;
      color: white;
      background-color: #a56d02;
      border-radius: 6px;
      border: 1px solid white;
      -o-transition: color .3s linear, background .3s linear, border .3s linear;
      -moz-transition: color .3s linear, background .3s linear, border .3s linear;
      -webkit-transition: color .3s linear, background .3s linear, border .3s linear;
      transition: color .3s linear, background .3s linear, border .3s linear; }
      .rslides_caption .button:hover {
        background-color: #d78e01; }

  .rslides_nav,
  .rslides_nav.next {
    height: 275px;
    background-position-y: -82px; } }
/* Larger than desktop */
@media (min-width: 1000px) {
  .rslides_container {
    height: 367px; }

  .rslides_caption {
    height: 367px;
    overflow: hidden;
    font-size: .8em; }
    .rslides_caption p {
      font-size: 1.2em; }
    .rslides_caption h1 {
      font-size: 2em !important; }
    .rslides_caption h2 {
      font-size: 1.8em !important; }
    .rslides_caption h3, .rslides_caption h4, .rslides_caption h5, .rslides_caption h6 {
      font-size: 1.6em !important; }
    .rslides_caption .verticalAlign {
      height: 290px; }
    .rslides_caption .button {
      line-height: 16px;
      font-size: 16px; }

  .rslides_nav,
  .rslides_nav.next {
    height: 366px;
    background-position-y: -37px; } }
/* Larger than Desktop HD */
@media (min-width: 1200px) {
  .rslides_container {
    height: 440px; }

  .rslides_caption {
    font-size: 1em;
    height: 440px; }
    .rslides_caption p {
      font-size: 1em; }
    .rslides_caption h1 {
      font-size: 2em !important; }
    .rslides_caption h2 {
      font-size: 1.8em !important; }
    .rslides_caption h3, .rslides_caption h4, .rslides_caption h5, .rslides_caption h6 {
      font-size: 1.6em !important; }
    .rslides_caption .verticalAlign {
      height: 350px; }

  .rslides_nav,
  .rslides_nav.next {
    height: 439px;
    background-position-y: 0px; } }