.grid{list-style:none;padding:0;max-width:100%;margin:30px auto}.grid li{padding:15px;opacity:0;width:24.9%;float:left;display:block}.grid li.shown,.no-cssanimations .grid li,.no-js .grid li{opacity:1}.grid li a,.grid li img{border:none;max-width:100%;outline:none;display:block}.grid li img{width:100%}.grid.effect-1 li.animate{-webkit-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}.grid.effect-2 li.animate{-webkit-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards;-webkit-transform:translateY(200px);transform:translateY(200px)}@-webkit-keyframes moveUp{to{-webkit-transform:translateY(0);opacity:1}}@keyframes moveUp{to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.grid.effect-3 li.animate{-webkit-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards;-webkit-transform:scale(.6);transform:scale(.6)}@-webkit-keyframes scaleUp{to{-webkit-transform:scale(1);opacity:1}}@keyframes scaleUp{to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.grid.effect-4{-webkit-perspective:1300px;perspective:1300px}.grid.effect-4 li.animate{-webkit-animation:fallPerspective .8s ease-in-out forwards;animation:fallPerspective .8s ease-in-out forwards;-webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg);transform:translateZ(400px) translateY(300px) rotateX(-90deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes fallPerspective{to{-webkit-transform:translateZ(0) translateY(0) rotateX(0deg);opacity:1}}@keyframes fallPerspective{to{-webkit-transform:translateZ(0) translateY(0) rotateX(0deg);transform:translateZ(0) translateY(0) rotateX(0deg);opacity:1}}.grid.effect-5{-webkit-perspective:1300px;perspective:1300px}.grid.effect-5 li.animate{-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px}@-webkit-keyframes fly{to{-webkit-transform:rotateX(0deg);opacity:1}}@keyframes fly{to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}.grid.effect-6{-webkit-perspective:1300px;perspective:1300px}.grid.effect-6 li.animate{-webkit-animation:flip .8s ease-in-out forwards;animation:flip .8s ease-in-out forwards;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 0;transform-origin:0 0}@-webkit-keyframes flip{to{-webkit-transform:rotateX(0deg);opacity:1}}@keyframes flip{to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}.grid.effect-7{-webkit-perspective:1300px;perspective:1300px}.grid.effect-7 li.animate{-webkit-animation:helix .8s ease-in-out forwards;animation:helix .8s ease-in-out forwards;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes helix{to{-webkit-transform:rotateY(0deg);opacity:1}}@keyframes helix{to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}}.grid.effect-8{-webkit-perspective:1300px;perspective:1300px}.grid.effect-8 li.animate{-webkit-animation:popUp .8s ease-in forwards;animation:popUp .8s ease-in forwards;-webkit-transform:scale(.4);transform:scale(.4);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes popUp{70%{-webkit-transform:scale(1.1);-webkit-animation-timing-function:ease-out;opacity:.8}to{-webkit-transform:scale(1);opacity:1}}@keyframes popUp{70%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:.8}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@media screen and (max-width:900px){.grid li{width:50%}}@media screen and (max-width:400px){.grid li{width:100%}}.boxstoreies{margin-bottom:50px;margin-top:50px}.boxstoreies .datetarih{margin-top:10px}.boxstoriestitle .model-name{font-size:25px;font-weight:700;color:#000;display:inline}.boxstoriestitle .model-desc{font-size:25px;font-style:italic;color:#000;margin-left:5px;line-height:20px;font-family:Times New Roman;display:inline}.boxstoriestitle{margin-top:10px}.overlay{height:40px;right:0;transition:.3s ease;position:absolute;opacity:0;bottom:0;background-color:rgba(0,0,0,.8);left:0;width:100%}.modelBox:hover .overlay{opacity:1}.icon{font-size:20px;top:4px}.icon,.icon i{color:#fff;text-align:center}.icon i{height:2em;font-size:15px;border:2px solid #fff;transition:.5s;border-radius:50%;width:2em;line-height:26px;display:inline-block}.modelBox{position:relative}.overlay a{text-decoration:none;vertical-align:baseline}.icon:hover i{color:#000;background-color:#fff}.social-icons div{padding:5px;float:left}.center-block{padding:0;margin-right:auto;text-align:center;margin-left:auto;display:table}