@charset "utf-8";

.onform_div {
    width: auto;
    border: 1px;
    border-style: solid;
    height: auto;
    border-color: #DDDDDD;
    margin-top: 10px;
    background-color: #fcfcfc;
    margin-bottom: 0px;
    text-align: center;
    overflow: hidden;
}

.form-heading {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #f2f2f2;
    border-bottom: 1px solid #DDDDDD;
    padding: 7px;
    color: #444;
    padding: 2%;
}

.form-heading h1 {
    font-size: 31px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1%;
}

.error {
    color: #FF0000;
    font-size: 24px;
    padding-left: 5px;
    vertical-align: -webkit-baseline-middle;
}

    .imgtip {
   color: blue;
   font-size: 15px;
    line-height: 20px;
}

  .onadform #qlfdiv, #qlfdiv2, #qlfdiv3 {
    display: none;
    width: 44.6%;
    float: left;
    margin-left: 2.5%;
}

.onadform div.imgfdiv {
    border: 1px solid #ddd;
    width: 43%;    
    padding: 2% 1%;
    text-align: center;
    vertical-align: middle;
}

.onadform div.imgfdiv h4 {
    font-size: 17px;
}

.onadform div div{ 
	width: 100%;
    float: left;
    margin-left: 0;
    padding: 3.1% 0;
    padding-bottom: 0.5%;   
}

.onadform img{ 
	border: 1px solid #ddd;
	width: 95px;
	height: 100px;
}

.onadform section {
    display: block;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    margin-top: 2%;
    margin-bottom: 2%;    
    padding-bottom: 2%;
    float: none;
    clear: both;
}

.onadform section div.headingdiv{
	text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.onadform section h4 {
    display: block;
    font-size: 22px;
    margin: 1%;
    color: #545454;
}

.onadform section.terms {
    width: 96%;
    float: none;
    font-weight: 400;
    padding: 1% 2%;
    font-size: 14.5px;
}

.onadform ul {
    display: block;
    margin: 1%;
    text-align: left;
    padding-left: .9%;
    list-style-type: decimal;
}

.onadform article {
    text-align: left;
    font-size: 16px;
    color: #545454;
    line-height: 30px;
}


.onadform{
margin: 0 auto;
    text-align: left;   
    width: auto;
   /* background-color: #f3f3f3;*/
    padding-left: 1%;
    padding-bottom: 3%;
    font-size: 15px;
    font-weight: 700;
    width:98%;	
}

.onadform div{
	width: 44%;
    padding: 1%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3%;
}

.onadform div span{
	width: 42%;
	text-align: left;
	line-height: 32px;
}

.onadform input, select{
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 9px;
    border: 1px solid #dbdbdb;
    width: 51%;
    padding: 2.5% 1%;
    margin-left: 2%;
    float: right;
}

.onadform select{
   width: 53.3%;
}

.onadform input[type=date] {
    font-size: 17px;
    padding: 1.8% 1%;
}

.onadform input[type=file] {
    width: auto;
    float: none;
}

.onadform input[type=radio], .onadform input[type=checkbox] {
    box-shadow: none;
    width: auto;
    color: #5f5f5f;
    width: auto;
    margin-bottom: 0;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    float: none;    
    margin: 0;
    display: inline-block;
}

.onadform button{
   box-sizing: border-box;
    font-family: 'Nunito Sans', sans-serif;
    border-radius: 2px;
    background-color: #fff;
    border: 2px;
    border-color: #677bb7;
    border-style: solid;
    width: 110px;
    height: 38px;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
    color: #333;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 14.5px;
    margin: 0 auto;
    display: block;
}
.onadform button:hover{
	background-color:#3355b5;border:2px;border-color:#3355b5;border-style:solid;color: #fff;
}

.onadform div.recaptcha{
	float: none;
    margin: 2% auto;
    width: auto;
    text-align: center;
    display: table;
    padding: 0;
    margin-top: -1%;
}

@media handheld, only screen and (max-width: 1024px) {
	
	
	.form-heading {
    font-size: 14px;    
    line-height: 20px;
}
	
	.form-heading h1 {
    font-size: 24px;
	}
	
	
	.onadform {
    width: 100%;
    padding: 0;
    padding-bottom: 5%;    
}

.onadform div span {   
    width: 100%;
     font-size: 11px;
}

.onadform article {   
    padding: 2%;
}
	
}


@media handheld, only screen and (max-width: 667px) {
	
		.onadform {  
    margin-top: -4%;
    padding-bottom: 10%;
}

	
.onadform div {
    width: 100%;
    margin-top: 3%;
	
}

.onadform div span {   
    width: 100%;
    font-size: 15px;
}

.onadform div input {   
  width: 84%;
    margin: 0 auto;
    display: block;
    float: left;
    padding: 4%;
}

.onadform #qlfdiv, #qlfdiv2, #qlfdiv3 {
    width: 100%;
    margin: 0 auto;
    float: left;
    padding: 4%;
}

.onadform div input[type=date] {   
  width: 86%;
    padding: 3%;
}

.onadform div select {   
    width: 92%;
    margin: 0 auto;
    display: block;
    float: left;
    padding: 4%;
}

.onadform img {    
    margin: 3%;
}

.onadform div.imgfdiv {   
    width: 92%;
}
	
.onadform section {  
    padding: 2% 0;
}

.onadform section.terms {
    width: 94%;    
    padding: 6%;
}

.onadform article {  
   
    padding: 4%;
}

.onadform ul {   
    padding: 0 4%;
}

.onadform div.recaptcha {
    float: none;
    margin: 12% auto;
    margin-top: -12%;
	}
	
}