.grid{max-width:100%;margin:30px auto 0;padding:0;list-style:none}.grid .grid-item{float:left;opacity:0;width:33%;padding:7px;display:block}.grid .grid-item.shown,.no-js .grid .grid-item,.no-cssanimations .grid .grid-item{opacity:1}.grid .grid-item a,.grid .grid-item img{border:none;outline:none;max-width:100%;display:block}.grid.effect-1 .grid-item.animate{-webkit-animation:.65s forwards fadeIn;animation:.65s forwards fadeIn}@-webkit-keyframes fadeIn{0%{}to{opacity:1}}@keyframes fadeIn{0%{}to{opacity:1}}.grid.effect-2 .grid-item.animate{-webkit-animation:.65s forwards moveUp;animation:.65s forwards moveUp;-webkit-transform:translateY(200px);transform:translateY(200px)}@-webkit-keyframes moveUp{0%{}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes moveUp{0%{}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.grid.effect-3 .grid-item.animate{-webkit-animation:.65s ease-in-out forwards scaleUp;animation:.65s ease-in-out forwards scaleUp;-webkit-transform:scale(.6);transform:scale(.6)}@-webkit-keyframes scaleUp{0%{}to{opacity:1;-webkit-transform:scale(1)}}@keyframes scaleUp{0%{}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.grid.effect-4{-webkit-perspective:1300px;perspective:1300px}.grid.effect-4 .grid-item.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:.8s ease-in-out forwards fallPerspective;animation:.8s ease-in-out forwards fallPerspective;-webkit-transform:translateZ(400px)translateY(300px)rotateX(-90deg);transform:translateZ(400px)translateY(300px)rotateX(-90deg)}@-webkit-keyframes fallPerspective{0%{}to{opacity:1;-webkit-transform:translateZ(0)translateY(0)rotateX(0)}}@keyframes fallPerspective{0%{}to{opacity:1;-webkit-transform:translateZ(0)translateY(0)rotateX(0);transform:translateZ(0)translateY(0)rotateX(0)}}.grid.effect-5{-webkit-perspective:1300px;perspective:1300px}.grid.effect-5 .grid-item.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-animation:.8s ease-in-out forwards fly;animation:.8s ease-in-out forwards fly;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}@-webkit-keyframes fly{0%{}to{opacity:1;-webkit-transform:rotateX(0)}}@keyframes fly{0%{}to{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}}.grid.effect-6{-webkit-perspective:1300px;perspective:1300px}.grid.effect-6 .grid-item.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:.8s ease-in-out forwards flip;animation:.8s ease-in-out forwards flip;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg)}@-webkit-keyframes flip{0%{}to{opacity:1;-webkit-transform:rotateX(0)}}@keyframes flip{0%{}to{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}}.grid.effect-7{-webkit-perspective:1300px;perspective:1300px}.grid.effect-7 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:.8s ease-in-out forwards helix;animation:.8s ease-in-out forwards helix;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}@-webkit-keyframes helix{0%{}to{opacity:1;-webkit-transform:rotateY(0)}}@keyframes helix{0%{}to{opacity:1;-webkit-transform:rotateY(0);transform:rotateY(0)}}.grid.effect-8{-webkit-perspective:1300px;perspective:1300px}.grid.effect-8 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:.8s ease-in forwards popUp;animation:.8s ease-in forwards popUp;-webkit-transform:scale(.4);transform:scale(.4)}@-webkit-keyframes popUp{0%{}70%{opacity:.8;-webkit-animation-timing-function:ease-out;-webkit-transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1)}}@keyframes popUp{0%{}70%{opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (width<=900px){.grid .grid-item{width:50%}}@media screen and (width<=400px){.grid .grid-item{width:100%}}