/*
Theme Name: I Need A Personal Loan		
Author: Go Viral Marketing
Description: I Need A Personal Loan
Version: 0.0.1
*/

html
{
	margin: 0;
	padding: 0;
}

html { 
  background: url("https://ineedapersonalloan.com/wp-content/uploads/2018/03/blue-bg.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


body
{
	width:100%;
	text-align:center;
	
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	color:#ffffff;
	
}

body, html {
    height: 100%;
}



div, h1, h2, p {margin-top:0}

h2{font-size:32px; font-weight:bold}
h3{font-size:20px; font-weight:bold}



a {color: #369}

.wrapper{width:95%; margin:0 auto; max-width:1024px;}

.header{padding: 25px 0px;}
.logo{float:left;text-align: left; width:325px;}
.navigation{ float:right; margin-top: 25px;}

. navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navigation li{display:inline; margin-left:15px; }
.navigation a{font-size:27px; color:#ffffff; text-decoration:none; text-transform:lowercase;}



.footer{padding: 50px 40px 40px 40px; font-size:14px; color:#3b3b3b; background-color: #ffffff; font-family:Arial, Helvetica, sans-serif; text-align:left; border-top: 1px solid #cccccc;}
.footerlogo{font-weight:bold; margin-bottom:15px; font-family: 'Oswald', sans-serif;}
.footernavigation a{font-size:18px; color:#3b3b3b; text-decoration:none; margin-bottom:10px; text-transform:lowercase;}
.footerholder{display:table;}
.footerrow{display:table-row;}
.footerleft{display:table-cell; width:170px; padding-right:35px;vertical-align:top}
.footerright{display:table-cell; vertical-align:top}

.footernavigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.submain{padding: 40px; color:#3b3b3b; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif}

.aboveform{font-size:53px; margin-bottom:20px; line-height:115%}
.belowform{font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-bottom: 100px; }
.form{width:75%; margin:0 auto; max-width:700px;}

#site-info{margin-top:30px;}

input[type="button"]{ text-align:center; height:45px; font-size:18px; padding:15px 0px; text-shadow:none; -webkit-appearance: none; border-radius: 0px;
-moz-border-radius: 0px; -webkit-border-radius: 0px; color:#ffffff; background-color:#4ac975; width:100% !important; cursor: pointer; border: none;
    outline:none; }
	
select{
background-color: Transparent;
border: 0px;
 -webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
appearance: none;
}

 select::-ms-expand{
    display: none;
} 

.clear{clear:both;}
.green{color:#4ac975;}

.nf-form-fields-required, .nf-error-msg{display:none;}

input[type="select"], input[type="email"] {text-align: center; font-size:18px; color:#ffffff; height:40px; background-color:transparent; border-radius: 10px; border: 1px solid #ffffff}

.nf-field-container{margin-bottom: 10px !important;}

.nf-error-2{border:1px solid #F00;}

#nf-field-9, #nf-field-10{font-size:18px; color:#3b3b3b; height:40px; font-family:Arial, Helvetica, sans-serif }
#nf-field-11{font-size:18px; color:#3b3b3b; font-family:Arial, Helvetica, sans-serif}

#site-infomobile{display: none;}

.alignleft{text-align:left}

@media screen and (max-width: 996px){
.aboveform{font-size:42px!important;}
}

@media screen and (max-width:766px){
.aboveform{font-size:36px!important;}
.logo{float:none; text-align: center; width:100%; margin:0 auto;}
.navigation{ display:none}

}

@media screen and (max-width:596px){
	
html { background-position:top 100px;}
.logo{width:80%;}	
.aboveform{font-size:28px!important;}	
.footerleft{display:block; width:100%; padding-right:0px; text-align:center}
.footerright{display:block;  width:100%; margin-top:30px;}
#site-info{display: none;}
#site-infomobile{display: block; margin-top:20px;}


}