/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(1176,1): run-time error CSS1019: Unexpected token, found '@import'
(1176,9): run-time error CSS1019: Unexpected token, found 'url("https://p.typekit.net/p.css?s=1&k=jpd7hhy&ht=tk&f=18440.18443.18444.18445&a=8216960&app=typekit&e=css")'
(1205,1): run-time error CSS1019: Unexpected token, found '@import'
(1205,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Roboto')'
(1206,1): run-time error CSS1019: Unexpected token, found '@import'
(1206,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Noto+Sans')'
 */
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
html, body {
    margin: 0;
    padding: 0;
}

body {
    font: 13px "azo-sans-web", sans-serif;
    overflow-x: hidden;
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {
    color: #333;
}

a, a:visited {
    color: #01596A;
}

    a:hover {
        color: #037D8B;
        text-decoration: none;
    }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
    background: #F35734;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #F35734;
    color: #fff;
    text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {
    -webkit-tap-highlight-color: #F35734;
}

ins {
    background-color: #F35734;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #F35734;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder {
    color: #a9a9a9;
}

textarea:-moz-placeholder {
    color: #a9a9a9;
}

.nomarg {
    margin: 0 !important;
}

.nopad {
    padding: 0 !important;
}

.error-text {
    color: #F35734;
    text-decoration: none;
}

.OTPsuccess {
    color: green !important;
    text-decoration: none;
}

/* Template elements
-------------------------------------------------------------------------------*/
.content {
    width: 900px;
    margin: 0 auto;
    position: relative;
}

/* Template and Homepage */

header {
    height: 80px;
    overflow: visible;
    position: relative;
    text-align: right;
}
    /*header h1 a { display: block; position: absolute; width: 125px; height: 125px; margin-top: 10px; background: url(https://www.247loans.co.za/assets/img/logo.png) center top repeat; text-decoration: none; }*/
    header h1 a {
        display: block;
        position: absolute;
        width: 242px;
        height: 70px;
        margin-top: 0px;
        background: url(https://www.247loans.co.za/assets/img/logo2.png) center top repeat;
        text-decoration: none;
    }

span#menu_btn, span#menu_close {
    display: block;
    cursor: pointer;
    float: right;
    width: 100px;
    height: 24px;
    margin-top: 20px;
    padding-right: 40px;
    padding-top: 3px;
    background: url(https://www.247loans.co.za/assets/img/icon_menu.png) right top no-repeat;
    color: #C2C5C6;
    font-size: 14px;
    font-weight: 500;
}

span#menu_close {
    height: 27px;
    width: 80px;
    color: #888;
    background: url(https://www.247loans.co.za/assets/img/icon_x.png) right top no-repeat;
}

nav {
    position: fixed;
    transition: 0.3s;
    height: 100%;
    width: 280px;
    right: -280px;
    top: 0;
    padding: 15px 30px;
    background: #222;
    z-index: 10;
    overflow: hidden;
}

    nav ul {
        list-style: none;
        margin: 20px 0;
    }

        nav ul li {
            text-align: center;
            font-size: 18px;
            font-weight: 100;
            margin: 0 0 20px;
        }

            nav ul li a, nav ul li a:visited {
                color: #C2C5C6;
            }

                nav ul li a:hover {
                    color: #fff;
                }

#banner {
    height: 450px;
    background: url(https://www.247loans.co.za/assets/img/bg_header.jpg) center top repeat;
}

    #banner h1 {
        color: #fff;
        font-weight: 500;
    }

    #banner .content > h1 {
        font-size: 30px;
        font-weight: 600;
        line-height: 34px;
        text-shadow: 1px 1px 3px #888;
        padding: 45px 0 0;
        width: 470px;
        position: absolute;
    }

    #banner .content h5 {
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        top: 122px;
        text-shadow: 1px 1px 3px #888;
        width: 460px;
    }

#application_step1 {
    position: relative;
    top: -35px;
    width: 410px;
    padding: 25px 30px;
    float: right;
    box-shadow: 0 0 10px 1px #999;
}

#application_step1, #title_bar {
    background: rgba(3,126,140,1);
    background: -moz-linear-gradient(-45deg, rgba(3,126,140,1) 0%, rgba(2,73,89,1) 71%, rgba(2,73,89,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(3,126,140,1)), color-stop(71%, rgba(2,73,89,1)), color-stop(100%, rgba(2,73,89,1)));
    background: -webkit-linear-gradient(-45deg, rgba(3,126,140,1) 0%, rgba(2,73,89,1) 71%, rgba(2,73,89,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(3,126,140,1) 0%, rgba(2,73,89,1) 71%, rgba(2,73,89,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(3,126,140,1) 0%, rgba(2,73,89,1) 71%, rgba(2,73,89,1) 100%);
    background: linear-gradient(135deg, rgba(3,126,140,1) 0%, rgba(2,73,89,1) 71%, rgba(2,73,89,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037e8c', endColorstr='#024959', GradientType=1 );
}

#application_step2 {
    padding: 0 50px;
}

    #application_step2 input[type=checkbox] {
        clear: both;
    }

#value_props {
    padding: 50px 0;
    background: #F1F1F0 url(https://www.247loans.co.za/assets/img/bg_value_props.png) right 0 repeat-y;
}

    #value_props .prop {
        width: 300px;
        float: left;
        text-align: center;
    }

    #value_props span {
        display: block;
        margin: 0 auto 10px;
        width: 129px;
        height: 128px;
        background: url(https://www.247loans.co.za/assets/img/value_props.png) 0 0 no-repeat;
    }

    #value_props #value_prop_2 span {
        background-position: -129px 0;
    }

    #value_props #value_prop_3 span {
        background-position: right 0;
    }

    #value_props h2 {
        margin: 0;
    }

#qualify, #why_us {
    width: 50%;
    float: left;
    padding: 50px 0 20px;
}

    #qualify ul li, #why_us ul li, ul.checks li {
        font-size: 18px;
        padding-left: 30px;
        background: url(https://www.247loans.co.za/assets/img/check.png) 0 0 no-repeat;
        margin: 0 0 10px;
        line-height: 19px;
    }

#testimonials {
    clear: both;
    padding: 0 50px;
    text-align: center;
}

#nb_info {
    background: #EBF5F6 url(https://www.247loans.co.za/assets/img/bg_nb_info.jpg) center bottom repeat-x;
    padding: 50px 0;
}

    #nb_info p, #nb_info li {
        font-size: 15px;
        line-height: 130%;
    }

    #nb_info li {
        margin: 20px 0 0;
    }

#start_app {
    padding: 30px 0;
    margin: 0;
    background: #fff;
    text-align: center;
    background: rgba(244,244,244,1);
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 );
}

    #start_app a {
        display: inline-block;
        background: #F35734;
        padding: 10px 20px;
        font-size: 26px;
        border: 1px solid #F35734;
        box-shadow: 0 0 2px #666;
        width: -moz-max-content;
        color: #fff;
        text-transform: uppercase;
        font-family: "azo-sans-web";
        font-weight: 500;
        text-decoration: none;
        text-align: center;
    }

#lenders {
    background: #006C7A;
    padding: 40px;
}

    #lenders img {
        display: inline-block;
        padding-right: 40px;
    }

footer {
    background: url(https://www.247loans.co.za/assets/img/bg_footer.png) repeat;
    padding: 40px 0;
    color: #fff;
}

#more_info {
    width: 200px;
    float: left;
}

#legal {
    width: 430px;
    float: left;
}

#contactus {
    width: 270px;
    float: left;
}

footer h1 {
    color: #fff;
}

footer p, footer ul li {
    font-size: 18px;
    font-weight: 100;
}

footer ul li {
    margin: 0 0 12px;
}

footer a, footer a:visited {
    color: #C2C5C6;
}

    footer a:hover {
        color: #fff;
    }

/* Text */
p {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 15px;
    font-family: sans-serif, arial;
    line-height: 130%;
}

    p small {
        text-transform: uppercase;
        font-size: 12px;
    }

ul {
    margin: 0 0 20px;
}

    ul li {
        font-size: 18px;
        margin: 0 0 5px;
        font-family: sans-serif, arial;
    }

h1, h3 {
    font-size: 26px;
    color: #01596A;
    margin: 0 0 15px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
}

footer h3 {
    color: #fff;
}

h2 {
    font-size: 22px;
    color: #222;
    margin: 0 0 10px;
    line-height: 20px;
    font-weight: 600;
    font-style: italic;
}

h4 {
    font-size: 18px;
    color: #01596A;
    margin: 0 0 10px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

h5 {
    font-size: 16px;
    color: #01596A;
    margin: 0 0 15px;
    line-height: 26px;
    font-weight: 600;
}

h6 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
    font-family: sans-serif, arial;
    line-height: 130%;
}

blockquote {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
}

/* Form elements */
form input[type="button"] {
    width: 100%;
}

form fieldset {
    background: #ddd;
    padding: 15px;
    margin: 8px 0 13px;
}

form input[readonly], form textarea[readonly], form select[readonly] {
    width: 100%;
    padding: 11px 10px 10px;
    font-size: 18px;
    color: #666;
    margin: 0 0 8px;
    border: none;
    border: 1px solid #aaa;
    background-color: lightgrey;
    cursor: not-allowed;
}

form input, form textarea, form select {
    width: 100%;
    padding: 11px 10px 10px;
    font-size: 18px;
    color: #666;
    margin: 0 0 8px;
    border: none;
    border: 1px solid #aaa;
}

    form input:focus, form textarea:focus, form select:focus {
        border: 1px solid #037D8B;
    }

    form input[type=submit] {
        background: #F35734;
        padding: 8px 10px;
        font-size: 25px;
        border: 1px solid #F35734;
        color: #fff;
        text-transform: uppercase;
        font-family: "azo-sans-web";
        font-weight: 500;
    }

    form input[type=button] {
        background: #037381;
        padding: 8px 10px;
        font-size: 25px;
        border: 1px solid #02454D;
        color: #fff;
        text-transform: uppercase;
        font-family: "azo-sans-web";
        font-weight: 500;
    }

    form select:hover {
        cursor: pointer;
    }

    form input[type=checkbox] {
        float: left;
        width: auto;
        margin: 0 5px 5px 0;
    }

label {
    font-family: sans-serif;
    color: #555;
    font-size: 15px;
    float: left;
    width: 90%;
    line-height: 17px;
    margin: 0 0 10px;
}

    label a {
        color: #ddd;
    }

        label a:hover {
            color: #fff;
        }

form p {
    font-family: sans-serif;
    color: #555;
    font-size: 15px;
    line-height: 17px;
    margin: 0 0 10px;
}

form input[type=submit]#btnSubmit, input[type=button]#btnSubmit {
    background: #F35734 url(https://www.247loans.co.za/assets/img/bg_btn_next.png) right 16px no-repeat;
    font-family: "azo-sans-web", sans-serif;
}



/* Subpage template and unique content */

#unique_content {
    background: #f1f1f0;
    padding: 30px 0;
}

#da247unique_content {
    background: rgb(23, 64, 105);
    padding: 30px 0;
}

#da247unique_content h1 {
    padding-bottom:15px;
    text-transform: none;
    text-align:center;
    color: #F7902FFF
}

#da247unique_content p {
    padding: 2px;
    text-align: center;
    color: white;
}

    #da247unique_content input {
        line-height: 1.2;
        box-sizing: border-box;
        appearance: none;
        font-family: Roboto, Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        box-shadow: rgb(222, 240, 255) 0px 1px 0px 0px;
        padding: 12px 5px;
        border-radius: initial;
        border: none;
        display: block;
        width: 100%;
    }

/*form input[type=submit]#btnSubmitDebtConsult, input[type=button]#btnSubmitDebtConsult {
    width: max-content;
    text-align: center;
    font-family: "azo-sans-web", sans-serif;
}*/

    #da247unique_content .error-text {
        color: white;
        text-decoration: none;
    }

da247footer {
    background: url(https://www.247loans.co.za/assets/img/bg_footer.png) repeat;
    padding: 40px 0;
    color: #fff;
}

    #da247unique_content select {
        line-height: 1.2;
        box-sizing: border-box;
        appearance: none;
        font-family: Roboto, Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        box-shadow: rgb(222, 240, 255) 0px 1px 0px 0px;
        padding: 12px 5px;
        border-radius: initial;
        border: none;
        display: block;
        width: 100%;
    }

#da247callOutQuote p {
    padding: 25px;
    font-weight: bold;
}

#title_bar {
    padding: 35px 0 30px;
}

    #title_bar h1 {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        margin: 10px 0;
        text-shadow: 1px 0 2px #333;
    }

    #title_bar ul {
        list-style: none;
        margin: 0;
    }

        #title_bar ul li {
            display: inline;
            padding-right: 5px;
            font-family: "azo-sans-web", sans-serif;
            color: #C1C5C5;
            font-size: 16px;
            margin: 0;
        }

    #title_bar a, #title_bar a:link {
        color: #C2C5C6;
    }

        #title_bar a:hover {
            color: #fff;
        }

form#contact {
    text-align: center;
}

    form#contact input[type=text] {
        width: 290px;
        float: left;
        margin: 0 15px 15px 0;
    }

    form#contact textarea {
        margin: 0 0 15px;
        height: 150px;
    }

    form#contact input[type=submit] {
        width: 290px;
        text-align: center;
        margin: 0 auto;
        box-shadow: 0 0 2px #666;
    }


/* alternate pages */
#home2 #banner {
    padding: 55px 0 0;
    background: url(https://www.247loans.co.za/assets/img/bg_header2.jpg) center top repeat;
}

    #home2 #banner .content {
        text-align: center;
    }

#banner .content > h1, #banner .content h5 {
    position: relative;
    margin: 0 auto 20px;
    text-align: center;
    top: auto;
}

#banner .content h5 {
    font-size: 19px;
}

a.btn {
    display: inline-block;
    margin: 0 auto;
    box-shadow: 0 0 3px #333;
    padding: 20px 50px;
    background: #F35734;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "azo-sans-web" !important;
    font-weight: 500;
}


/*.se-pre-con {
    position: fixed;
    left: 0px;
    top: 100px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(https://www.247loans.co.za/assets/img/preloader2.gif) center no-repeat #f1f1f0;
    display: none;
    text-align: center;
}

    .se-pre-con::before {
        white-space: pre;
        content: "\A \A \A \A \A \A \A \A \A \A \A \A \A \A \A \A Just one moment while we load your loan offers... ";
    }*/


/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

    /* Hide the tooltip content by default */
    [data-tooltip]:before,
    [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }

    /* Position tooltip above the element */
    [data-tooltip]:before {
        position: absolute;
        bottom: 150%;
        left: 35%;
        margin-bottom: 5px;
        margin-left: -50%;
        padding: 10px;
        width: 100%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #006C7A;
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 13px;
        line-height: 1.2;
    }

    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
        position: absolute;
        bottom: 150%;
        left: 35%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #006C7A;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }

    /* Show tooltip content on hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }


@media screen and (max-width: 900px) {

    .content {
        width: 100%;
        padding: 0 20px;
    }

    header {
        height: 80px;
    }

    span#menu_btn, span#menu_close {
        margin-top: 20px;
    }

    #banner {
        height: auto;
        background: none;
    }

        #banner .content > h1, #banner .content h5 {
            display: none;
        }

    #application_step1 {
        box-shadow: none;
        float: none;
        margin: 0 auto 20px;
        top: 0;
        width: 100%;
    }

    #value_props .prop {
        width: 100%;
        margin-bottom: 20px;
    }

    #qualify, #why_us, #testimonials {
        width: 100%;
        padding: 30px 0 15px;
        margin-bottom: 20px;
    }

    #testimonials {
        padding: 0 0 30px;
    }

    #nb_info {
        padding: 30px 0;
    }

        #nb_info p {
            font-size: 13px;
        }

    #start_app a {
        padding: 8px 10px;
        font-size: 22px;
    }

    #lenders {
        text-align: center;
    }

        #lenders .content {
            padding: 0;
        }

        #lenders img {
            padding-right: 10px;
            margin-bottom: 10px;
        }

    footer {
        text-align: center;
    }

    #more_info, #legal {
        width: 100%;
        padding: 0;
    }

    #more_info {
        margin: 0 0 10px;
    }

    #legal p {
        font-size: 14px;
    }

    #subpage #lenders {
        padding: 30px 20px 20px;
    }

    #subpage #lenders, #subpage #testimonials {
        display: none;
    }

    #subpage #qualify {
        border-bottom: none;
        padding-bottom: 0;
    }

    form#contact input[type=text] {
        width: 100%;
    }

    form#contact input[type=submit] {
        width: 100%;
    }

    #application_step2 {
        width: 100%;
        padding: 0 20px;
    }

    #title_bar {
        text-align: center;
    }

    #home2 #banner .content > h1, #home2 #banner .content h5 {
        display: block;
    }

    #home2 #banner {
        padding: 0 0 30px;
    }
}

@media screen and (max-width: 480px) {

    header {
        height: 60px;
        padding-top: 5px;
    }

        header h1 a {
            background-size: contain;
            width: 173px;
            height: 50px;
        }

        header h1 {
            margin: 0;
        }

    span#menu_btn, span#menu_close {
        margin-top: 15px;
    }

    #application_step1 {
        padding: 15px 20px;
    }

        #application_step1 h1 {
            font-size: 20px;
            line-height: 22px;
            margin: 0 0 10px;
        }

        #application_step1 input {
            font-size: 18px;
        }

            #application_step1 input[type=submit] {
                font-size: 24px;
            }

    #banner .content {
        padding: 0;
    }

    #title_bar {
        padding: 15px 0 10px
    }

    #value_props, #nb_info {
        padding: 20px 0;
    }

    #qualify, #why_us {
        border-bottom: 1px solid #ddd;
        padding-top: 20px;
    }

    #testimonials {
        padding-bottom: 10px;
    }

    form#contact input[type=text] {
        width: 100%;
        float: none;
        margin: 0 0 5px 0;
    }

    #banner .content > h1 {
        width: 100%;
    }

    #home2 #banner .content h5 {
        display: none;
    }

    #home2 #banner {
        padding: 0 0 30px;
    }
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * azo-sans-web:
 *   - http://typekit.com/eulas/000000000000000000013f4b
 *   - http://typekit.com/eulas/00000000000000003b9afbbb
 *   - http://typekit.com/eulas/00000000000000003b9afbba
 *   - http://typekit.com/eulas/000000000000000000013f8f
 *
 * © 2009-2018 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2018-08-16 13:15:11 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=jpd7hhy&ht=tk&f=18440.18443.18444.18445&a=8216960&app=typekit&e=css");

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/b714ca/000000000000000000013f4b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/b714ca/000000000000000000013f4b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/b714ca/000000000000000000013f4b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-style:italic;font-weight:400;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/37ee84/00000000000000003b9afbbb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/37ee84/00000000000000003b9afbbb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/37ee84/00000000000000003b9afbbb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-style:normal;font-weight:500;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/b13a3f/00000000000000003b9afbba/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/b13a3f/00000000000000003b9afbba/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/b13a3f/00000000000000003b9afbba/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
font-style:italic;font-weight:500;
}

@font-face {
font-family:"azo-sans-web";
src:url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9dc3b1/000000000000000000013f8f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;font-weight:400;
}

.tk-azo-sans-web { font-family: "azo-sans-web",sans-serif; }

/* Plugin Styles */
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
.cookie-popup {
    display: none;
    position: fixed;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fafafa;
    color: #000;
    font-family: 'Roboto', 'Noto Sans', sans-serif;
    line-height: initial;
    box-sizing: initial;
}    
.cookie-popup-inner {
    display: table;
    width: 100%;
}
.cookie-popup-left {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}
.cookie-popup-headline {
    font-size: 20px;
}
.cookie-popup-sub-headline {
    font-size: 12px;
}
.cookie-popup-right {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
    text-align: right;
}
.cookie-popup-accept-cookies {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.49;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 8px;
    font-size: 16px;
    min-width: 64px;
    line-height: 1.5;
    border-radius: 2px;
    text-decoration: none;
    color: #000;
    background-color: #c7c7c7;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}    
.cookie-popup-accept-cookies:hover {
    bottom: 1px;
    text-decoration: none;
    color: inherit;
}
.cookie-popup-accept-cookies:active {
    bottom: 0;
    color: initial;
}
.cookie-popup-learn-more {
    display: block;
    clear: both;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 5px;
    text-decoration: none;
    color: #000;
    opacity: 0.75;
}
.cookie-popup-learn-more:hover {
    opacity: 1;
    text-decoration: none;    
}
.cookie-popup-learn-more:active,
.cookie-popup-learn-more:focus {
    text-decoration: none;
}
.cookie-popup-lower {
    padding: 15px;
    font-size: 14px;
}


/* Positions */
.cookie-popup.position-bottom {
    bottom: 0;
    box-shadow: 0 -4px 6px rgba(50,50,93,.11), 0 -1px 3px rgba(0,0,0,.08);
}
.cookie-popup.position-top {
    top: 0;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
.cookie-popup.position-bottomright {
    width: 300px;
    right: 10px;
    bottom: 10px;
    left: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.cookie-popup.position-bottomright .cookie-popup-right {
    width: initial;
}
.cookie-popup.position-bottomleft {
    width: 300px;
    left: 10px;
    bottom: 10px;
    right: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.cookie-popup.position-bottomleft .cookie-popup-right {
    width: initial;
}
.cookie-popup.position-topright {
    width: 300px;
    right: 10px;
    top: 10px;
    left: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.cookie-popup.position-topright .cookie-popup-right {
    width: initial;
}
.cookie-popup.position-topleft {
    width: 300px;
    left: 10px;
    top: 10px;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.cookie-popup.position-topleft .cookie-popup-right {
    width: initial;
}


/* Themes */
.theme-light .cookie-popup { background-color: #fafafa; color: #000; }
.theme-light .cookie-popup-accept-cookies { background-color: #c7c7c7; color: #000; }
.theme-light .cookie-popup-learn-more { color: #000; }

.theme-dark .cookie-popup { background-color: #484848; color: #fff; }
.theme-dark .cookie-popup-accept-cookies { background-color: #212121; color: #fff; }
.theme-dark .cookie-popup-learn-more { color: #fff; }

.theme-red .cookie-popup { background-color: #ef5350; color: #fff; }
.theme-red .cookie-popup-accept-cookies { background-color: #b61827;  color: #fff; }
.theme-red .cookie-popup-learn-more { color: #fff; }

.theme-pink .cookie-popup { background-color: #ec407a; color: #fff; }
.theme-pink .cookie-popup-accept-cookies { background-color: #b4004e; color: #fff; }
.theme-pink .cookie-popup-learn-more { color: #000; color: #fff; }

.theme-purple .cookie-popup{ background-color: #ab47bc; color: #fff; }
.theme-purple .cookie-popup-accept-cookies { background-color: #790e8b; color: #fff; }
.theme-purple .cookie-popup-learn-more { color: #fff; }

.theme-deeppurple .cookie-popup { background-color: #7e57c2; color: #fff; }
.theme-deeppurple .cookie-popup-accept-cookies { background-color: #4d2c91; color: #fff; }
.theme-deeppurple .cookie-popup-learn-more { color: #fff; }

.theme-indigo .cookie-popup { background-color: #5c6bc0; color: #fff; }
.theme-indigo .cookie-popup-accept-cookies { background-color: #23408e; color: #fff; }
.theme-indigo .cookie-popup-learn-more { color: #fff; }

.theme-blue .cookie-popup { background-color: #42a5f5; color: #fff; }
.theme-blue .cookie-popup-accept-cookies { background-color: #0077c2; color: #fff; }
.theme-blue .cookie-popup-learn-more { color: #fff; }

.theme-lightblue .cookie-popup { background-color: #29b6f6; color: #000; }
.theme-lightblue .cookie-popup-accept-cookies { background-color: #0086c3; color: #000; }
.theme-lightblue .cookie-popup-learn-more { color: #000; }

.theme-cyan .cookie-popup { background-color: #26c6da; color: #000; }
.theme-cyan .cookie-popup-accept-cookies { background-color: #0095a8; color: #000; }
.theme-cyan .cookie-popup-learn-more { color: #000; }

.theme-teal .cookie-popup { background-color: #26a69a; color: #fff; }
.theme-teal .cookie-popup-accept-cookies { background-color: #00766c; color: #fff; }
.theme-teal .cookie-popup-learn-more { color: #000; color: #fff; }

.theme-green .cookie-popup { background-color: #66bb6a; color: #000; }
.theme-green .cookie-popup-accept-cookies { background-color: #338a3e; color: #000; }
.theme-green .cookie-popup-learn-more { color: #000; }

.theme-lightgreen .cookie-popup { background-color: #9ccc65; color: #000; }
.theme-lightgreen .cookie-popup-accept-cookies { background-color: #6b9b37; color: #000; }
.theme-lightgreen .cookie-popup-learn-more { color: #000; }

.theme-lime .cookie-popup { background-color: #d4e157; color: #000; }
.theme-lime .cookie-popup-accept-cookies { background-color: #a0af22; color: #000; }
.theme-lime .cookie-popup-learn-more { color: #000; }

.theme-yellow .cookie-popup { background-color: #ffee58; color: #000; }
.theme-yellow .cookie-popup-accept-cookies { background-color: #c9bc1f; color: #000; }
.theme-yellow .cookie-popup-learn-more { color: #000; }

.theme-amber .cookie-popup { background-color: #ffca28; color: #000; }
.theme-amber .cookie-popup-accept-cookies { background-color: #c79a00; color: #000; }
.theme-amber .cookie-popup-learn-more { color: #000; }

.theme-orange .cookie-popup { background-color: #ffa726; color: #000; }
.theme-orange .cookie-popup-accept-cookies { background-color: #c77800; color: #000; }
.theme-orange .cookie-popup-learn-more { color: #000; }

.theme-deeporange .cookie-popup { background-color: #ff7043; color: #fff; }
.theme-deeporange .cookie-popup-accept-cookies { background-color: #c63f17; color: #fff; }
.theme-deeporange .cookie-popup-learn-more { color: #fff; }

.theme-brown .cookie-popup { background-color: #8d6e63; color: #fff; }
.theme-brown .cookie-popup-accept-cookies { background-color: #5f4339; color: #fff; }
.theme-brown .cookie-popup-learn-more { color: #fff; }

.theme-grey .cookie-popup { background-color: #bdbdbd; color: #000; }
.theme-grey .cookie-popup-accept-cookies { background-color: #8d8d8d; color: #000; }
.theme-grey .cookie-popup-learn-more { color: #000; }

.theme-bluegrey .cookie-popup { background-color: #78909c; color: #fff; }
.theme-bluegrey .cookie-popup-accept-cookies { background-color: #4b636e; color: #fff; }
.theme-bluegrey .cookie-popup-learn-more { color: #fff; }