#gallery:hover ul > li:not(.hover) .tree-info,
#gallery:hover ul > li:not(.hover) video {
  opacity: 0.5; }

li.hover .tree-container {
  z-index: 2; }

#gallery ul > li .tree-info,
#gallery ul > li .tree-container,
#gallery ul > li video {
  -webkit-transition: opacity 0.05s linear; }

.tree-thumb {
  display: inline-block;
  vertical-align: top;
  width: 362.25px;
  margin-right: 15px;
  cursor: pointer;
  /*padding-left: $video-thumbnail-width;*/
  /*&:not(.loading) .video-thumbnail-wrapper video {*/
  /*display: inline-block;*/
  /*opacity: 1;*/
  /*}*/ }
  .tree-thumb .video-thumbnail-wrapper {
    background: #000;
    margin-top: 13px;
    position: absolute;
    width: 161px;
    height: 93px; }
    .tree-thumb .video-thumbnail-wrapper:before {
      /*content: ' ';*/
      /*box-shadow: inset 0 0 50px rgba(0,0,0,0.8);*/
      /*display: block;*/
      /*width: 100%;*/
      /*height: 100%;*/
      /*position: absolute;*/
      /*opacity: 1;*/ }
  .tree-thumb.loading .video-thumbnail-wrapper {
    background: #fff url(/images/loading.gif) center center no-repeat; }
    .tree-thumb.loading .video-thumbnail-wrapper video {
      display: none; }
  .tree-thumb .video-thumbnail {
    /*margin-left: -$video-thumbnail-width;*/ }
  .tree-thumb .tree-container {
    position: relative;
    margin-left: 80.5px; }
  .tree-thumb .tree-link {
    position: absolute;
    bottom: 0;
    width: 362.25px;
    padding-left: 14px;
    margin-left: -15px;
    height: 125px;
    z-index: 4; }
  .tree-thumb.cat-2 .tree-link {
    background: url(/images/tate-gallery.png) 186px 92px no-repeat; }
  .tree-thumb:hover .tree-info .title {
    /*text-decoration: underline;*/
    /*border-bottom: 1px dashed #555;*/ }
  .tree-thumb .tree-info {
    /*opacity: 0;*/
    /*-webkit-transition: opacity 0.1s;*/
    margin-top: 13px;
    margin-left: 171px; }
    .tree-thumb .tree-info .title {
      color: #fff;
      font-weight: bold;
      display: inline;
      word-wrap: break-word; }
    .tree-thumb .tree-info .author {
      color: #6b9f6d;
      text-decoration: none !important;
      position: absolute;
      z-index: 99;
      display: block;
      margin-bottom: 10px; }
      .tree-thumb .tree-info .author:hover {
        text-decoration: underline !important; }
    .tree-thumb .tree-info .desc {
      color: #bbb;
      margin-top: 20px;
      margin-right: 10px;
      line-height: 15px;
      font-size: 90%;
      display: inline-block; }
    .tree-thumb .tree-info .featured-at {
      z-index: 9999;
      position: absolute;
      bottom: 18px; }
      .tree-thumb .tree-info .featured-at input {
        font-size: 9px; }
      .tree-thumb .tree-info .featured-at input[type=text] {
        width: 77px; }

#gallery {
  /*-webkit-transform: rotate(1deg);*/ }
  #gallery.hidden {
    /*opacity: 0;*/ }
    #gallery.hidden .horizontal-scroll-list {
      bottom: -100px; }
      #gallery.hidden .horizontal-scroll-list:before {
        bottom: -100px; }
  #gallery .horizontal-scroll-list {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /*li:last-child { margin-right: 700px; }*/ }
    #gallery .horizontal-scroll-list ul {
      padding-left: 100px;
      height: 100%; }
      #gallery .horizontal-scroll-list ul li {
        height: 100%; }
    #gallery .horizontal-scroll-list > div {
      overflow-y: hidden; }
      #gallery .horizontal-scroll-list > div::-webkit-scrollbar {
        height: 5px; }
      #gallery .horizontal-scroll-list > div::-webkit-scrollbar-track {
        border-radius: 10px;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1); }
      #gallery .horizontal-scroll-list > div::-webkit-scrollbar-thumb {
        margin: 8px;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.25); }
    #gallery .horizontal-scroll-list .before {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 61px;
      z-index: -1;
      display: block;
      width: 100%;
      height: 125px;
      content: ' ';
      background: url(/images/ground.jpg); }

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 124px;
  background-position: 0px bottom;
  background-repeat: repeat-x; }

#parallax1 {
  background-image: url(/images/parallax1.png); }

#parallax2 {
  background-image: url(/images/parallax2.png);
  opacity: 0.7; }

.scroll-to-explore {
  background: rgba(150, 150, 150, 0.2);
  background-image: linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, rgba(150, 150, 150, 0.2) 100%);
  background-image: -o-linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, rgba(150, 150, 150, 0.2) 100%);
  background-image: -moz-linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, rgba(150, 150, 150, 0.2) 100%);
  background-image: -webkit-linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, rgba(150, 150, 150, 0.2) 100%);
  background-image: -ms-linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, rgba(150, 150, 150, 0.2) 100%);
  padding: 23px 12px 23px 7px;
  position: absolute;
  z-index: 599;
  top: 50%;
  border-radius: 3px;
  line-height: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s;
  margin-top: -95px;
  cursor: pointer; }
  .scroll-to-explore:hover {
    opacity: 1; }
  .scroll-to-explore span {
    display: inline-block;
    font-weight: bold;
    color: #444;
    font-size: 11px;
    line-height: 14px;
    height: 18px;
    text-align: right;
    padding-right: 20px;
    background-position: center right;
    background-repeat: no-repeat; }
  .scroll-to-explore.right {
    right: 0; }
    .scroll-to-explore.right span {
      background-image: url(/images/scroll-explore-right.png); }
  .scroll-to-explore.left span {
    background-image: url(/images/scroll-explore-left.png);
    margin-left: -4px;
    margin-right: 4px; }

.next-page {
  position: absolute;
  top: -74px;
  text-align: center; }
  .next-page a {
    position: relative;
    top: 100%;
    display: inline-block;
    text-decoration: none;
    border-radius: 2px;
    font-size: 10px;
    padding: 5px 9px 3px 9px;
    line-height: 15px;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    width: 72px;
    margin-right: 20px;
    background: #555;
    background-image: linear-gradient(top, #666 0%, #555 100%);
    background-image: -o-linear-gradient(top, #666 0%, #555 100%);
    background-image: -moz-linear-gradient(top, #666 0%, #555 100%);
    background-image: -webkit-linear-gradient(top, #666 0%, #555 100%);
    background-image: -ms-linear-gradient(top, #666 0%, #555 100%); }
    .next-page a:after {
      display: inline-block;
      border: 5px solid transparent;
      margin-left: 7px;
      margin-right: -6px;
      margin-bottom: -1px;
      border-left-color: #fff;
      content: ' '; }
    .next-page a:hover {
      background: #666;
      background-image: linear-gradient(top, #777 0%, #666 100%);
      background-image: -o-linear-gradient(top, #777 0%, #666 100%);
      background-image: -moz-linear-gradient(top, #777 0%, #666 100%);
      background-image: -webkit-linear-gradient(top, #777 0%, #666 100%);
      background-image: -ms-linear-gradient(top, #777 0%, #666 100%); }

/*# sourceMappingURL=gallery.css.map */