/* ------------------------------------------------------------ *\
	List Steps
\* ------------------------------------------------------------ */

.list-steps {
	list-style: none; 
	padding: 10px 0; 
	display: flex; 
	align-items: stretch;
	margin: 0 -5px; 
	font-family: 'Roboto Condensed', sans-serif; 
	color: #181f38;
	list-style: none;
}

.list-steps li { 
	width: calc(33.33% - 10px); 
	margin: 0 5px; 
	padding: 15px 10px; 
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	text-align: center; 
	font-weight: 700; 
	line-height: 1.2;
	list-style: none!important;
}

.list-steps li:before {
	display: none; 
}

.list-steps span {
	display: inline-block; 
	vertical-align: middle; 
	margin-bottom: 10px; 
	color: #2a7dfb;
	font-size: 24px; 
}

.list-steps p {
	margin-bottom: 0; 
	font-weight: 700; 
	text-transform: uppercase; 
	color: #181f38;
	opacity: 1;
	font-family: 'Roboto Condensed', sans-serif;  
}

/* ------------------------------------------------------------ *\
	List Flags
\* ------------------------------------------------------------ */

ul.list-flags {
	margin: 0 -4px; 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700; 
	text-transform: uppercase; 
	opacity: 1; 
	color: #181f38;
}
.list-flags li:before {
	display: none; 
}

.list-flags li {
	display: inline-block; 
	vertical-align: middle; 
	padding: 9px 4px; 
}

.list-flags img {
	float: left; 
	width: 21px;
	margin-right: 5px; 
	border-radius: 50%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); 
}

@media ( min-width: 767px ) {
	.list-flags {
		/* text-align: center;  */
	}
}

/* ------------------------------------------------------------ *\
	List Payments
\* ------------------------------------------------------------ */

.list-images {
	clear: both; 
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start; 
	margin: 0 -15px;/* 
	padding: 0 15px;   */
	overflow-x: auto;
}

.list-images li {
	padding: 10px 4px; 
	width: 96px; 
	flex: 1 0 96px;
	max-width: 33.33%;
}

.list-images li:first-child {
	margin-left: 15px; 
	padding-left: 0; 
}

.list-images li:last-child {
	padding-right: 15px; 
	width: 96px; 
	flex: 0 0 111px;
	max-width: 100%;
}

.list-images li:before {
	display: none; 
}

.list-images li span {
	display: flex;
	align-items: center; 
	min-height: 42px; 
	padding: 5px; 
	border: 1px solid #e5eaf2;
	border-radius: 2px;
	background-color: #fff;
}

.list-images img {
	max-height: 40px;
	margin: 0 auto; 
}

@media ( min-width: 767px ) {
	.list-images {
		flex-wrap: nowrap;
		margin: 0 -15px; 
		width: calc(100% + 30px); 
	}

	.list-images li {
		padding: 10px 4px; 
		width: 96px; 
		min-width: 96px; 
		flex: 1 1 96px;
		max-width: 96px;
	}

	.list-images li:first-child {
		padding-left: 4px; 
	}
	
	.list-images li:last-child {
		padding-right: 4px; 
		width: 96px; 
		flex: 1 0 96px;
		max-width: 96px;
	}
}

/* ------------------------------------------------------------ *\
	List Licences
\* ------------------------------------------------------------ */

.list-licences li {
	padding: 10px 8px; 
	width: 106px; 
	max-width: 106px;
	flex: 0 0 106px;
}

.list-licences li span {
	/* height: 71px;  */
	height: 50px; 
}

.list-licences img {
	max-height: 54px; 
}

@media ( min-width: 767px ) {
	.list-licences {
		margin: 0 -23px; 
	}
}
/* ------------------------------------------------------------ *\
	List Payments
\* ------------------------------------------------------------ */

.list-payments li {
	padding: 0; 
	height: 86px; 
	min-width: auto; 
	width: 230px; 
	flex: 0 0 230px;
	margin: 5px; 
	max-width: 100%;
}

.list-payments li:last-child {
	padding-right: 15px; 
	width: 245px; 
	flex: 1 0 245px;
	max-width: 100%;
}

.list-payments li span {
	height: 86px; 
}

.list-payments img {
	max-height: 50px;
	width: auto; 
	margin: 0 auto;  
}

@media ( min-width: 767px ) {
	.list-payments {
		flex-wrap: nowrap;
	}
	.list-payments li {
		flex: 1 1 230px;
		min-width: 230px; 
	}

	.list-payments li:last-child {
		width: 230px; 
		flex: 1 1 230px;
		max-width: 100%;
		padding-right: 0; 
	}

	.list-payments img {
		max-height: 50px;
	}
}

/* ------------------------------------------------------------ *\
	List Lang
\* ------------------------------------------------------------ */

.list-lang li {
	
}

/* ------------------------------------------------------------ *\
	List Boxes
\* ------------------------------------------------------------ */

.list-boxes {
	margin-bottom: 50px; 
}

.list-boxes .button.load-more-button {
	background: #52576a; 
	color: #fff;
	border: none;
}

@media ( min-width: 700px ) {
	.list-boxes {
		margin-bottom: 200px; 
	}	
}