:root{
	--roadmaps-border-color : #000;
	--roadmaps-border-hover : #888888;
	--roadmaps-text-color : #000;
	--roadmaps-text-hover : #888888;
}

.aios-roadmaps {
    display: flex;
    flex-flow: row wrap;
	padding: 20px 0;
}
	.aios-roadmaps.no-border{
		justify-content: space-between;
	}

	.aios-roadmaps .aios-roadmap-link {
		text-align: center;
		border: 1px solid var(--roadmaps-border-color);
		border-radius: 50%;
		width: 120px;
		height: 120px;
		margin: 0 0.5% 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all .25s ease-in-out;
	}
		.aios-roadmaps.no-border .aios-roadmap-link{
			border: none;

		}
		.aios-roadmaps.light .aios-roadmap-link{
			border-color: #fff;
		}


		.aios-roadmaps .aios-roadmap-link:hover,
		.aios-roadmaps .aios-roadmap-link.active{
			border-color: var(--roadmaps-border-hover);
		}



	.aios-roadmaps .aios-roadmap-link .aios-roadmap-icon {
		display: block;
		line-height: 1;
		transition: all .25s ease-in-out;
	}

	.aios-roadmaps .aios-roadmap-link .aios-roadmap-icon:after{
		display: block;
		font-family: agentimage!important;
		font-size: 48px;
		color: var(--roadmaps-text-color);
		transition: all .25s ease-in-out;
	}
		.aios-roadmaps.light .aios-roadmap-link .aios-roadmap-icon:after{
			color: #ffff;
		}
		.aios-roadmaps .aios-roadmap-link:hover .aios-roadmap-icon:after,
		.aios-roadmaps .aios-roadmap-link.active .aios-roadmap-icon:after{
			color: var(	--roadmaps-text-hover );
		}

		/* buyers roadmaps */
		.aios-roadmaps.buyers-roadmap a:first-child .aios-roadmap-icon:after{
			content: "\b0072";
		}
		.aios-roadmaps.buyers-roadmap a:nth-child(2) .aios-roadmap-icon:after{
			content: "\b0046";
		}
		.aios-roadmaps.buyers-roadmap a:nth-child(3) .aios-roadmap-icon:after{
			content: "\b0078";
		}
		.aios-roadmaps.buyers-roadmap a:nth-child(4) .aios-roadmap-icon:after{
			content: "\b0057";
		}
		.aios-roadmaps.buyers-roadmap a:nth-child(5) .aios-roadmap-icon:after{
			content: "\b0055";
		}
		.aios-roadmaps.buyers-roadmap a:nth-child(6) .aios-roadmap-icon:after{
			content: "\b0048";
		}

		/* sellers roadmap */
		.aios-roadmaps.sellers-roadmap a:first-child .aios-roadmap-icon:after{
			content: "\b0072";
		}
		.aios-roadmaps.sellers-roadmap a:nth-child(2) .aios-roadmap-icon:after{
			content: "\b0078";
		}
		.aios-roadmaps.sellers-roadmap a:nth-child(3) .aios-roadmap-icon:after{
			content: "\b0051";
		}
		.aios-roadmaps.sellers-roadmap a:nth-child(4) .aios-roadmap-icon:after{
			content: "\b0046";
		}
		.aios-roadmaps.sellers-roadmap a:nth-child(5) .aios-roadmap-icon:after{
			content: "\b0055";
		}
		.aios-roadmaps.sellers-roadmap a:nth-child(6) .aios-roadmap-icon:after{
			content: "\b0048";
		}


		/* financing roadmap */
		.aios-roadmaps.financing-roadmap a:first-child .aios-roadmap-icon:after{
			content: "\b0015";
		}
		.aios-roadmaps.financing-roadmap a:nth-child(2) .aios-roadmap-icon:after{
			content: "\b0050";
		}
		.aios-roadmaps.financing-roadmap a:nth-child(3) .aios-roadmap-icon:after{
			content: "\b0020";
		}
		.aios-roadmaps.financing-roadmap a:nth-child(4) .aios-roadmap-icon:after{
			content: "\b0049";
		}
		.aios-roadmaps.financing-roadmap a:nth-child(5) .aios-roadmap-icon:after{
			content: "\b0016";
		}
		.aios-roadmaps.financing-roadmap a:nth-child(6) .aios-roadmap-icon:after{
			content: "\b0052";
		}

	.aios-roadmaps .aios-roadmap-link .aios-roadmap-name {
		font-size: 10px;
		line-height: 1;
		padding: 0 10px;
		margin-top: 10px;
		display: block;
		transition: all .25s ease-in-out;
		color: var(--roadmaps-text-color);
	}
		.aios-roadmaps.no-border .aios-roadmap-link .aios-roadmap-name{
			font-size: 14px;
			line-height: 1.2;
		}
		.aios-roadmaps.light .aios-roadmap-link .aios-roadmap-name{
			color: #fff;
		}
		.aios-roadmaps .aios-roadmap-link:hover .aios-roadmap-name,
		.aios-roadmaps .aios-roadmap-link.active  .aios-roadmap-name{
			color: var(--roadmaps-text-hover);
		}

.roadmap-table-responsive{
	width: 100%
}
.roadmap-table-responsive td {
	padding: 2px 7px;
	text-align: left;
}

@media only screen and (max-width: 1024px) {
		.aios-roadmaps .aios-roadmap-link{
			width: 120px;
			height: 120px;
		}
		.aios-roadmaps .aios-roadmap-link .aios-roadmap-icon:after{
			font-size: 35px;
		}
}
@media only screen and (max-width: 992px) {
	.aios-roadmaps{
		    flex-flow: row wrap;
	}
	.aios-roadmaps .aios-roadmap-link {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 600px) {
	.aios-roadmaps .aios-roadmap-link{
		margin: 0 10px;
	}
	.roadmap-table-responsive,
	.roadmap-table-responsive tr,
	.roadmap-table-responsive td,
	.roadmap-table-responsive tbody{
		display: block;
		text-align: left;
		width: 100%;
	}
}