/**{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/
.grid,
.grid_2 {
	list-style: none;
	margin: 10px -7px;
	padding: 0;
    box-sizing: border-box;	
}

.grid li,
.grid_2 li {
    display: block;
    float: left;
    width: 33.3%;
}
.grid_2 li {
	width: 100%;
}
.grid__content {
	background: #fff;
	border: 1px #ddd solid;
	border-radius: 5px;
	margin: 0 7px 15px;
	overflow: hidden;

	/* fix webkit border-radius */
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.grid__content audio::-webkit-media-controls-panel {
	padding-top: 5px;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a.lol-post_link,
.grid_2 li a.lol-post_link {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
    padding: 15px;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2: Move Up */
.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; }
}

.lol-top5 .grid_2 li {
	border: 0;
}
   
.grid_2 li.shown,
.no-js .grid_2 li,
.no-cssanimations .grid_2 li {
	opacity: 1;
}


@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2: Move Up */
.grid_2.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
	position: static !important;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@media screen and (max-width: 992px) {
	.grid li {
		width: 50%;
	}
	
	.grid_2.effect-2 li.animate {
		position: absolute !important;
	}
}

@media screen and (max-width: 400px) {
	.grid li {
		width: 100%;
	}
}