.preloading-complete {
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -opera-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-duration: 1s; }

/* Previous & Next */
p.prev.ss-icon, p.next.ss-icon {
  color: #fff;
  font-size: 1.8125em;
  cursor: pointer;
  display: none;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  -ms-transition-duration: .5s;
  transition-duration: .5s;
  z-index: 11; }
p.prev.ss-icon:hover, p.next.ss-icon:hover, p.prev.ss-icon-show, p.next.ss-icon-show {
  opacity: 1;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  -ms-transition-duration: .5s;
  transition-duration: .5s; }

.prev {
  left: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
  /* IE6-8 */ }

.next {
  right: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
  /* IE6-8 */ }

#featurenav {
  margin: -40px auto 0 auto;
  position: relative;
  z-index: 500;
  width: 120px;
  text-align: center;
  display: none;
  list-style-type: none;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  -ms-transition-duration: .5s;
  transition-duration: .5s; }
  #featurenav li {
    display: inline; }
    #featurenav li.feature1 button.active, #featurenav li.feature5 button.active {
      color: #455682; }
    #featurenav li.feature2 button.active, #featurenav li.feature6 button.active {
      color: #C16622; }
    #featurenav li.feature3 button.active, #featurenav li.feature7 button.active {
      color: #585147; }
    #featurenav li.feature4 button.active, #featurenav li.feature8 button.active {
      color: #516365; }
    #featurenav li button {
      font-size: 2em;
      line-height: 0;
      background: none;
      width: 20px;
      height: 20px;
      margin: 0;
      padding: 0;
      border: 0;
      cursor: pointer;
      color: #fff;
      opacity: 0.7;
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
      -o-transition-duration: 1s;
      -ms-transition-duration: 1s;
      transition-duration: 1s;
      text-shadow: 0 0 2px #000000; }
      #featurenav li button.active {
        opacity: 1.0;
        position: relative; }

#featurewrap {
  max-width: 2000px;
  margin: 0 auto 1.875em auto;
  position: relative;
  overflow: hidden;
  width: 100%; }
  #featurewrap.large {
    height: 400px; }
    #featurewrap.large #features > ul > li img {
      width: 100%; }
  #featurewrap.small {
    height: 200px; }
    #featurewrap.small #featurenav li button {
      font-size: 1.5em;
      width: 15px;
      height: 15px; }
  #featurewrap .prev {
    height: 246px;
    padding: 220px 14px 0 10px; }
  #featurewrap .next {
    height: 246px;
    padding: 220px 10px 0 14px; }

#featurewrap:not(.homepage) #features > ul > li img {
  opacity: 1; }

#features {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
  position: relative;
  overflow: hidden;
  /*backface-visibility prevents graphical glitches when frames are animating*/
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }
  #features a:hover, #features a:focus {
    text-decoration: none; }
    #features a:hover h2, #features a:focus h2 {
      background: #8F3931 !important; }
    #features a:hover p.blurb, #features a:hover .fake-link, #features a:hover .fake-link:after, #features a:focus p.blurb, #features a:focus .fake-link, #features a:focus .fake-link:after {
      color: #8F3931 !important; }
  #features > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #features > ul > li {
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      height: 100%;
      width: 100%; }
      #features > ul > li .fake-link:after {
        font-size: 0.65em;
        line-height: 1em;
        padding-left: 0.5em;
        position: relative;
        top: 1px; }
      #features > ul > li.feature1.preload img {
        opacity: 1; }
      #features > ul > li.feature1 .headline h2, #features > ul > li.feature5 .headline h2 {
        background: #455682; }
      #features > ul > li.feature1 .fake-link, #features > ul > li.feature1 .fake-link:after, #features > ul > li.feature5 .fake-link, #features > ul > li.feature5 .fake-link:after {
        color: #455682; }
      #features > ul > li.feature2 .headline h2, #features > ul > li.feature6 .headline h2 {
        background: #C16622; }
      #features > ul > li.feature2 .fake-link, #features > ul > li.feature2 .fake-link:after, #features > ul > li.feature6 .fake-link, #features > ul > li.feature6 .fake-link:after {
        color: #C16622; }
      #features > ul > li.feature3 .headline h2, #features > ul > li.feature7 .headline h2 {
        background: #585147; }
      #features > ul > li.feature3 .fake-link, #features > ul > li.feature3 .fake-link:after, #features > ul > li.feature7 .fake-link, #features > ul > li.feature7 .fake-link:after {
        color: #585147; }
      #features > ul > li.feature4 .headline h2, #features > ul > li.feature8 .headline h2 {
        background: #516365; }
      #features > ul > li.feature4 .fake-link, #features > ul > li.feature4 .fake-link:after, #features > ul > li.feature8 .fake-link, #features > ul > li.feature8 .fake-link:after {
        color: #516365; }
      #features > ul > li img {
        position: absolute;
        top: 0;
        opacity: 0;
        left: 0;
        height: 100%; }
        #features > ul > li img.animate-in {
          opacity: 1;
          -webkit-transition-duration: 1.5s;
          -moz-transition-duration: 1.5s;
          -o-transition-duration: 1.5s;
          -ms-transition-duration: 1.5s;
          transition-duration: 1.5s; }
        #features > ul > li img.animate-out {
          opacity: 0;
          -webkit-transition-delay: 1s;
          -moz-transition-delay: 1s;
          -o-transition-delay: 1s;
          -ms-transition-delay: 1s;
          transition-delay: 1s;
          -webkit-transition-duration: 1.5s;
          -moz-transition-duration: 1.5s;
          -o-transition-duration: 1.5s;
          -ms-transition-duration: 1.5s;
          transition-duration: 1.5s; }
        #features > ul > li img.left {
          right: 0;
          left: inherit; }
      #features > ul > li .headline {
        z-index: 1;
        position: absolute;
        width: 70%;
        bottom: 15%;
        left: 100%;
        opacity: 0; }
        #features > ul > li .headline h2 {
          background: #B19670;
          color: white;
          font: normal 1.3125em "ProximaNova-Light", "Helvetica Neue",Helvetica,Arial,sans-serif;
          padding: .3333em .625em;
          margin-bottom: 2px;
          display: inline-block;
          text-align: right;
          float: right;
          text-align: right;
          min-width: 26%; }
          #features > ul > li .headline h2.small {
            font-size: 1.125em; }
        #features > ul > li .headline p {
          font-size: .875em;
          float: right;
          text-align: right;
          width: 70%;
          padding: .625em;
          color: #605f5f; }
        #features > ul > li .headline.animate-in {
          left: 25%;
          opacity: 1;
          -webkit-transition-delay: .5s;
          -moz-transition-delay: .5s;
          -o-transition-delay: .5s;
          -ms-transition-delay: .5s;
          transition-delay: .5s;
          -webkit-transition-duration: 2s;
          -moz-transition-duration: 2s;
          -o-transition-duration: 2s;
          -ms-transition-duration: 2s;
          transition-duration: 2s; }
        #features > ul > li .headline.animate-out {
          left: -100%;
          -webkit-transition-duration: 1s;
          -moz-transition-duration: 1s;
          -o-transition-duration: 1s;
          -ms-transition-duration: 1s;
          transition-duration: 1s; }
        #features > ul > li .headline .blurb {
          float: right;
          width: 70%;
          padding: .625em 1.25em;
          color: #605f5f;
          text-align: right; }
      #features > ul > li .headline a * {
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        -ms-transition-duration: 1s;
        transition-duration: 1s; }
      #features > ul > li .headline a:hover p, #features > ul > li .headline a:focus p {
        background: white;
        /* Fallback for web browsers that doesn't support RGBa */
        background: white;
        /* RGBa with 0.9 opacity */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff);
        /* For IE 5.5 - 7*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)";
        /* For IE 8*/ }

/* Gallery image slideshows */
#featurewrap.gallery {
  height: 550px;
  background-color: #fff;
  box-shadow: inset 0 0 5px #eee;
  margin-bottom: 150px;
  overflow: visible; }
  #featurewrap.gallery * {
    zoom: 1; }
  #featurewrap.gallery #features {
    overflow: visible; }
    #featurewrap.gallery #features li {
      z-index: 1; }
      #featurewrap.gallery #features li > * {
        position: absolute; }
      #featurewrap.gallery #features li .gallery-slide {
        display: table;
        /* For vertical centering */
        position: absolute;
        opacity: 0;
        z-index: 1;
        width: 100%;
        height: 100%; }
        #featurewrap.gallery #features li .gallery-slide .blurb {
          position: absolute;
          top: 615px;
          left: 130px; }
        #featurewrap.gallery #features li .gallery-slide .gallery-slide-image {
          display: table-cell;
          vertical-align: middle; }
          #featurewrap.gallery #features li .gallery-slide .gallery-slide-image img {
            display: block;
            margin: 0 auto; }
        #featurewrap.gallery #features li .gallery-slide.animate-in {
          opacity: 1;
          -webkit-transition-duration: 1s;
          -moz-transition-duration: 1s;
          -o-transition-duration: 1s;
          -ms-transition-duration: 1s;
          transition-duration: 1s; }
        #featurewrap.gallery #features li .gallery-slide.animate-out {
          -webkit-transition-duration: 1s;
          -moz-transition-duration: 1s;
          -o-transition-duration: 1s;
          -ms-transition-duration: 1s;
          transition-duration: 1s; }
      #featurewrap.gallery #features li img {
        max-width: 100%;
        max-height: 550px;
        width: auto;
        height: auto;
        opacity: 1;
        position: static; }
  #featurewrap.gallery #featurenav {
    margin: 0 auto;
    position: absolute;
    bottom: -50px;
    width: 100%; }
    #featurewrap.gallery #featurenav li {
      margin: inherit;
      padding: inherit; }
      #featurewrap.gallery #featurenav li button {
        color: inherit;
        text-shadow: none;
        opacity: 0.5; }
        #featurewrap.gallery #featurenav li button:hover, #featurewrap.gallery #featurenav li button:focus {
          opacity: 1;
          -webkit-transition-duration: 1s;
          -moz-transition-duration: 1s;
          -o-transition-duration: 1s;
          -ms-transition-duration: 1s; }
        #featurewrap.gallery #featurenav li button.active {
          opacity: 1; }
  #featurewrap.gallery .prev {
    left: 0; }
  #featurewrap.gallery .next {
    left: 70px; }
  #featurewrap.gallery p.prev.ss-icon, #featurewrap.gallery p.next.ss-icon {
    background: none;
    filter: none;
    color: #670A0A;
    height: auto;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 600px;
    font-size: 3em; }
    #featurewrap.gallery p.prev.ss-icon:hover, #featurewrap.gallery p.next.ss-icon:hover {
      color: #633835; }

/* IE Fixes */
html.lt-ie8 .gallery-slide {
  background: #fff; }

html.lt-ie8 #featurewrap.gallery p.prev, html.lt-ie8 #featurewrap.gallery p.next {
  display: block; }

/* LEFT HEADLINES */
#features li .headline.left {
  padding-right: 0;
  padding-left: 5%;
  left: inherit;
  right: 100%; }
  #features li .headline.left.animate-in {
    left: inherit;
    right: 55%; }
  #features li .headline.left.animate-out {
    left: inherit;
    right: -100%; }
  #features li .headline.left p, #features li .headline.left h2 {
    float: none;
    text-align: left; }

/* No JS */
html.no-js #features li.feature1 img {
  opacity: 1; }

html.no-js #features li.feature1 .headline {
  opacity: 1;
  left: 25%; }

/* Feature Preview Ribbon */
.ribbon-wrapper {
  width: 114px;
  height: 110px;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 4000; }

.ribbon {
  font: normal 15px "ProximaNova-Bold", "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 25px;
  width: 160px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bfdc7a), to(#8ebf45));
  background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45);
  background-image: -moz-linear-gradient(top, #bfdc7a, #8ebf45);
  background-image: -ms-linear-gradient(top, #bfdc7a, #8ebf45);
  background-image: -o-linear-gradient(top, #bfdc7a, #8ebf45);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
  .ribbon:before, .ribbon:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px; }
  .ribbon:before {
    left: 0; }
  .ribbon:after {
    right: 0; }

/* Override some style for homepage feature node pages */
body.node-type-homepage-feature #features li .headline, body.node-type-homepage-feature #features li img {
  opacity: 1; }

/*
 * Hero Features
 */
.hero {
  margin-bottom: 1.875em;
  background: #403f3f; }
  .hero #featurewrap, .hero#featurewrap {
    width: 100%;
    height: 456px;
    margin-bottom: 0; }
  .hero #features {
    max-width: 2000px; }
    .hero #features .headline {
      width: 40%; }
      .hero #features .headline.animate-in {
        left: 55%; }
    .hero #features .headline.left + img {
      right: 0;
      left: inherit; }
  .hero img {
    max-width: inherit; }

/* Single column format */
@media only screen and (max-width: 767px) {
  .hero #featurewrap, .hero#featurewrap {
    position: relative;
    height: 0;
    padding-bottom: 52%; }
    .hero #featurewrap #features, .hero#featurewrap #features {
      height: 100%;
      width: 100%;
      position: absolute; } }
/* Phones */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .hero #featurewrap, .hero#featurewrap {
    position: relative;
    height: 0;
    padding-bottom: 52%; }
    .hero #featurewrap #features, .hero#featurewrap #features {
      height: 100%;
      width: 100%;
      position: absolute; } }
/* Small desktop */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .hero #featurewrap, .hero#featurewrap {
    height: 239px; } }
/* Medium desktop */
@media only screen and (min-width: 980px) and (max-width: 1440px) {
  .hero #featurewrap, .hero#featurewrap {
    height: 400px; }
    .hero #featurewrap #features > ul > li > .headline h2, .hero#featurewrap #features > ul > li > .headline h2 {
      font-size: 1.5em; }
    .hero #featurewrap .prev, .hero #featurewrap .next, .hero#featurewrap .prev, .hero#featurewrap .next {
      height: 214px;
      padding: 194px 16px 0 10px; } }
/* Large desktop */
@media only screen and (min-width: 1441px) {
  .hero #featurewrap #features > ul > li > .headline h2, .hero#featurewrap #features > ul > li > .headline h2 {
    font-size: 1.875em; }
  .hero #featurewrap .prev, .hero #featurewrap .next, .hero#featurewrap .prev, .hero#featurewrap .next {
    height: 246px;
    padding: 220px 14px 0 10px; } }
