.hipaa-training ul { list-style: none;padding-left:5px; }
.sub-navigation { background: #036;font-size: 0;line-height: 0;color: #fff;text-align: center;width: 100%;display: block;text-transform: uppercase; }
.sub-navigation-link { font-size: 24px;vertical-align: middle;white-space: nowrap;display: inline-block;line-height: 1em; }
.sub-navigation-link a { padding: 15px 20px;color: inherit;display: block;border-top: 1px solid #036; }
.sub-navigation a:hover { background-color: #004080;border-top: 1px solid #337ab7; }
.sub-menu { background: #036;color:#fff;width:100%;text-align:left;font-size:16px;height:2em;padding:8px 0 4px 10px;cursor:pointer;border-bottom:none; }
.sub-menu.active { border-bottom: 1px solid #194f86; }
.sub-menu i { float:right;font-size:30px;margin-top:-6px; }
@media screen and (max-width: 768px) {
	/*.sub-menu + .sub-navigation, .sub-menu + .sub-navigation .sub-navigation-link { display:none; }*/
	.sub-menu.active + .sub-navigation { display:block;text-align:left;position:absolute;z-index:100; }
	.sub-menu.active + .sub-navigation .sub-navigation-link { display:block; }
	.sub-menu.active + .sub-navigation .sub-navigation-link a { padding-left:20px; }
	.sub-navigation .sub-navigation-link { font-size: 18px;display: block; }
	.sub-navigation .sub-navigation-link a { padding: 8px 10px;	}
	.sub-navigation .sub-navigation-link a:hover { border-top:1px solid #036; }
}
.custom-counter {
    list-style-type: none;
    margin-left: 0;
    padding-right: 0;
}
.custom-counter li {
    counter-increment: step-counter;
    position: relative;
    padding: .5em 0 .5em 2em;
    color: #6d6e73;
    border-bottom: .175em s;
    margin-bottom: .5em;
}
.custom-counter li:before {
    position: absolute;
    left: 0;
    content: counter(step-counter);
    background-color: #C00;
    border-radius: 50%;
    color: white;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.5em;
}

.feature { border-bottom: 1px solid #bbb;padding: 15px 0; }
.feature .h2 { margin-bottom: 5px; }
.fa-check { color: #009900; }
@media screen and (max-width:791px) {
			.feature { padding-bottom: 15px;padding-top:0; }
			.feature .h2 { margin-top: 15px; }}

.custom-counter {
    list-style-type: none;
    margin-left: 0;
    padding-right: 0;
    font-size: 24px;
}
.custom-counter li {
    counter-increment: step-counter;
    position: relative;
    padding: .5em 0 .5em 2em;
    color: #6d6e73;
    border-bottom: .175em s;
    margin-bottom: .5em; 
    line-height: 1.2em;		
}
.custom-counter li:before {
    position: absolute;
    left: 0;
    content: counter(step-counter);
    background-color: #C00;
    border-radius: 50%;
    color: white;
    font-weight: 600;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.5em;
}
.widget-infographic .bx-prev:before, .widget-infographic .bx-next:before {color: #036;}
	</customcss>