#album-view {
     margin-left: -15px;
     margin-right: -15px;
     display: flex;
     flex-wrap: wrap;
     row-gap: 25px;
}
#album-view:before,
#album-view:after {
     content: " ";
     display: table;
}
#album-view:after {
     clear: both;
}
#album-view .gallery {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
}
@media (min-width: 768px) {
     #album-view .gallery {
          float: left;
          width: 25%;
     }
}
#album-view .gallery .gallery-inner {
     background: #f4f4f4;
     padding: 10px;
}
#album-view .gallery .gallery-inner .gallery-cover a img {
     max-width: 100%;
     margin: 0;
}
#album-view.ajax {
     margin-left: -15px;
     margin-right: -15px;
}
#album-view.ajax:before,
#album-view.ajax:after {
     content: " ";
     display: table;
}
#album-view.ajax:after {
     clear: both;
}
#album-view.ajax .gallery-image {
     position: relative;
     float: left;
     width: 16.66666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
}
@media (min-width: 768px) {
     #album-view.ajax .gallery-image {
          float: left;
          width: 8.33333333%;
     }
}
@media (max-width: 650px) {
     #album-view.ajax .gallery-image {
          position: relative;
          float: left;
          width: 33.33333333%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px;
     }
}
@media (max-width: 500px) {
     #album-view.ajax .gallery-image {
          position: relative;
          float: left;
          width: 50%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px;
     }
}
@media (max-width: 360px) {
     #album-view.ajax .gallery-image {
          position: relative;
          float: left;
          width: 100%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px;
     }
}
#album-view.ajax .gallery-image a img {
     max-width: 100%;
}
/* Float Shadow */
.hvr-float-shadow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
.hvr-float-shadow:before {
     pointer-events: none;
     position: absolute;
     z-index: -1;
     content: "";
     top: 100%;
     left: 5%;
     height: 10px;
     width: 90%;
     opacity: 0;
     background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
     /* W3C */
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform, opacity;
     transition-property: transform, opacity;
}
.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
     /* move the element up by 5px */
}
.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
     opacity: 1;
     -webkit-transform: translateY(5px);
     transform: translateY(5px);
     /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
#swipebox-bottom-bar,
#swipebox-top-bar {
     height: 65px;
}
#gallery-view.basic:before,
#gallery-view.basic:after {
     clear: both;
}
#gallery-view.basic {
     display: flex;
     flex-wrap: wrap;
     clear: both;
}
#gallery-view.basic img {
     width: 100%;
     margin: 0;
}
#gallery-view.basic img:hover {
     opacity: 0.9;
}
#gallery-view.wall .gallery-image {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding: 0;
     overflow: hidden;
}
@media (min-width: 768px) {
     #gallery-view.wall .gallery-image {
          float: left;
          width: 16.66666667%;
     }
}
@media (max-width: 480px) {
     #gallery-view.wall .gallery-image {
          position: relative;
          float: left;
          width: 50%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px;
          padding: 0;
     }
}
#gallery-view.wall .gallery-image img {
     margin: 0;
     width: 100%;
     opacity: 0.7;
     transition: opacity 0.35s, transform 0.35s;
     transform: scale(1);
}
#gallery-view.wall .gallery-image:hover img {
     opacity: 1;
     transform: scale(1.15) rotate(3deg);
}
.d3gallery-widget-view img {
     margin: 0 auto;
}
.d3gallery-widget-view .slick-prev {
     left: -25px;
     top: 58%;
}
.d3gallery-widget-view .slick-next {
     right: -25px;
     top: 58%;
}
.widget.widget_d3_gallery .d3gallery-widget-view .gallery-image:not(:first-child) {
     display: none;
}
.widget.widget_d3_gallery .d3gallery-widget-view.slick-initialized .gallery-image:not(:first-child) {
     display: block;
}
.widget.widget_d3_gallery {
     text-align: center;
}
.slick-prev:before, .slick-next:before {
	color: #3f3427!important;
}
.d3-gallery-carousel img{
     margin: 0 auto!important;
}