h1.webcri {
    position: relative;
    padding-left: 25px;
    border-bottom: 3px solid #0bd;
    color: #666;
    font-size: 23px;
    line-height: 32px;
}
h1.webcri:before {
    position: absolute;
    top: -8px;
    left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 12px;
    width: 12px;
    background: #A4E1FF;
    content: "";
}
h1.webcri:after {
    position: absolute;
    top: 8px;
    left: 2px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    height: 8px;
    width: 8px;
    background: #A4E1FF;
    content: "";
}





h2.webcri {
    position: relative;
    padding-left: 25px;
    border-bottom: 3px solid #0bd;
    color: #666;
    font-size: 23px;
    line-height: 32px;
}
h2.webcri:before {
    position: absolute;
    top: 9px;
    left: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 12px;
    width: 12px;
    background: #A4E1FF;
    content: "";
}








ul li.lists {
	position: relative;
	list-style:none;
	vertical-align: top;
	margin: 0 0 15px 0;
	text-indent: 7px;
}
ul li.lists::after,
ul li.lists::before {
	display: block;
	content: '';
	position: absolute;
}
ul li.lists::after {
	top: .35em;
	left: -1.3em;
	width: 16px;
	height: 16px;
	background-color: #3498db;
	border-radius: 100%;
}
ul li.lists::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 5px;
	height: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}