/* Color Tokens */
.primary {
	color: #FF0009; /* $primary */
}

.secondary {
	color: #D7D7D7; /* $secondary */
}

.tertiary {
	color: #FFF212; /* $tertiary */
}

.light {
	color: #FEFEFE; /* $light */
}

.dark {
	color: #201E1E; /* $dark */
}
/* End Color Tokens */

/* Values Area */
.values-area {
	padding-top: 1em;
}

.values-area .main {
}

.values-area header {
	padding-bottom: 1.5em;
}

.values-area header H4 {
	color: #201E1E;
	font-size: 2.889em;
	text-transform: uppercase;
	font-weight: 300;
	line-height: .8;
	background-color: #FEFEFE; /* $light */
	margin: 1.5em auto -1.5em;
	display: table;
	z-index: 5;
	position: relative;
	padding: 0 1em 0 0em;
	text-align: left;
}

.values-area header H4 em {
	font-style: normal;
	font-weight: 800;
}

.values-area header H4 strong {
	display: block;
	color: #FF0009; /* $primary */
	font-weight: 900;
	padding-left: 1em;
	font-size: 1.25em;
	position: relative;
}

.values-area header H4 strong sup {
	font-size: 1.75em;
	margin: auto;
	padding: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	color: #201E1E; /* $dark */
	position: absolute;
	bottom: 0;
	right: -.35em;
}

.values-area .values-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	border: solid 1px #201E1E; /* $dark */
	padding: 4em 2em;
	z-index: 1;
	position: relative;
}

.no-flexbox .values-area .values-list {
	display: block;
}

.no-flexbox .values-area .values-list:after {
	content: ' ';
	display: block;
	clear: both;
}

.values-area .values-list li {
	-webkit-flex: 0 1 25%;
	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
	margin: 1.5em 1%;
	text-align: center;
}

.values-area .values-list li img {
	display: block;
	width: 80%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
}

.no-flexbox .values-area .values-list li {
	display: block;
	float: left;
	width: 48%;
}

.values-area .values-list li .box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.no-flexbox .values-area .values-list li .box {
	display: table;
	width: 100%;
}

.no-flexbox .values-area .values-list li .box > * {
	display: table-cell !Important;
	vertical-align: top;
}

.values-area .values-list li .box icon {
	-webkit-flex: 0 0 5rem;
	-ms-flex: 0 0 5rem;
	flex: 0 0 5rem;
	font-size: 3.5em;
	color: #D7D7D7; /* $secondary */
	transition: color .4s ease 0s;
	text-align: center;
}

.values-area .values-list li a:hover icon {
	color: #FF0009; /* $primary */
}

.values-area .values-list li .box .info {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-left: 1%;
}

.values-area .values-list li .box .info h3 {
	font-size: 1.333em;
	padding: .4em 0 0;
	transition: color .4s ease 0s;
}

.values-area .values-list li strong {
	font-size: 1.333em;
	padding: .4em 0 0;
	transition: color .4s ease 0s;
}

.values-area .values-list li .box .info p {
	color: #201E1E; /* $dark */
	margin: .5em auto 0;
}

.values-area .btn {
	display: table;
	margin: -1.5em auto 1.5em;
	min-width: 250px;
}

.values-area .bottom-content {
	text-align: center;
	font-weight: 600;
}
/* End Values Area */

/* 900px Responsive */
@media screen and (max-width:900px) {
	.values-area .values-list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.values-area .values-list li {
		-webkit-flex: 0 1 48%;
		-ms-flex: 0 1 48%;
		flex: 0 1 48%;
	}

	.values-area .values-list li img {
		width: 50%;
	}
}
/* End 900px Responsive */

/* 800px Responsive */
@media screen and (max-width:800px) {
	.values-area header h2 br {
		display: block;
	}

	.values-area .values-list li .box {
		display: block;
		text-align: center;
	}
}
/* End 800px Responsive */

/* 550px Responsive */
@media screen and (max-width:550px) {
	.values-area .values-list {
		display: block;
	}

	.values-area header H4 strong {
		padding-left: 0;
		font-size: 1.05em;
	}

	.values-area header {
	}

	.values-area .values-list li .box icon {
	}

	.values-area .values-list li .box .info h3 {
		padding: 0;
	}
}
/* End 550px Responsive */