.noscroll{overflow:hidden}.grid-wrap{margin:10px auto 0;max-width:1090px;width:100%;padding:0;-webkit-perspective:1500px;perspective:1500px}.show{padding-top:80px}.icon.close-content{margin-top:70px}.grid{position:relative;-webkit-transition:all .5s cubic-bezier(0,0,0.25,1);transition:all .5s cubic-bezier(0,0,0.25,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.view-full .grid{-webkit-transform:translateZ(-1500px);transform:translateZ(-1500px)}.grid figure,.grid .placeholder{
	width: 245px;
	height: 300px
}.grid figure{margin:10px;display:inline-block;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.grid figure.active{opacity:0}.grid .placeholder{pointer-events:none;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.placeholder>div{display:block;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.placeholder .front img{width:100%;height:100%}.placeholder .back{background:white;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.view-full .placeholder{-webkit-transition:all .5s .1s cubic-bezier(0,0,0.25,1);transition:all .5s .1s cubic-bezier(0,0,0.25,1)}.vertical .view-full .placeholder{-webkit-transform:translateZ(1500px) rotateX(-179.9deg);transform:translateZ(1500px) rotateX(-179.9deg)}.horizontal .view-full .placeholder{-webkit-transform:translateZ(1500px) rotateY(-179.9deg);transform:translateZ(1500px) rotateY(-179.9deg)}.grid figure img{display:block;width:100%}.content,.loading{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.content{overflow-y:scroll;height:0;background:#fff;visibility:hidden;z-index:400;-webkit-overflow-scrolling:touch}.loading{opacity:0;z-index:1;background:transparent url(../img/preloader.gif) no-repeat center center;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s}.loading.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.content.show{height:auto;pointer-events:auto;visibility:visible}.content>div{z-index:10;position:absolute;top:0;width:100%;overflow:hidden;height:0;opacity:0;background:#fff}.content>div.show{height:auto;opacity:1;-webkit-transition:opacity .6s;transition:opacity .6s}.icon:before{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}.close-content{position:fixed;z-index:1000;top:0;right:10px;font-size:1.6em;color:#aaa;cursor:pointer;pointer-events:none;padding:1em;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.close-content:hover{color:#999}.content>div.show ~ .close-content{opacity:1;pointer-events:auto}.dummy-img,.dummy-text{max-width:600px;width:90%;opacity:0;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s}.vertical .dummy-img,.vertical .dummy-text{-webkit-transform:translateY(100px);transform:translateY(100px)}.horizontal .dummy-img,.horizontal .dummy-text{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.content>div.show .dummy-img,.content>div.show .dummy-text{opacity:1}.vertical .content>div.show .dummy-img,.vertical .content>div.show .dummy-text{-webkit-transform:translateY(0);transform:translateY(0)}.horizontal .content>div.show .dummy-img,.horizontal .content>div.show .dummy-text{-webkit-transform:translateX(0);transform:translateX(0)}p.dummy-text:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}p.dummy-text:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}.dummy-img{height:400px;background-color:#ddd;margin:30px auto}.dummy-text{text-align:left;margin:0 auto;padding:10px 0;color:#ddd;font-size:1em;font-family:'Blokk',Arial,serif}.dummy-text:last-child{padding-bottom:100px}.no-pointerevents .content,.no-csstransforms3d .content,.no-csstransitions .content,.no-pointerevents .content>div,.no-csstransforms3d .content>div,.no-csstransitions .content>div,.no-pointerevents .close-content,.no-csstransforms3d .close-content,.no-csstransitions .close-content{opacity:1;visibility:visible;display:none;height:auto}.no-pointerevents .show .close-content,.no-csstransforms3d .show .close-content,.no-csstransition .show .close-content,.no-pointerevents div.show,.no-csstransforms3d div.show,.no-csstransitions div.show,.no-csstransitions .dummy-img,.no-csstransitions .dummy-text,.no-csstransforms3d .dummy-img,.no-csstransforms3d .dummy-text,.no-pointerevents .dummy-img,.no-pointerevents .dummy-text{display:block!important;opacity:1}@media screen and (max-width:1000px){.grid figure,.grid .placeholder{width:95%}}
