.interactiveContainer {
	min-height: 400px;
	position: relative;
}
.topWords {
	width: 80%;
	margin-left: 10%;
	margin-top: 0%;
}
.rightArrow {
	position: absolute;
	right: 1%;
	bottom: 40px;
	width: 30px;
	cursor: pointer;
}
.leftArrow {
	margin-top: -100%;
	width: 30px;
	position: absolute;
	left: 1%;
	bottom: 40px;
	cursor: pointer;
}
.smallByline {
	position: absolute;
	right: 0;
	bottom: 5px;
}
.rightArrow, .leftArrow {
	opacity: 0.6;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
}
.rightArrow:hover, .leftArrow:hover {
	opacity: 1;
}
.barContainer {
	float: left;
	width: 100%;
	height: 60px;
	margin-top: 10px;
	position: relative;
	background: #E1E7F2;
}
.otherWords {
	float: left;
	width: 100%;
	color: #aaa;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 100;
}
.gasBar {
	float: left;
	/*width: 1.7419355%;*/
	width: 0%;
	height: 100%;
	background: #EB8571;
	opacity: 0;
	-webkit-transition: all 600ms linear;
	-moz-transition: all 600ms linear;
	-o-transition: all 600ms linear;
	-ms-transition: all 600ms linear;
	transition: all 600ms linear;
}
.salesBar {
	float: left;
	width: 0%;
	/*	width: 98.2580645%;*/
	height: 100%;
	background: #BED78D;
	opacity: 0;
	-webkit-transition: all 1200ms linear;
	-moz-transition: all 1200ms linear;
	-o-transition: all 1200ms linear;
	-ms-transition: all 1200ms linear;
	transition: all 1200ms linear;
}

.fullBar {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%;
	height: 100%;
	z-index: 100;
	text-align: center;
	font-size: 30px;
	font-weight: 100;
	/*	background: #eee;*/
}
.wordContainer {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 40px;
	font-weight: 800;
	text-transform: uppercase;
	margin-top: 10px;
}
.bottomWords {
	float: left;
	width: 80%;
	position: absolute;
	left: 10%;
	bottom: 50px;
	margin-top: 50px;
	text-align: center;
	font-weight: bold;
	color: #719BEB;
	font-size: 22px;
}
@media screen and (max-width: 600px) {
	.bottomWords {
		font-size: 17px;
	}
	.rightArrow, .leftArrow {
		width: 15px;

	}
	.fullBar {
		font-size: 17px;
	}
	.barContainer {
		height: 40px;
	}
	.wordContainer {
		font-size: 18px;
	}
	.topWords {
		margin-top: 10%;
	}
}


.wordContainer.nexted1 .gasWord {
	background: #EB8571;
	padding: 1px 2px;
	border-radius: 5px;
}
.wordContainer.nexted2 .salesWord {
	background: #BED78D;
	padding: 1px 2px;
	border-radius: 5px;
}