﻿body {
  font-family: "Roboto", sans-serif;
  color: #3d4e6b;
  max-width: 2000px;
  margin: 0 auto;
}

b, strong {
  font-weight: 700;
}

.highlight {
  color: #08b15f;
}

.btn-primary {
  background-color: #08b15f;
  border-color: #08b15f;
}

.menu-mobile-logo {
  height: 40px;
  width: auto;
}

.menu-mobile .bg-light {
  background-color: #fff !important;
}

.menu-mobile .btn-call {
  margin-left: auto;
  margin-right: 1rem;
}

@media (min-width: 992px) {
  .menu-mobile {
    display: none;
  }
}

.menu-desktop {
  display: none;
  padding-bottom: 0.5rem;
}

.menu-desktop .region-menu {
  display: flex;
  height: 100%;
  align-items: center;
}

.menu-desktop .menu {
  margin-left: auto;
  margin-right: 1rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}

.menu-desktop .menu li {
  display: block;
}

.menu-desktop .menu a {
  display: block;
  border: 1px solid #ebebeb;
  background: #f7f8fd;
  padding: 1rem .5rem;
  font-size: .8rem;
  color: #3d4e6b;
  text-transform: uppercase;
  text-decoration: none;
}

.menu-desktop .menu a:hover {
  color: #fff;
  background: #08b15f;
}

.menu-desktop .menu .current-menu-item a {
  background: #124955;
  color: #fff;
}

.menu-desktop .btn-call {
  display: block;
  padding: 1rem .5rem;
}

@media (min-width: 992px) {
  .menu-desktop {
    display: block;
  }
}

@media (min-width: 1200px) {
  .menu-desktop .menu a {
    padding: 1rem;
  }
  .menu-desktop .btn-call {
    padding: 1rem;
  }
}

.site-top-form {
  background-color: #125955;
}

@media (max-width: 640px) {
.site-top {
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 1;
    top: 0;
}

.site-top-form {
    padding-top: 60px;
}
}

.site-top-form .form-title {
  text-align: center;
  color: #fff;
  padding-top: 1rem;
  padding-bottom: .5rem;
  font-weight: 300;
}

@media (min-width: 992px) {
  .site-top-form {
    background: url(../images/home/form-bg.jpg) no-repeat top center/cover;
  }
}

.section-bottom-cta {
  background: url(../images/home/made-easy.jpg) no-repeat top center/cover;
  padding: 7rem 0 3rem;
  text-align: right;
}

.section-bottom-cta .container {
  position: relative;
}

@media (min-width: 576px) {
  .section-bottom-cta {
    padding: 10rem 0 4rem;
  }
}

@media (min-width: 768px) {
  .section-bottom-cta {
    padding: 15rem 0 5rem;
  }
}

@media (min-width: 1200px) {
  .section-bottom-cta {
    padding: 17rem 0 9rem;
  }
  .section-bottom-cta .btn {
    position: relative;
    margin-right: 16rem;
  }
}

.section-footer-contact {
  text-align: center;
}

@media (min-width: 768px) {
  .section-footer-contact {
    text-align: left;
  }
}

.section-footer-contact {
  padding: 3rem 0;
}

.section-footer-contact a:not(.btn) {
  color: inherit;
}

.section-footer-contact .contact-box {
  margin-bottom: 1rem;
}

a.social-link {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  background: #35b363;
  color: #fff;
  text-align: center;
  padding-top: .4rem;
  margin-right: 1rem;
}

a.social-link:hover {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  background: #08b15f;
  color: #fff;
  text-align: center;
  padding-top: .4rem;
  margin-right: 1rem;
}

.section-footer-nav {
  text-align: center;
  background-color: #f7f8fd;
  border-top: 1px solid #ebebeb;
  padding: 3rem 0 2rem 0;
}

@media (min-width: 768px) {
  .section-footer-nav {
    text-align: left;
  }
}

.section-footer-nav h6 {
  font-weight: bold;
  text-transform: uppercase;
}

.section-footer-nav a {
  color: inherit;
}

.section-footer-nav .menu, .section-footer-nav .sub-menu {
  list-style: none;
  padding-left: 0;
}

.section-footer-nav .menu {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-footer-nav .sub-header-box {
  width: 100%;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .section-footer-nav .sub-header-box {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .section-footer-nav .sub-header-box {
    width: 25%;
  }
}

.section-aiims {
  text-align: center;
  background: #125955;
  color: #fff;
  font-size: .75rem;
  padding: 3rem 0;
}

.section-aiims .modal .modal-header {
  background: #124955;
  color: #fff;
}

.section-aiims .modal {
  color: #000;
  text-align: left;
  font-size: 1rem;
}

.btn-borrow-warning {
    margin-bottom: 10px;
}

@media (min-width: 576px) {
  .section-aiims .col-aiims {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .section-aiims .col-rights-reserved {
    text-align: center;
  }
}

.section-aiims .disclaimer {
  text-align: center;
  padding-top: 2rem;
}

.shield-line {
  display: none;
}

@media (min-width: 768px) {
  .shield-line {
    position: relative;
    display: block;
    height: 1px;
    margin: 2rem 0 3rem 0;
    background-color: #3d4e6b;
  }
  .shield-line .fa-shield {
    position: absolute;
    font-size: 2rem;
    background-color: #fff;
    left: calc(50% - 2rem);
    top: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #125955;
  }
}

.loan-calculator {
  background: #124955;
  color: #fff;
  border-radius: .25rem;
  padding: 1rem;
  margin-bottom: 1rem;
  /* Special styling for WebKit/Blink */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
}

.loan-calculator .range-label {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.loan-calculator .range {
  position: relative;
}

.loan-calculator .range .min {
  float: left;
  margin-bottom: .5rem;
}

.loan-calculator .range .max {
  float: right;
}

.loan-calculator .range .current {
  position: absolute;
  bottom: 1.75rem;
  background: #08b15f;
  color: #fff;
  padding: .25rem 1rem;
  text-align: center;
}

.loan-calculator .range .current:after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: calc(50% - 6px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 6px 0 6px;
  border-color: #08b15f transparent transparent transparent;
}

.loan-calculator .range .current.left-arrow:after {
  left: 0;
  border-width: 12px 12px 0 0;
  border-color: #08b15f transparent transparent transparent;
}

.loan-calculator .range .current.right-arrow:after {
  left: auto;
  right: 0;
  border-width: 0 12px 12px 0;
  border-color: transparent #08b15f transparent transparent;
}

.loan-calculator .slider-help-text {
  display: block;
  text-align: center;
  color: #08b15f;
}

.loan-calculator .period-label {
  padding-top: .75rem;
  font-weight: bold;
}

.loan-calculator input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
}

.loan-calculator input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.loan-calculator input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.loan-calculator input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.loan-calculator input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  margin-top: -6px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

.loan-calculator input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  height: 16px;
  width: 16px;
  background: #ffffff;
  cursor: pointer;
}

.loan-calculator input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  height: 16px;
  width: 16px;
  background: #ffffff;
  cursor: pointer;
}

.loan-calculator input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #08b15f;
  border-radius: 2px;
}

.loan-calculator input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #08b15f;
  border-radius: 2px;
}

.loan-calculator input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #08b15f;
  border-radius: 2px;
}

.loan-calculator select.form-control:not([size]):not([multiple]) {
  height: calc(3rem + 2px);
}

.loan-calculator .form-control {
  background: #327c77;
  color: #fff;
  line-height: 2;
}

.loan-calculator .form-control::-webkit-input-placeholder {
  color: #fff;
}

.loan-calculator .form-control:-moz-placeholder {
  color: #fff;
}

.loan-calculator .form-control::-ms-placeholder {
  color: #fff;
}

.loan-calculator .form-control::placeholder {
  color: #fff;
}

.loan-calculator .repayment {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
  background: #327c77;
  text-align: center;
  padding: .5rem 0;
}

.loan-calculator .mobile {
  position: relative;
}

.loan-calculator .mobile-help-text {
  color: #08b15f;
}

@media screen and (min-width: 768px) {
  .loan-calculator .mobile-help-text {
    position: absolute;
    top: .75rem;
    right: 1rem;
  }
}

.loan-calculator .btn-apply {
  background: #08b15f;
  color: #fff;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.home-section-3-main-cta {
  background: #f7f8fd;
  border-bottom: 1px solid #ebebeb;
  padding: 3rem 0;
}

.home-section-3-main-cta h2 {
  font-weight: 300;
  text-align: center;
}

.home-section-3-main-cta h2 br {
  display: none;
}

.home-section-3-main-cta .point {
  margin-bottom: 1rem;
  display: flex;
  font-weight: bold;
  align-items: center;
}

.home-section-3-main-cta .point img {
  margin-right: 1rem;
}

@media (min-width: 992px) {
  .home-section-3-main-cta {
    padding: 5rem 0;
  }
  .home-section-3-main-cta h2 {
    text-align: right;
    font-size: 3rem;
    line-height: 1.4;
  }
  .home-section-3-main-cta h2 br {
    display: inline;
  }
  .home-section-3-main-cta .points {
    height: 100%;
  }
  .home-section-3-main-cta .point {
    margin-bottom: 0;
    height: 100%;
  }
}

.home-section-5-process {
  padding: 3rem 0;
  text-align: center;
}

.home-section-5-process h2 {
  font-weight: 300;
  margin-bottom: 1rem;
}

.home-section-5-process ol {
  text-align: left;
}

.home-section-5-process .step {
  position: relative;
  color: #fff;
}

.home-section-5-process .step .desc {
  position: absolute;
  top: 5rem;
  left: 0;
  width: 100%;
}

@media (min-width: 380px) {
  .home-section-5-process .steps {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    justify-content: center;
    margin-bottom: 1rem;
  }
  .home-section-5-process .step {
    width: 33.33333%;
    max-width: 380px;
  }
}

@media (min-width: 992px) {
  .home-section-5-process h2 {
    font-size: 3rem;
  }
  .home-section-5-process p {
    margin-bottom: 2rem;
  }
}

.home-section-why-us {
  background-color: #124955;
  color: #fff;
  text-align: center;
  padding: 3rem 0;
  margin-bottom: 3rem;
}

.home-section-why-us h2 {
  font-weight: 300;
  margin-bottom: 1rem;
}

.home-section-why-us .point {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.home-section-why-us .point img {
  margin-right: 1rem;
}

.home-section-why-us .point .desc {
  text-align: left;
}

@media (min-width: 768px) {
  .home-section-why-us {
    background: url(../images/home/why-us-bg.jpg) bottom center no-repeat/cover;
    text-align: left;
  }
  .home-section-why-us h2 {
    font-size: 3rem;
  }
  .home-section-why-us p {
    margin-bottom: 2rem;
  }
}

@media (min-width: 992px) {
  .home-section-why-us .points {
    display: flex;
    flex-wrap: wrap;
  }
  .home-section-why-us .point {
    width: 50%;
    padding-right: 1rem;
  }
}

.home-section-loan-examples {
  padding: 3rem 0;
  background-color: #f7f8fd;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
}

.home-section-loan-examples h2 {
  color: #125955;
  font-weight: 300;
  margin-bottom: 1rem;
}

.home-section-loan-examples .nav-tabs {
  margin-bottom: 1rem;
  border-bottom: none;
}

.home-section-loan-examples .nav-tabs .nav-item {
  margin-bottom: 0;
  width: 100%;
}

.home-section-loan-examples .nav-tabs .nav-link {
  border: 1px solid #ebebeb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 1rem 2rem;
  color: #959595;
  background-color: #fff;
  font-weight: 300;
}

.home-section-loan-examples .nav-tabs .nav-link.active {
  background-color: #08b15f;
  color: #fff;
}

.home-section-loan-examples .box {
  margin-bottom: 1rem;
}

.home-section-loan-examples .box h3 {
  background: #125955;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 1rem 0;
}

.home-section-loan-examples .box-content {
  background: #fff;
  min-height: 10rem;
}

.home-section-loan-examples .loan-amount sup {
  font-size: 1.8rem;
}

.home-section-loan-examples .loan-amount .amount {
  font-size: 3rem;
}

.home-section-loan-examples .terms .week {
  font-size: 1.5rem;
}

.home-section-loan-examples .loan-amount, .home-section-loan-examples .terms {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-section-loan-examples .loan-amount .label, .home-section-loan-examples .terms .label {
  font-weight: bold;
}

.home-section-loan-examples .loan-amount:first-child:after, .home-section-loan-examples .terms:first-child:after {
  content: '';
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  right: 0;
  width: 2px;
  background: #d7d7d7;
}

.home-section-loan-examples .costs {
  padding: 1rem;
  font-size: 1.2rem;
}

.home-section-loan-examples .costs .line1 {
  font-weight: bold;
}

.home-section-loan-examples .example {
  padding: 1rem;
  font-size: 1rem;
}

.home-section-loan-examples .btn-block {
  padding: 1rem;
  white-space: normal;
}

.home-section-loan-examples .btn-block .fa {
  margin-right: .5rem;
}

@media (min-width: 768px) {
  .home-section-loan-examples h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
  }
  .home-section-loan-examples .nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
  }
  .home-section-loan-examples .nav-tabs .nav-item {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .home-section-loan-examples .nav-tabs .nav-link {
    font-size: 1.25rem;
  }
  .home-section-loan-examples .box-content {
    height: 10rem;
  }
  .home-section-loan-examples .terms .week {
    font-size: 2.5rem;
  }
  .home-section-loan-examples .costs {
    height: 100%;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .home-section-loan-examples .example {
    padding: 1rem 2rem;
  }
}

.home-section-do-you-qualify {
  padding: 2rem 0;
}

.home-section-do-you-qualify h2 {
  margin-bottom: 2rem;
  font-weight: 300;
  text-align: center;
}

.home-section-do-you-qualify h3 {
  font-size: 1rem;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 2rem;
}

.home-section-do-you-qualify h3 .fa {
  position: relative;
  background-color: #08b15f;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.home-section-do-you-qualify h3 .fa:before {
  position: relative;
  top: 0.5rem;
  left: 0.5rem;
}

.home-section-do-you-qualify .card-header {
  background: #124955;
  color: #fff;
  border-bottom: none;
}

.home-section-do-you-qualify .card-block {
  padding: 2rem;
}

.home-section-do-you-qualify ul {
  padding-left: 2rem;
  margin-bottom: 0;
  list-style: none;
}

.home-section-do-you-qualify li:before {
  margin-left: -2rem;
  padding: 0.5rem;
  font-family: FontAwesome;
  content: "\f00c";
  color: #08b15f;
}

@media (min-width: 992px) {
  .home-section-do-you-qualify {
    padding: 3rem 0;
  }
  .home-section-do-you-qualify h2 {
    font-size: 3rem;
  }
}

.home-section-reviews .overall {
  position: relative;
  padding: 3rem 0;
  background-color: #125955;
  color: #fff;
  text-align: center;
}

.home-section-reviews .overall:after {
  content: '';
  position: absolute;
  bottom: -1rem;
  left: calc(50% - 1rem);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 1rem 0 1rem;
  border-color: #125955 transparent transparent transparent;
}

.home-section-reviews .review-average {
  text-transform: uppercase;
}

.home-section-reviews .review-average .value, .home-section-reviews .review-average .votes {
  color: #08b15f;
}

.home-section-reviews .review-brands {
  padding-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.home-section-reviews .brand {
  display: flex;
  margin-bottom: 1rem;
  text-align: left;
}

.home-section-reviews .brand img {
  margin-right: 1rem;
}

.home-section-reviews .brand .desc {
  margin-right: 1rem;
}

.home-section-reviews .brand .fa-star {
  color: yellow;
}

.home-section-reviews .reviews {
  padding: 3rem 0;
}

.home-section-reviews .review-faces {
  display: flex;
  margin-bottom: 1rem;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: center;
}

.home-section-reviews .review-faces .review-face {
  cursor: pointer;
  margin-left: .5rem;
  margin-right: .5rem;
}

.home-section-reviews .review-faces .review-face.active img {
  display: none;
}

.home-section-reviews .review-faces .review-face.active .reviewer-initial {
  display: block;
}

.home-section-reviews .review-faces .reviewer-initial {
  display: none;
  width: 68px;
  height: 68px;
  background-color: #08b15f;
  color: #fff;
  text-align: center;
  border-radius: 34px;
  padding-top: 20px;
  font-weight: bold;
}

.home-section-reviews .review-item {
  display: flex;
  padding: 1rem 0;
  align-items: center;
}

.home-section-reviews .review-item .img-quote {
  width: 32px;
  margin-right: 1rem;
  flex-shrink: 0;
}

.home-section-reviews .review-item .reviewer-name {
  color: #08b15f;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

@media (min-width: 576px) {
  .home-section-reviews .review-item .img-quote {
    width: 47px;
  }
  .home-section-reviews .v-line {
    width: 1px;
    background-color: #08b15f;
    margin-left: 1rem;
    margin-right: 2rem;
    height: 94px;
  }
}

@media (min-width: 768px) {
  .home-section-reviews .review-brands {
    justify-content: center;
  }
  .home-section-reviews .review-item {
    justify-content: center;
  }
  .home-section-reviews .review-item .content {
    max-width: 50rem;
  }
}

.general-page {
  padding: 3rem 0;
}

.general-page h1 {
  color: #08b15f;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 3rem;
}

.page-about-us .site-top-form {
  background-image: url(../images/about-us/form-bg.jpg);
  padding-top: 1rem;
}

.page-about-us .subtitle {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  font-weight: 300;
  color: #fff;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .page-about-us .col-subtitle {
    position: relative;
  }
  .page-about-us .subtitle {
    position: absolute;
    bottom: 8rem;
  }
}

.about-us-section-top-quotes {
  padding: 3rem 0;
}

.about-us-section-top-quotes .quote1, .about-us-section-top-quotes .quote2 {
  background: none no-repeat center left / cover;
  padding: 2rem;
}

.about-us-section-top-quotes .quote1 {
  background-image: url(../images/about-us/group1-bg.jpg);
  margin-bottom: 1px;
}

.about-us-section-top-quotes .quote2 {
  background-image: url(../images/about-us/group2-bg.jpg);
}

.about-us-section-top-quotes h2 {
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .about-us-section-top-quotes .quote1, .about-us-section-top-quotes .quote2 {
    display: flex;
    height: 10rem;
    align-items: center;
  }
  .about-us-section-top-quotes h2 {
    padding-left: 10rem;
  }
}

.about-us-section-who-we-are h2 {
  text-align: center;
  font-weight: 300;
  color: #125955;
}

.about-us-section-who-we-are h3 {
  color: #08b15f;
  font-size: 1.2rem;
  font-weight: bold;
}

.about-us-section-who-we-are .row-img-deco {
  display: none;
}

@media (min-width: 768px) {
  .about-us-section-who-we-are h2 {
    font-size: 3rem;
  }
  .about-us-section-who-we-are .row-img-deco {
    display: flex;
    text-align: center;
    margin-bottom: 1rem;
  }
}

.about-us-section-3-boxes {
  padding-top: 3rem;
  padding-bottom: 1rem;
  background: #33455d;
}

.about-us-section-3-boxes .boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.about-us-section-3-boxes .box {
  background-color: #fff;
  max-width: 331px;
  margin-bottom: 2rem;
}

.about-us-section-3-boxes .desc {
  padding: 1rem 1.5rem;
}

@media (min-width: 662px) {
  .about-us-section-3-boxes .boxes {
    justify-content: space-around;
  }
}

@media (min-width: 768px) {
  .about-us-section-3-boxes {
    background: url(../images/about-us/boxes-bg.jpg) no-repeat bottom center/cover;
  }
}

.page-how-it-works .subtitle {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  font-weight: 300;
  color: #fff;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .page-how-it-works .site-top-form {
    background-image: url(../images/how-it-works/form-bg.jpg);
    padding-top: 1rem;
  }
  .page-how-it-works .col-subtitle {
    position: relative;
  }
  .page-how-it-works .subtitle {
    position: absolute;
    left: 4rem;
    bottom: 3rem;
    font-size: 1.25rem;
  }
}

.how-it-works-section-qualify {
  padding: 3rem 0;
  background: #f7f8fd;
}

.how-it-works-section-qualify h2 {
  font-weight: 300;
  text-align: center;
  margin-bottom: 1rem;
}

.how-it-works-section-qualify .shield-line .fa-shield {
  background-color: #f7f8fd;
}

.how-it-works-section-qualify ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}

.how-it-works-section-qualify li {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-weight: bold;
}

.how-it-works-section-qualify .img-box {
  width: 54px;
  text-align: center;
  margin-right: 1rem;
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .how-it-works-section-qualify h2 {
    font-size: 3rem;
  }
  .how-it-works-section-qualify ul {
    justify-content: space-around;
  }
  .how-it-works-section-qualify li {
    width: 26rem;
  }
}

.how-it-works-section-2-cols {
  padding: 3rem 0 1rem 0;
}

.how-it-works-section-2-cols h3 {
  font-weight: 300;
  color: #fff;
}

.how-it-works-section-2-cols h3 strong {
  font-weight: normal;
  color: #fdc82d;
}

.how-it-works-section-2-cols .col-p-left {
  display: flex;
  background: url(../images/how-it-works/p-left.jpg) no-repeat center left/cover;
  align-items: center;
  min-height: 8rem;
  padding: 2rem;
  margin-bottom: 1rem;
}

.how-it-works-section-2-cols .col-p-right {
  margin-bottom: 2rem;
}

.how-it-works-section-2-cols .col-p-right p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .how-it-works-section-2-cols .col-p-left {
    margin-bottom: 2rem;
    min-height: 10rem;
  }
  .how-it-works-section-2-cols .col-p-right {
    display: flex;
    align-items: center;
  }
  .how-it-works-section-2-cols .first-row .col-p-right {
    padding-left: 2rem;
  }
  .how-it-works-section-2-cols .second-row .col-p-left {
    order: 2;
    background: url(../images/how-it-works/p-right.jpg) no-repeat center right/cover;
    text-align: right;
  }
  .how-it-works-section-2-cols .second-row .col-p-right {
    padding-right: 2rem;
  }
}

.page-contact-us .subtitle {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  font-weight: 300;
  color: #fff;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .page-contact-us .site-top-form {
    background-image: url(../images/contact-us/form-bg.jpg);
    padding-top: 1rem;
  }
  .page-contact-us .col-subtitle {
    position: relative;
  }
  .page-contact-us .subtitle {
    position: absolute;
    bottom: 6rem;
    font-size: 1.25rem;
  }
}

.contact-us-section-form {
  padding: 2rem 0;
  background-color: #cacfd5;
}

.contact-us-section-form .col-contact-phone, .contact-us-section-form .col-contact-email {
  margin-bottom: 1rem;
}

.contact-us-section-form .col-contact-phone .contact-box, .contact-us-section-form .col-contact-email .contact-box {
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  flex-direction: column;
}

.contact-us-section-form .col-contact-phone h2, .contact-us-section-form .col-contact-email h2 {
  font-weight: 300;
}

.contact-us-section-form .col-contact-phone a, .contact-us-section-form .col-contact-email a {
  color: #fff;
  font-weight: bold;
}

.contact-us-section-form .col-contact-phone .contact-box {
  background-color: #08b15f;
}

.contact-us-section-form .col-contact-email .contact-box {
  background-color: #124955;
}

.contact-us-section-form .form-area {
  padding: 2rem;
  background-color: #fff;
}

.contact-us-section-form .form-area h2 {
  font-weight: 300;
  color: #125955;
}

.contact-us-section-form .form-area label {
  font-weight: bold;
  color: #2a6a66;
}

.contact-us-section-form .form-area [type="submit"] {
  padding: 1rem 0;
}

.contact-us-section-form .form-right {
  display: none;
}

@media (min-width: 992px) {
  .contact-us-section-form {
    background: url(../images/contact-us/bg.jpg) no-repeat center center/cover;
  }
  .contact-us-section-form .col-contact-phone .contact-box, .contact-us-section-form .col-contact-email .contact-box {
    height: 10rem;
  }
  .contact-us-section-form .form-area {
    padding: 2rem;
  }
  .contact-us-section-form .form-right {
    display: block;
    align-items: center;
    background-color: #133348;
  }
}

@media (max-width: 768px) {
  .col-subtitle {
      text-align: center;
  }
}

.col-subtitle h1 {
    color: #f2c830;
    font-weight: bold;
    margin: 10px 0px;
}

.top-p {
    padding-top: 1rem;
}

bottom-p {
    padding-bottom: 1rem;
}

.loan-examples {
  background: #f7f8fd;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.loan-examples .example {
  padding-bottom: 2rem;
}
.loan-examples .section-header {
  position: relative;
  color: white;
  text-transform: uppercase;
  background: #124955;
}
.loan-examples .section-header .header {
  padding: 1.5rem;
  line-height: 1.5;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
.loan-examples .section-header .line1 {
  display: block;
  font-size: 1.2rem;
}
.loan-examples .section-header .line2, .loan-examples .section-header .line3 {
  font-size: 2.2rem;
}
.loan-examples .section-header .logo {
  position: absolute;
  bottom: 0;
  left: calc(16.66667% - 84px/2);
}
.loan-examples .sprite {
  display: block;
  background: url(../images/costs/example-sprites.png) no-repeat;
  width: 72px;
  height: 72px;
  margin: 0 auto;
}
.loan-examples .sprite.img-2 {
  background-position: -72px 0;
}
.loan-examples .sprite.img-3 {
  background-position: -144px 0;
}
.loan-examples .section-loan-amount, .loan-examples .section-costs, .loan-examples .section-terms, .loan-examples .section-example {
  height: 100%;
  border: 1px solid #d9d9d9;
}
.loan-examples .section-loan-amount>.row, .loan-examples .section-costs>.row, .loan-examples .section-terms>.row, .loan-examples .section-example>.row {
  height: 100%;
}
.loan-examples .pic, .loan-examples .min, .loan-examples .max {
  height: 100%;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loan-examples .pic .header {
  color: white;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1rem;
}
.loan-examples .min, .loan-examples .max {
  background: white;
  text-transform: uppercase;
  color: #3d4b6f;
}
.loan-examples .min .figure, .loan-examples .max .figure {
  font-size: 2.5rem;
}
.loan-examples .min .figure sup, .loan-examples .max .figure sup {
  position: relative;
  top: -.75em;
  font-size: .5em;
}
.loan-examples .min .text, .loan-examples .max .text {
  font-weight: bold;
}
.loan-examples .min {
  position: relative;
}
.loan-examples .min:after {
  content: '';
  position: absolute;
  right: 0;
  top: 15%;
  bottom: 15%;
  border-left: 1px solid #d9d9d9;
}
.loan-examples .costs-msg {
  background: white;
  height: 100%;
  font-size: .75rem;
  color: #959595;
  padding: 1rem 1.5rem;
}
.loan-examples .costs-msg .line1 {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  color: #004251;
}
.loan-examples .costs-msg .line2 {
  display: block;
  text-transform: uppercase;
  color: black;
  font-size: 1.1rem;
}
.loan-examples .section-terms .min, .loan-examples .section-terms .max {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.loan-examples .section-terms .figure {
  margin-right: .5rem;
}
.loan-examples .section-terms .time {
  display: block;
  position: relative;
  top: .25rem;
  font-size: 1.5rem;
}
.loan-examples .section-terms .text {
  position: relative;
  display: block;
  top: -.25rem;
}
.loan-examples .section-example {
  padding: 1rem;
  background: white;
  color: #959595;
}
.loan-examples .section-example .header {
  color: #004251;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.2rem;
}
.loan-examples .section-example p {
  line-height: 1.2;
}
.loan-examples .small-loan .pic {
  background: #08b15f;
}
.loan-examples .small-loan .text {
  color: #3d4e6b;
}
.loan-examples .medium-loan .pic {
  background: #08b15f
}
.loan-examples .medium-loan .text, .loan-examples .small-loan .remarks, .loan-examples .medium-loan .remarks  {
  color: #3d4e6b;
}

.loan-examples .section-header .header span {
    color: white;
}


.loan-table {
  background: -webkit-linear-gradient(left, #34B464, #2a885d);
  background: linear-gradient(to right, #34B464, #2a885d);
}

.loan-table h2{
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  margin-bottom: 15px;
}
.loan-table table{
  width:100%;
}
.loan-table .tbl-header{
  background-color: rgba(255,255,255,0.2);
 }
.loan-table .tbl-content{
  height:300px;
  margin-top: 0px;
  border: 1px solid rgba(255,255,255,0.2);
}
.loan-table th{
  padding: 20px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
.loan-table td{
  padding: 15px;
  text-align: left;
  vertical-align:middle;
  font-weight: 300;
  font-size: 12px;
  color: #fff;
  border-bottom: solid 1px rgba(255,255,255,0.1);
}

.loan-table a {
  color: white;
}

.loan-table hr { 
  border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); 
}

.home-works {
  background: url(../images/home/background.jpg) no-repeat top center/cover;
}

.home-works hr { 
  border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); 
}

.social-link.icon-rotate:hover, .social-icons.icon-rotate .fa:active { 
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.blog-list article{position:relative;border:1px solid #d9d9d9;height:100%;background:#fff;padding-bottom:5rem;}
.blog-item-summary{padding:1.5rem;}
.blog-item-summary h2{line-height:1;}
.blog-item-summary h2 a{color:#08b15f;font-size:1.2rem;}
.blog-item-summary hr{border:1px solid #08b15f;margin:2rem 0;}
.blog-list article .read-more{position:absolute;bottom:1rem;left:1.5rem;right:1.5rem;background:#08b15f;padding:1rem 0;color:#fff;}
.blog-item-img{max-width:100%;height:0;padding-top:57.14286%;background-color:#34b464;background-size:cover;background-repeat:no-repeat;background-position:center center}










