.loan-calculator:after, .mortgage-calculator:after, .guarantor-calculator:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.loan-calculator p:last-child, .loan-calculator address:last-child, .mortgage-calculator p:last-child, .mortgage-calculator address:last-child, .guarantor-calculator p:last-child, .guarantor-calculator address:last-child {
  margin-bottom: 0 !important;
}
.loan-calculator table th, .mortgage-calculator table th, .guarantor-calculator table th {
  font-weight: normal;
}
.loan-calculator table td, .mortgage-calculator table td, .guarantor-calculator table td {
  font-size: 0.94118em;
  line-height: 1.5em;
  text-align: right;
  color: #fff;
}
.loan-calculator table input, .mortgage-calculator table input, .guarantor-calculator table input {
  display: inline !important;
  width: auto;
  min-width: none;
  max-width: none;
  -webkit-appearance: value;
  -moz-appearance: value;
  appearance: value;
  padding: 0;
  background-color: transparent;
  border: none;
  font-weight: normal !important;
  font-size: 16px;
  line-height: 24px;
}
.loan-calculator .lead, .mortgage-calculator .lead, .guarantor-calculator .lead {
  font-size: 0.94118em;
  line-height: 1.5em;
  color: #fff;
  font-weight: normal;
  margin-bottom: 0;
}
.loan-calculator .price:before, .mortgage-calculator .price:before, .guarantor-calculator .price:before {
  content: '$';
}
.loan-calculator .label, .mortgage-calculator .label, .guarantor-calculator .label {
  font-weight: bold;
  margin-bottom: 1.5em;
  color: #262626;
}
.loan-calculator .left-content, .loan-calculator .right-content, .loan-calculator .bottom-content, .mortgage-calculator .left-content, .mortgage-calculator .right-content, .mortgage-calculator .bottom-content, .guarantor-calculator .left-content, .guarantor-calculator .right-content, .guarantor-calculator .bottom-content {
  float: left;
  padding: 1.5em 30px;
}
.loan-calculator .left-content, .loan-calculator .bottom-content, .mortgage-calculator .left-content, .mortgage-calculator .bottom-content, .guarantor-calculator .left-content, .guarantor-calculator .bottom-content {
  color: #686868;
}
.loan-calculator .left-content h2, .loan-calculator .bottom-content h2, .loan-calculator .left-content h3, .loan-calculator .bottom-content h3, .loan-calculator .left-content h4, .loan-calculator .bottom-content h4, .loan-calculator .left-content h5, .loan-calculator .bottom-content h5, .loan-calculator .left-content h6, .loan-calculator .bottom-content h6, .mortgage-calculator .left-content h2, .mortgage-calculator .bottom-content h2, .mortgage-calculator .left-content h3, .mortgage-calculator .bottom-content h3, .mortgage-calculator .left-content h4, .mortgage-calculator .bottom-content h4, .mortgage-calculator .left-content h5, .mortgage-calculator .bottom-content h5, .mortgage-calculator .left-content h6, .mortgage-calculator .bottom-content h6, .guarantor-calculator .left-content h2, .guarantor-calculator .bottom-content h2, .guarantor-calculator .left-content h3, .guarantor-calculator .bottom-content h3, .guarantor-calculator .left-content h4, .guarantor-calculator .bottom-content h4, .guarantor-calculator .left-content h5, .guarantor-calculator .bottom-content h5, .guarantor-calculator .left-content h6, .guarantor-calculator .bottom-content h6 {
  color: #262626;
}
.loan-calculator .left-content, .mortgage-calculator .left-content, .guarantor-calculator .left-content {
  background-color: #FAFAFA;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .loan-calculator .left-content, .mortgage-calculator .left-content, .guarantor-calculator .left-content {
    width: 66.66667%;
  }
}
.loan-calculator .right-content, .mortgage-calculator .right-content, .guarantor-calculator .right-content {
  background-color: #D11023;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .loan-calculator .right-content, .mortgage-calculator .right-content, .guarantor-calculator .right-content {
    width: 33.33333%;
  }
}
.loan-calculator .right-content .btn-grey:hover, .loan-calculator .right-content .btn-grey:focus, .loan-calculator .right-content .btn-grey:active, .mortgage-calculator .right-content .btn-grey:hover, .mortgage-calculator .right-content .btn-grey:focus, .mortgage-calculator .right-content .btn-grey:active, .guarantor-calculator .right-content .btn-grey:hover, .guarantor-calculator .right-content .btn-grey:focus, .guarantor-calculator .right-content .btn-grey:active {
  color: #fff;
  border-color: #fff;
}
.loan-calculator .right-content input, .mortgage-calculator .right-content input, .guarantor-calculator .right-content input {
  color: #fff;
  text-align: right;
}
.loan-calculator .bottom-content, .mortgage-calculator .bottom-content, .guarantor-calculator .bottom-content {
  background-color: #f3f3f3;
  width: 100%;
}

/*# sourceMappingURL=frontend.css.map */