/* MAIN STYLESHEET FOR LOAN APPLICATION WEB PAGE */
/* CREATOR: HERMAN VERMAAK */

/* BODY 
-------------------------------------------------*/
body {
	color: #444 !important;
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	/*background: transparent url(../img/pig-bg.png) no-repeat fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
}

/* MAIN MENU
--------------------------------------------------*/
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  padding: 20px 0;
  z-index: 1000;
  -webkit-transition: padding .15s ease-out, background .5s ease-out;
  transition: padding .15s ease-out, background .5s ease-out;
  &.header-scroll {
    padding: 0;
    background-color:#3498DB;
  }
}
.logo-size {
	padding-bottom: 15px;
	width: 50%;
}	
.main-logo-size {
	padding-bottom: 15px;
	width: 200px;
}

.testi-text {
	font-size:	16px;
}

.rating-heading {
	font-size:	24px;
	font-weight: 500;
	margin-top: 30px;
	text-transform: uppercase;
}
.rating {
	margin-top: 25px;
	color: #fff;
	margin-bottom: 45px;
}

hr {
 width: 55%;	
}

.carousal-desktop {
	margin-bottom: 60px;
}

.car-img {
/*background: linear-gradient(to right, rgba(255, 81, 47, 0.8) 0%, rgba(240, 152, 25, 0.8) 100%);*/
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#stats {
	min-height: 150px;
    text-align: center !important;
    padding-top: 100px;
	background-color: #FFF;
	padding-left: 0px;
	padding-right: 0px;
}

.cu-section {
	padding-bottom: 30px;
}
.heading-size {
	font-size: 50px;
}
.brand-color-blue {
	color: #cc181f;
	font-weight: 400;
}

.brand-color-yellow {
	color: #00b8e3;
}

.brand-background-color {
	background-color: none;
	padding-left: 0px;
	color:#cc181f;
	font-weight: bold;
}

.brand-background-color-blue {
	background-color: none;
	padding-left: 0px;
	color:#059bc8;
	font-weight: bold;
}

.top-bar {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  background: #FFF;
  position:fixed;
  top: 0;
  transition: box-shadow 0.2s;
}
.top-bar-scrolled {
  box-shadow: 0 6px 4px -4px rgba(0,0,0,.3);
  font-size: 14px;
}

.toggle-button {
  color: #FFF;
  background-color:#059bc8 !important;
  padding: 1em;
  border: 0;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url('../img/hamburger.gif') no-repeat 50% 50%;
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 0px;
  background-color: transparent;
  border: 0px !important;
  border-radius: 0px;
}

.toggle-button.active {
  background: transparent url('../img/hamburger.gif') no-repeat 50% 50%;
  color: #217dbb;
  border: 0px !important;
}

.call-number {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.call-number-text {
	color: #444444;
	font-weight: 800;
	text-align: center;
}

.call-number-text-light {
	color: #FFF;
	font-weight: 800;
	text-align: center;
}

.call-number-text-blue {
	color: #00b8e3;
}

.menu-links {
 padding-top: 13px;
}
/* Autosave logo
-------------------------------------------------*/
.autosave-image {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ROW 
-------------------------------------------------*/
.row {
	margin-left: 15px;
	margin-right: 15px;
}
/* PROGRESS BAR
--------------------------------------------------*/
.progress-container {
    text-align: center;
    padding: 0px 15px 15px 15px;
    background-color: #e3e3e3;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    text-transform: uppercase;
    font-size: 11px;
}
.progress-container ul {
	display: none;
}

.progress  {
	background-color: #FFF !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2) !important;
	margin-bottom: 15px !important;
	margin-top: 15px !important;
}

.progress-bar  {
	background-color: #cc181f !important;
}
.iframe-space-top {
	margin-top: 15px;
}
	
/*HERO SECTION
-------------------------------------------------*/
#hero {
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background: linear-gradient(to right, rgba(0,0,0, 0.8) 0%, rgba(0,0,0, 0.7) 100%), url('../img/bg-thumb.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: inline-block;
}

.hero-block {
}

.hero-section {
	position:absolute;
}
.feature-icon {
    margin: auto;
    border-radius: 50px;
    /*border: 3px solid #059bc8;*/
	height: 50px;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	padding-left: 0px !important;
	padding-right: 5px !important;
}
.font-icon {
    color: #00b8e3;
    margin-left: 0px;
    margin-top: 8px;
	padding-left: 15px;
}
.usd-i-p {
margin-right: 10px;
}

a.phone-link:link {
	color:	#444;
	background-color: #FFF;
}
a.phone-link:hover {
	color:	#00b8e3 !important;
	background-color: #FFF !important;
}
a.phone-link:active {
	color:	#444;
	background-color: #FFF;
}
a.phone-link:visited {
	color:	#444;
}
/* INTRO SECTION
-------------------------------------------------*/
#intro {
	width: 100%;
	margin-top: 75px;
	min-height: 200px;
	margin-bottom: 30px;
	}
	
.testimonial-section {
	background-color: #f7f7f7;
	padding-bottom: 30px;
}	
.testimonial-block {
	position: block;
	color: #444444;
	font-size: 16px;
	font-weight: 400;
	margin-left: 10px;
	padding-top: 30px;
	text-align: left;
}	

.testim-border {
	padding-bottom: 25px;
}

.testimonial-name {
	color: #444;
	font-size: 16px;
	text-align: right;
	font-weight: bold;
	padding-top: 10px;
	}	
	
.testimonial-place {
	font-weight: 400;
}	
.test-padding {
	padding-bottom: 15px;
}
	
.testimonial-image {
	width: 100px;
	font-style: italic;
}	

.font-icon-testimonial {
	color: #cc181f;
}
	
.apply-now {
	padding-right:0px !important;
	text-align: right;
	padding-bottom: 15px;
}

.margin-left-optional {
	margin-left: 5px;
}

/*PRIVACY POLICY
-------------------------------------------------*/
.privacypol {
	text-align: left;
	width: 100%;
	padding: 0px 40px 0px 40px;
	color: #fff;
}

/* VALIDATION ERROR
-------------------------------------------------*/
.error {
	color: red;
}
	
/* HOW IT WORKS 
-------------------------------------------------*/
#howitworks {
	width: 100%;
	padding-top: 50px;
	display: inline-block;
	margin-left: 0px;
    margin-right: 0px;
    background: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 100%), url(../img/background-girl.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: inline-block;
	min-height: 550px;
	color: #FFF;
	padding-bottom: 45px;
	}
.how-it {
	text-align: center !important;
	padding-bottom: 0px;
	}
.how-it-title {
	text-align: center;
	padding-bottom: 50px;
	font-weight: bold;
	padding-top: 50px;
	}
.how-it-title-right {
	text-align: left !important;
	background-color: #f5f5f5 !important;
	padding-top: 20px;
	padding-bottom: 20px;
	}	
.check-list-text {
	font-size: 20px;
}	
.fa-stack-line {
	line-height: 2.1em !important;
}
#whyus {
	min-height: 450px;
	padding-top: 50px;
	padding-bottom: 30px;
}

#benefits {
	min-height: 350px;
	padding-top: 30px;
	background: transparent url('../img/pig-bg.png') no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.heading-bold {
	font-weight: 800 !important;
}
		
.fa-lg-size {
		font-size:	3em !important;
}
.fa-lg-size {
		font-size:	2em !important;
}
.btn-yellow {
	color: #fff;
	background-color: #00b8e3;
}
.how-to-item {
	display: inline;
	font-size: 24px;
}
.how-icon {
    border-radius: 50px;
    border: 3px solid #00b8e3;
	height: 100px !important;
	width: 100px !important;
}
.how-font-icon {
    color: #00b8e3;
    margin-left: 5px;
    margin-top: 18px;
}	
.how-it-step-text {
	padding-bottom: 40px;
	padding-top: 5px;
	font-weight: 400;
}
.vehicle-section {
	background-color: #FFF;
}
.refinance-body {
	font-weight: 400;
	line-height: 1.5;
}

.check-icon {
	color: #489f23;
}
.check-icon-blue {
	color: #cc181f;
}
.blue-hr {
	color: #00b8e3;
	width: 40%;
}
.network-map {
	width: 100%;
}
.fa-stack {
	padding-bottom: 50px;
	line-height: 2.1em !important;
}
.check-icon-full {
	color: #fff;
}
.apply-short-sec {
	margin-top: 0px;
}
.check-icon-full-yellow {
	color: #fff;
}
/* APPLICATION FORM
-------------------------------------------------*/
.app-form {
	background-color: rgba(0,0,0,0.7);
	border-radius: 0px 0px 0px 0px;
	border-color: #ddd;
	padding-left: 0px !important;
	padding-right:	0px !important;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	}	

.full-frame {
	margin-top: 0px;
}

.app-form-header {
	background-color: transparent;
	display: none;
}

.app-form-header-iframe {
	background-color: #cc181f;
}

.app-form-header-text {
	background-color: #cc181f;
	padding: 5px 5px 5px 5px;
	color: #FFF;
	font-size: 30px;
	font-weight: 500;
	margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
	margin-bottom: 5px;
    border: 2px solid #cc181f;
}

.form-ul {
	padding-left: 0px !important;
	color: #FFF;
}

.shadow {
    width: 100%;
    height: 5px;
    left: 0;
    bottom: -6px;
    background: url(../img/shadow.png) no-repeat center top;
}

.tab-content {
	padding-left: 15px;
	padding-right: 15px;
}
.name-field {
	width: 140px !important;
}
.name-col-left {
	padding-right: 5px !important;
	text-align: right;
}
.name-col-right {
	padding-left: 5px !important;
	text-align: left;
}
.input-margin-left {
	margin-left: 16px;
}

.input-margin-right {
	margin-right: 10px;
}
.input-margin-not-required {
	margin-left: 5px;
}

.input-style {
	background: none;
	background-color: #fbfbfb;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	color: #999;
	height: 44px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 15px;
	line-height: 1.428571429;
	padding: 3px 6px;
	-ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
	width: 320px;
	padding-left: 10px;
}
.input-style-year {
	width: 220px !important;
}
.input-style-month {
	width: 100px !important;
}

.input-select-dob-day {
		margin-right: 5px;
		width: 85px !important;
}
.input-select-dob-month {
		margin-right: 5px;
		width: 100px !important;
}
.input-select-dob-year {
		margin-right: 5px;
		width: 90px !important;
}

.step-header h4 {
	margin-top: 15px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 0px;
}

.step-header-thank-div {
	color: #fff;
	padding-bottom: 25px;
}

.step-header-thank h4 {
	margin-top: 15px;
	color: #fff;
	font-size: 30px;
	margin-bottom: 25px;
}

.step-info-block {
	padding: 5px 5px 5px 5px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	color: #fff;
}
.trust-p {
	background-color: rgb(255, 255, 255, .5);
	padding-top: 15px;

}
.pager {
	margin-bottom: 5px !important;
}

.pager li>a {
	border-radius: 0px !important;
}

.pager li>a, .pager li>span {
	border: 0px !important;
}

a.btn-link:link {
	color:	#00b8e3;
	background-color: #FFF;
}
a.btn-link:hover {
	color:	#FFF !important;
	background-color: #00b8e3 !important;
}
a.btn-link:active {
	color:	#FFF;
	background-color: #00b8e3;
}
a.btn-link:visited {
	color:	#00b8e3;
}

.secure-block {
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	margin-top:	15px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	text-align: center;
	color: #fff;
}
.mobile-benefits {
	display: none;
}

.field-mandatory {
	color: #dd817b;
}

li {
	list-style-type: none;
	}

.rate-heading {
font-size: 40px;  
font-weight: 800;
line-height: 0em;
}
.rate-sub-heading {
font-size: 29px;  
font-weight: 800;
line-height: 0.9em;
}
.rate-number {
font-size: 95px;
font-weight: 800;
line-height: 1.2em;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 48px;
    height: 48px;
    padding: 4px;
    background: #00b8e3;
    border: 2px solid #00b8e3;
    color: #fff;
	font: 26px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 500;
}

.title-block {
	display: inline-block;
	margin-bottom: 30px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-top: 10px;
	color: #fff;
}

.title-block ul, .step-header ul {
  counter-reset: section;
  list-style: none;
  margin-top: 25px;
}

.title-block li, .step-header li {
  margin: 0 0 10px 0;
  line-height: 40px;
  font-size: 20px;
}

.title-block li:before, .step-header li:before {
  content: counter(section);
  counter-increment: section;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 20px 0 0;
  background: #cc181f;
  border: 1px solid #cc181f;
  border-radius: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}

.title-block-text {
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	padding-top: 30px;
	margin-bottom: 45px;
	margin-top: 110px;
}
.main-title {
	font-size: 60px;
	padding-top: 0px;
	font-weight: 800;
	margin-top: 5px;
}
.sub-title {
	font-size: 30px;
	padding-bottom: 15px;
	padding-right: 5px;
    text-align: center;
}

.sub-title-phone {
	font-size: 16px;
	padding-bottom: 0px;
	padding-right: 5px;
    text-align: center;
	margin-top: 40px;
	color: #fff;
}

.benefit-block {
	padding-top: 15px;
	text-align: left;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.benefit-block-padding {
	padding-left: 59px !important;
	padding-right: 0px !important; 
}

.benefit-text {
	margin-top: 0px;
	text-align: left;
	font-weight: 800;
	margin-left: 20px;

}

.benefit-text-p {
	margin-bottom: 0px;
	text-align: cleft;
	font-weight: 600;
	margin-left: 20px;
	}

.phone-desktop {
	display: none;
}
.btn-apply {
	padding: 10px 15px 10px 15px !important;
	background: #cc181f !important;
	border-radius: 0px !important;
	box-shadow: 1px 2px 13px #888888;
	color: #fff;
	min-width: 250px;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	margin-bottom: 15px !important;
	border-radius: 22px !important;
}

.btn-apply-green {
	padding: 10px 15px 10px 15px !important;
	background: #00b8e3 !important;
	border-radius: 0px !important;
	color: #fff;
	min-width: 250px;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	margin-bottom: 15px !important;
	border-radius: 22px !important;
}

.apply-number {
	color: #444444 !important;
	line-height: 0.5em !important;
}
	
.approx-small {
	margin-top: 20px;
	margin-bottom: 50px;
}
	
.benefits {
	margin-top: 35px;
	margin-left: 0px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.benefit-col {
	padding-left: 0px;
	padding-right: 0px;
}
.approx-message {
	padding-top: 0px;
	padding-bottom: 15px;
	font-size: 90%;
	color: #FFF;
	padding-left: 0px !important;
}
.size-11px {
	font-size: 11px;
}
.input-select {
    width: 100%;
    overflow: hidden;
    height: 44px;
    background: #fbfbfb url(../img/arrow_down.png) no-repeat 98% center;
    border: 0px;
	-ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
	width: 320px;
}

select 
{
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; 
}
select::-ms-expand{
  display:none;
}


.step-progress {
	margin-top: 15px;
	font-weight: bold;
}

a:hover {
	color: #00b8e3 !important;
}

/* BOOTSTRAP DATEPICKER STYLES
------------------------------------------------*/
.ui-datepicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #00b8e3;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\e080";
}
.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #00b8e3;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
.ui-datepicker-month {
	border: 1px solid #66AFE9;
	padding:0px 10px 0px 10px;
    color: #000;
}
.ui-datepicker-year {
	border: 1px solid #66AFE9;
	padding:0px 10px 0px 10px;
	margin-left: 5px;
    color: #000;
}

.ul-mobile {
    font-weight: 400;
    padding-left: 0px;
}
/*LOCATION ADDRESS 
------------------------------------------------*/

.location-address {
	background: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-left: 15px !important;
	padding-right: 15px !important;
	color: #FFF;
	padding-top: 100px;
	padding-bottom: 30px;
	min-height: 300px !important;
}
.cta-section {
	background: #00b8e3;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-left: 15px !important;
	padding-right: 15px !important;
	color: #FFF;
	padding-top: 50px;
	padding-bottom: 30px;
	min-height: 150px !important;
}
.location-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 20px;
}

.network-image {
	width: 85%;
   }
   
.cu-image {
	width: 70%;
	opacity: 0.6;
   }
   
.i-frame {
	width: 350px;
	height: 300px;
}
.legal-links {
	color: #cc181f !important;
}
a.legal-links:hover {
	color: #cc181f !important;
}

/* FOOTER 
------------------------------------------------*/
footer {
	background-color: #000;
	padding-bottom:30px;
	text-align: center;
	color: #fff;
}	
.footer-section {
	padding-bottom: 15px;
}	
.mobile-benefits-number {
	display: none;
}

/* RESPONSIVE MEDIA QUERIES FOR MOBILE VIEWS 
------------------------------------------------*/
@media (max-width: 768px) {
	.hero-block {
		height: 1550px;
	}
	.by-phone {
		display:none;
	}
	.mobile-benefits {
	    color: #fff;
		text-align: center;
		margin-top: 40px;
		display: block;
	}
	.mobile-benefits-number {
	    color: #fff;
		text-align: center;
		margin-top: 10px;
		display: block;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.location-padding {
		margin-bottom: 0px;
	}
	.benefits-desktop {
		display: none;
	}
	.name-col-right {
		text-align: center;
		padding:0px;
		margin-left: 9px;
	}
	.name-col-left {
		text-align: center;
		padding:0px;
		margin-left: -10px;
	}
	.how-to-item-div {
		padding-top: 30px;
	}
	.testim-border {
		border-right: 0px;
		padding-bottom: 0px;
	}
	.sub-title {
		font-size: 20px;
		padding-bottom: 0px;
		
	}
	#intro {
		margin-top: 70px;
		padding-bottom: 0px;
	}
	#location {
    padding-top: 0px; 
	}
	#cta {
    padding-top: 0px; 
	}
	.carousal-desktop {
		margin-bottom: 30px;
	}
	.benefits {
		margin-top: 30px;
	}
	#stats {
		padding-bottom: 0px;
	}
	.i-frame {
	width: 260px;
	height: 300px;
	}
	.refinance-body {
		font-size: 16px;
	}
}
@media (max-width: 1300px) {
	.benefit-block-padding {
		padding-left: 0px !important;
	}
	.testimonial-image {
		width: 80px;
	}
	.testimonial-block {
		font-size: 16px;
	}
}

@media (max-width: 1034px) {
   .app-form-header-text {
		font-size: 28px;
	}
	.benefit-block-padding {
		padding-left: 0px !important;
	}
	.testimonial-block {
	font-size: 16px;
   }
	.testimonial-name {
	font-size: 14px;
   }
   .ul-mobile {
	   font-size: 13px;
   }
} 

@media (min-width: 1034px) {
	.toggle-button {
		display: none;
	}
	.hr-display {
		display: none;
	}
	.app-form {
		margin-left: 0px;
	}
	.how-it {
	padding-bottom: 0px;
	}
	.input-select-dob-day {
		margin-left:14px;
	}
}
@media (min-width: 1024px) {
   .call-number-section-mobile {
		display: none;
	}
}
@media (max-width: 1024px) {
	.header-add-pages {
		background-color:#3498DB;
	}
	.network-image {
		width: 100%;
	}
	
	.testimonial-block	{
		margin-left: 0px;
	}
	.input-select-dob-month {
		margin-right: 14px;
	}
	.input-select-dob-day {
		margin-right: 14px;
	}
	.input-select-dob-year {
		margin-left: 16px;
	}

  .menu-links {
	padding-top: 0px;
	}	
  .how-it-title {
	padding-top: 20px;
	}
  .main-title {
	font-size: 45px;
  }
  #howitworks {
    padding-top: 60px;
	}
  .benefit-left {
	padding-left: 15px !important;
  }
	.location-address-list {
		padding-top: 0px !important;
	}	
  .call-number {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 30px;
	font-weight: bold;
   }
   .testimonial-block {
	font-size: 13px;
   }
   .call-number-section {
		display: none;
	}
   .call-number-section-mobile {
		padding-left:40px !important;
		padding-right: 30px !important;
		padding-top: 15px;
	}
   
     .app-form-header-text {
	font-size: 25px;
	}
	.hero-section {
	position:relative;
	}
	.toggle-button {
		margin-right: -500px;
	}
	.tab-content {
		padding-bottom: 5px;
	}
	.input-style {
		font-size: 12px !important;
		width: 200px !important;
	}
	.approx-message {
		padding-left: 0px !important;
	}
	.benefit-block-padding {
		padding-left: 0px !important;
	}
	.title-block {
	margin-top: 0px;
	}
	.testimonial-image {
		text-align: right;
		padding-left: 0px !important;
		margin-top: 0px;
	}
	.testimonial-text {
		margin-top: 35px;
		text-align: left;
		padding-right: 0px !important;
	}
	.benefit-block-padding {
		padding-left: 20px !important;
	}
}

@media (max-width: 1000px) {
	.toggle-button {
		margin-right: -350px;
	}
	#hero {
		display: inline-block;
		}
}

@media (min-width: 790px) {
	.half-field {
		text-align: right;
		padding-right: 6px !important;
	}
}

@media (max-width: 790px) {
	.benefit-block-padding {
		padding-left: 0px !important;
	}
	.facts {
		margin-top: 65px;
	}
	.sub-title-phone {
		margin-top: 15px;
	}
	.app-form {
		margin-top: 0px;
	}
	.rate-heading {
		font-size: 30px;
	}
	.rate-sub-heading {
		font-size: 22px;
	}
	.rate-number {
		font-size: 65px;
	}
	.cu-image {
		width: 50%;
	}
	.call-number-text {
		line-height: 1.4em;
	}
	.mobile-benefit-list {
		padding-left: 0px !important;
		padding-right: 0px !important;
		text-align: left !important;
	}
	.ul-mobile {
		padding-left: 0px;
	}
	
	.apply-now {
		display: none;
	}
	.title-block-text {
	margin-bottom: 15px;
	}
	
	#whyus {
		padding-top: 100px;
	}
	#howitworks {
		padding-top: 100px;
	}
	.how-it-title-right{
		text-align: center !important;
		min-height: 450px !important;
	}
	.brand-background-color {
		line-height: 1.4em;
	}
	.benefit-left {
	padding-left: 15px !important;
	}
	.call-number {
		font-size: 28px;
   }
	.privacypol {
		padding: 0px 10px 0px 10px;
   }
   .testimonial-image {
	   margin-top: 0px;
	   width: 65px;
   }
   	.input-select-dob-day {
		margin-right: 13px !important;
		width: 200px !important;
	}
	.input-select-dob-month {
			margin-right: 13px;
			width: 200px !important;
	}
	.input-select-dob-year {
			margin-right: 5px;
			width: 200px !important;
	}
	.rating-heading {
		font-size: 18px;
	}
	.main-logo-size {
		width: 40%;
	}
}

@media (max-width: 600px) {
   	.toggle-button {
		margin-right: -190px;
	}
	.logo-size {
		width: 60%;
	}
	.main-logo-size {
		width: 40%;
	}
	.logo-scroll {
    width: 40%;
	}
	.rating {
	margin-top: 15px;
	margin-bottom:	15px;
	}
	.fa-y-star {
		font-size: 25px !important;
	}
	.title-block-text {
	margin-top: 65px;
	}
	.hero-block {
		height: 1150px;
	}
	.refinance-body-mobile {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 15px;
	}
	.refinance-body-contact {
		font-size: 13px;
	}
	.refinance-body-padding {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.fa-stack {
		padding-bottom: 30px;
	}
}

@media (max-width: 365px) {
   .call-number-section {
		padding-left:0px !important;
		padding-right: 0px !important;
	}
	.logo-size {
		width: 60%;
	}
	.main-logo-size {
		width: 45%;
	}
	.logo-scroll {
    width: 45%;
}
	.app-form-header-text {
    font-size: 18px;
	}
	.benefit-left {
	padding-left: 0px !important;
  }
	.testimonal-image-small {
		width: 70px;
		height: 70px;
		margin-top: 15px;
	}
	.input-style {
		font-size: 11px !important;
		width: 165px !important;
	}
	.toggle-button {
		margin-right: -170px;
	}
	.privacypol {
		padding: 0px 5px 0px 5px;
   }
   .testimonial-image {
		width: 50px;
	}
	.input-select-dob-year {
    margin-left: 15px;
}
}

/* ---------------------------cu slider styles---------------- */
.carousel-inner .active.left { left: -20%; }
.carousel-inner .next        { left:  20%; }
.carousel-control.left,.carousel-control.right {background-image:none;}

.col-lg-2 {width: 20%;}
.cu-image-slider {
		margin: auto;
		opacity: 0.6;
	}
.carousel-control {
	background-image: none !important;
	width: 7% !important;
	color: #337ab7 !important;
}