/*-- Calculator --*/


hr {
	border: 0;
	border-bottom: 1px solid lighten( #5f626f, 40% );
	height: 0;
	margin: 20px 0;
	clear: both;
}

.calcpage label {
	display: block;
}

.calcpage small {
	font-size: .85em;
	color: lighten( #5f626f, 10% );
}

.calcpage label {
	color: lighten( #5f626f, 5% );
}

.calcpage input[type=text] {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 15px;
	font-size: 140%;
	border: 0;

}

.calcpage button, .calcpage input[type=submit], .calcpage .btn, a.btn, .calcpage .grey a.btn, .calcpage .blue a.btn, .calcpage .blue-dark a.btn, .calcpage .gold a.btn {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 20px;
	font-size: 1.5em;
	border: 0;
	background: white;
	cursor: pointer;
	margin: 0 20px/2 20px/4 0;
	color: #5f626f;
	text-decoration: none;
	opacity: .9;

	}



.calcpage code {
	padding: 20px/4;
	margin: 0 20px/4;
	background: lighten( #5f626f, 40% );
}

.calcpage .gist {
	font-size: .8em;
	line-height: 1.3em;
}

.calcpage dt {
	padding: 20px/2 0 0 0;
	margin: 0;
	font-weight: 600;
	font-size: 1.2em;

	
}

.calcpage dd {
	margin-bottom: 20px;
}

.calcpage .wrap {
	max-width: 1220px;
	margin: 0 auto;
}

.calcpage .header {
	background: #2db9ee;
	color: white;
	padding: 20px 20px 20px 20px;

	
	}

	
.calcpage .buttons {
	padding: 20px 0 0;

	
}

.calcpage .block {
	padding: 20px 20px 20px 20px;
}

.calcpage .footer {
	
}

.calcpage .top-link {
	display: block;
	text-align: center;
}



.calcpage .grey, .blue, .gold, .blue-dark {
	color: white;

	
}

.calcpage .grey { background: #5f626f;
	color: white;}

.calcpage .grey-light {
	background: lighten( #5f626f, 50% );
	color: darken( #5f626f, 10% );
}

.calcpage .grey-lighter {
	background: lighten( #5f626f, 55% );
	color: darken( #5f626f, 10% );
}

.calcpage .blue {
	background: #2db9ee;
	color: white;
}

.calcpage .blue-dark {
	background: darken( #2db9ee, 20% );
	color: white;
}

.calcpage .gold {
	background: #ee9430;
	color: white;
}



.calcpage .results {
	background: #fbf9cc;
	
	overflow: auto;
padding: 10px 20px;
	
}

input, button, select, textarea {
    border: medium none !important;
    border-radius: 0 !important;
    font-size:  140% !important;
    padding: 10px 20px !important;
    width: 100% !important;
}


.calcpage .pad {
	padding: 20px/2 20px;
}

.calcpage .clear {
	clear: both;
}

.calcpage .non-phone-only {
	display: none;
}

@include respond-to( 500px ) {

	.calcpage .phone-only {
		display: none;
	}

	.calcpage .non-phone-only {
		display: block;
	}

	.calcpage .header {
		padding: 20px*1.5;

		
	}

	.top-link {
	.calcpage 	float: right;
	}

	.calcpage .block {
		padding: 20px;
	}

	.calcpage button, .calcpage input[type=submit], .calcpage .btn, a.btn, .calcpage .grey a.btn, .calcpage .blue a.btn, .calcpage .blue-dark a.btn, .calcpage .gold a.btn {
		width: auto;
		display: inline-block;
	}

	.calcpage .pad {
		padding: 20px 20px;
	}
}

@include respond-to( 768px ) {
	.calcpage .header {
		padding: 20px 20px 20px;
	}

	.calcpage .block {
		padding: 20px 20px 20px;
	}

	.calcpage .thirty, .calcpage .fourty, .calcpage .fifty, .calcpage .sixty, .calcpage .seventy {
		float: left;
		padding: 10px 3% 10px 0;
	}

	.calcpage .thirty {
		width: 27%;
	}

	.calcpage .fourty {
		width: 37%;
	}

	.calcpage .fifty {
		width: 47%;
	}

	.calcpage .sixty {
		width: 57%;
	}

	.calcpage .seventy {
		width: 67%;
	}

	.calcpage .pad {
		padding: 20px 20px;
	}
}

@include respond-to( 1024px ) {
	.calcpage .header {
		padding-top: 20px;
	}
}

@include respond-to( 1220px ) {
}