body {
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    color: #192048;
}


h1,
h2,
h3,
h4 {
    text-transform: uppercase;
    font-weight: 400;
    color: #192048;
    letter-spacing: .03em;
}

h3 {
    margin-top: 30px;
    margin-bottom: 15px;
}



	.side h2	{color:#bdbdbd}
h3, .nextBtn	{font-size:15px; letter-spacing:-.05em}
h4	{font-size:14px; margin: 0 0 15px 0}
	.thirdWidth h4	{font-size:12px;}
	.quartWidth h4	{font-size:12px;}

p {
    margin-top: 0;
    display: block;
    word-wrap: break-word;
}
#form2 {
background-color: #eeeded;
padding: 10px 10px 10px 20px;
border: 3px dashed #000000;
}

#order_form_bottom_button { display:none; }
	
p, li, input, select, textarea	{
    font-size:16px;
    line-height: 1.6;
}
small {
	font-size:11px;
	margin-bottom:10px;
	display: inline-block;
	}
input, select, textarea	{color:#666}

a 	{
	text-decoration:none;
	font-size:10px;
	color:#6EBEC5;
	}
a:hover	{color:#CCC}


input, select, textarea {
   background: #FFF;
   border: 1px solid #DDD;
   border-radius: 0;
   padding: 5px;
   height: 34px;
   font-size: 16px;
   line-height: 1;
   }
input 	{
	margin-right: 10px;
	height:24px;
	}
textarea {
	height:100px;
	width:95%;
	}
.sub_section select {
   background: #FFF;
   }
   
.busLnk, #business a,
.comLnk, #community a	{color:#6EBEC5}
.reaLnk, #realestate a	{color:#F1B14F}
.perLnk, #personal a	{color:#C0Cf7B}
.eduLnk, #edcuation a	{color:#E46A5D}

#form .nextBtn {color:#fff;}



.main_section.deselected, .main_section.deselected:hover {
	color:#BBB;
	background-color:#F2F2F2;
	}
.main_section.deselected img, .main_section.deselected:hover img {
	-webkit-opacity:0.3;
	   -moz-opacity:0.3;
			opacity:0.3;
	}


.submit {
	font:bold 20px/100% 'ErasBD';
	margin-bottom: 30px;
	padding:10px 80px;
	height:auto;
	color:#FFF;
	}
.submit:hover {background-color:#CCC!important;color:#333}

.logo {
	background: #000000 url('images/logo.png') top center no-repeat;
	cursor:pointer;
	height:103px;
	width:100%;
	text-align: center;
	}
	
	
.content {
	border-top:1px solid #000000;
	background-color:#1b408f;
	padding-bottom: 10px;
	width:100%;
	}
.content_, .base_{
	margin:30px auto;
	width:860px;
	}



.main {
	border:1px solid #BABABA;
	background-color:#FFFFFF;
	width:100%;
	padding: 30px;
	}
	
	.quote {
		background-color:#f1f0f0;
		margin:10px 0px 0px 10px;
		color:#025290;
		padding:10px;
		width:180px;
		float:right;
		font-size:12px;
		font-style:italic;
		border:1px solid #838382;
	}
	.quote span {
		font-size:14px;
		font-style:normal;
		margin-top:10px;
		display:block;
		float:right;
	}
	.quote img {
		float:left;
		margin-right:10px;
	}
	
	.quote-bottom {
		margin-bottom:100px;

	.main_section, .mainLnk {
		width:19%;
		cursor:pointer;
		padding:9px;
		margin:0 0 20px;
		display:inline-block;
		}
	.main_section:hover h3, .main_section.selected h3, .mainLnk h3 {
		color:#FFF;
		}
	.main_section.deselected:hover h3, .main_section.deselected h3 {
		color:#CCC;
		}
	.main_section h3, .mainLnk h3 {
		text-align:center;
		}


.main_section, .btnLnk, .main_section  {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
	}
.main_section img, .funding_sections img, .btnLnk img {
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	}


.fullWidth	{width:100%;}
.fillWidth	{width:72%}
.halfWidth	{width:48.5%}
.thirdWidth	{width:32%}
.quartWidth	{width:24%}

 div.fillWidth {
 	height:24px;
	padding: 5px 10px 0 0;
	margin-right: 10px;
 	}

.fullWidth .halfWidth {
	margin:0 15px 0 0;
	}
.halfWidth select, select.halfWidth {
	margin:0 10px 0 0;
	width: 53%;
	}
.halfWidth p {
	margin:9px 0 0;
	}
.halfWidth span {
	margin: 20px 15px 0 15px;
	font-size:12px;
	float:right;
	color:#000;
	}

.input_text {width:400px}

.left	{float:left}
.right	{float:right}
.center {display: block;
    margin-left: auto;
    margin-right: auto}
.clear, .clear_both	{clear:both; margin:0 0 20px 0}
.clear_left { clear:left; margin: 0 0 20px 0}#credit_card_icon { margin: 5px 0px 0px 245px }

@media screen and (max-width:900px) {
	h1, h2, h3 {white-space:normal}
	.side h3 {white-space:nowrap; text-indent:-5px}
	.content_, .base_ {width:690px}
	h1 {font-size:30px; text-align:center}
	h2 {font-size:16px}
	.logo {
		background-size:auto 65px;
		height:65px;
		}

	.hidden_sections a {width:100%}
	.hidden_sections:before,
	.section:before {
		font-size:40px;
		left:-95px;
		}
	.thirdWidth {width:48%}
	.funding_sections img {width:44px}
	
	.main_image {
	width: 60%;
	}
	
	.main_section img {width:60px}
	.main_section h3 {font-size: 12px}
	.main_section {
		padding:8px;
		width: 18.5%;
		}
	.quote {
		padding: 15px;
		width: 150px;
		}

	}
}
@media screen and (max-width:750px) {
	.logo {
		background-size:auto 75px;
		height:75px;
		}
	.content_, .base_ {width:520px}
	.main {width:88%}
	.side {display:none}
	.main2 {
		display: none;
		}
	.quote-bottom {
		margin-bottom:20px;
	}
	
	.img {width:48.5%}
	
	.forgot .input_text, .login .input_text {width:95%}
	.loginform td {
		width:100%;
		float:left;
		display:inline-block;
		}	#credit_card_icon { margin: 5px 0px 0px 196px; }
}
@media screen and (max-width:520px) {
	h1 {
		margin: 0;
		font-size: 25px;
		text-align: center;
		}
	.logo {
		background:url('images/logo_mobi.png') top center no-repeat;
		background-size:auto auto;
		height:113px;
		}
	textarea {width:95%; font-size:18px;}
	form {
		margin:20px 0 20px -8%;
		width: 106%;
		}
	.cols2 {
		-webkit-column-count:1;
		   -moz-column-count:1;
				column-count:1;
		}
	.content_, .base_ {width:300px}
	.quote {
		width:90%;
		font-size:12px;
		padding:15px 5%;
		margin-bottom: 15px;
		}
	
	.main2 {
		display: none;
		}
		
	.submit {padding:10px 60px}
	.right {float:none}
	.fillWidth {width:95%}
	.quartWidth {width:20%}
		.main {width:78%}
	.main_ {margin:20px 7%}
	.main_section {
		width:100%;
		border:3px solid;
		margin: 0 5px 5px 0;
		}
	.main_section:hover {
		border:3px solid #fff;
		}
	.main_section img {
		float:left;
		}
	.main_section h3 {
		font-size: 22px;
		text-align:left;
		text-indent:10px;
		}
	.main_section.deselected,
	.main_section.deselected:hover {
		display: inline-block;
		border:1px solid #fff;
		margin: 5px 0;
		width: 48%;
		padding:0;
		}
	.main_section.deselected:hover {
		background-color: #ccc;
		}
	.main_section.deselected h3 {
		text-indent: 5px;
		font-size:14px;
		margin: 10px;
		}
	.main_section.deselected:hover h3 {
		color: #fff;
		}
	.main_section.deselected img {
		border:0 none;
		width: 38px;
		}
	.sub_section, .form_section {
		width:100%;
		padding: 1px 0 0 10px;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
		}

	.hidden_sections {
		background: url("/images/StepArrow2_top.png") no-repeat top center;
		padding: 90px 0px 10px 0px;
		}
	.hidden_sections a {
		width:98%;
		}
	.selections .mainLnk {overflow:hidden}
	.stpTitle {
		font-size: 15px;
		}
	.loginform td {
		width:100%;
		float:left;
		display:inline-block;
		}
	.fullWidth, .halfWidth, .halfWidth select, select.halfWidth, .input_text {
		width: 95%;
		}	
}


.padding-t-b {
    padding-top: 10px;
    padding-bottom: 10px;
}

.text-center {
    text-align: center;
    display: block;
}

.will-example {
    border: 1px solid;
    background-color: #e9e9e9;
    margin-top: 40px;
    padding: 40px 40px;
}

.will-example ul,
.will-example li{
    padding-left: 0;
    list-style: none;
}


nav {
    background-color: #2855c1;
    display: inline-block;
    width: 100%;
    color: #fff;
    position: relative;
}

.l-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}

.l-wrapper.small {
    max-width: 800px;
}

.drop-down {
    background-color: #353535;
    display: inline-block;
    padding: 15px;
    position: absolute;
    left: -2px;
    top: 59px;
    margin: 0;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: all .8s;
}

.drop-down li a {
    font-size: 14px !important;
    color: #fff;
}

.drop-down li a:hover {
    font-size: 14px;
    color: #2855c1;
}

.drop-down li {
    padding: 6px 6px;
    border-bottom: 1px solid hsla(0,0%,100%,.5);
}

.drop-down li:last-of-type {
    border: none;
}

nav ul,
nav li {
    padding-left: 0px;
    list-style: none;
}

nav .parent-li {
    display: inline;
    position: relative;
    padding: 20px 10px;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
}

nav .parent-li a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

nav .parent-li:hover .drop-down {
   opacity: 1;
   visibility: visible;
}


.hero-image {
    overflow: hidden;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-image img {
    width: 100%
}


.hero-image .asap-logo {
    max-width: 150px;
    height: auto;
}

.hero-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    max-width: 1000px;
}

    .hero-flex h1,
    .hero-flex p {
        color: #fff;
        text-transform: uppercase;
    }

    .hero-flex h1 {
        font-size: 50px;
        letter-spacing: .04em;
        margin-bottom: 0;
        text-shadow: 2px 2px 2px #000;
        text-align: left;
        line-height: 1;
    }

    .hero-flex p {
        font-size: 26px;
        font-weight: 200;
        letter-spacing: .04em;
        text-shadow: 2px 2px 2px #000;
        text-align: left;
    }

@media (max-width: 700px) {
    .hero-flex {
        flex-direction: column;
    }

    .hero-image .asap-logo {
        max-width: 100px;
    }
    
    .hero-flex h1 {
        font-size: 26px;
    }

    .hero-flex p {
        font-size: 18px;
    }
 }

.white-section {
    background-color: rgb(256,256,256);
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
}

.blue-section {
    background-color: rgb(35,54,119);
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff;
    width: 100%;
}

    .blue-section h2,
    .blue-section h3,
    .blue-section h4,
    .blue-section h5 {
        color: #fff;
    }

.footer {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: rgb(35,54,119);
}

.flex-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-footer a {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}