/* = 3.4 Gallery
	---------------------------------------------------------- */
.gallery-back {
  background-color: #121318;
}
.gallery-wrap {
  max-width: 923px;
  margin: 0px auto;
}
.gallery {
  display: table;
  background-color: #15171d;
  margin: 0px auto;
  width: 923px;
}
.gallery-main, .gallery-side {
  display: table-cell;
}
#gallery-images, #gallery-thumbnails {
  background-color: #0b0b0e;
  position: relative;
}
#gallery-thumbnails {
  padding: 20px 0px;
  height: 49px;
}
#gallery-images {
  width: 613px;
  height: 410px;
  overflow: hidden;
}
#gallery-images img, .gallery-img-wrap {
  max-width: 613px;
  max-height: 410px;
  margin: 0px auto;
  display: block;
}
.gallery-img-wrap {
  text-align: center;
  position: relative;
}
.gallery-cta {
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-align: left;
  padding: 10px 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: rgba(0, 0, 0, 0.5);
}
.gallery-cta a {
  font-size: 12px;
  display: block;
  padding: 0px 28px;
}
.gallery-cta a:hover {
  text-decoration: underline;
}
.gallery-side {
  width: 310px;
  vertical-align: top;
  overflow: hidden;
}
.gallery-thumb {
  width: 47px;
  height: 47px;
  padding: 0px 2px;
}
.gallery-thumb:hover {
  cursor: pointer;
}
.gallery-pg {
  margin: 0px auto;
  text-align: center;
}
.left-white {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 0;
  width: 22px;
  height: 49px;
  background-image: url(../img/no-repeat.png);
  background-position: -178px -248px;
  background-repeat: no-repeat;
  z-index: 1;
}
.left-white:hover {
  cursor: pointer;
  background-position: -161px -248px;
}
.right-white {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 0;
  width: 22px;
  height: 49px;
  background-image: url(../img/no-repeat.png);
  background-position: -178px -288px;
  background-repeat: no-repeat;
  z-index: 1;
}
.right-white:hover {
  cursor: pointer;
  background-position: -161px -288px;
}
.thumb-fade {
  opacity: 0.5;
}
.left-dark {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 0;
  width: 22px;
  height: 49px;
  background-image: url(../img/no-repeat.png);
  background-position: -122px -288px;
  background-repeat: no-repeat;
}
.left-dark:hover {
  cursor: pointer;
  background-position: -139px -288px;
}
.right-dark {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 0;
  width: 22px;
  height: 49px;
  background-image: url(../img/no-repeat.png);
  background-position: -122px -248px;
  background-repeat: no-repeat;
}
.right-dark:hover {
  cursor: pointer;
  background-position: -139px -248px;
}
.image-content {
  position: absolute;
  padding: 14px 30px 26px 30px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #15171d;
  max-height: 471px;
}
.image-content h1 {
  color: #d0d7db;
  font-size: 16px;
  margin: 8px 0px;
}
#image-count, #image-total {
  color: #8a8f95;
  font-size: 10px;
  display: inline-block;
}
#image-alt {
  color: #8a8f95;
  font-size: 12px;
  margin: 8px 0px;
}
#image-desc {
  color: #8a8f95;
  font-size: 12px;
}
.gallery-side .content-overlay {
  position: relative;
  min-height: 249px;
  overflow: hidden;
}
.gallery-ad .ad-sm {
  margin: 0px 0px 0px auto !important;
}
.gallery-ad {
  height: 250px;
  overflow: hidden;
}
.gallery-expand {
  background-color: #15171d;
  height: 26px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  display: none;
}
.gallery-expand-arrow {
  background-image: url('../img/no-repeat.png');
  background-position: -528px -196px;
  width: 16px;
  height: 16px;
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}
.gallery-hide-arrow {
  background-image: url('../img/no-repeat.png');
  background-position: -528px -213px;
  width: 16px;
  height: 16px;
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}
.gallery-hide {
  background-color: #15171d;
  height: 26px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  display: none;
  margin-left: -30px;
}
.gallery-expand:hover, .gallery-hide:hover {
  cursor: pointer;
}