@charset "utf-8";
/* CSS Document */
.container-main.cf {
    width: 98%;
    margin: 0px auto;
    padding: 0 0 0 47px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    margin-left: 30px;
}
.ezcol>* {
    max-width: 100%
}
.ezcol-h2
{
	color: #fff !important;
	 font-size: 30px;
} 
.ezcol-h3
{
	color: #fff !important;
	
} 
select#loan_amount, select#loan_term {
    display: none;
}
	div#slider_amount_container, div#slider_term_container {
    display: block;
}
.ezcol-one-half {
    float: left;
    margin-right: 4%;
    position: relative;
    word-wrap: break-word;
    hyphens: auto;
    -moz-box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    text-rendering: optimizedLegibility;
					font-family: 'Roboto', sans-serif; font-weight:normal;
}
.ezcol-one-half {
    width: 100%;
	margin: 0px auto; 
	padding: 0px;
	font-family: 'Roboto', sans-serif; font-weight:normal;
}
@media only screen and (min-width: 20em) and (max-width: 47.9375em) {
	select#loan_amount, select#loan_term {
    display:block;
}
	div#slider_amount_container, div#slider_term_container {
    display: none;
}
	.ezcol>* {
    max-width: 100%;
}
.container-main.cf {
    width: 90%;
    margin: 0px auto;
    padding: 0 ;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
  
}
.ezcol-one-half {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    
}
	
	
}
@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
/* Diagnostic Styling. Delete When Done. */
/*  body:before {
       background: yellow;
       content: "Tablet Size";
  }*/
.ezcol>* {
    max-width: 100%;
}
.container-main.cf {
    width: 90%;
    margin: 0px auto;
    padding: 0 0 0 47px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    
}
	.ezcol-one-half {
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    
}
}

/* Desktop: 
  * 1024px = 64em
  * 64em and larger
*/
@media screen and (min-width: 64em) {
/* Diagnostic Styling. Delete When Done. */
/*  body:before {
       background: yellow;
       content: "Desktop Size";
  }*/
	.ezcol>* {
    max-width: 88%;
}
	.ezcol-one-half {
    width: 88%;
    margin: 0px auto;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}
	.ezcol-one-half {
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    left: -33px;
}

}