.mortgage-miles {
	background-color: #00cce5;
}
.mortgage-miles .bg-grey {
	background-color: #f0f0f5;
}
.mortgage-miles .bg-navy {
	background-color: #032a50;
}
.mortgage-miles .bg-purple {
	background-color: #ac29b5 !important;
}
.mortgage-miles .bg-white {
	background-color: #ffffff;
}

.mortgage-miles .container {
	max-width: 620px;
	width: 100%;
}
.mortgage-miles .container.container-wide {
	max-width: 975px;
}
.mortgage-miles-logo {
	max-width: 500px;
	padding: 40px 0px 20px 0px;
	width: 100%;
	fill: #032a50;
}
.mortgage-miles-fr-logo {
	max-width: 320px;
	width: 100%;
}
.mortgage-miles-footer-fr-logo {
	max-width: 110px;
	margin: 0px 0px 4px 5px;
	vertical-align: middle;
	width: 100%;
}
.mortgage-miles p.mortgage-miles-footer-note {
	font-family: "FatFrank",Helvetica,Arial,sans-serif;
	font-size: 12px;
	margin: 13px 0px 13px 0px;
}
.mortgage-miles p.mortgage-miles-footer-note a {
	color: #032a50;
}
.mortgage-miles-icon {
	position: relative;
	text-align: center;
}
.mortgage-miles-icon .mortgage-miles-icon-border {
	border: solid 3px #ffffff;
	/*background-color: #ed1c24;*/
	border-radius: 50%;
	display: inline-block;
	height: 95px;
	width: 95px;
}
.mortgage-miles-icon img {
	height: auto;
	width: 100%;
}

.mortgage-miles-icon-arrow {
	background-image: url(../404-error.html);
	background-repeat: no-repeat;
	height: 18px;
	position: absolute;
	right: 3px;
	top: 35px;
	width: 22px;
	z-index: 10;
}
@media (max-width: 1079px) {
	.mortgage-miles-icon-arrow {
		top: auto;
		bottom: -70px;
		left: 50%;
		margin-left: -11px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.mortgage-miles-icon {
		margin-top: 40px;
	}
	.mortgage-miles-icon.selected {
		margin-top: 0px;
	}
}
.mortgage-miles-footer {
	bottom:0px;
	left:0px;
	position:fixed;
	width:100%;
	z-index: 11;
}
.mortgage-miles-runner-biker {
	position: relative;
}
.mortgage-miles-biker {
	bottom: -9px;
	position: absolute;
	right: -151px;
}
.mortgage-miles-runner {
	bottom: -9px;
	position: absolute;
	left: -87px;
}
.mortgage-miles-footer-band {
	background-color: #96f2fc;
}
.mortgage-miles h1 {
	color: #032a50;
	font-family: "FatFrank",Helvetica,Arial,sans-serif;
	margin-bottom: 12px;
}
.mortgage-miles h2 {
	color: #032a50;
	font-family: "FatFrank",Helvetica,Arial,sans-serif;
	font-size: 28px;
}
.mortgage-miles h3 {
	color: #ffffff;
	font-family: "FatFrank",Helvetica,Arial,sans-serif;
	font-size: 16px;
	margin-left: 5px;
	margin-right: 5px;
}
.mortgage-miles h3 a {
	color: #ffffff;
}
.mortgage-miles h4 {
	color: #032a50;
}
.mortgage-miles .dark-box {
	background-color: #032a50;
	color: #ffffff;
	margin-bottom: 25px;
}
.mortgage-miles .bg-navy h2, .mortgage-miles .bg-navy  p {
	color: #ffffff;
}
.mortgage-miles p {
	color: #032a50;
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
	font-size: 18px;
}
.mortgage-miles p.mortgage-miles-note {
	color: #ffffff;
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
	font-size: 14px;
	margin-bottom: 5px;
}
.mortgage-miles p strong {
	font-family: "FatFrank",Helvetica,Arial,sans-serif;
	font-size: 26px;
	line-height: 25px;
	font-weight: 400;
	color: #ffffff;
}
.mortgage-miles input {
	background-color: #ffffff;
	border: none;
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
	font-size: 15px;
	color: #00cce5;
}
.mortgage-miles input::placeholder {
	color: #ffffff;
}
.mortgage-miles label {
	color: #ffffff;
	font-family: "FatFrank",Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin-bottom: 5px;
	position: relative;
}
.mortgage-miles label sup {
	position: absolute;
	right: -10px;
	top: 0px;
}
.mortgage-miles input {
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
}
.mortgage-miles .btn-3 {
	color: #ffffff;
	background-color: #032a50;
	font-family: "FatFrank",Helvetica,Arial,sans-serif;
	font-size: 22px;
	text-transform: none;
}
.mortgage-miles .bg-navy .btn-3 {
	background-color: #00cce5;
}
#mortgage-miles-response {
	margin-bottom: 120px;
}

.mortgage-miles .mortgage-miles-checkbox input[type="checkbox"] {
    opacity: 0;
}
.mortgage-miles .mortgage-miles-checkbox label::before{
	background-color: #ffffff;
    content: "";
    display: inline-block;
    height: 25px;
    width: 25px;
}
.mortgage-miles .mortgage-miles-checkbox label::after {
    content: "";
    display: inline-block;
	height: 9px;
    width: 12px;
    border-left: solid 3px #ffffff;
    border-bottom: solid 3px #ffffff;
    transform: rotate(-45deg);
}
.mortgage-miles .mortgage-miles-checkbox label {
    position: relative;
	cursor: pointer;
	padding: 3px 0px 0px 20px;
}
@media (max-width: 550px) {
	.mortgage-miles-logo {
		max-width: 250px;
		padding: 20px 0px 20px 0px;
	}
	.mortgage-miles-fr-logo {
		max-width: 200px;
	}
	.mortgage-miles .mortgage-miles-checkbox {
		padding: 0px 15px 0px 15px;
	}
	.mortgage-miles-footer  {
		display: none;
	}
	#mortgage-miles-response {
		margin-bottom: 20px;
	}
	.
}
.mortgage-miles .mortgage-miles-checkbox label::before,
.mortgage-miles .mortgage-miles-checkbox label::after {
    position: absolute;
}/*Outer-box*/
.mortgage-miles .mortgage-miles-checkbox label::before {
    top: 3px;
	left: -15px;
}/*Checkmark*/
.mortgage-miles .mortgage-miles-checkbox label::after {
    left: -8px;
    top: 9px;
}
/*Hide the checkmark by default*/
.mortgage-miles input[type="checkbox"] + label::after {
    content: none;
}/*Unhide the checkmark on the checked state*/
.mortgage-miles input[type="checkbox"]:checked + label::before {
	background-color: #00cce5;
}
.mortgage-miles input[type="checkbox"]:checked + label::after {
    content: "";
}
.mortgage-miles iframe .primary {
	display: none;
}
.mortgage-miles .justgiving-widget {
	border: none !important;
	margin: 0px -10px 0px -10px;
	text-align: center;
	width: 100%:
}
.mortgage-miles .justgiving-widget .jg-widget {
	max-width: 100% !important;
	border: none !important;
}
.mortgage-miles .jg-widget * {
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
	color: #032a50 !important;
}
.mortgage-miles .jg-widget .jg-widget-fr-progress {
	border: solid 1px #00cce5 !important;
	height: 44px;
}
.mortgage-miles .jg-widget .jg-widget-fr-progress .jg-widget-fr-progress-inner {
	background-color: #00cce5 !important;
}
.mortgage-miles .jg-logo {
	margin-top: -62px;
}
.mortgage-miles .jg-logo svg {
	max-width: 250px;
	width: 100%;
}
.mortgage-miles .jg-purple {
	color: #ac29b5;
}
.mortgage-miles .jg-widget-fr-title {
	display: none;
}
.mortgage-miles .jg-widget-fr-donate.jg-widget-fr-donate-wide {
	display: none;
	text-align: center;
}
.mortgage-miles .jg-widget .jg-button-magic {
	display: inline;
	font-family: "FatFrank",Helvetica,Arial,sans-serif !important;
	font-size: 25px !important;
}
.mortgage-miles  .jg-widget .jg-widget-bold, .mortgage-miles  .jg-widget .jg-widget-bold * {
	font-family: "FatFrank",Helvetica,Arial,sans-serif !important;
	font-weight: normal;
	font-size: 20px !important;
	width: 200px;
}
.mortgage-miles .jg-widget .jg-widget-floatr {
	text-align: right;
}
.mortgage-miles .jg-widget::after {
	display: none;
}