/*
	CARDS
--------- */
.card-pic-title{
	display:block;
	text-decoration:none;
	margin:0 0 30px 0;
	position:relative;
}
.card-pic-title .image{
	display:block;
	height:150px;
	width:100%;
	border-radius:5px;
	position:relative;
	z-index:1;
}
.card-pic-title .title{
	display:block;
	font-size:24px;
	line-height:28px;
	width:100%;
	text-align:center;
	margin:10px 0 0 0;
}
.card-pic-title .text{
	display:block;
	margin-top:10px;
	text-align:center;
}
.card-pic-title .ribbon{
	position:absolute;
	top:15px;
	left:-5px;
}
.card-pic-title .ribbon span{
	font-size:12px;
	line-height:12px;
	padding:7px 10px;
	display:block;
	position:relative;
	z-index:1;
	border-radius:0 3px 3px 0;
}
.card-pic-title .ribbon:after{
	content:'';
	width:5px;
	height:5px;
	position:absolute;
	left:2px;
	top:calc(100% - 2px);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	z-index:0;
}
.card-pic-title .date i{
	font-size:14px;
	line-height:14px;
}
@media(min-width:992px){
	.card-pic-title{
		margin:0 0 60px 0;
	}
	.card-pic-title .image{
		height:200px;
	}
	.card-pic-title .text{
		padding:0 15px;
	}
}
@media(min-width:1200px){
	.card-pic-title .image{
		height:250px;
	}
}

.card-icon-title{
	display:block;
	text-decoration:none;
	margin:0 0 45px 0;
}
.card-icon-title .icon{
	font-size:40px;
	line-height:40px;
	margin:0 0 15px 0;
	display:block;
}
.card-icon-title .title{
	display:block;
	font-size:24px;
	line-height:28px;
	width:100%;
	margin:0 0 0 0;
}
.card-icon-title .text{
	display:block;
	margin-top:10px;
}
@media(min-width:992px){
	.card-icon-title .icon{
		font-size:60px;
		line-height:60px;
	}
	.card-icon-title{
		margin:0 0 90px 0;
	}
}
@media(min-width:1200px){
	.card-icon-title{
		padding:0 30px;
	}
}