/* Base CSS */
body,
html {margin:0; padding:0;}
.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

img {
    max-width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-weight: 700;
    color: #343434;
    font-family: "Exo", sans-serif;
}

body {
    color: #4A4A4A;
    font-weight: 400;
    font-family: "Exo", sans-serif;
}


.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

input::-webkit-input-placeholder {
    opacity: 1;
}

input::-moz-placeholder {
    opacity: 1;
}

input:-ms-input-placeholder {
    opacity: 1;
}

input::-ms-input-placeholder {
    opacity: 1;
}

input::placeholder {
    opacity: 1;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}
ul li {
	margin:0;
	padding:0;
}

img {vertical-align:bottom; max-width:100%; height:auto;}

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

/*---------------------- Header area end ----------------------*/


/*---------------------- Hero area start ----------------------*/

.container {margin:0 auto; max-width:1680px;}
.container:after {display:block; clear:both; content:"";}
.clear:after {display:block; clear:both; content:"";}
.banner-section {
    padding-top: 20px;
    padding-bottom: 0;
    background:#eff4c8;

}

.header-logo {margin-bottom:45px;}
.header-logo .logo {
	float:left;
    padding-bottom: 20px;
}
.header-logo .right {
	float:right;
	padding-top:25px;
}
.header-logo .right ul li {display:inline-block; margin:0 0 0 10px; font-size:15px;}
.header-logo .right ul li a {display:inline-block; padding:10px 20px; border-radius:5px; text-decoration:none;}
.header-logo .right ul li.call a {background:url(images/top-call.png) 15px 11px no-repeat #d0dc6d; color:#1b2100; padding-left:40px;}
.header-logo .right ul li.loan a {background:#fff; color:#1b2100; border:solid 1px #1b2100;}
.header-logo .right ul li.login a {background:#fff; color:#1b2100; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}

.banner-areas .info {float:left; max-width:760px; padding-left:5.5%; font-size:22px; line-height:37px; color:#393939; font-weight:400; padding-top:120px;}
.banner-areas .info h1 {font-size:55px; line-height:62px; font-weight:700; color:#000000; padding:0; margin:0 0 15px 0;}
.banner-areas .info h3 {font-size:35px; line-height:48px; font-weight:300; color:#000000; padding:0; margin:0 0 15px 0;}
.banner-areas .photo {float:right; width:45%; text-align:right;}

.banner-areas .container {max-width:100%;}

.banner-areas .info .form-area [type="text"] {width: calc(100% - 165px); height:57px; border-radius:6px; border:solid 1px #c7cc9d; padding:0 15px; outline:none; font-size:16px; float:left;}
.banner-areas .info .form-area [type="button"] {float:right; background:#000000; color:#FFFFFF; border-radius:6px; font-size:17px; font-weight:700; outline:none; border:none; height:57px; padding:0 30px;}

.unique-features {padding-top:90px; padding-bottom:90px;}
.unique-features h3.title {text-align:center; font-size:50px; line-height:56px; font-weight:700; color:#2e2e2e; padding:0; margin:0 0 30px 0;}
.unique-features .info-box {background:#eff4c8; border-radius:6px; padding-right:20px;}
.unique-features .info-box .left {float:left; padding:50px 0 0 50px; font-size:20px; font-weight:300; color:#353535; line-height:32px; width: calc(100% - 450px);}
.unique-features .info-box .left h5 {font-size:26px; line-height:33px; font-weight:300; color:#0d0d0d; padding:0; margin:0 0 20px 0;}
.unique-features .info-box .right {float:right;}


.core-features{padding-bottom:60px;}
.core-features h3.title {text-align:center; font-size:50px; line-height:56px; font-weight:700; color:#2e2e2e; padding:0; margin:0 0 30px 0;}
.core-features .box-area {margin:0 -15px;}
.core-features .box {float:left; width:25%; padding:0 15px;}
.core-features .box .inner {box-shadow:0px 5px 20px rgba(0,0,0,0.06); border-radius:6px; padding:30px; font-size:15px; line-height:25px; color:#565656; min-height:307px;}
.core-features .box h4 {font-size:25px; line-height:36px; font-weight:300; color:#0d0d0d; padding:0; margin:0 0 15px 0; min-height:75px;}
.core-features .box ul li {margin-bottom:15px; padding-left:30px; background:url(images/green-check.jpg) 0px 3px no-repeat;}

.payment-options {padding-top:70px; padding-bottom:90px;}
.payment-options .box {margin:0 auto; max-width:1150px;}
.payment-options .pic {float:left;}
.payment-options .text {float:right; width: calc(100% - 400px); font-size:20px; line-height:35px; color:#565656; padding-top:40px;}
.payment-options .text h3 {font-size:40px; line-height:45px; color:#2e2e2e; padding:0; margin:0 0 25px 0; font-weight:400;}

.started-today {padding-top:80px; padding-bottom:80px; background:url(images/black-bg-pic.jpg) center no-repeat #21260d; background-size:cover;}
.started-today .middle {text-align:center; margin:0 auto; max-width:700px; font-size:20px; line-height:36px; color:#FFFFFF;}
.started-today .middle h3.title {text-align:center; font-size:50px; line-height:56px; font-weight:700; color:#fff; padding:0; margin:0 0 30px 0;}
.started-today .btns {margin-top:40px;}
.started-today .btns a {display:inline-block; margin:0 8px; padding:15px 40px; border-radius:6px; font-size:18px; font-weight:500; text-decoration:none;}
.started-today .btns a.signup {background:#fff; color:#191d02;}
.started-today .btns a.more {border:solid 2px #fff; color:#fff;}


.footer {background:#eff4c8; padding:50px 0; text-align:center;}
.footer .logo {margin-bottom:50px;}
.footer .social ul {margin:0; padding:0; list-style:none;}
.footer .social ul li {margin:0 5px; padding:0; list-style:none; display:inline-block; font-size:24px;}
.footer .social ul li a {color:#000000; text-decoration:none;}
.footer .copyright {padding-top:30px; border-top:solid 1px #c5d572; font-size:15px; color:#353535; margin-top:50px;}