.grid{max-width:100%;list-style:none;margin:30px auto;padding:0;}
.grid li{display:block;float:left;padding:7px;width:33%;opacity:0;}
.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li{opacity:1;}
.grid li a,
.grid li img{outline:none;border:none;display:block;max-width:100%;}
.grid li img{width:100%!important;}
.grid.effect-1 li.animate{-webkit-animation:fadeIn 0.65s ease forwards;animation:fadeIn 0.65s ease forwards;}
@-webkit-keyframes fadeIn{0%{}
100%{opacity:1;}
}
@keyframes fadeIn{0%{}
100%{opacity:1;}
}
.grid.effect-2 li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp 0.65s ease forwards;animation:moveUp 0.65s ease forwards;}
@-webkit-keyframes moveUp{0%{}
100%{-webkit-transform:translateY(0);opacity:1;}
}
@keyframes moveUp{0%{}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
.grid.effect-3 li.animate{-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-animation:scaleUp 0.65s ease-in-out forwards;animation:scaleUp 0.65s ease-in-out forwards;}
@-webkit-keyframes scaleUp{0%{}
100%{-webkit-transform:scale(1);opacity:1;}
}
@keyframes scaleUp{0%{}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}
.grid.effect-4{-webkit-perspective:1300px;perspective:1300px;}
.grid.effect-4 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(0.4);transform:scale(0.4);-webkit-animation:popUp .8s ease-in forwards;animation:popUp .8s ease-in forwards;}
@-webkit-keyframes popUp{0%{}
70%{-webkit-transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;}
100%{-webkit-transform:scale(1);opacity:1;}
}
@keyframes popUp{0%{}
70%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}
.block{display:inline-block;overflow:hidden;margin:0px !important;border:10px solid transparent;float:left;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;min-width:200px !important;}
.mstrip{padding:10px;width:50%;position:absolute;color:#fff!important;display:block;background:rgba(0, 0, 0, 0.6);}
.mstrip h2{margin-bottom:0;font-size:24px !important;line-height:28px !important;font-weight:600 !important;text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.mstrip h6{margin-bottom:0;margin-top:8px;font-size:14px !important;line-height:18px !important;text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.hover-effect-extra{overflow:hidden;}
.hover-effect-extra img{display:block;position:relative;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;-webkit-backface-visibility:hidden;}
.hover-effect-extra:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.hover-effect-extra:hover:after{visibility:visible;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;}
@media screen and (max-width:900px){.grid li{width:50%;}
	.mstrip h2 { margin-bottom: 0; font-size: 1.3rem !important;	line-height:1.1 !important;}
}
@media screen and (max-width:480px){.grid li{width:100%;}
}
@media screen and (max-width:380px){
.mstrip h2 { margin-bottom: 0; font-size: 1.5rem !important;	line-height:1.1 !important;}
.mstrip h6{margin-bottom:0;margin-top:2px;font-size:13px !important;line-height:16px !important;}
}