@font-face {
  font-family: 'TexGyre';
  src: url('fonts/texgyreadventor-regular-webfont.eot');
  src: local('☺︎'),
    url("fonts/texgyreadventor-regular-webfont.woff") format("woff"),
    url("fonts/texgyreadventor-regular-webfont.otf") format("opentype"),
    url("fonts/texgyreadventor-regular-webfont.svg#TexGyre") format("svg");
}
@font-face {
  font-family: 'TexGyreBD';
  src: url('fonts/texgyreadventor-bold-webfont.eot');
  src: local('☺︎'),
    url("fonts/texgyreadventor-bold-webfont.woff") format("woff"),
    url("fonts/texgyreadventor-bold-webfont.otf") format("opentype"),
    url("fonts/texgyreadventor-bold-webfont.svg#TexGyreBD") format("svg");
}
@font-face {
  font-family: 'SegeoUI';
  src: url('fonts/segoeui-webfont.eot');
  src: local('☺︎'),
    url("fonts/segoeui-webfont.woff") format("woff"),
    url("fonts/segoeui-webfont.otf") format("opentype"),
    url("fonts/segoeui-webfontt.svg#SegeoUI") format("svg");
}
@font-face {
  font-family: 'ErasBD';
  src: url('fonts/erasbd-webfont.eot');
  src: local('☺︎'),
    url("fonts/erasbd-webfont.woff") format("woff"),
    url("fonts/erasbd-webfont.otf") format("opentype"),
    url("fonts/erasbd-webfont.svg#ErasBD") format("svg");
}


body {
	background:#fff url('images/bg.jpg') top left repeat-x;
	margin:0;
	}

h1 {
	font-family:"TexGyreBD";
	font-size:32px;
	color:#f15c22;
	}
	
h2 {
	font-family:"TexGyreBD";
	font-size:32px;
	color:#f15c22;
	}
	
h3 {
	font-family:"TexGyreBD";
	font-size:24px;
	}
	
h4 {
	font-family:"SegeoUI";
	font-size:14px;
	color:#f15c22;
	}
	
h5 {
	font-family:"TexGyre";
	font-size:16px;
	color:#000;
	}
	
h1, h2, h3, h4 {
	text-transform:uppercase;
	padding:0;
	margin:0;
	}
	
	h1.big {
		font-size:60px;
		margin-top:-20px;
		}
	
	h2.big {
		font-size:40px;
		margin-top:10px;
		color:#f15c22
		}
	
	#index h1 {color: #076324;}

a {
	text-decoration:none;
	}

p, a, li, td, div, input, textarea, select {
	font-family:"SegeoUI";
	font-size:12px;
	}
	
p.home {
		font-size:16px;
		font-family:"TexGyre";
		}
	
	
.phone a {
		font-size: 30px;
		font-family: 'ErasBD';
		color: black;
	}
hr {
	width:100%;
	border:0 none;
	border-bottom:1px solid #eee;
	}
hr.vertical {
	margin-right:20px;
	display:block;
	float:left;
	width:1px;
	height:100px;
	border:0 none;
	border-right:1px solid #eee;
	}
	
.header{
	width:100%;
	background:#f9f9f9 url('images/tile.png') top left repeat;
		}

.footer, .main {
	width:100%;
	}
	
.size {
	width:1170px;
	margin:0 auto;
	padding:0 5px;
	position:relative;
	}

	.form, .full, .full-, .half, .third, .third-, .fourth {
		display:inline-block;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
		}
	
	.full {
		width:100%;
		}
	.full- {
		width:72.5%;
		}
	.third- {
		width:66%;
		}
	.half {
		width:49.5%;
		}
	.third {
		width:32.7%;
		}
	.fourth {
		width:24.25%;
		}
	.right {
		float:right;
		}
		
	.times {
		float:right;
		padding:0 0 0 40px;
		}



.header_color {
	padding:8px 0;
	}

	.red {
		background-color:#a32322;
		border-color:#a32322;
		}
	.orange {
		background-color:#f15c22;
		border-color:#f15c22;
		}
	.green {
		background-color:#076324;
		border-color:#076324;
		}
	.black {
		background-color:#262626;
		border-color:#262626;
		}
	h2.red {
		background-color:transparent;
		color:#a32322;
		}
	h2.orange {
		background-color:transparent;
		color:#f15c22;
		}
	h2.green {
		background-color:transparent;
		color:#076324;
		}
	h2.black {
		background-color:transparent;
		color:#262626;
		}


.logo {
	background: url(images/logo.png) 0 4px no-repeat;
	cursor:pointer;
	height:130px;
	width:160p;
	}

	.phone {
		background:url(images/phone.png) right 10px no-repeat;
		font-family: 'ErasBD';
		font-size: 30px;
		float:right;
		padding:25px 60px 10px;
		}
		
	.phone span {
		font-size: 28px;
		}
	
	.phone strong {
		font-family: 'ErasBD';
		}
	
	.nav {
		display:inline-block;
		position:absolute;
		bottom:0;
		right:0;
		}
		
	.nav a {
		text-transform:uppercase;
		text-decoration:none;
		font-family:TexGyre;
		font-size: 18px;
		color:#dad9d7;
		float: left;
		display: block;
		padding: 4px 15px 4px;
		margin:6px 1px 0;
		position: relative;

		background-color: #9e9d9c;
		-webkit-border-radius: 8px 8px 0 0;
		   -moz-border-radius: 8px 8px 0 0;
				border-radius: 8px 8px 0 0;
		}
	.nav a, .form .submit {
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
				transition: all 0.3s;
		}
	
	.nav a:hover {
		background-color:#bbb;
		padding: 4px 15px 10px;
		margin:0 1px;
		color:#fff;
		}
		
	.hid_nav, .sml_nav {
		position:absolute;
		cursor:pointer;
		height:28px;
		width:46px;
		right:0;
		top:-8px;
		}
	.hid_nav, .hid_nav span,
	.sml_nav, .sml_nav span {
		display:none;
		margin:4px 7px 0;
		border:2px solid #fff;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
		}
	.hid_nav {
		z-index:200;
		position:absolute;
		right:0;
		top:0;
		}

		
	#index .ind,
	#apply .app,
	#how-it-works .how,
	#fee-schedule .fee,
	#faqs .faq,
	#privacy .privacy,
	#pay .pay,
	#contact .cnt {
		background-color:#076324;
		padding: 4px 15px 10px;
		cursor:default;
		margin:0 1px;
		color:#fff;
		}

	.nav img {
		position:absolute;
		}
	.nav a.app {
		padding-left:40px!important; /*padding for images*/
		}
	.nav a.app img {
		top: -16px;
		left: 5px;
		}
	.nav a.pay img {
		top: 0;
		left: 5px;
		}

	
.main {
	padding:20px 0;
	}

.main.light-gray {
	background:#f9f9f9 url('images/tile.png') top left repeat;
	border-top: 5px solid #f15c22;
	}
	
.main.dark-gray {
	background:#afaeae url('images/dots.jpg') top left repeat;
	}
	
	.light-gray h3 {
		color:#f15c22;
		}
	.dark-gray h3 {
		color:#f15c22;
		}

	.owl-carousel {
		float:left;
		width:48.5%;
		margin-bottom:20px;
		}
	
	.form div {
		display:inline-block;
		padding-bottom: 10px;
		padding-right: 20px;
		}
	.form .nopad{
		padding-right:0;
		}
	.form div .half {
		width:48%;
		}
		

	.form {
		background-color:#eeeeee;
		border-top: 5px solid #f15c22;
		margin-bottom:20px;
		padding:20px 0 20px 20px;

		}
		
#index .form {
			margin-left:20px;
			float:left;
			width:48.5%;
			}
		
	.form.letters {
		padding-top:0;
		}
	.form.letters h1 {
		letter-spacing: .04em;
		position:relative;
		margin-top:0px;
		color:#3f3f3f;
		}
		#index .form.letters h1 {
			padding-left:40px;	
			letter-spacing:0;		
			}
	.form.letters h1 img {
		position:absolute;
		left:-10px;
		top:4px;
		}
		
	.form a {
		display:inline-block;
		font-size:8px;
		margin:3px 0;
		color:#888;
		}
	.form a:hover {
		color:#eee;
		}
	.form p {
		color:#6f6e6d;
		}
	.form label {
		padding:8px;
		max-width:80px;
		cursor:pointer;
		-webkit-border-radius:15px;
		   -moz-border-radius:15px;
				border-radius:15px;
		}
	.form label:hover {
		background-color:#c7c7c5;
		}
	.selected, label.selected:hover {
		color: #fff;
		font-weight: bold;
		background-color: #aaa;
		text-transform: uppercase;
		}
	
	.form input {
		height:30px;
		padding:0 8px 10px 0;
		background-color:#fff;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
		}
	.form input,
	.form select {
		margin:0 8px 5px 0;
		width:100%;
		}
	.form select {
		position: relative;
		margin-top: -5px;
		height: 30px;
		top: 5px;
		}
	.form input[type='radio'],
	.form input[type='checkbox'] {
		width:auto;
		height:14px;
		margin:0 10px 0 2px;
		}
	.form .submit, .submit {
		font-family:'TexGyreBD';
		text-align:center;
		font-size:16px;
		cursor:pointer;
		top: -1px;
		color:#fff;
		position: relative;
		padding: 0 0 4px 0;
		text-transform:uppercase;
		background-color:#f15c22;
		border:1px solid #f89829;
		-webkit-box-shadow:0 0 15px #555;
		   -moz-box-shadow:0 0 15px #555;
				box-shadow:0 0 15px #555;
		}
	.form .submit:hover, .submit:hover {
		background-color:#ff8556;
		border:1px solid #fff;
		}
	.submit {height:35px}
	
	.form .pp {width:55px}
	.form .ps {width:70px}
	
	.form .dm, .form .dd, .form .dy {margin-right:10px}
	.form .dm {width:78px}
	.form .dd {width:44px}
	.form .dy {width:51px}
	
	.form .st {width:50%}
	.form .zp {width:25%}
	
	table {
		background-color: #fff;
		border-collapse:collapse;
		}
	
	.border,
	ul.full,
	.graphic div  {
		border-top:0px solid #d1d1cf;
		}
	.border td,
	.graphic div  {
		border-right:1px solid #d1d1cf;
		}
	.border td:last-child,
	.graphic div:nth-child(3),
	.graphic div:last-child {
		border-right:0 none;
		}
	
	.border h2 {
		margin:20px 20px 10px;
		font-style:italic;
		color:#333;
		}
	.border h2 span {
		font-family:'TexGyreBD';
		font-size:48px;
		}

	ul.full {
		-webkit-column-rule:1px solid #cacaca;
		   -moz-column-rule:1px solid #cacaca;
				column-rule:1px solid #cacaca;
		-webkit-column-width: 49.5%;
		   -moz-column-width: 49.5%;
				column-width: 49.5%;
		-webkit-column-gap: 20px;
		   -moz-column-gap: 20px;
				column-gap: 20px;
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
		padding: 20px 0 0;
		margin: 20px 0;
		}
		
	li.Q {
		background:url('images/img_q.png') 0 7px no-repeat;
		font-family:'TexGyre';
		font-size: 20px;
		list-style-type:none;
		padding-left: 36px;
		min-height: 20px;
		}
	
	.graphic {
		margin-top:20px;
		}
	.graphic div {
		display:inline-block;
		padding:0 30px;
		float:left;
		height:250px;
		}
	.graphic div:first-child,
	.graphic div:nth-child(4) {
		padding-left:0;
		}
	.graphic img {
		margin:10px 10px 10px 0;
		float:left;
		}
	
	.map_text {
		text-align:center;
		margin:20px auto;
		}

.footer {
	background-color:#333;
	padding:40px 0;
	}

	.footer ul {
		list-style-type:none;
		}
	
	.footer li {
		color:#ccc;
		display:inline;
		padding:20px 10px;
		}
	.footer a {
		color:#ccc;
		}
	.footer a:hover {
		color:#fff;
		}
		
	.requirements {
		border-bottom:3px solid #f15c22;
		padding-bottom:10px;
		margin-bottom:15px;
		color:#f15c22;
		}

	.requirement_icons {
		width:100%;
		margin-bottom:50px;
		}
		
	.steps, .requirement_icons div {
		background-position: top center;
		background-repeat: no-repeat;
		background-size: auto auto;
		padding-bottom: 20%;
		}
	.steps {
		background-position: center 100px;
		}
		
	.requirement_icons div {
		display:inline-block;
		padding:12% 0 0 0;
		font-family:'SegeoUI';
		font-size:18px;
		text-align:center;
		width:19.5%;
		}
	
	#index .base {display:none}
	

@media screen and (max-width:1020px) {
	.size {
		width:760px;
		}
		
		.fourth {
			width:23.25%;
			}

	h1 {
		font-size:35px;
		}
	#index .form.letters h1 {
		padding: 10px 0 0 40px;
		}
	.form.letters h1 {
		letter-spacing:.02em;
		}
	.border h2 {
		font-size:24px;
		}

	.nav a {
		font-size:12px;
		padding:4px 10px 4px;
		}
	.nav a:hover {
		padding:4px 10px 10px;
		}
	.nav a.app img {
		top: -22px;
		}
	.nav a.pay img {
		top:-5px;
		}
		
	.form div .half:nth-child(2),
	.letters div.fourth:nth-child(5),
	#apply .form div.fourth:nth-child(4) {
		padding-right:0;
		}
	
	.steps {
		padding-bottom:25%;
		}
	.steps:nth-child(2) {
		background-size: 90%;
		}
		
		.form .pp {
			width: 40px;
			}
		.form .ps {
			width: 45px;
			}
		.form .dm {
			width: 55px;
			}
		.form .dy {
			width: 40px;
			}
		.form .st {
			width:50%;
			}
	
	.graphic div {
		padding:0 20px;
		height:240px;
		}
	.graphic img {
		max-height:110px;
		}
	.requirement_icons div {
		padding-top:16%;
		}

}

@media screen and (max-width:766px) {
	
	.size {
		width:500px;
		}
		
		.half,
		.full- {
			width:100%;
			}
		.third {
			width:100%;
			}
		.fourth,
		.times .half {
			width:48.5%;
			}
		.times {
			float:none;
			padding:20px 0 0;
			}

	h2 {
		line-height: 120%;
		margin-bottom: 10px;
		}
	.nav {
		position:fixed;
		display:none;
		z-index:100;
		top:0;
		}
	.nav, .nav a {
		width:100%;
		padding:0;
		}
	.nav a, .nav a:hover {
		float: left;
		margin:0!important;
		font-size:18px;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
		}

		.nav a, .nav a:hover, .nav a.pay, .nav a.app {
			padding:10px 0 10px 60px!important;
			}
		.nav a.pay img {
			top: 12px;
			}
		.nav a.app img {
			top: -1px;
			}

		.hid_nav, .hid_nav span,
		.sml_nav, .sml_nav span {
			display:block;
			}
		
	#index .form, .owl-carousel {
		width:100%;
		float:left;
		margin-left:0;
		margin-bottom:20px;
		}
	
	.form.letters h1 {
		font-size: 46px;
		line-height: 100%;
		margin-bottom: 10px;
		margin-top: 0;
		}
	
	hr.vertical {
		display:none;
		}
	
	.form div .half:nth-child(2),
	.letters div.fourth:nth-child(5),
	#apply .form div.fourth:nth-child(4) {
		padding-right:20px;
		}
		
	ul.full {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
		}
	ul.full br {
		display:none;
		}
	ul.full ol ol {
		margin-bottom:20px;
		}
	
	.border td, .steps:nth-child(2), .graphic div {
		border-right:0 none;
		border-bottom:1px solid #d1d1cf;
		}
	.steps, .steps:nth-child(2), .graphic div {
		width:100%;
		display: inline-block;
		background-size: auto auto;
		background-position: right center;
		}
	
	.requirement_icons div {
		padding-top:24%;
		margin-bottom:10x;
		width:32%;
		}
	.footer ul {
		margin:0;
		padding:0;
		width:100%;
		}
	.footer li {
		display: inline-block;
		text-align: center;
		padding: 20px 0;
		width: 24%;
		}
	.footer li:nth-child(even) {
		display:none;
		}

}
@media screen and (max-width:500px) {
	.size {
		width:310px;
		}
	h1.big {
		font-size: 44px;
		}
	h2 {
		font-size:26px;
		}
		.third-,
		.fourth,
		.form div .half {
			width:100%;
			}
	.times h5:first-child {
		float:left;
		}
	.form.letters h1 {
		font-size: 38px;
		}
	
	.phone {
		float: right;
		width: 160px;
		font-size: 19px;
		padding: 75px 0 10px;
		}
	.phone span {
		font-size:20px;
		}
	.requirement_icons div {
		padding-top:36%;
		margin-bottom:20x;
		width:49%;
		}
		
	.steps, .steps:nth-child(2) {
		padding-bottom: 50%;
		background-position:center 70px;
		}
	
	.form .nopad {
		padding-right:10px;
		}
	
	input,textarea,select {
		font-size:16px;
		}
	
	.mobile_special .third, .mobile_special .fourth, .mobile_special .half {
		width: 100%;
		}
	
	.schedule td, .schedule th {
		font-size: 8px;
		}
	.phone a {
		font-size: 19px;
		font-family: 'ErasBD';
		color: blue;
	}
}