.folders-group{
	width: 90%;
	/*text-align: center;*/
	margin: 0 auto;
}
.ffolder{
		/*float: left;*/
  		position: relative;
  		/*display: inline-block;*/
		display: table;
  		text-align: center;
		margin: 0 auto;
  	}

	.ffolder.small{
		margin-top: 8px;
		width: 88px;
		height: 61px;
		border-radius: 0px 6px 6px 6px;
	}

	.ffolder.medium{
		margin-top: 16px;
		width: 176px;
		height: 122px;
		border-radius: 0px 10px 10px 10px;
	}

	.ffolder.big{
		margin-top: 24px;
		width: 264px;
		height: 183px;
		border-radius: 0px 14px 14px 14px;
	}

	.ffolder:before{
		content: '';
		display: block;
		position: absolute;
	}

	.ffolder:after{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
	}

	.ffolder.small:before{
		top:-8px;
		left: 0;
		width: 32px;
		height: 8px;
		border-radius: 6px 0px 0px 0px;
	}

	.ffolder.small:after{
		top:-16px;
		left: 24px;
		border: 8px solid transparent;
	}


	.ffolder.medium:before{
		top:-16px;
		left: 0;
		width: 64px;
		height: 16px;
		border-radius: 10px 0px 0px 0px;
	}

	.ffolder.medium:after{
		top:-32px;
		left: 48px;
		border: 16px solid transparent;
	}

	.ffolder.big:before{
		top:-24px;
		left: 0;
		width: 96px;
		height: 24px;
		border-radius: 14px 0px 0px 0px;
	}

	.ffolder.big:after{
		top:-48px;
		left: 72px;
		border: 24px solid transparent;
	}

	.ffolder .data, .ffolder i{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.ffolder .count{
		font-size: 12px;
		padding: 2px 8px;
    	border-radius: 15px;
    	white-space: nowrap;
	}
	.ffolder h2{
		color: #ffffff;
		margin: 0 0 0px 0 !important;
	}

	.ffolder.small i{ font-size: 37px;}
	.ffolder.medium i{ font-size: 53px;}
	.ffolder.big i{ font-size: 53px;}


     /*Available colors*/
	.ffolder.cyan{ background-color: #23CBF4;}
	.ffolder.cyan:before, .ffolder.cyan .count{ background-color: #06BAEE;}
	.ffolder.cyan:after{ border-bottom-color: #06BAEE;}
	.ffolder.cyan .count{color: #FFFFFF;}
	.ffolder.cyan i{color: #06BAEE;}

	.ffolder.yellow{ background-color: #FFBD00;}
	.ffolder.yellow:before, .ffolder.yellow .count{ background-color: #F1A402;}
	.ffolder.yellow:after{ border-bottom-color: #F1A402;}
	.ffolder.yellow .count{color: #FFFFFF;}
	.ffolder.yellow i{color: #F1A402;}

	.ffolder.pink{ background-color: #FF7F92;}
	.ffolder.pink:before, .ffolder.pink .count{ background-color: #FF5E6E;}
	.ffolder.pink:after{ border-bottom-color: #FF5E6E;}
	.ffolder.pink .count{color: #FFFFFF;}
	.ffolder.pink i{color: #FF5E6E;}

	.ffolder.green{ background-color: #62DE82;}
	.ffolder.green:before, .ffolder.green .count{ background-color: #66CA7F;}
	.ffolder.green:after{ border-bottom-color: #66CA7F;}
	.ffolder.green .count{background-color: transparent;}
	.ffolder.green i{color: #54C170;}

	.ffolder.gray{ background-color: #829aa8;}
	.ffolder.gray:before, .ffolder.gray .count{ background-color: #687F8C;}
	.ffolder.gray:after{ border-bottom-color: #687F8C;}
	.ffolder.gray .count{background-color: transparent;}
	.ffolder.gray i{color: #687F8C;}

.pdf {
	/*float: left;*/
	position: relative;
	display: table;
	/*text-align: center;*/
	margin: 24px auto 0 auto;
	/*margin-left: 30px;*/
	width: 264px;
	height: 183px;
	border-radius: 14px 14px 14px 14px;
	background: #eee;
	border: 2px solid #eeeeee;
	box-sizing: border-box;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
}
.pdf:hover{
	border: 2px solid #cccccc;
}
.pdf-icon{
	padding: 10px !important;
	color: #ff0000 !important;
	font-size: 22px !important;
	/*font-weight: bold;*/
	/*background: #ffffff;*/
}
.pdf-title{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 5px 6px;
	font-size: 16px;
	width: 100%;
	color: #ffffff !important;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	background: rgba(0,0,0,0.7);
	font-weight: bold !important;
}
.download-icon{
	/*padding: 10px !important;*/
	color: #ffffff !important;
	/*font-size: 20px;*/
	/*font-weight: bold;*/
}

@media  screen and (max-width: 767px){
	.ffolder{
		float: none;
		display: block;
	}
	.pdf {
		float: none;
		display: block;
		margin-top: 40px auto 0 auto !important;
	}
}