#content { padding-top: 156px; }
@media (max-width: 768px) {
	#content { padding-top: 0; }
}

#distances-form .legend { border-bottom: #d2d2d2 1px solid; }
#distances-form label, #distances-form label span { display: block; }
#distances-form label {
	float	: left;
	width	: 49.5%;
}
#distances-form label:nth-of-type(2n+1) { margin-right: 1%; }
@media (max-width: 420px) {
	#distances-form label {
		float	: none;
		margin	: 0 !important;
		width	: 100%;
	}
}

#distances-form button {
	border		: 1px solid #d2d2d2;
	color		: #747474;
	font-size	: 13px;
	margin		: 7px 0;
	padding		: 8px 15px;
}
#distances-form input.error { border-color: #f00; }
#distances-form input.error::-moz-placeholder { color: #f00; }
#distances-form input.error:-ms-input-placeholder { color: #f00; }
#distances-form input.error::-webkit-input-placeholder { color: #f00; }

#distance-results {
	color		: #f00;
	font-style	: italic;
	font-weight	: bold;
}

#map-container { height: 275px; }

#estimation-background, #estimation-popup {
	-webkit-transition	: all .5s;
	-moz-transition		: all .5s;
	-o-transition		: all .5s;
	-ms-transition		: all .5s;
	transition			: all .5s;
	
	opacity				: 0;
}
#estimation-background {
	background	: rgba(0, 0, 0, .5);
	bottom		: 0;
	left		: 0;
	right		: 0;
	position	: fixed;
	top			: 0;
	z-index		: 100000;
}
#estimation-popup {
	-webkit-transform	: translateX(-50%) translateY(-50%);
	-moz-transform		: translateX(-50%) translateY(-50%);
	-o-transform		: translateX(-50%) translateY(-50%);
	-ms-transform		: translateX(-50%) translateY(-50%);
	transform			: translateX(-50%) translateY(-50%);
	
	background	: #fff;
	border		: 8px solid #d2d2d2;
	left		: 50%;
	padding		: 20px;
	position	: fixed;
	top			: 50%;
	width		: 50%;
}
@media (max-width: 768px) {
	#estimation-popup { width: 80%; }
}
@media (max-width: 420px) {
	#estimation-popup { width: 90%; }
}

#estimation-popup > a {
	font-size		: 42px;
	position		: absolute;
	right			: 10px;
	text-decoration	: none;
	top				: 10px;
}
#estimation-popup table {
	font-size	: 21px;
	width		: 100%;
}
@media (max-width: 420px) {
	#estimation-popup table { font-size: 16px; }
}
@media (max-width: 320px) {
	#estimation-popup table { font-size: 14px; }
}

#estimation-popup th { font-weight: normal; }
#estimation-popup th, #estimation-popup td {
	padding		: 10px 12px;
	text-align	: center;
}
#estimation-popup thead th {
	background	: #747474;
	color		: #fff;
}
#estimation-popup tbody td {
	font-size	: 32px;
	font-weight	: bold;
}
@media (max-width: 420px) {
	#estimation-popup tbody td { font-size: 25px; }
}
@media (max-width: 320px) {
	#estimation-popup tbody td { font-size: 22px; }
}