/* BACKGROUND COLORS */

/*Primary*/

.bg-green {
	background: #00B388;
}

.bg-white {
	background: #FFFFFF;
}

.bg-black {
	background: #000000;
}

/*Neutrals*/

.bg-slate {
	background: #425563;
}

.bg-bronze {
	background: #80746E;
}

.bg-darksteel {
	background: #5F7A76;
}

.bg-grey {
	background: #F0F0F0;
}

.bg-light-grey {
	background: #ebebeb;
}

/*Vibrants*/

.bg-turquoise {
	background: #2AD2C9;
}

.bg-orange {
	background: #FF8D6D;
}

.bg-purple {
	background: #614767;
}

/* BORDERS */

/*Primary*/

.border-green {
	border: 2px solid #00B388;
}

.border-white {
	border: 2px solid #FFFFFF;
}

.border-black {
	border: 2px solid #000000;
}

/*Neutrals*/

.border-slate {
	border: 2px solid #425563;
}

.border-bronze {
	border: 2px solid #80746E;
}

.border-darksteel {
	border: 2px solid #5F7A76;
}

.border-grey {
	border: 2px solid #C6C9CA;
}

/*Vibrants*/

.border-turquoise {
	border: 2px solid #2AD2C9;
}

.border-orange {
	border: 2px solid #FF8D6D;
}

.border-purple {
	border: 2px solid #614767;
}

/* BUTTONS */

.btn {
	color: #000;
	font-weight: 600;
	padding: 10px 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #000;
	border-radius: 0;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	font-size: 19px;
	line-height: 22px;
	transition: none;
	outline: #000 solid 0px;
	white-space: nowrap;
	vertical-align: middle;
}

.btn.btn-white {
	color: #fff !important;
	border: 2px solid #fff;
	outline: #fff solid 0px;
}

.btn.btn-green {
	background-color: #0EB48E;
	color: #FFF;
	border: 2px solid #0EB48E;
	outline: #0EB48E solid 0px;
}

.btn.btn-slate {
	color: #425563;
	border: 2px solid #425563;
	outline: #425563 solid 0px;
}

.btn.btn-bronze {
	color: #80746E;
	border: 2px solid #80746E;
	outline: #80746E solid 0px;
}

.btn.btn-darksteel {
	color: #5F7A76;
	border: 2px solid #5F7A76;
	outline: #5F7A76 solid 0px;
}

.btn.btn-grey {
	color: #C6C9CA;
	border: 2px solid #C6C9CA;
	outline: #C6C9CA solid 0px;
}

.btn.btn-turquoise {
	color: #2AD2C9;
	border: 2px solid #2AD2C9;
	outline: #2AD2C9 solid 0px;
}

.btn.btn-orange {
	color: #FF8D6D;
	border: 2px solid #FF8D6D;
	outline: #FF8D6D solid 0px;
}

.btn.btn-purple {
	color: #614767;
	border: 2px solid #614767;
	outline: #614767 solid 0px;
}

.btn-filled {
	color: #fff !important;
	background: #000;
	font-weight: 600;
	padding: 10px 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #000;
	border-radius: 0;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	font-size: 19px;
	line-height: 22px;
	transition: none;
	outline: #000 solid 0px;
	white-space: nowrap;
	vertical-align: middle;
}

.btn-filled.btn-white {
	color: #000;
	background: #fff;
	border: 2px solid #fff;
	outline: #fff solid 0px;
}

.btn-filled.btn-green {
	background: #00B388;
	border: 2px solid #00B388;
	outline: #00B388 solid 0px;
}

.btn-filled.btn-slate {
	background: #425563;
	border: 2px solid #425563;
	outline: #425563 solid 0px;
}

.btn-filled.btn-bronze {
	background: #80746E;
	border: 2px solid #80746E;
	outline: #80746E solid 0px;
}

.btn-filled.btn-darksteel {
	background: #5F7A76;
	border: 2px solid #5F7A76;
	outline: #5F7A76 solid 0px;
}

.btn-filled.btn-grey {
	background: #C6C9CA;
	border: 2px solid #C6C9CA;
	outline: #C6C9CA solid 0px;
}

.btn-filled.btn-turquoise {
	background: #2AD2C9;
	border: 2px solid #2AD2C9;
	outline: #2AD2C9 solid 0px;
}

.btn-filled.btn-orange {
	background: #FF8D6D;
	border: 2px solid #FF8D6D;
	outline: #FF8D6D solid 0px;
}

.btn-filled.btn-purple {
	background: #614767;
	border: 2px solid #614767;
	outline: #614767 solid 0px;
}

.btn:hover,
.btn.btn-white:hover,
.btn.btn-green:hover,
.btn.btn-slate:hover,
.btn.btn-bronze:hover,
.btn.btn-darksteel:hover,
.btn.btn-grey:hover,
.btn.btn-turquoise:hover,
.btn.btn-orange:hover,
.btn.btn-purple:hover,
.btn-filled:hover,
.btn-filled.btn-white:hover,
.btn-filled.btn-green:hover,
.btn-filled.btn-slate:hover,
.btn-filled.btn-bronze:hover,
.btn-filled.btn-darksteel:hover,
.btn-filled.btn-grey:hover,
.btn-filled.btn-turquoise:hover,
.btn-filled.btn-orange:hover,
.btn-filled.btn-purple:hover {
	outline-width: 1px;
	text-decoration: none;
	color: inherit;
}