/* CSS Document */

.grid-gallery ul{list-style:none;margin:0;padding:0;}
.grid-gallery figure{margin:0;height:auto;}
.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{*max-width:85em;margin:0 auto;padding:0 1em 0.175em;}
.grid{margin:0 auto;}
.grid li{width:20%;float:left;*cursor:pointer;}
.grid figure{padding:5px;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;}
.grid li:hover figure{opacity:0.9;}
.grid figcaption{background:#e4e4e4;padding:15px;}
.slideshow{position:fixed;background:rgba(0,0,0,0.8);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 .slideshow{opacity:1;visibility:visible;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.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;}
.slideshow ul.animatable li{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.slideshow-open .slideshow ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slideshow li{width:900px;height:600px;position:absolute;top:50%;left:50%;margin:-320px 0 0 -430px;visibility:hidden;}
.slideshow li.show{visibility:visible;display:none;}
.slideshow li:after{content:'';position:absolute;max-width:800px;max-height:600px;top:0;left:0;background:rgba(255,255,255,0.8);-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.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;}
.slideshow figure{width:auto;height:auto;*background:#fff;*border:50px solid #fff;overflow:hidden;}
.slideshow figcaption{padding-bottom:20px;}
.slideshow figcaption h3{font-weight:200;font-size:180%;margin-top:3px;}
.slideshow figure img{display:block;margin:0 auto;max-width:800px;max-height:600px;height:auto;width:auto;}
.slideshow nav span{position:fixed;z-index:-1;color:#59656c;text-align:center;padding:3%;cursor:pointer;font-size:2.2em;}
.slideshow nav span.nav-prev,
.slideshow nav span.nav-next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.slideshow nav span.nav-next{right:0;}
.slideshow nav span.nav-close{top:0;right:0;padding:100% 100%;color:#31373a;z-index:10001;}
.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;}
.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";}
@media screen and (max-width:1170px){.grid li{width:33.3%;}
.slideshow li{width:auto;height:100%;top:0;left:0;margin:0;}
.slideshow li figure img{margin:0 auto;max-width:800px;max-height:600px;}
.slideshow nav span,
.slideshow nav span.nav-close{font-size:1.8em;padding:0.3em;}
.info-keys{display:none;}
}
@media (min-width:768px) and (max-width:991px){.grid li{width:100%;}
.slideshow{visibility:hidden;}
}
@media (max-width:768px){.grid li{width:100%;}
.slideshow{visibility:hidden;}
}