@import url(../../../assets/css/weloveiconfonts.css);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);
/* brandico- This is a webfont icons */
/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
body, html {width:100%;height:100%;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;background: #fff;}
    h1 {font-size: 36px;font-weight: 700;line-height: 40px;color: #000;margin: 7px 0;font-family: 'Droid Serif', serif;}
    h2 {font-size: 24px;font-weight: 700;line-height: 28px;color: #272727;margin: 7px 0;font-family: 'Droid Serif', serif;}
    h3 {font-size: 18px;font-weight: 700;line-height: 24px;color: #7191B5;margin: 7px 0;font-family: 'Droid Serif', serif;}
    h4 {font-size: 16px;font-weight: 700;line-height: 24px;color: #272727;margin: 7px 0;font-family: 'Droid Serif', serif;}
    p, ul li {font-size: 14px;font-weight: 500;line-height: 20px;color: #747474;list-style: none;}
    #footer a {color: #808080;text-decoration: none;}
    #footer a:hover {color: #CACACA;}
    #mainWrapper {width: 100%;overflow: hidden;}
    #main {}
    #headerWrapper {width: 100%;background: #fff;border-bottom: 1px solid #ccc;position: fixed;}
    #header {width: 80%;max-width: 1024px;margin:0 auto;overflow: hidden;padding:0;}
    #logo {width: 200px;display: inline-block;float: left;margin: 5px 0;}
    nav {}
    #nav {width: auto;float: right;text-align: right;}
    #nav ul {padding: 0;list-style: none;}
    #nav ul li {display: inline;padding: 4px 5px;}
    #nav ul li a {text-decoration: none;color: #363636;font-weight: 500;font-size: 16px;padding: 0 5px;}
    #nav ul .active a {color: #FF7A00;border-bottom: 4px solid #FF7A00;font-weight:700;padding: 5px;}
    #firstWrapper {background-image: url(../img/bg1.jpg);background-size: cover;width: 100%;height: 100%;overflow: hidden;background-repeat: no-repeat;background-attachment: fixed;}
    #first, #content {width: 80%;max-width: 1024px;margin: 3% auto 2%;overflow: hidden;}
    #first {text-align: center;}
    #first h1, #first h3 {color: #000;}
    #contentWrapper {/*background-image: url(../img/step2.jpg);*/background-size: cover;width: 100%;height: 100%;overflow: hidden;background-repeat: no-repeat;padding-top: 80px;}
    .input {display: block;overflow: hidden;width: 100%;}
    #form {width: 40%;max-width: 340px;display: inline-block;padding:0;border-radius: 0 0 5px 5px;
	overflow: hidden;margin: 10px auto;border-radius: 5px;border: 3px solid #DDFCFF;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #48A5DB), color-stop(1, #0B556E) );
	background-image: -o-linear-gradient(bottom, #48A5DB 0%, #0B556E 100%);
	background-image: -moz-linear-gradient(bottom, #48A5DB 0%, #0B556E 100%);
	background-image: -webkit-linear-gradient(bottom, #48A5DB 0%, #0B556E 100%);
	background-image: -ms-linear-gradient(bottom, #48A5DB 0%, #0B556E 100%);
	background-image: linear-gradient(to bottom, #48A5DB 0%, #0B556E 100%);}
	#form h3 {font-size: 20px;font-weight: 900;line-height: 28px;color: #FFFFFF;margin: 0;padding: 10px 0;background: #1F5A79;text-align: center;border-bottom: 1px solid #fff;}
	.input select, .input input {width: 60%;border: 1px solid #808080;-webkit-border-radius: 4px;border-radius: 4px;font: 14px/16px Arial, Helvetica, sans-serif;color: #0e567e;height: 25px;background: #fff;
	margin: 5px 3px;padding:4px 8px;font-style:italic;float: right;min-width: 200px;box-sizing: border-box;}
    .input label {float: left;margin-top: 10px;color: #fff;font-size: 14px;font-weight: 700;}
    .getCash {width: 100%;max-width: 300px;text-align: center;height: 55px;
              line-height: 55px;margin: 10px auto;background: #FF7A00;border-radius: 5px;}
    .btn {text-decoration:none;color:#fff;font-size:18px;font-weight: 700;display:block;width: 100%;}
    #secWrapper,#thirdWrapper, #fourthWrapper, #fifthWrapper, #footerWrapper, #titleWrapper {width: 100%;overflow: hidden;}
    #secWrapper {background: #fff;}
    #titleWrapper {background-image: url(../img/about-title.jpg);background-size: cover;background-repeat: no-repeat;background-position:0px 45px;}
    #title{width: 80%;max-width: 1024px;padding: 20px;background: #E6EEF0;border-radius: 5px;margin: 10% auto 2%;overflow: hidden;}
    #sec, #third, #fourth, #fifth, #footer {width: 80%;max-width: 1024px;margin: 3% auto;overflow: hidden;}
    #reasons, #txt {float: right;width: 55%;}
    #reasons .col-1 img {display: inline-block;float: left;width:70px;}
    #reasons .col-1 h3{display: inline-block;width: 100%;}
    #reasons .col-1 p {/*clear:both;*/}
    #thirdWrapper {background:#E6EEF0;}
    .col-1 {width: 100%;margin: 10px 0;overflow: hidden;display: block;}
    .col-2 {width: 45%;margin: 10px 0;overflow: hidden;display: inline-block;float: left;}
    .col-3 {width: 30%;margin: 10px 0;overflow: hidden;display: inline-block;float: left;}
    .col-4 {width: 22%;margin: 10px 0;overflow: hidden;display: inline-block;float: left;}
    .copyCenter {text-align: center;padding: 20px;background: #E6EEF0;border-radius: 5px;margin: 1% auto;}
    #steps {width:30%;padding:0 20px;/*background: #E0EEF2;*/border-radius: 4px;border-right: 1px solid #e0eef2;}
    #steps img {width: 30%;margin: 0 auto 10px;display: inline-block;max-width: 100px;float: left;}
    #steps p {display: block;clear: both;}
    #steps h3 {display: inline-block;width: 60%;margin-left: 12px;font-size: 16px;line-height: 18px;text-align: left;}
    .applyPage #steps {border-right: 0;border-left: 1px solid #e0eef2;}
    .agree {text-align: center;width: 90%;margin: 15px auto 0 auto;font-size: 12px;line-height: 16px;color: #D0D0D0;}
    .margin7 {margin-right:7%;}
    .margin5 {margin-right:5%;}
    .margin3 {margin-right:3%;}
    #third #txt {width:45%;display:inline-block;float: left;margin: 5% 0;}
    #imgMoney {display:inline-block;float: right;width: 50%;}
    #imgMoney img {width:100%;}
    #fourthWrapper {background: #a5b4bd;}
    #fourth .box {width: 80%;padding: 20px;background: #fff;border-radius: 5px;margin: 3% auto;}
    .box img {display: inline-block;float: left;width: auto;margin-bottom: 15px;}
    .box h3 {display: inline-block;float: right;width: 65%;}
    .box p {display: block;clear: both;margin: 7px 0;}
    #readMore {text-align:right;}
    #readMore a {color:#68838D}
    .margin3 {margin-right:3%;}
    .margin3 {margin-right:2%;}
    #loading {display:none;width: 90%;margin: 7% auto;text-align: center;}
    #loading img {width:50%;}
    .form-errors {width: 99%;background: #FDD2DA;overflow: hidden;border-radius: 4px;border: 1px solid #ED3232;margin: 3% auto;}
    .form-errors li {color: #E54E4E;}
    #forms .error {background: #F3C3C3;}
    #formInner {width: 90%;margin: 0 auto;}
    #forms .correct {background: #9FDFA4;}
    #footerWrapper {background: #053945;}
    #footer {}
    #footer h3{color: #BBBBBB;}
    #footer ul {padding:0;list-style:none;}
    #footer ul li {font-size: 12px;list-style:none;line-height: 24px;color: #808080;}
    #footerTxt p {font-size: 12px;color: #939393;}
    .getHelp {background: #ecf0f1;border: 1px solid #bdc3c7;padding: 10px;}
    /*=======================form.php style========================*/
   .section {width:100%;}
    #forms {width: 100%;display: block;background: #ecf0f1;border: 1px solid #c1c7ca;padding: 20px;border-radius: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #forms input, #forms select {
	border: 1px solid #E0DFDB;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #0e567e;
	background: #fff;
	margin: 0 0 3px;
	padding:4px 8px;
	height: 25px;
	box-sizing: border-box;
	width: 100%;
	}
	#step1 .col-1, #step2 .col-1 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	#forms .smallSection .row5000:last-child {float: right;}
	#forms input[type="submit"], .submit-btn {
	border: none;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height: 55px;
	width: 100%;
	text-align: center;
	line-height: 50px;
	margin: 30px 0;
	background: #FF7A00;
	}
	#step1, #step2 {width: 60%;}
	.right {float:right;}
	.left {float:left}
	#forms label {font-size:14px;color:#333333;display: inline;margin: 5px 0; font-weight: 200 !important;}
	#forms .section, #forms .smallSection {width: 100%;overflow: hidden;}
    #forms .row5000 {width: 47%;display: inline-block;float: left;}
	#forms #address {width:100%;}
	#city input {width: 200px;}
	#state select {width: 180px;}
	#month select {width: 31%;}
	#forms .phone {width:29%;margin-right:2%;}
	#submit {margin: 40px auto;}
	.trigger {width: 20px;cursor : help;vertical-align: middle; margin-left: 5px;}
	.tooltip {}
	.tooltip h2 {font-size:14px;margin:5px 0;}
	.tooltip p {font-size:12px;margin:5px 0;color:#666;}
	.close {float:right;cursor:pointer;}
	.small {font-size:14px;}
	
	nav {width:100%;overflow: hidden;display:block;border-top: 1px solid #E7E7E7;text-align: center;}
	nav a {color: #767676;text-decoration: none;}
	nav a.title {float: left;padding: 10px;font-weight: bold;}
	/*nav a:hover {background-color: #d1d1d1;}*/
	nav ul.menu {margin: 0;padding: 0;list-style-type: none;}
	nav ul.menu li.menu-item {letter-spacing: normal;display: inline-block;padding: 0 10px;font-size: 16px;font-weight: 500;}
	nav ul.menu li.menu-item a {padding: 10px;display: block;}
	nav a.mobile-menu {display: none;float: right;padding: 10px;}
	div.container {padding: 20px;}



    @media only screen and (max-width: 1060px) {
    	#sec, #third, #fourth, #fifth, #footer {width: 90%;}
    	#form {width: 60%;}
    	/*#steps {width: 40%;}*/
    	#reasons, #txt {width: 45%;}
    }
    
	@media only screen and (max-width: 930px){
		#forms .row5000, #forms .phone {width:100%;display:block;float:none;}
		.right {float:none;}
		nav ul.menu li.menu-item {padding: 0 8px;font-size: 14px;}
		nav ul.menu li.menu-item a {padding: 10px 5px;}
		
	}


   @media only screen and (max-width: 769px) {
   	    #first, #content, #title {width: 90%;margin: 5% auto;text-align: center;}
    	#sec, #third, #fourth, #fifth, #footer {width: 90%;}
    	#form {width: 80%;}
    	#steps {width: 90%;float:none;display:block;margin: 0 auto;}
    	#reasons, #txt, #third #txt {width: 90%;float:none;display:block;margin: 0 auto;}
    	#imgMoney {display: block;float: none;width: 100%;}
    	.margin7 {margin-right: 0;}
    	.col-2, .col-3, .col-4 {width: 90%;float:none;display:block;margin: 0 auto;}
    	 #step2, #step1 {width:100%;padding:0;}
    	 #forms input[type="submit"], .submit-btn {width: 100%;}
    	 .form-errors {width: 96%;margin: 3% auto;padding: 7px 0;}
    	 .form-errors ul {padding:0;margin:0;}
    	 
    	 
		nav ul.menu {background: #3a3a3a;width: 230px;height: 100%;position: fixed;top: 0;right: -230px;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;
	    -o-transition: all 400ms ease;transition: all 400ms ease; }
	  	nav ul.menu li.menu-item {display: block;border-bottom: 1px solid #353535;}
	 	nav ul.menu li.menu-item a { color: #FFF;}
	  	nav ul.menu li.menu-item a:hover { background: #212121;}
	  	nav a.mobile-menu {display: block;}
		body.nav-open {margin-left: -230px; margin-right: 230px;}
	  	body.nav-open nav ul.menu {right: 0;}
    }
    
    @media only screen and (max-width: 600px){
		#content-wrapper, .block-holder, .footer-holder {width:90%;}
		#rightCol {width: 100%;}
		#form {width: 90%;padding: 15px;}
		.section {width:90%;margin:0 auto;}
		.row5000 {width:100%;display:block;}
		#form input, #form .phone input {width: 100%;}
		select {width: 100%;}
		#form #submit {width:100%;}
		#rightCol { display:block;float:none;max-width: 100%;}
		.input select {width: 98%;}
  }

   @media only screen and (max-width: 480px) {
   	    #first, #content {width: 90%;margin: 25% auto 10%;text-align: center;}
   	    h1 {font-size: 24px;line-height: 30px;}
    	#sec, #third, #fourth, #fifth, #footer {width: 90%;}
    	#secWrapper, #thirdWrapper, #fourthWrapper, #fifthWrapper {text-align:center;}
    	#form {width: 90%;padding: 10px;}
    	#steps {width: 90%;float:none;display:block;margin: 0 auto;}
    	#reasons, #txt, #third #txt {width: 90%;float:none;display:block;margin: 0 auto;}
    	#imgMoney, #reasons .col-1 h3, .box h3 {display: block;float: none;width: 100%;display:block;margin: 0 auto;}
    	#nav {width: 100%;float: none;text-align: center;}
    	#nav ul li {padding: 15px 5px;line-height: 40px;}
    	#reasons .col-1 img, .box img {width: 50%;float:none;}
    	.margin7 {margin-right: 0;}
    	.col-2, .col-3, .col-4 {width: 90%;float:none;display:block;margin: 0 auto;}
    	.input label {}
    	.input select, .input input {float: none;display: block;width: 90%;margin: 7px auto;}
    	.input select {width: 99%;}
    	 
    }
    /*==================table css responsive=====================*/
   #report {width:100%;overflow:hidden;}
   .responstable {
	  margin: 1em 0;
	  width: 100%;
	  background: white;
	  color: #024457;
	  border-radius: 10px;
	  border: 1px solid #FF7A00;
	  overflow: hidden;
	}
	.responstable tr {
	  border-top: 1px solid #FF7A00;
	  border-bottom: 1px solid #FF7A00;
	}
	.responstable tr:nth-child(odd) {
	  background-color: #FFF2E5;
	}
	.responstable th {
	  display: none;
	  border: 1px solid white;
	  background-color: #FF7A00;
	  color: white;
	}
	.responstable td {
	  display: block;
	}
	.responstable td:first-child {
	  padding-top: .5em;
	}
	.responstable td:last-child {
	  padding-bottom: .5em;
	}
	.responstable td:before {
	  content: attr(data-th) ": ";
	  font-weight: bold;
	  width: 8em;
	  display: inline-block;
	}
	@media (min-width: 769px) {
	  .responstable td:before {
	    display: none;
	  }
	}
	@media (min-width: 769px) {
	  .responstable td {
	    border: 1px solid #d9e4e6;
	  }
	}
	.responstable th, .responstable td {
	  text-align: left;
	  margin: .5em 1em;
	}
	@media (min-width: 769px) {
	  .responstable th, .responstable td {
	    display: table-cell;
	    padding: 1em;
	  }
	  .responstable th:first-child, .responstable td:first-child {
	    text-align: center;
	  }
	}








/* Form errors & validation */

.error {
    color: #F00 !important; 
    font-weight: 800; 
    background: #FFE6E6  !important; 
    border-radius: 10px;     
    box-shadow: 1px 1px 1px #0f360e inset;     
    padding: 10px 12px 6px;
}
.valid{
    background: #90ee90 !important ;
}