.photostack{background:#fbfbfb;position:relative;text-align:center;overflow:hidden}
.js .photostack{height:580px}
.photostack-start{cursor:pointer}
.photostack > div{width:100%;height:100%;margin:0 auto}
.photostack figure{width:320px;height:360px;position:relative;display:inline-block;background:#fff;padding:40px;text-align:center;margin:5px}
.js .photostack figure{position:absolute;display:block;margin:0}
.photostack figcaption h2{margin:20px 0 0;color:#be1f6b;font-size:16px}
.photostack-img{outline:none;display:block;width:240px;height:240px;background:#f7f7f7}
.photostack-back{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;font-family:'Roboto',sans-serif;color:#be1f6b;padding:50px 40px;text-align:left;font-size:22px;line-height:1.25;z-index:1}
.photostack-back p{margin:0}
.photostack-back p span{text-decoration:line-through}
.photostack nav{position:absolute;width:100%;bottom:30px;z-index:90;text-align:center;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.photostack-start nav{opacity:0}
.photostack nav span{position:relative;display:inline-block;margin:0 5px;width:30px;height:30px;cursor:pointer;background:#cf2d7b;border-radius:50%;text-align:center;-webkit-transition:-webkit-transform .6s ease-in-out,background .3s;transition:transform .6s ease-in-out,background .3s;-webkit-transform:scale(0.48);transform:scale(0.48)}
.photostack nav span:last-child{margin-right:0}
.photostack nav span::after{content:"Çevir";font-size:80%;speak:none;display:inline-block;vertical-align:top;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:30px;color:#fff;opacity:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.photostack nav span.current{background:#be1f6b;-webkit-transform:scale(1);transform:scale(1)}
.photostack nav span.current.flip{-webkit-transform:scale(1) rotateY(-180deg) translateZ(-1px);transform:scale(1) rotateY(-180deg) translateZ(-1px);background:#555}
.photostack nav span.flippable::after{opacity:1;-webkit-transition-delay:.4s;transition-delay:.4s}
.js .photostack::before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:100;-webkit-transition:opacity 0.3s,visibility 0 .3s;transition:opacity 0.3s,visibility 0 .3s}
.js .photostack-start::before{-webkit-transition:opacity .3s;transition:opacity .3s}
.js .photostack::after{content:'View Gallery';font-weight:400;position:absolute;border:3px solid #fff;text-align:center;white-space:nowrap;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);padding:10px 20px;color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;z-index:101}
.js .photostack::before,.js .photostack::after{opacity:0;visibility:hidden}
.js .photostack-start::before,.js .photostack-start:hover::after,.touch .photostack-start::after{opacity:1;visibility:visible}
.photostack figure::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;visibility:visible;opacity:1;background:rgba(0,0,0,0.05);-webkit-transition:opacity .6s;transition:opacity .6s}
figure.photostack-current::after{-webkit-transition:opacity 0.6s,visibility 0 .6s;transition:opacity 0.6s,visibility 0 .6s;opacity:0;visibility:hidden}
.photostack-transition figure{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}
.photostack-perspective{-webkit-perspective:1800px;perspective:1800px}
.photostack-perspective > div,.photostack-perspective figure{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.photostack-perspective figure,.photostack-perspective figure div{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.photostack-perspective figure.photostack-flip{-webkit-transform-origin:0 50%;transform-origin:0 50%}
.csstransformspreserve3d figure.photostack-flip .photostack-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:block}
.no-csstransformspreserve3d figure.photostack-showback .photostack-back{display:block}
.no-js .photostack figure{box-shadow:-2px 2px 0 rgba(0,0,0,0.05)}
.no-js .photostack figure::after{display:none}
.no-js .photostack figure:nth-child(3n){-webkit-transform:translateX(-10%) rotate(5deg);transform:translateX(-10%) rotate(5deg)}
.no-js .photostack figure:nth-child(3n-2){-webkit-transform:translateY(10%) rotate(-3deg);transform:translateY(10%) rotate(-3deg)}