/* Revenue Calculator */
.revenue-projector { padding-bottom: 10px; }

.revenue-projector label{ 
	font-size: 1em;
	color: #666;
	line-height: 1.25em; 
	min-height: 2.5em;
	vertical-align: bottom;
}
.revenue-projector input[type='text'] {
	padding: 13px 17px;
	height: auto;
	line-height: 1em;
	font-size: 1em;
	color: #999;
	background: #f4f7f9;
	border: none;
	box-shadow: none;
}
.revenue-projector input[type='text']:focus{
	background: #f4f7f9;
	box-shadow: none;
}
.revenue-projector form[data-calculator] {
	padding: 35px 20px;
	box-shadow: rgba(0, 0, 0, .125) 0px 0px 5px;
	background: #fff;
}
.revenue-projector small{ 
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
.revenue-projector hr {
	width: 50px;
	border: 2px solid #bfd730;
}
.revenue-projector figure.person{
	position: absolute;
	right: 0;
	display: block;
	margin: 0;
	height: 100%;
}
.revenue-projector figure.person img {
	position: relative;
	top: 50%;
	display: block;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Newsletter Signup */
.panel_custom_footer .newsletter-signup form { max-width: 300px; }
.panel_custom_footer .newsletter-signup form input[type='email'] {
	float: left; 
	width: 75%;
	width: calc(100% - 77px);
	height: 47px;
	padding: 0 17px; 
	margin: 0;
	font-size: 15px;
	line-height: 47px;
	border-radius: 5px 0 0 5px;
}

.panel_custom_footer .newsletter-signup button[type='submit'] {
	float: left;
	width: 25%; 
	width: calc(77px);
	height: 47px;
	padding: 0 15px; 
	margin: 0;
	font-size: 17px;
	line-height: 47px;
	background : #bfd730;
	border: none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
}

.panel_custom_footer .newsletter-signup button[type='submit']:hover,
.panel_custom_footer .newsletter-signup button[type='submit']:focus { background: #77a735; }

/* mobile only */
@media only screen and (max-width: 40.063em) { 
	.panel_custom_footer .newsletter-signup form { display: inline-block; }
}

/* tablet/mobile */
@media only screen and (max-width: 64.063em) {
	.revenue-projector .background-bar { display: none; }
	.revenue-projector figure.person { display: none; }
}

/* large only */
@media only screen and (min-width: 64.063em) {
	.revenue-projector .background-bar {
		display: block;
		position: absolute;
		top: 12%;
		left: 50%;
		margin-left: -50vw;
		background: #f2f2f5;
		width: 100vw;
		height: 75%;
	}
	.revenue-projector form[data-calculator] { padding: 66px 54px; }
	.revenue-projector hr { width: 68px; }
	.revenue-projector figure.person {
	    max-width: none;
		width: 35%;
		height: 100%;
		transform: none;
	}
}