.animate-box-item img{width:100%; height:220px;padding: 3px; border: 2px solid #f5f5f5;}
.animate-box-item{padding: 3px;}
.js .to-animate {
  opacity: 0;
}
.col-md-3.detail-album-item-col{float:left; padding: 5px 5px!important;}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.bg-content-videos-yt{
	height: 0px;
    position: absolute;
    width: 100%;
    margin-left: -87px;
    margin-top: -86px;
    z-index: 99999999;
    background: #0000;
}
.bg-top-videos-yt{
	height: 0px;
    position: absolute;
    width: 100%;
    margin-left: -87px;
    margin-top: -90px;
    z-index: 99999999;
	background: #0000;
}
.bg-play-videos-yt{
}
.bg-bottom-videos-yt{
	height: 0px;
    position: absolute;
    width: calc(100% - 300px);
    margin-left: -87px;
    margin-top: 49px;
    z-index: 99999999;
	background: #0000;
	pointer-events:none;
}
.bg-button-videos-yt{
	height: 0px;
    position: absolute;
    width: 65px;
    margin-left: calc(100% - 245px);
    margin-top: 49px;
    z-index: 99999999;
	background: #0000;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Image Alignment */
img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em;
}
@media screen and (max-width: 480px) {
  .animate-box img{height:auto!important;}
  img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0;
}
@media screen and (max-width: 480px) {
  img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a > img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em;
}
@media screen and (max-width: 480px) {
  a > img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
a > img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0;
}
@media screen and (max-width: 480px) {
  a > img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
a > img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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