/*=========================================================================

 03. LIST ELEMENTS
 
========================================================================= */


.list-style-1 { display: block; margin: 0 0 30px; list-style-position: inside; padding-left: 0; }
.list-style-1 li { border-bottom: 1px solid rgba(0, 0, 0, 0.03); float: none; margin: 0 !important; }
.list-style-1 > li:last-child { border-bottom: 0 none; }
.list-style-1 i { color:#4698d0; color: var(--primary); font-size: 14px; margin: 0px 14px 0 0; }
.list-style-1 li a img { padding-right: 12px; width: auto !important; }
.list-style-1 li a { color: #777777; display: inline-block; font-size: 14px; padding: 12px 0 12px 10px; }
.list-style-1 li a:hover { color: #e74c3c; }


.ticklist { display: inline-block; list-style: outside none none; margin: 0 0 20px; padding: 0; }
.ticklist li { background: url("/assets/img/check.png") no-repeat scroll 10px center rgba(0, 0, 0, 0); float: left; font-size: 14px; padding: 10px 5px 10px 42px; width: 50%; }
@media (max-width: 480px) { 
.ticklist li { width: 100%; }
}


.UnList {
	list-style: none;
	padding-left: 0;
}
.UnList li {
	color: #443a44;
	margin-top:20px;
}
.UnList li:before {
	content: '';
	width: 12px;
	height: 12px;
	padding: 0px;
	margin: 3px 10px 0px 0px;
	float: left;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	color:#4698d0;
	color: var(--primary);
	border-radius: 100%;
	border: 2px solid #4698d0;
	border: 2px solid var(--primary);
}

.UnList2 {
	list-style: none;
	padding-left: 0;
}
.UnList2 li {
	color: #443a44;
	margin-top:20px;
}
.UnList2 li:before {
	content: "\f00c";
  	font-family: FontAwesome;
  	display: inline-block;
  	width: 1.3em;
	font-size: 20px;
	color:green;
}



.OlList {
	list-style-type: none;
 	list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	margin-left: 18px;
	padding: 0;
	counter-reset: li-counter;
}
.OlList li {
	position: relative;
	margin: 0px;
	padding-left: 20px;
	min-height: 3em;
	list-style-type: none;
}
.OlList li:before {
	position: absolute;
	top: 0;
	left: -15px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	color: #4698d0;
	color: var(--primary);
	border-radius: 50%;
	border: 2px solid #4698d0;
	border: 2px solid var(--primary);
	content: counter(li-counter);
	counter-increment: li-counter;
}



.OlList2 {
	list-style-type: none;
 	list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	margin-left: 18px;
	padding: 0;
	counter-reset: li-counter;
}
.OlList2 li {
	position: relative;
	margin: 0px;
	padding-left: 20px;
	min-height: 3em;
	list-style-type: none;
}
.OlList2 li:before {
	position: absolute;
	top: 0;
	left: -15px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	line-height: 27px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 50%;
	background-color: #4698d0;
	background-color: var(--primary);
	content: counter(li-counter);
	counter-increment: li-counter;
}



.list-inline li{
	float: left;
}
.list-inline-2 li{
	width: calc(100% / 2);
	float: left;
}
.list-inline-3 li{
	width: calc(100% / 3);
	float: left;
}
.list-inline-4 li{
	width: calc(100% / 4);
	float: left;
}