body{ margin:0; padding:0;  font-family: 'Raleway-Regular'; font-size:12px; color:#000;}
ul, li, a{ margin:0; padding:0; text-decoration:none; outline:none; list-style:none;}
p{ margin:0; padding:0; text-decoration:none; outline:none; line-height:20px;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; text-decoration:none; outline:none;}
img{ margin:0; padding:0; text-decoration:none;}


@font-face {
  font-family: 'Raleway-Black';
  src: url('../fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'), 
   url('../fonts/Raleway-Black.woff') format('woff'),
    url('../fonts/Raleway-Black.ttf')  format('truetype'),
	 url('../fonst/Raleway-Black.svg#Raleway-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-Bold';
  src: url('../sfont/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
   url('../fonts/Raleway-Bold.woff') format('woff'),
    url('../fonts/Raleway-Bold.ttf')  format('truetype'),
	 url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-Regular';
  src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Raleway-Regular.woff') format('woff'),
	 url('../fonts/Raleway-Regular.ttf')  format('truetype'),
	  url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}




.header{ width:100%; display:table; border-top:solid 3px #5fcf80;}
.container{ max-width:1200px; width:100%; margin:0 auto;}
.logo{ margin-top: 23px;}
.menu{ margin-top:30px; float:right;}
.navbar-inverse{ background:none; border:none;}
.navbar-inverse .navbar-nav > li > a{  font-family: 'Raleway-Regular'; font-size:15px; text-transform:inherit; color:#576366;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ background:none; color:#5fcf80;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color:#5fcf80;}
.bannar{ background:#5fcf80; display:table; width:100%; margin-top: 10px;}
.bannar-left{ margin-top: 160px;}
.bannar-left h1{font-family: 'Raleway-Regular'; font-size:70px;  text-transform:inherit; color:#FFF;}
.bannar-left ul{}
.bannar-left ul li{font-family:'Raleway-Regular'; font-size:30px;  text-transform:inherit; color:#FFF;}
.bannar-right{ float:right; margin: 58px 0 75px;}
.foram{ background:#3ac162; width:504px; border-radius: 10px 10px 0 0;}
.foram h2{ font-family: 'Raleway-Bold';font-size:20px; text-transform:uppercase; color:#FFF;  text-align:center;padding: 20px 0;}
.foram-in{ background:#FFF; width:504px;border-radius: 0 0 10px 10px;}
.foram-innar{}
.foram-innar ul{}
.foram-innar ul li{ display:inline-block;}
.foram-innar ul li input[type="text"]{ font-family: 'Raleway-Regular'; font-size:15px; text-transform:inherit; color:#5c5b5b; background:#e8ebed; border:none; margin:26px -6px -1px 26px; padding: 10px 10px; width:215px;border-radius: 10px;}
.foram-innar input[type="text"]{ font-family: 'Raleway-Regular'; font-size:15px;  text-transform:inherit; color:#5c5b5b;background:#e8ebed; border:none; width:450px;padding: 10px 10px;border-radius: 10px;margin-left: 30px;}

.button{ width:89%; border-top:solid 1px #e8ebed; margin: 26px 0 0 32px;}
.button [type="button"]{ font-family: 'Raleway-Bold'; font-size:16px;  text-transform:capitalize; color:#FFF; background:#5fcf80; border:none; width:313px;    margin: 35px 0 85px;padding: 12px 0 12px 55px; border-radius:10px;}
.button [type="submit"]{ font-family: 'Raleway-Bold'; font-size:16px;  text-transform:capitalize; color:#FFF; background:#5fcf80; border:none; width:313px;    margin: 35px 0 85px;padding: 12px 0 12px 55px; border-radius:10px;}


.button [type="button"]:before{ background:url(../images/arro.png) no-repeat; float:right; width:20px; height:20px; content:"";margin-right: 55px;}


.button [type="submit"]:before{ background:url(../images/arro.png) no-repeat; float:right; width:20px; height:20px; content:"";margin-right: 55px;}




.payday{ width:100%; display:table;}
.loan{ margin-top:50px; border-bottom:solid 1px #ebebeb; margin-bottom: 40px;}
.loan h2{ text-align:center; font-family: 'Raleway-Regular'; font-size:32px; color:#515b64; text-transform:inherit;}
.loan p{ font-family: 'Raleway-Regular';text-transform:inherit; font-size:14px; color:#161616;    margin: 25px 0 24px;}
.social{margin-top: 50px; margin-bottom: 70px;}
.social h2{ font-family: 'Raleway-Bold'; font-size:18px; text-transform:capitalize; color:#5f646a;   margin: 12px 0 7px;}
.social p{ width:250px; font-family: 'Raleway-Regular'; font-size:15px; text-transform:inherit; color:#161616;}
.paln{ width:100%; display:table; background:#5fcf80;}
.basic-plan{ background:#FFF; width:550px;margin: 80px 0 70px;border-radius: 8px; padding: 13px 30px 50px;}
.basic-plan span{ padding: 30px 0 0; display:block; font-family: 'Raleway-Regular'; font-size:24px; text-transform:capitalize;color:#384047;}
.basic-plan samp{ font-family: 'Raleway-Regular'; font-size:17px; text-transform:capitalize; color:#5fcf80; float:right; margin-top: -30px;}
/*.basic-plan samp span{font-family: 'RobotoCondensed-Regular'; font-size:20px; text-transform:capitalize; color:#5fcf80; font-size:15px;}*/
.basic-plan ul{}
.basic-plan ul li{margin: 20px 0; background:url(../images/icon-circul.png) no-repeat left; width:29px; height:29px;cursor:pointer;}
.basic-plan ul li h2{ font-family: 'Raleway-Regular'; font-size:15px; text-transform:inherit; color:#575d5f;padding: 4px 0 0 40px; float:left; width: 360px;}
.basic-plan [type="button"]{ font-family: 'Raleway-Bold';font-size:16px;text-transform:inherit; color:#FFF; background:#5fcf80; border:none;padding: 15px 0; width:490px; border-radius:10px; border-radius:8px; margin: 12px 0 0px;}

.pro-plan{ background:#FFF; width:550px;   margin: 60px 0 55px;border-radius: 8px; padding: 13px 30px 50px;}
.pro-plan span{ padding: 10px 0 0; display:block; font-family:Raleway; font-size:24px; text-transform:capitalize;color:#384047;}
.pro-plan samp{ font-family: 'Raleway-Regular'; font-size:17px; text-transform:capitalize; color:#5fcf80; float:right; margin-top: -30px;}
.pro-plan ul{}
.pro-plan ul li{ margin: 15px 0; background:url(../images/icon-circul.png) no-repeat left; width:29px; height:29px; cursor:pointer;}
.pro-plan ul li h2{ font-family: 'Raleway-Regular'; font-size:15px; text-transform:inherit; color:#575d5f;padding: 4px 0 0 40px; float:left; width: 360px;}
.pro-plan [type="button"]{ font-family: 'Raleway-Bold'; font-size:16px;text-transform:inherit; color:#FFF; background:#5fcf80; border:none;padding: 15px 0; width:490px; border-radius:10px; border-radius:8px; margin: 12px 0 0px;}
.pro-plan ul li:hover{ background:url(../images/circul-hover.png) no-repeat;}
.pro-plan samp:hover{ color:#42b4d6;}
.pro-plan [type="button"]:hover{ background:#42b4d6;}
.client{ width:100%; display:table; background:#fdfdfe;}
.clinet-in{display: table; width:100%;  margin: 70px 0 75px;}
.clinet-in h2{ text-align:center; font-family: 'Raleway-Regular'; font-size:30px; text-transform:uppercase; color:#515b64;}
.client-box{ background:#FFF;   margin-top: 35px;border:solid 4px #eceff2;  padding: 26px; text-align:center;}
.client-box img{ border-radius: 80px; width:112px; height:112px; border:solid 4px #eceff2;}
.client-box p{ line-height:25px; font-family: 'Raleway-Regular'; font-size:14px;  color:#606060;margin: 15px 0 22px;}
.client-box span{ font-family: 'Raleway-Bold';font-size:14px; color:#3d3d3d; margin-left:30px;margin-bottom: 50px; display:block;}
.client-box span:before{ background:url(../images/star.png) no-repeat; float:right; width:125px; height:25px; content:"";margin-right: 30px;}
.footer{ width:100%; display:table; background:#5fcf80;}
.footer-in{ text-align:center; padding:25px 0;}
.footer-in span{ font-family: 'Raleway-Regular'; color:#FFF; text-transform:inherit; font-size:14px;}

/* step 2 css start here */
.banner-inner-bg{ width:100%; background:#5FCF80; display:table; padding:15px 0;}
.banner-inner-bg h2{ font-size:30px; color:#FFF;}
.step{ width:100%; display:table;}
.step h2{  font-family: 'Raleway-Regular'; font-size:30px;  color:#FFF; padding: 20px 0;}
.inner-heading{width:100%; display:table; background:#0b3b3b; height:100px;}
.inner-heading h2{  font-family: 'Raleway-Regular'; font-size:25px; padding:60px 0 0 0; color:#FFF;}
.left-inner{}
.left-inner ul{ width:33%; float:left;}
.left-inner ul li{}
.left-inner ul li h4{margin: 30px 0 5px; font-family: 'Raleway-Regular'; font-size:15px; color:#000;}
.left-inner ul li select{background: #fff;border: 1px solid #ccc; border-radius:3px;padding:10px 10px;width:94%; color:#000;}
.left-inner ul li input[type="text"]{background: #fff;border: 1px solid #ccc; border-radius:3px;padding:11px 10px;width:93%; color:#000;}
.left-inner ul li .zip{margin: 30px 0 5px; font-family:'Raleway-Regular'; font-size:15px; color:#000;}
.left-inner ul li .select_in{background: #fff;border: 1px solid #ccc; border-radius:3px;padding:10px 10px;width:94%; color:#000;}
.left-inner ul li .day{ width:95px; float:left; font-family: 'Raleway-Regular';font-size:15px; color:#000;}
.left-inner ul li .day select{ width:95px;}
.left-inner ul li .Birth{ width:95px; float:left; padding-left:10px; font-family: 'Raleway-Regular'; font-size:15px; color:#000;}
.left-inner ul li .Birth select{ width:95px;}
.right-inner{ width:100%; display:table;}
.right-inner ul{background:#ecfaff; margin-top:30px; border:solid 1px #d2e8f6;}
.right-inner ul li{}
.right-inner ul li h5{ border-bottom:solid 1px #d2e8f6; padding:30px 80px; font-family: 'Raleway-Regular'; font-size:15px; color:#1673c4;}
.right-inner ul li a{ float:left; margin-top:-60px; padding-left:18px;}
.privacy{ margin-top:30px; background-color:#fbac09; padding:8px 0; border:solid 1px #d98003; border-radius:4px;}
.privacy h6{ font-family: 'Raleway-Bold'; font-size:20px;  color:#fff;padding:8px 0 0 80px;}
.privacy span{ font-family: 'Raleway-Bold'; font-size:12px;  color:#fff;padding:0px 0 0 27px;}
.privacy a{ float:left;margin: -30px 0 0;padding: 0 0 0 17px;}
.left-bottom{ width:70%; display:table;margin: 30px 0 30px -14px; border:solid 1px #4297d7; border-radius:5px;}
.left-bottom input[type="button"]{background:#86b6d9; width:100px; padding:10px 0; border:none;}
.left-bottom span{ padding-left:25px; font-family: 'Raleway-Bold'; font-size:14px;  color:#000;}
.right-bottom{ width:100%; float:right; margin:30px 0 80px;}
.right-bottom input[type="button"],input[type="submit"]{ font-family: 'Raleway-Regular'; font-size: 20px;  color: #FFF; text-transform: capitalize; background: #5FCF80;  padding: 10px 70px; border-radius:5px; margin:0 22px 0 0;  display: block; float:right; border:none; cursor:pointer;}


@media (max-width:1024px){
.bannar-left h1{ font-size:50px;}
.bannar-left ul li{ font-size:25px;}
.social p{ width:228px; font-size:16px;}
.basic-plan{ width:100%;}
.basic-plan [type="button"]{ width:100%;}
.pro-plan{ width:100%;}
.pro-plan [type="button"]{ width:100%;}
.foram{ width:100%;}
.client-box span{ margin-left:0;}
.client-box span::before{ margin-right:0;}

}
@media (max-width:800px){
.navbar-inverse .navbar-nav > li > a{ font-size:15px;}
.social p{ width:100%;}
.foram{ width:100%; float:right;}
.foram-in{ width:100%; float:right;}
.foram-innar input[type="text"]{ width:84%;}
.foram-innar ul li input[type="text"]{ width:303px;margin: 30px -6px 0 26px;}
.foram-innar input[type="text"]{ margin-top:30px;}
.button{ width:83%;margin: 26px 0 0 28px;}
.button [type="button"]{margin: 30px 0 45px; width:100%;}
.bannar-left h1{ font-size:43px;}
.bannar-left ul li{ font-size:22px;}
.basic-plan ul li h2{ width:308px;}
.pro-plan ul li h2{ width:308px;}
.client-box span::before{ position:absolute;right: 63px;bottom: 50px; float:none; margin-right:0;}
.nav > li > a{ padding-left:10px; padding-right:10px;}
}

@media (max-width:767px){
.menu{ float:none;  margin-top: -75px;}
.navbar-inverse .navbar-toggle .icon-bar{ background:#5FCF80;}
.navbar-inverse .navbar-toggle{ border:none;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background:none;}
.navbar-inverse .navbar-nav > li > a{ font-size:16px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ margin-top:40px;border-color: #5FCF80; background:#576366;opacity:1;}
.bannar-left{ margin-top:40px; text-align:center;}
.bannar-right{ float:none; display:table;margin: 40px 0 50px;}
.foram-innar input[type="text"]{ width:92%;}
.foram-innar ul li input[type="text"]{ width:329px;}
.button{ width:92%;}
.loan{margin-top: 30px;}
.loan p{margin: 14px 0 24px;}
.social{ text-align:center; margin:0 0 40px;}
.basic-plan ul li h2{ width:362px;}
.basic-plan{ margin: 50px 0;}
.pro-plan ul li h2{ width:362px;}
.clinet-in{ margin: 45px 0 50px;}
.client-box{ margin-top:20px;}
.client-box span::before{ left:0; right:0; margin:0 auto; position:absolute;bottom: 45px;}
.client-box p{margin: 15px 0 10px;}
.button [type="button"]::before{ position:absolute; left:200px; right:0px; float:none; margin:0 auto;}
.button [type="button"]{  padding: 12px 0;}
.logo{ margin:15px 0;}
.navbar-toggle{ margin-bottom:0; margin-top:20px;}
.navbar-collapse{ position:absolute; width:100%; top:42px;}
.navbar-inverse .navbar-nav > li > a{ color:#FFF; border-top:solid 1px #CCCCCC}
.navbar-inverse .navbar-nav > li:first-child a{ border:none;}
}

@media (max-width:680px){
.foram-innar ul li input[type="text"]{ width:563px;}
.left-inner ul{ width:100%; float:none; display:table; text-align:center;}
.left-inner ul li h4{ text-align:left;  margin: 30px 0px 5px 21px; width:99%;}
.left-inner ul li .day{ margin-left: 22px;}
.left-inner ul li h4:last-child{ margin-right:0;}
.left-inner ul li .zip{ margin: 30px 21px 5px;}
.left-inner ul li .day h4{ margin: 30px 0px 5px;}
.left-inner ul li .Birth h4{ margin: 30px 0px 5px;}
}

@media (max-width:570px){
.left-inner ul li h4{ width:97%	}
.foram-innar ul li input[type="text"]{ width:400px;}
.foram-innar input[type="text"]{ width:88%;}
.button [type="button"]{ width:96%;}
.bannar-left h1{ font-size:35px;}
.bannar-left ul li{ font-size:18px;}
.foram h2{ font-size:18px;}
.loan h2{ font-size:25px;}
.clinet-in h2{ font-size:25px;}
}

@media (max-width:380px){
.foram-innar ul li input[type="text"]{ width:284px;}
.foram-innar input[type="text"]{ width:84%;}
.button [type="button"]{ width:91%;}
.loan p{ font-size:13px;}
.social p{ font-size:13px;}
.basic-plan ul li h2{ width:315px; font-size:15px;}
.pro-plan ul li h2{ width:288px; font-size:15px;}
.pro-plan ul li{ margin:20px 0;}	
.left-inner ul li h4{margin: 30px 0px 5px 12px;}
.left-inner ul li .zip{margin: 30px 12px 5px;}
.logo img{ width:80%; margin:20px 0;}
.navbar-toggle{ margin-top:6px;}
}

@media (max-width:340px){
.navbar-toggle{ margin-right:0;}
.foram-innar ul li input[type="text"]{ width:242px;}
.foram-innar input[type="text"]{ width:82%;}
.button{ width:82%;}
.button [type="button"]{ width:100%; font-size:14px;}
.basic-plan ul li h2{ width:270px;}
.pro-plan ul li h2{ width:270px;}	
.left-inner ul li h4{margin: 30px 0px 5px 10px;}
}