﻿/*Photostream*/
.photostream {
    margin: 20px 0 10px 0;
}
.photostream .title {
    font-family: inherit;
    text-align: center;
    font-size: 20px;
    background: #aa1a2b;
    padding: 7px 0px;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 0;
}
.photostream .title a:hover, .photostream .title a:focus {
    color: #fff;
} 
.photostream .bx-wrapper .bx-prev {
    left: 2px;
}
.photostream .bx-wrapper .bx-next {
    right: 2px;
}
.photostream .red-tag span {
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 3% 3%;
    background-color: rgba(170, 26, 43, 0.7);
    letter-spacing: 1.2px;
}
.snip1273 {
  background-color: #000;
}
.snip1273 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.snip1273 figcaption {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  padding: 15px 30px;
}
.snip1273 figcaption:before,
.snip1273 figcaption:after {
  width: 1px;
  height: 0;
}
.snip1273 figcaption:before {
  right: 0;
  top: 0;
}
.snip1273 figcaption:after {
  left: 0;
  bottom: 0;
}
.snip1273 h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 15px;
}
.snip1273 a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.snip1273:before,
.snip1273:after,
.snip1273 figcaption:before,
.snip1273 figcaption:after {
  position: absolute;
  content: '';
  background-color: #ececed;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.snip1273:before,
.snip1273:after {
  height: 2px;
  width: 0%;
}
.snip1273:before {
  top: 1px;
  left: 1px;
}
.snip1273:after {
  bottom: 1px;
  right: 1px;
}
.snip1273:hover img {
  opacity: 0.4;
}
.snip1273:hover figcaption {
  opacity: 1;
}
.snip1273:hover figcaption:before,
.snip1273:hover figcaption:after {
  height: 100%;
}
.snip1273:hover:before,
.snip1273:hover:after {
  width: 100%;
}
.snip1273:hover:before,
.snip1273:hover:after,
.snip1273:hover figcaption:before,
.snip1273:hover figcaption:after {
  opacity: 0.1;
}


@media (max-width: 767px) {
    .snip1273 img {
      opacity: 0.4;
    }
    .snip1273 figcaption {
      opacity: 1;
    }
}