.asg .asg-images {
display: block;
position: relative !important;
overflow: hidden !important; }
.asg-deeplink-overlay {
position: absolute;
z-index: 12;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background: rgba(0, 0, 0, 0.6); }
.asg-deeplink-overlay .asg-deeplink-loader {
position: absolute;
top: 50%;
left: 50%;
width: 64px;
height: 64px;
margin-left: -32px;
margin-top: -32px;
color: white;
opacity: 0.7;
filter: alpha(opacity=70);
border-radius: 6px;
-ms-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
background: black url(//www.8dppwedding.com/wp-content/plugins/awesome-gallery/assets/images/ajax-black.gif) center center no-repeat;
z-index: 99999; }
.asg .asg-image {
border-radius: 0;
margin: 0;
padding: 0;
opacity: 0;
transition: opacity 0.8s;
overflow: hidden; }
.asg .asg-image.asg-visible {
opacity: 1;
transition: opacity 0.6s, transform 0.6s; }
.asg .asg-image .asg-image-wrapper {
opacity: 0;
transform: translate(0, 1vw);
transition: opacity 0.6s, transform 0.6s;
z-index: 1; }
.asg .asg-image.asg-loaded .asg-image-wrapper {
opacity: 1;
transform: translate(0, 0); }
.asg .asg-image div.image-fit {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
.asg .asg-image div.image-fit img {
position: absolute;
display: block;
max-width: none;
max-height: none;
margin: 0;
padding: 0; }
.asg .asg-image div.image-fit.image-fit-all img {
width: 100%;
height: 100%; }
.asg .asg-image.asg-enter {
opacity: 0; }
.asg .asg-image.asg-enter .asg-image-wrapper {
transform: translate(0, 5vw);
opacity: 0; }
.asg .asg-image.asg-enter.asg-enter-active {
opacity: 1; }
.asg .asg-image.asg-enter.asg-enter-active .asg-image-wrapper {
transition: opacity 0.6s, transform 0.6s;
opacity: 1;
transform: translate(0, 0); }
.asg .asg-image.asg-leave {
opacity: 1; }
.asg .asg-image.asg-leave .asg-image-wrapper {
transform: translate(0, 0);
opacity: 1; }
.asg .asg-image.asg-leave.asg-leave-active {
opacity: 0; }
.asg .asg-image.asg-leave.asg-leave-active .asg-image-wrapper {
transition: opacity 0.6s, transform 0.6s;
transform: translate(0, 5vw);
opacity: 0; }
.asg .asg-image img {
border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
margin: 0;
padding: 0; }
.asg .asg-image.asg-blur-on-hover:hover .asg-image-wrapper img, .asg .asg-image.asg-blur-off-hover .asg-image-wrapper img, .asg .asg-image.asg-blur .asg-image-wrapper img {
-webkit-transition: all 0.2s;
-webkit-filter: blur(1px);
-moz-filter: blur(1px) !important;
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: url(//www.8dppwedding.com/wp-content/plugins/awesome-gallery/assets/css/blur.svg#asg-blur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
box-shadow: 0 0 2px #000; }
.asg .asg-image.asg-blur-off-hover:hover .asg-image-wrapper img {
-webkit-transition: all 0.2s;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none; }
.asg .asg-image.asg-bw-on-hover:hover .asg-image-wrapper img, .asg .asg-image.asg-bw-off-hover .asg-image-wrapper img, .asg .asg-image.asg-bw-on .asg-image-wrapper img {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-transition: all 0.2s; }
.asg .asg-image.asg-bw-off-hover:hover img {
-webkit-transition: all 0.2s;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none; }
.asg {
height: auto !important; }
.asg.asg-mode-on-hover-blur.asg-mode-off-hover-bw .asg-image-wrapper:hover img {
-webkit-transition: all 0.2s;
-webkit-filter: blur(2px);
-moz-filter: blur(1px) !important;
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: url(//www.8dppwedding.com/wp-content/plugins/awesome-gallery/assets/css/blur.svg#asg-blur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
filter: blur(1px); }
.asg .asg-images:after {
content: ' ';
display: block;
clear: left;
width: 0;
height: 0; }
.asg-image-wrapper {
display: block;
border-radius: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: none;
box-sizing: border-box;
overflow: hidden;
transition: opacity 0.3s;
z-index: 2; }
a.asg-image-wrapper {
border: none; }
.asg-image .asg-lightbox-content {
display: none; }
.asg-image-wrapper img {
display: block;
border: none;
box-sizing: content-box;
-moz-box-sizing: content-box; }
.asg-image {
background: #eee center center no-repeat;
position: absolute;
opacity: 0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
z-index: 1;
left: 0;
top: 0; }
.asg .asg-image-caption-wrapper-outer {
z-index: 3;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-overflow: ellipsis;
max-height: 100%;
position: absolute;
width: 100%;
padding: 6px 10px;
line-height: 1.5em;
opacity: 1;
text-align: left;
-webkit-font-smoothing: subpixel-antialiased; }
.asg .asg-image-caption-wrapper {
width: 100%; }
.asg .asg-image-caption-wrapper .asg-image-caption1 {
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.6;
max-height: 1.6;
white-space: nowrap; }
.asg .asg-image-caption-wrapper .asg-image-caption1.asg-has-caption2 {
padding-bottom: 6px; }
.asg .asg-image-caption-wrapper .asg-image-caption2 {
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.4; }
.asg .asg-layout-standard > div {
float: left; }
.asg-image-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.asg-image-caption-wrapper {
transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.asg-image-overlay.asg-no-transition, .asg-image-caption-wrapper.asg-no-transition {
transition: all 0s;
-o-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
-webkit-transition: all 0s; }
.asg-image-overlay.asg-mode-on-hover.asg-effect-fade {
opacity: 0; }
.asg-image:hover .asg-image-caption-wrapper-outer.asg-mode-off-hover,
.asg-image .asg-image-caption-wrapper-outer.asg-effect-fade.asg-mode-on-hover {
opacity: 0; }
.asg-image:hover .asg-image-overlay.asg-mode-on-hover {
opacity: 1; }
.asg .asg-image:hover .asg-image-caption-wrapper-outer.asg-effect-fade.asg-mode-on-hover, .asg .asg-image:hover .asg-image-caption-wrapper-outer.asg-effect-slide.asg-mode-on-hover {
opacity: 1; }
.asg-image-overlay.asg-mode-off-hover.asg-effect-fade {
opacity: 1; }
.asg-image:hover .asg-image-overlay.asg-mode-on-hover.asg-effect-slide {
opacity: 1; }
.asg-image:hover .asg-image-overlay.asg-mode-off-hover {
opacity: 0; }
.asg-image-overlay.asg-mode-on-hover.asg-effect-slide {
opacity: 0; }
.asg-image-caption-wrapper-outer.asg-mode-on-hover.asg-effect-slide, .asg-image-caption-wrapper-outer.asg-mode-on-hover.asg-effect-fade {
opacity: 0; }
.asg-image-caption-wrapper {
position: absolute;
box-sizing: border-box;
padding: 4%;
overflow: hidden; }
.asg-image-caption-wrapper-outer.asg-position-center .asg-image-caption-wrapper {
left: 0;
top: 50%;
width: 100%;
transform: translate(0, -50%); }
.asg-image-caption-wrapper-outer.asg-position-bottom .asg-image-caption-wrapper {
left: 0;
bottom: 0; }
.asg-image-caption-wrapper-outer.asg-position-fill .asg-image-caption-wrapper {
left: 0;
top: 0;
bottom: 0;
right: 0; }
.asg-image-caption-wrapper.asg-effect-slide {
transition: transform 0.3s; }
.asg-slide-right-enter {
transition: none;
transform: translate(100%, 0); }
.asg-image-caption-wrapper-outer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: transform 0.3s, opacity 0.3s; }
.asg-image-overlay.asg-slide-in-left, .asg-image-caption-wrapper-outer.asg-slide-in-left {
transition: none;
transform: translate(-100%, 0); }
.asg-image-overlay.asg-slide-out-left, .asg-image-caption-wrapper-outer.asg-slide-out-left {
transform: translate(-100%, 0);
opacity: 1; }
.asg-image-overlay.asg-slide-in-right, .asg-image-caption-wrapper-outer.asg-slide-in-right {
transition: none;
transform: translate(100%, 0); }
.asg-image-overlay.asg-slide-out-right, .asg-image-caption-wrapper-outer.asg-slide-out-right {
transform: translate(100%, 0);
opacity: 1; }
.asg-image-overlay.asg-slide-in-top, .asg-image-caption-wrapper-outer.asg-slide-in-top {
transition: none;
transform: translate(0, -100%); }
.asg-image-overlay.asg-slide-out-top, .asg-image-caption-wrapper-outer.asg-slide-out-top {
transform: translate(0, -100%);
opacity: 1; }
.asg-image-overlay.asg-slide-in-bottom, .asg-image-caption-wrapper-outer.asg-slide-in-bottom {
transition: none;
transform: translate(0, 100%); }
.asg-image-overlay.asg-slide-out-bottom, .asg-image-caption-wrapper-outer.asg-slide-out-bottom {
transform: translate(0, 100%);
opacity: 1; }
div.asg-image-caption-wrapper-outer.asg-position-bottom.asg-effect-slide {
opacity: 1;
transition: transform(0.3s) !important; }
.asg-image:hover .asg-image-caption-wrapper-outer.asg-position-bottom.asg-effect-slide {
transition: transform(0.3s) !important; }
.asg-image-overlay.asg-slide-top {
top: -100%; }
.asg-image-caption-wrapper.asg-slide-top {
top: -100%; }
.asg-image-caption-wrapper.asg-position-bottom.asg-slide-top {
top: auto;
bottom: 100%; }
.asg-image-overlay.asg-slide-bottom {
top: 100%; }
.asg-image-caption-wrapper.asg-slide-bottom {
top: 100%; }
.asg-image-caption-wrapper.asg-slide-bottom.asg-position-bottom {
top: auto;
bottom: -100%; }
.asg .asg-layout-vertical .asg-column {
float: left; }
.asg .asg-layout-horizontal .asg-image {
float: left; }
.asg .asg-layout-horizontal .asg-image img {
display: block; }
.asg .asg-filters {
padding: 0;
text-align: center;
margin-bottom: 0.25em; }
.asg .asg-filters.asg-filters-tabs div {
display: inline-block;
margin: 0.25em 6px; }
.asg .asg-filters.asg-align-left {
text-align: left; }
.asg .asg-filters.asg-align-left.asg-filters-tabs div {
margin: 6px 0.5em 6px 0; }
.asg .asg-filters.asg-align-right {
text-align: right; }
.asg .asg-filters.asg-align-left.asg-filters-tabs div div {
margin: 6px 0 6px 0.5em; }
.asg .asg-filters.asg-filters-tabs div a {
display: block;
text-decoration: none;
padding: 0.25em 1em;
border: none;
outline: none; }
.asg .asg-filters.asg-filters-tabs div a:focus {
border: none;
outline: none; }
.asg-gallery-wrapper.asg-align-left {
float: left; }
.asg-gallery-wrapper.asg-align-right {
float: right; }
.asg-gallery-wrapper.asg-align-center {
float: none;
margin: 0 auto;
text-align: left; }
.asg.asg-align-left .asg-images {
float: left; }
.asg.asg-align-right .asg-images {
float: right; }
.asg.asg-align-center .asg-images {
margin-left: auto;
margin-right: auto; }
.asg .asg-bottom {
display: block;
padding: 0;
text-align: center;
line-height: 1;
clear: both; }
.asg .asg-bottom .asg-load-more {
text-align: center;
cursor: pointer;
transition: opacity 0.3s;
margin-top: 1em;
display: inline-block; }
.asg .asg-bottom .asg-load-more.asg-full-width {
margin-top: 0;
display: block; }
.asg-image .asg-mode-off {
display: none !important; }
.asg-image .asg-mode-off-hover.asg-effect-fade {
opacity: 1; }
.asg-image-caption-wrapper:hover .asg-mode-off-hover.asg-effect-fade {
opacity: 0 !important; }
.asg-image .asg-image-caption-wrapper-outer.asg-mode-off-hover.asg-effect-zoom-in .asg-image-caption-wrapper {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1); }
.asg-image:hover .asg-image-caption-wrapper-outer.asg-mode-on-hover.asg-effect-zoom-in .asg-image-caption-wrapper {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1); }
.asg-image:hover .asg-image-caption-wrapper-outer.asg-mode-off-hover.asg-effect-zoom-in .asg-image-caption-wrapper {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
transform: scale(0.001);
-o-transform: scale(0.001);
-ms-transform: scale(0.001);
-moz-transform: scale(0.001);
-webkit-transform: scale(0.001); }
.asg-image .asg-image-caption-wrapper-outer.asg-mode-on-hover.asg-effect-zoom-in .asg-image-caption-wrapper {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
transform: scale(0.001);
-o-transform: scale(0.001);
-ms-transform: scale(0.001);
-moz-transform: scale(0.001);
-webkit-transform: scale(0.001);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
transform: scale(0.001);
-o-transform: scale(0.001);
-ms-transform: scale(0.001);
-moz-transform: scale(0.001);
-webkit-transform: scale(0.001); }
.asg-image:hover .asg-image-caption-wrapper-outer.asg-mode-on-hover.asg-effect-zoom-in .asg-image-caption-wrapper {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1); }
.asg-image:hover .asg-image-caption-wrapper-outer.asg-position-bottom.asg-effect-slide.asg-mode-off-hover {
transform: translate(0, 100%); }
.awesome-gallery-edit-wrapper {
display: block;
padding: 6px 0;
text-align: right; }
.awesome-gallery-edit-wrapper a {
font-family: "Open Sans", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
display: inline-block;
line-height: 12px;
font-size: 12px;
color: white !important;
padding: 8px 18px;
border-radius: 3px;
background-color: #458dd6;
text-decoration: none !important;
transition: all 0.3s;
border-radius: 14px;
opacity: 0.89;
box-shadow: none;
outline: none;
border: none;
font-weight: 200; }
.awesome-gallery-edit-wrapper a:hover {
opacity: 1; }
.asg-errors {
background-color: #c95750;
border: 3px solid #B84F49;
color: white;
padding: 1em 2em;
line-height: 22px;
font-size: 14px; }
.asg-image div.fit {
height: 100%;
width: 100%; }
.asg-image div.fit img {
max-width: none;
max-height: none; }