.title {
	background-color: white;
    height: 20px;
    width: 95%;
    background-image: linear-gradient(180deg, transparent 0px, transparent 10px, #0993dd 10px, #0993dd 11px, transparent 11px, transparent 20px);
    position: relative;
    display: block;
    margin: 15px auto;
}
div.title p.name {
	color: #0993dd;
    font-size: 16px;
    line-height: 20px;
    background-color: white;
    padding: 0 8px;
    display: inline;
    position: absolute;
    left: 50%;
    margin-left: -35px;
}
div.icon-list {
	margin: 5px 5px 20px 5px;
	overflow: hidden;
	position: relative;
}
div.col-3 {
	padding-right: 	5px;
	padding-left: 	5px; 
	margin-bottom: 	10px;
}
.icon {
	height: 60px;
	line-height: 63px;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
}
.icon0 { background-image: linear-gradient(180deg, #f6d365 0%, #fda085 100%); }
.icon1 { background-image: linear-gradient(180deg, #84fab0 0%, #8fd3f4 100%); }
.icon2 { background-image: linear-gradient(180deg, #d4fc79 0%, #96e6a1 100%); }
.icon3 { background-image: linear-gradient(180deg, #f6d365 0%, #fda085 100%); }
.icon4 { background-image: linear-gradient(180deg, #89f7fe 0%, #66a6ff 100%); }
.icon5 { background-image: linear-gradient(180deg, #e0c3fc 0%, #8ec5fc 100%); }
.icon6 { background-image: linear-gradient(180deg, #84fab0 0%, #8fd3f4 100%); }
.icon7 { background-image: linear-gradient(180deg, #fccb90 0%, #d57eeb 100%); }
.icon8 { background-image: linear-gradient(180deg, #fa709a 0%, #fee140 100%); }
.icon9 { background-image: linear-gradient(180deg, #89f7fe 0%, #66a6ff 100%); }