/* -------------------------------------------------------------------------------- /

	Plugin Name: Go Portfolio - WordPress Responsive Portfolio
	Author: Granth
	Version: 1.7.1

	+----------------------------------------------------+
		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-trans * {
    -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;
}