.item-cards #body ul{
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	flex-flow:row wrap;
	justify-content:space-between;
	width: 100%;
	padding:0;
	border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.card{
	position:relative;
	display:block;
	padding:1rem;
	-webkit-transition:all 250ms;
	-moz-transition:all 250ms;
	transition:all 250ms;
	box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.card:hover{
	box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	transform:translateY(-5px);
}
.item-cards{
	text-align:left;
	width:auto;
	padding:0;
}
.item-card{
	background:#fff;
	float: left;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-flow:column nowrap;
	-moz-flex-flow:column nowrap;
	flex-flow:column nowrap;
	width:30%;
	height: 390px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	
}
@media (min-width:46.25em) and (max-width:61.24em){
	.item-card{
		width:48.5%;
	}
}
@media (min-width:20em) and (max-width:46.24em){
	.item-card{
		width:100%;
	}
}
.card__thumb{
	position:relative;
	height:150px;
	overflow:hidden;
	text-align:center;
	-webkit-transition:height 0.3s;
	-moz-transition:height 0.3s;
	transition:height 0.3s;
}
.card__thumb img{
	opacity:1;
	-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;
	-moz-transition:opacity 0.3s,-moz-transform 0.3s;
	transition:opacity 0.3s,transform 0.3s;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.card__header{
	position:relative;
	top:50%;
	display:inline-block;
	margin:0 auto;
	opacity:1;
	color:#fff;
	font-size:3.6rem;
	-webkit-transform:scale(1) translateY(-50%);
	-moz-transform:scale(1) translateY(-50%);
	-ms-transform:scale(1) translateY(-50%);
	-o-transform:scale(1) translateY(-50%);
	transform:scale(1) translateY(-50%);
	-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;
	-moz-transition:opacity 0.3s,-moz-transform 0.3s;
	transition:opacity 0.3s,transform 0.3s;
}
.card:hover .card__header{
	opacity:.6;
	-webkit-transform:scale(1.2) translateY(-50%);
	-moz-transform:scale(1.2) translateY(-50%);
	-ms-transform:scale(1.2) translateY(-50%);
	-o-transform:scale(1.2) translateY(-50%);
	transform:scale(1.2) translateY(-50%);
}
.card:hover .card__thumb{
	height:50px!important;
}
.card:hover .card__thumb img{
	opacity:.6;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.card__body{
	overflow:hidden;
	position:relative;
	padding:10px;
	-webkit-transition:height 0.3s;
	-moz-transition:height 0.3s;
	transition:height 0.3s;
}
.card:hover .card__body{
	height:320px;
}
.card:hover .card__preview{
	opacity:1;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.card__tags{
	display:block;
	float:left;
	margin-top:-25px;
	height:25px;
	font-size:12px;
	line-height:25px;
}

.card__title{
	padding:5px 0 10px 0;
	margin:0;
}
.card__title a{
	color:#5e5e5e;
}
.card__description{
	margin-top:0;
}
.sml{
	font-size:9px;
}

.card__description li{
	margin:1px 0px 1px 0px;
	font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 500;
	font-size:12px;
}
.card__description p{
	margin:1px 0px 1px 0px;
	font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight: 500;
	font-size:12px;
}
.card__footer{
	position:absolute;
	background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,white 55%,white 100%);
	background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,white 55%,white 100%);
	color:#a3a9ab;
	bottom:0;
	left:0;
	right:0;
	min-height:5px;
}

.card__title #body h3{
	font-size:2.2rem;
	margin:0;
	font-weight:500;
	letter-spacing:-1px;
}
@media (min-width:20em) and (max-width:46.24em){
	.card__title #body h3{
		font-size:2rem;
	}
}



/**
 * Scrollbars
 */

::-webkit-scrollbar {width: 8px;}

/* Track */

::-webkit-scrollbar-track {
	background: rgba(255,255,255, .5); 
	border-radius: 10px; 
	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255, .3), inset 0 0 6px rgba(0,0,0, .3); 
}

/* Handle */

::-webkit-scrollbar-thumb {
	background: rgba(0,0,0, .5); 
	border-radius: 10px; 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0, .3); 
}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0, .25); }


.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}