/* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
} */

/* article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
} */
/* body {
	line-height: 1;
} */
ol, ul {
	list-style: none;
}
/* blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} */

*, *::after, *::before {
	box-sizing: border-box;
}

/* section {
	border-bottom: 1px solid #e6e6e6;
	padding: 4em 0;
}
section h2 {
	width: 90%;
	margin: 0 auto 2em;
	color: #2c3f4c;
	font-weight: 700;
	text-align: center;
} */
@media only screen and (min-width: 1170px) {
	section {
	  	padding: 6em 0;
	}
	section h2 {
	  	margin: 0 auto 3em;
	}
}

.cd-breadcrumb, .cd-multi-steps {
	/* width: 90%;
	max-width: 768px; */
	padding: 0.5em 1em;
	margin: 1em auto;
	background-color: #edeff0;
	border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
	content: "";
	display: table;
	clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
	display: inline-block;
	float: left;
	margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
	/* this is the separator between items */
	display: inline-block;
	content: '\00bb';
	margin: 0 .6em;
	color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
	/* hide separator after the last item */
	display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
	/* single step */
	display: inline-block;
	color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
	/* selected step */
	color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
	/* steps already visited */
	color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
	/* replace the default arrow separator with a custom icon */
	content: '';
	height: 16px;
	width: 16px;
	background: url(../img/cd-custom-separator.svg) no-repeat center center;
	vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
	/* add a custom icon before each item */
	content: '';
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: .4em;
	margin-top: -2px;
	background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
	vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
	/* change custom icon using image sprites */
	background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
	background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
	background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
	/* change custom icon for the current item */
	background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
	background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
	background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
	background-position: -60px -20px;
}
/* @media only screen and (min-width: 768px) { */
@media only screen and (min-width: 0px) {
	.cd-breadcrumb, .cd-multi-steps {
	 	padding: 0 1.2em;
	}
	.cd-breadcrumb li, .cd-multi-steps li {
	  	margin: 1.2em 0;
	}
	.cd-breadcrumb li::after, .cd-multi-steps li::after {
	 	 margin: 0 1em;
	}
	.cd-breadcrumb li > *, .cd-multi-steps li > * {
	}
}

/* @media only screen and (min-width: 768px) { */
@media only screen and (min-width: 0px) {
	.cd-breadcrumb.triangle {
		/* background-color: transparent; */
		padding: 0;
	}
	.cd-breadcrumb.triangle li {
		position: relative;
		padding: 0;
		/* margin: 4px 4px 4px 0; */
		margin: 0px 4px 0px 0;
		height: 40px;
		min-height: 40px;
		max-height: 40px;
	}
	.cd-breadcrumb.triangle li:last-of-type {
	  	margin-right: 0;
	}
	.cd-breadcrumb.triangle li > * {
		position: relative;
		/* padding: 1em .8em 1em 2.5em; */
		padding: 11px .8em 11px 2.5em;
		background-color: #607d8b;
		border-color: #607d8b;
		color: #fff;
		height: 100%;
	}
	.cd-breadcrumb.triangle li.current > * {
		color: #ffffff;
		background-color: #96c03d;
		border-color: #96c03d;
	}
	.cd-breadcrumb.triangle li:is(.hidden):first-of-type ~ li:is(.hidden) + li > * {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.cd-breadcrumb.triangle li:first-of-type > * {
		padding-left: 1.6em;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.cd-breadcrumb.triangle li:last-of-type > * {
		padding-right: 1.6em;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		/* border-radius: 0 .25em .25em 0; */
	}
	.no-touch .cd-breadcrumb.triangle a:hover {
		color: #ffffff;
		background-color: #2c3f4c;
		border-color: #2c3f4c;
	}
	.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		content: '';
		height: 0;
		width: 0;
		border: 20px solid transparent;
		border-right-width: 0;
		border-left-width: 20px;
	}
	.cd-breadcrumb.triangle li::after {
		z-index: 1;
		-webkit-transform: translateX(4px);
		-moz-transform: translateX(4px);
		-ms-transform: translateX(4px);
		-o-transform: translateX(4px);
		transform: translateX(4px);
		border-left-color: #ffffff;
		margin: 0;
	}
	.cd-breadcrumb.triangle li > *::after {
		z-index: 2;
		border-left-color: inherit;
	}
	.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
		display: none;
	}
	.cd-breadcrumb.triangle.custom-separator li::after {
		background-image: none;
	}
	.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
		border-top-width: 25px;
		border-bottom-width: 25px;
	}
  
	@-moz-document url-prefix() {
		.cd-breadcrumb.triangle li::after,
		.cd-breadcrumb.triangle li > *::after {
			border-left-style: dashed;
		}
	}
}

/* @media only screen and (min-width: 768px) { */
@media only screen and (min-width: 0px) {
	.no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
		background-position: 0 -40px;
	}
	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
		background-position: -20px -40px;
	}
	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
		background-position: -40px -40px;
	}
	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
		background-position: -60px -40px;
	}
}

@media only screen and (min-width: 768px){
	.cd-multi-steps {
		background-color: transparent;
		padding: 0;
		text-align: center;
	}
	.cd-multi-steps li {
		position: relative;
		float: none;
		margin: 0.4em 40px 0.4em 0;
	}
	.cd-multi-steps li:last-of-type {
		margin-right: 0;
	}
	.cd-multi-steps li::after {
		/* this is the line connecting 2 adjacent items */
		position: absolute;
		content: '';
		height: 4px;
		background: #edeff0;
		/* reset style */
		margin: 0;
	}
	.cd-multi-steps li.visited::after {
		background-color: #96c03d;
	}
	.cd-multi-steps li > *, .cd-multi-steps li.current > * {
		position: relative;
		color: #2c3f4c;
	}

	.cd-multi-steps.custom-separator li::after {
		/* reset style */
		height: 4px;
		background: #edeff0;
	}

	.cd-multi-steps.text-center li::after {
		width: 100%;
		top: 50%;
		left: 100%;
		-webkit-transform: translateY(-50%) translateX(-1px);
		-moz-transform: translateY(-50%) translateX(-1px);
		-ms-transform: translateY(-50%) translateX(-1px);
		-o-transform: translateY(-50%) translateX(-1px);
		transform: translateY(-50%) translateX(-1px);
	}
	.cd-multi-steps.text-center li > * {
		z-index: 1;
		padding: .6em 1em;
		border-radius: .25em;
		background-color: #edeff0;
	}
	.no-touch .cd-multi-steps.text-center a:hover {
		background-color: #2c3f4c;
	}
	.cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
		color: #ffffff;
		background-color: #96c03d;
	}
	.cd-multi-steps.text-center.custom-icons li.visited a::before {
		/* change the custom icon for the visited item - check icon */
		background-position: 0 -60px;
	}

	.cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
		width: 80px;
		text-align: center;
	}
	.cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
		/* this is the line connecting 2 adjacent items */
		position: absolute;
		left: 50%;
		/* 40px is the <li> right margin value */
		width: calc(100% + 40px);
	}
	.cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
		/* this is the spot indicator */
		content: '';
		position: absolute;
		z-index: 1;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		height: 12px;
		width: 12px;
		border-radius: 50%;
		background-color: #edeff0;
	}
	.cd-multi-steps.text-top li.visited > *::before,
	.cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
	.cd-multi-steps.text-bottom li.current > *::before {
		background-color: #96c03d;
	}
	.no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
		color: #96c03d;
	}
	.no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
		box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
	}

	.cd-multi-steps.text-top li::after {
		/* this is the line connecting 2 adjacent items */
		bottom: 4px;
	}
	.cd-multi-steps.text-top li > * {
		padding-bottom: 20px;
	}
	.cd-multi-steps.text-top li > *::before {
		/* this is the spot indicator */
		bottom: 0;
	}

	.cd-multi-steps.text-bottom li::after {
		/* this is the line connecting 2 adjacent items */
		top: 3px;
	}
	.cd-multi-steps.text-bottom li > * {
		padding-top: 20px;
	}
	.cd-multi-steps.text-bottom li > *::before {
		/* this is the spot indicator */
		top: 0;
	}
}

.cd-multi-steps.count li {
	counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
	content: counter(steps) " - ";
}

/* @media only screen and (min-width: 768px) { */
@media only screen and (min-width: 0px) {
	.cd-multi-steps.text-top.count li > *::before,
	.cd-multi-steps.text-bottom.count li > *::before {
		/* this is the spot indicator */
		content: counter(steps);
		height: 26px;
		width: 26px;
		line-height: 26px;
		color: #ffffff;
	}

	.cd-multi-steps.text-top.count li:not(.current) em::before,
	.cd-multi-steps.text-bottom.count li:not(.current) em::before {
		/* steps not visited yet - counter color */
		color: #2c3f4c;
	}

	.cd-multi-steps.text-top.count li::after {
		bottom: 11px;
	}

	.cd-multi-steps.text-top.count li > * {
		padding-bottom: 34px;
	}

	.cd-multi-steps.text-bottom.count li::after {
		top: 11px;
	}

	.cd-multi-steps.text-bottom.count li > * {
		padding-top: 34px;
	}
}

.cd-breadcrumb.triangle li:hover > *{
	cursor: pointer;
	transition: .3s all;
	background: #162936;
    border-color: #162936;
    /* color: #000; */
}

.abstract_step.unsuccessful{
	background-color: #ff474e !important;
    border-color: #ff474e !important;
}

.abstract_step.successful{
	background-color: #00796B !important;
	border-color: #00796B !important;
}

.abstract_step.disable {
	background-color: #afb0b1 !important;
	border-color: #afb0b1 !important;
	cursor: not-allowed !important;
}

.abstract_step.current{
	background-color: #162936 !important;
	border-color: #162936 !important;
}

.abstract_step.current.successful{
	background: linear-gradient(90deg, rgba(0,121,107,1) 0%, rgba(22,41,54,1) 100%) !important;
}