/* -------------------------------------------------------------------------------- /
Plugin Name: Go Portfolio - WordPress Responsive Portfolio
Author: Granth
Version: 1.7.0
+----------------------------------------------------+
TABLE OF CONTENTS
+----------------------------------------------------+
[1] SETUP
[2] LAYOUT
[3] FILTER
[4] PAGINATION
[5] SLIDER
[6] HEADER, MEDIA, OVERLAY
[7] POST CONTENT
[8] ISOTOPE PLUGIN
[9] MAGNIFIC POPUP
/ -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- /
[1] SETUP - General settings, clearfix, common classes
/ -------------------------------------------------------------------------------- */
.gw-gopf-no-tra2ns * {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
/* Clearfix */
.gw-gopf-clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.gw-gopf-clearfix { display:inline-block; } /* Hide from IE Mac \*/
.gw-gopf-clearfix { display:block; } /* End hide from IE Mac */
.gw-gopf-clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* In slider mode */
.gw-gopf .caroufredsel_wrapper {
margin:0 !important;
overflow:visible !important;
}
/* Reset and set image */
.gw-gopf img {
border:none !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
border-radius:0 !important;
-moz-box-shadow:none !important;
-o-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
display:inline-block !important;
height:auto !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
-webkit-transition:none;
transition:none;
vertical-align:middle;
-ms-interpolation-mode:bicubic;
}
.gw-gopf iframe { width:100%; }
.gw-gopf-post-media-wrap iframe {
height:100% !important;
left:0;
position:absolute;
top:0;
}
/* OTHER */
/* disable dotted outlines */
:focus { outline:none !important; }
::-moz-focus-inner { border:none !important; }
a { outline:none !important;}
/* remove tap highlight */
.gw-gopf * { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.gw-gopf-disable-trans {
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
-webkit-transition:none !important;
transition:none !important;
}
/* -------------------------------------------------------------------------------- /
[2] LAYOUT - Columns
/ -------------------------------------------------------------------------------- */
.gw-gopf-slider-type .gw-gopf-col-wrap{ display:none; }
.gw-gopf-slider-type .gw-gopf-col-wrap:first-child { display:block; visibility: hidden; }
/* Wrappers */
.gw-gopf-posts-wrap {
position:relative;
width:100%;
-webkit-backface-visibility: hidden;
}
.gw-gopf-slider-type .gw-gopf-posts-wrap {
margin:-20px 0px;
padding:20px 0px;
}
.gw-gopf-posts-wrap-inner { position:relative; }
.gw-gopf-posts {
margin-right:-10px;
width:100% !important;
}
.gw-gopf-post-col{ position:relative; }
/* Default colum widths */
.gw-gopf-col-wrap {
float:left;
letter-spacing:0;
position:relative;
}
.gw-gopf-1col .gw-gopf-col-wrap { width:100%; }
.gw-gopf-2cols .gw-gopf-col-wrap { width:50%; }
.gw-gopf-3cols .gw-gopf-col-wrap { width:33.33%; }
.gw-gopf-4cols .gw-gopf-col-wrap { width:25%; }
.gw-gopf-5cols .gw-gopf-col-wrap { width:20%; }
.gw-gopf-6cols .gw-gopf-col-wrap { width:16.66%; }
.gw-gopf-7cols .gw-gopf-col-wrap { width:14.2857%; }
.gw-gopf-8cols .gw-gopf-col-wrap { width:12.50%; }
.gw-gopf-9cols .gw-gopf-col-wrap { width:11.11%; }
.gw-gopf-10cols .gw-gopf-col-wrap { width:10%; }
/* RTL */
.gw-gopf-rtl .gw-gopf-col-wrap { float:right; }
.gw-gopf-slider-type.gw-gopf-rtl .gw-gopf-col-wrap { float:left; }
/* opacity filtering */
.gw-gopf-filter-opacity .gw-gopf-col-wrap.gw-gopf-disabled:before {
position:absolute;
content:'';
width:100%;
height:100%;
z-index:5;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
-webkit-transition:none !important;
transition:none !important;
}
/* -------------------------------------------------------------------------------- /
[3] FILTER - Portfolio filter categories
/ -------------------------------------------------------------------------------- */
.gw-gopf-filter {
position:relative;
z-index:1;
}
.gw-gopf-cats {
list-style:none;
display:block;
margin:-10px 0 0;
padding:0;
position:relative;
}
.gw-gopf-cats > span {
background:none;
display:inline-block;
margin:10px 0 0;
padding:0;
}
.gw-gopf-cats > span.gw-gopf-hidden { display:none; }
/* Centered filter */
.gw-gopf-cats-centered .gw-gopf-cats { text-align:center; }
/* Right aligned filter */
.gw-gopf-cats-right .gw-gopf-cats { text-align:right; }
/* -------------------------------------------------------------------------------- /
[4] PAGINATION - Portfolio pagination
/ -------------------------------------------------------------------------------- */
.gw-gopf-pagination-wrapper {
position:relative;
display:none;
}
.gw-gopf-pagination {
list-style:none;
display:block;
margin:-10px 0 0 !important;
padding:0;
position:relative;
}
.gw-gopf-pagination > span,
.gw-gopf-pagination > a {
background:none;
display:inline-block;
margin:10px 0 0;
padding:0;
}
/* Centered pagination */
.gw-gopf-pagination-centered .gw-gopf-pagination { text-align:center; }
/* Right aligned pagination */
.gw-gopf-pagination-right .gw-gopf-pagination { text-align:right; }
/* -------------------------------------------------------------------------------- /
[5] SLIDER - Slider arrows
/ -------------------------------------------------------------------------------- */
.gw-gopf-slider-controls-wrap {
margin:0;
padding:0;
position:relative;
width:100%;
z-index:1;
}
.gw-gopf-slider-controls > div {
background:none;
float:left;
margin:0;
padding:0;
text-align:center;
cursor:hand;
}
.gw-gopf-slider-controls > div:first-child { margin-left:0 !important; }
/* Centered filter */
.gw-gopf-slider-controls-centered .gw-gopf-slider-controls {
float:left;
left:50%;
position:relative;
}
.gw-gopf-slider-controls-centered .gw-gopf-slider-controls > div {
float:left;
position:relative;
right:50%;
}
/* Right aligned filter */
.gw-gopf-slider-controls-right .gw-gopf-slider-controls { float:right; }
/* -------------------------------------------------------------------------------- /
[6] HEADER, MEDIA, OVERLAY
/ -------------------------------------------------------------------------------- */
.gw-gopf-post-header {
position:relative !important;
width:100%;
}
.gw-gopf-post-media-wrap-outer {
opacity:0;
-webkit-transition:all 0.2s linear;
transition:opacity 0.3s ease;
}
.gw-gopf-post-media-wrap {
-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
background-repeat:no-repeat;
height:auto;
overflow:hidden;
position:relative;
z-index:1;
}
.gw-gopf-post-media-wrap img {
position:absolute;
width:auto;
left:100%;
top:0;
height:100% !important;
min-width:100% !important;
width:auto !important;
max-width:none !important;
opacity:0;
}
@media print {
.gw-gopf-post-media-wrap img { opacity:1; }
}
.gw-gopf-post-media-wrap img[data-orientation="portrait"] {
width:100% !important;
min-height:100% !important;
height:auto !important;
max-height:none !important;
}
.gw-gopf-post-media-wrap a {
border:none !important;
display:block;
position:relative;
}
/* Reset and set image */
.gw-gopf-post-media-wrap img.gw-gopf-fallback-img {
display:none !important;
position:absolute !important;
width:100% !important;
}
/* Overlay */
.gw-gopf-post-overlay, .gw-gopf-post-overlay-bg {
background:transparent;
display:none;
height:100%;
filter:alpha(opacity=0); /* IE 5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
-khtml-opacity:0; /* Safari 1.x */
-moz-opacity:0; /* Netscape */
opacity:0;
overflow:hidden;
-moz-transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out;
-ms-transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out;
-o-transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out;
-webkit-transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out;
transition:opacity 0.1s ease-in-out, height 0.1s 0.1s ease-in-out, top 0.1s 0.1s ease-in-out, bottom 0.1s 0.1s ease-in-out;
position:absolute;
text-align:center;
width:100%;
z-index:3;
}
.gw-gopf-has-overlay .gw-gopf-post-overlay,
.gw-gopf-touch .gw-gopf-has-overlay .gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay,
.gw-gopf-touch .gw-gopf-has-overlay .gw-gopf-post-header:hover .gw-gopf-post-overlay { display:block; }
.gw-gopf-post-overlay-bg {
display:block;
content:'';
left:0;
filter:alpha(opacity=0); /* IE 5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
-khtml-opacity:0; /* Safari 1.x */
-moz-opacity:0; /* Netscape */
opacity:0;
top:0;
z-index:-1;
}
.gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay,
.gw-gopf-post-header:hover .gw-gopf-post-overlay,
.gw-gopf-touch .gw-gopf-current.gw-gopf-post .gw-gopf-post-overlay {
filter:alpha(opacity=100); /* IE 5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
-khtml-opacity:1; /* Safari 1.x */
-moz-opacity:1; /* Netscape */
opacity:1;
-moz-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
-ms-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
-o-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
-webkit-transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
transition:opacity 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
}
.gw-gopf-post-overlay:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right: -0.25em; /* Adjusts for spacing */
}
/* Overlay inner */
.gw-gopf-post-overlay-inner,
.gw-gopf-touch .gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay-inner,
.gw-gopf-touch .gw-gopf-post-header:hover .gw-gopf-post-overlay-inner {
display:inline-block;
left:1px;
padding-top:20px;
position:relative;
text-align:center;
top:-40px;
-moz-transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
-ms-transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
-o-transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
-webkit-transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
transition:opacity 0s 0.1s ease-in-out, top 0s 0.1s ease-in-out, padding 0s 0.1s ease-in-out;
vertical-align:middle;
visibility:hidden;
}
.gw-gopf-post-overlay-hover:hover .gw-gopf-post-overlay-inner,
.gw-gopf-post-header:hover .gw-gopf-post-overlay-inner,
.gw-gopf-touch .gw-gopf-current.gw-gopf-post .gw-gopf-post-overlay-inner {
padding-top:0;
top:-5px;
-moz-transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
-ms-transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
-o-transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
-webkit-transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
transition:opacity 0.3s ease-in-out, top 0.15s ease-in-out, padding 0.15s 0.1s ease-in-out;
visibility:visible;
}
.gw-gopf-post-overlay-btn,
.gw-gopf-post-overlay-circle {
margin-top:10px;
}
.gw-gopf-circle { vertical-align:top; }
.gw-gopf-circle img { vertical-align:0; }
/* Overlay link */
.gw-gopf-post-overlay.gw-gopf-post-overlay-link {
display:block;
position:absolute;
z-index:3;
width:100%;
}
.gw-gopf-post-overlay-inner a { cursor:pointer; }
/* -------------------------------------------------------------------------------- /
[7] POST CONTENT
/ -------------------------------------------------------------------------------- */
.gw-gopf-post {
position:relative;
}
.gw-gopf-post-content-wrap {
overflow:hidden;
position:relative;
z-index:1;
}
.gw-gopf-post-content-wrap:before {
content:'';
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1;
}
.gw-gopf-post-content {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
text-align:left;
}
.gw-gopf-post-content a,
.gw-gopf-post-content a:hover { text-decoration:none; }
.gw-gopf-post-content h2,
.gw-gopf-post-content h2 a {
margin:0 0 3px 0 !important;
padding:0;
}
/* -------------------------------------------------------------------------------- /
[8] ISOTOPE PLUGIN
/ -------------------------------------------------------------------------------- */
.gw-gopf-isotope { overflow:visible !important; }
.gw-gopf-isotope-item { z-index:2; }
.gw-gopf-isotope-item:hover { z-index:3; }
.gw-gopf-isotope-hidden.gw-gopf-isotope-item {
pointer-events:none;
z-index:1;
}
.gw-gopf-isotope-ready .gw-gopf-isotope,
.gw-gopf-isotope-new-added .gw-gopf-isotope {
-webkit-transition-duration:0.8s;
-moz-transition-duration:0.8s;
-ms-transition-duration:0.8s;
-o-transition-duration:0.8s;
transition-duration:0.8s;
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-ms-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
-webkit-backface-visibility: hidden;
}
.gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item {
-webkit-transition:-webkit-transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
-moz-transition:-moz-transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
-ms-transition:-ms-transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
-o-transition:-o-transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
transition:transform 0.8s, opacity 0.8s, z-index 0s 0.1s;
-webkit-backface-visibility: hidden;
}
/* RTL */
.gw-gopf-rtl.gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item {
-webkit-transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
-moz-transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
-ms-transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
-o-transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
transition:right 0.8s, top 0.8s, opacity 0.8s, z-index 0s 0.1s;
}
.gw-gopf-isotope-ready .gw-gopf-isotope .gw-gopf-isotope-item:hover {
-webkit-transition:-webkit-transform 0.8s, opacity 0.8s, z-index 0s 0s;
-moz-transition:-moz-transform 0.8s, opacity 0.8s, z-index 0s 0s;
-ms-transition:-ms-transform 0.8s, opacity 0.8s, z-index 0s 0s;
-o-transition:-o-transform 0.8s, opacity 0.8s, z-index 0s 0s;
transition:transform 0.8s, opacity 0.8s, z-index 0s 0s;
-webkit-backface-visibility: hidden;
}
/* -------------------------------------------------------------------------------- /
[9] MAGNIFIC POPUP
/ -------------------------------------------------------------------------------- */
.gw-gopf-mfp-bottom-bar {
top:auto;
bottom:40px;
background:rgba(0,0,0,0.7);
}
.gw-gopf-mfp-close {
background:url(../images/icon_close.png) right 0 no-repeat;
cursor:pointer;
height:34px;
filter:alpha(opacity=65); /* IE 5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* IE 8 */
-khtml-opacity:0.65; /* Safari 1.x */
-moz-opacity:0.65; /* Netscape */
opacity:0.65;
position:absolute;
right:0;
top:6px;
-moz-transition:all 0.1s ease-in-out;
-ms-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
-webkit-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out;
width:34px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.gw-gopf-mfp-close {
background:url(../images/icon_close@2x.png) 0 0 no-repeat;
background-size:18px auto;
}
}
.gw-gopf-mfp-close:hover {
filter:alpha(opacity=100); /* IE 5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
-khtml-opacity:1; /* Safari 1.x */
-moz-opacity:1; /* Netscape */
opacity:1;
}
.gw-gopf-mfp-title.mfp-title {
color:#bababa;
font-size:15px;
height:auto;
line-height:20px;
padding:5px;
}
.gw-gopf-mfp-title-info {
margin-top:5px;
font-size:13px;
}
.gw-gopf-mfp-counter.mfp-counter {
color:#bababa;
padding:5px;
}
.gw-gopf-mfp-arrow.mfp-arrow {
cursor:pointer !important;
filter:alpha(opacity=65) !important; /* IE 5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)" !important; /* IE 8 */
-khtml-opacity:0.65 !important; /* Safari 1.x */
-moz-opacity:0.65 !important; /* Netscape */
opacity:0.65 !important;
-webkit-transform:none !important;
transform:none !important;
z-index:1048;
}
.gw-gopf-mfp-arrow.mfp-arrow:hover {
filter:alpha(opacity=100) !important; /* IE 5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; /* IE 8 */
-khtml-opacity:1 !important; /* Safari 1.x */
-moz-opacity:1 !important; /* Netscape */
opacity:1 !important;
}
.gw-gopf-mfp-arrow.mfp-arrow:before,
.gw-gopf-mfp-arrow.mfp-arrow:after { border:none !important; }
.gw-gopf-mfp-arrow.mfp-arrow-left {
background:url(../images/icon_lb_prev.png) 50% 50% no-repeat !important;
}
.gw-gopf-mfp-arrow.mfp-arrow-right {
background:url(../images/icon_lb_next.png) 50% 50% no-repeat !important;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.gw-gopf-mfp-arrow.mfp-arrow-left {
background:url(../images/icon_lb_prev@2x.png) 50% 50% no-repeat !important;
background-size:34px auto !important;
}
.gw-gopf-mfp-arrow.mfp-arrow-right {
background:url(../images/icon_lb_next@2x.png) 50% 50% no-repeat !important;
background-size:34px auto !important;
}
}
.mfp-iframe-holder .gw-gopf-mfp-close { top:-34px !important; }
/**
* Fade-move animation for second dialog
*/
/* at start */
.my-mfp-slide-bottom .mfp-figure {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .mfp-figure {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .mfp-figure {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}