.bannerWrapper {
    background: url(/images/bghouse-1.jpg) no-repeat fixed center center/cover;
    background-position-y: -210px !important;
    transition: 1s;
    opacity:0;
    transition-timing-function: cubic-bezier(0.56, 0.2, 0.29, 0.76);
}

.contentWrapper {
  background-color: #f5f5f5;
  width: 100%;
  /*box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.3);*/
}

.applyButtonContainer {
    position: relative;
    width: 100%;
    display: block;
}

.apply-button {
    
    color: white;
    border-color: white;
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 25pt;
    background: rgba(0, 0, 0, 0.47);
    padding: 10px 16px;
    font-variant: all-small-caps;
}

.apply-button:hover span {
    padding-right: 20px;
}

.disc {
  font-size: 8pt;
  margin-top: 20px;
}

.lendersWrapper {
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    background: white;
    position: relative;
    padding: 20px 0;
}

.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}

.carousel-control {
	left: -12px;
    height: 40px;
	width: 40px;
    background: border repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    position: absolute;
    top: 50%;
}
.carousel-control.right {
	right: -12px;
}

.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
	z-index: 1;
}

.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
    background: #428bca;
}

.carousel-item img {
  display: block;
  margin: auto;
  width: 200px;
}

.block {
  position: relative;
}

.refreshBtn {
  position: absolute;
  top: 30px;
  right: 5px;
  padding: 15px;
  font-size: 14pt !important;
  cursor: pointer;
  color: #b8b8b8;
  transition: 1s;
}

.ratesContainer {
    min-height: 268px;
}

.ratesContainer table {
    margin-bottom: 0;
}


@media (max-width: 767px) {
  .bannerWrapper:before {
    background: url(../images/bghouse.jpg) no-repeat fixed center center/cover black;
    background-position-y: -60px !important;
  }
  .bannerWrapper {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    padding: 10em 0 !important;
  }
  
  .applyButtonContainer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -2.5em;
    display: block;
  }

  
  .apply-button {
    font-size: 15pt;
    background: rgba(0, 0, 0, 0.47);
    padding: 5px 16px;
    margin: 0 !important;
  }
}

@media (max-width: 667px) {
    .bannerWrapper {
        padding: 7em 0 !important;
    }
    .bannerWrapper:before {
        background-position-y: -60px !important;
    }
}

@media (max-width: 605px) {
    .bannerWrapper {
        padding: 7em 0 !important;
    }
    .bannerWrapper:before {
        background-position-y: 0px !important;
    }
}

@media (max-width: 550px) {
    .bannerWrapper {
        padding: 6.2em 0 !important;
    }
}

@media (max-width: 475px) {
    .bannerWrapper {
        padding: 4em 0 !important;
    }
}

@media (max-width: 475px) {
    .bannerWrapper {
        padding: 4em 0 !important;
    }
}

@media (max-width: 450px) {
    .bannerWrapper {
        padding: 3.5em 0 !important;
    }
}

@media (max-width: 425px) {
    .bannerWrapper {
        padding: 3em 0 !important;
    }
}

@media (max-width: 401px) {
    .bannerWrapper {
        padding: 2.5em 0 !important;
    }
}

@media (max-width: 375px) {
    .bannerWrapper {
        padding: 2em 0 !important;
    }
}