.grid-gallery ul{list-style:none;margin:0;padding:0;}
.grid-gallery figure{margin:0;}
.grid-gallery figure img{display:block;width:100%;}
.grid-gallery figcaption h3{margin:0;padding:0 0 0.5em;}
.grid-gallery figcaption p{margin:0;}
.grid-wrap{margin:0 auto;}
.grid-gallery .grid{margin:0 auto;}
.grid-gallery .grid figure{-webkit-transition:opacity 0.2s;transition:opacity 0.2s;}
.grid-gallery .grid-slideshow .grid li:hover figure{opacity:0.7;}
.grid-slideshow{position:fixed;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0;z-index:500;opacity:0;visibility:hidden;overflow:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transition:opacity 0.5s, visibility 0s 0.5s;transition:opacity 0.5s, visibility 0s 0.5s;}
.slideshow-open .grid-slideshow{opacity:1;visibility:visible;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.grid-slideshow ul{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0,0,150px);transform:translate3d(0,0,150px);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.grid-slideshow ul.animatable li{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.slideshow-open .grid-slideshow ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.grid-slideshow li{width:660px;height:690px;position:absolute;top:50%;left:50%;margin:-280px 0 0 -330px;visibility:hidden;overflow: hidden; background-color: #fff;}
.slideshow-open li.show{visibility:visible;}
.slideshow-open li.show.current {overflow: auto;}
.grid-slideshow li:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,0.8);-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.grid-slideshow li.current:after{visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s, visibility 0s 0.3s;transition:opacity 0.3s, visibility 0s 0.3s;}
.grid-slideshow figure{width:100%;background:#fff;border:50px solid #fff;}
.grid-slideshow figcaption{padding-bottom:20px;}
.grid-slideshow figcaption h3{font-weight:300;font-size:200%;}
.grid-slideshow nav span{position:fixed;z-index:1000;color:#823bb9;text-align:center;padding:3%;cursor:pointer;font-size:2.2em;}
.grid-slideshow nav span.nav-prev,
.grid-slideshow nav span.nav-next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.grid-slideshow nav span.nav-prev{left:0;}
.grid-slideshow nav span.nav-next{right:0;}
.grid-slideshow nav span.nav-close{top:5px;right:5px;padding:0;color:#823bb9;width: 70px;height: 70px;line-height: 70px;}
.icon:before,
.icon:after{font-family:'FontAwesome';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
span.nav-prev:before{content:"\f053";}
span.nav-next:before{content:"\f054";}
span.nav-close:before{content:"\f00d";}
.info-keys{position:fixed;top:10px;left:10px;width:60px;font-size:8px;padding-top:20px;text-transform:uppercase;color:#fff;letter-spacing:1px;text-align:center;}
.info-keys:before,
.info-keys:after{position:absolute;top:0;width:16px;height:16px;border:1px solid #fff;text-align:center;line-height:14px;font-size:12px;}
.info-keys:before{left:10px;content:"\e603";}
.info-keys:after{right:10px;content:"\e604";}
.portfolio_content .grid-slideshow ul li {margin:-280px 0 0 -330px;}
@media screen and (max-width:1024px) {.grid-slideshow li{width:100%;height:100%;top:0;left:0;margin:0;}
.grid-slideshow li figure img{width:auto;margin:0 auto;max-width:100%;}
.grid-slideshow nav span,
.grid-slideshow nav span.nav-close{font-size:1.8em;}
.grid-slideshow nav span.nav-close{width: 40px;height: 40px;line-height: 40px;}
.portfolio_content .nav-close::before {line-height: 40px;}
.info-keys{display:none;}
}
@media screen and (max-height:690px) {
    .portfolio_content .grid-slideshow ul li {
        margin-top: 0;
        top: 0;
        height: 100vh;

    }
}