/*
  PERSONAL PAGE
*/
.spacer {
  padding-top: 50px;
}
.column:last-child:not(:first-child) {
  float: left;
}
.bump {
  height: 80px;
}
.fixed {
	padding: 0px !important;
  position: fixed;
  top: 73px;
  border-bottom: 1px solid #eee;
}

	.fixed h2 {
		font-size: 20px;
	}
	
.features {
	background: #bbbdbf;
	padding: 75px 0px;
}
	.features h3 {
		color: #fff;
		font-size: 20px;
	}
	.features p {
		color: #fff;
		font-size: 1em;
	}
	.features img {
		margin-bottom: 25px;
		margin-top: 35px;
		max-width: 120px; width: 100%; height: auto;
	}

.des-bar {
  background-color: #023c7b;
  position: relative;
}
.description h3 {
	color: #fff;
}
.des-bar svg {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  top:-1px;
  height: 30px;
  width: 80px;
}
.des-bar svg polygon {
  fill: #fff;
}
/*
  personal header
*/
.sub-nav {
  text-align: center;
  width: 100%;
  padding: 10px 0px 10px 0px;
  background: #fff;
  transition:  position .3s ease-in-out;
}
.sub-nav a {
	display: inline-block;
	margin: 0px 20px;
	vertical-align: middle;
}
.sub-nav-scrolled {
  text-align: center;
  width: 80%;
  position: fixed;
  padding: 10px 0px 10px 0px;
  top: -80px;
  left: 0;
  background: #fff;
}
.show {
  top: 0 !important;
  border-bottom: 1px solid #eee;
}
.sub-nav-container {
  width: 55%;
  display: inline-block;
  position: relative;
}
.tab-button:hover h2 {
  color: #a0b0c6;
}
.tab-button-info, .tab-button-officers, .tab-button-apply {
  text-align: center;
  padding: 10px 20px 0px 0px;
}

/*
  info
*/
.info {
  padding-top: 100px;
}
.info-scrolled {
  margin-top: 10px;
}
.info h1:after, .officers h1:after, .apply h1:after {
  border-bottom: 3px solid #16355e;
  content: ' ';
  display: block;
  width: 50%;
  padding-top: 10px;
}
tab-content {
  width: 100%;
  text-align: center;
}
.info, .officers, .apply {
  width: 100%;
  text-align: center;
  transition: all .3s ease-in-out;
}
.info-content , .officers-content, .apply-content {
  width: 55%;
  display: inline-block;
  text-align: left;
}
.info-header {
  padding-bottom: 20px;
}
.info-header h1 {
  font-size: 36px;
  font-weight: 400;
}
.info-header h2, .officers-header h2, .apply-header h2 {
  font-size: 20px;
  font-weight: 400;
  color: #16355e;
  padding-top: 20px;
}
.info-item {
  text-align: left;
  padding: 0px 0px 15px 0px;
}
.info p, .officers p, .apply p {
  font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
  font-size: 15px;
  color: #17355f;
  line-height: 26px;
}
.info-img-container {
  text-align: center;
}
.info-img {
  display: inline-block;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  overflow: hidden;
  padding: 0px;
}
.info-img img {
 transform: scale(120%, 120%);
}

/*
  officers
*/
.officers {
  padding-top: 100px;
}
.officers-item h3 {
	margin-bottom: 0px;
}
.officers-item p {
	line-height: 1.4em;
}
.officers-item .button {
	font-size: 0.875em !important;
	margin-top: 20px;
	padding: 10px 15px;
}
.officers-item {
  box-sizing: border-box;
  vertical-align: middle;
}
.officers-copy {
  display: inline-block;
}

.officers-copy p a {
	color: #b1974c !important;
	text-decoration: underline;
}
.officers-item {
  padding: 50px 0px;
}
.officers-item:last-of-type {
  padding: 50px 0px 0px 0px
}

.officers-img img {
	width: 100%; height: auto;
}

/*
  apply
*/
.apply-header {
  padding-bottom: 20px;
}
.apply-sub-header {
  padding-top: 20px;
}
.apply-content {
  width: 55%;
  display: inline-block;
  box-sizing: border-box; 
}
.apply input, .apply textarea, .apply select, .apply button {
  box-shadow: none;
  font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
  font-size: 12px;
}
.apply textarea {
	resize: none;
}
.apply input:hover {
  background: #efefef;
}
.apply input:focus {
  background: #fff;
  box-shadow: none;
}
.apply {
  padding-top: 100px;
  padding-bottom: 100px;
}
.apply button {
  padding: 15px 10px;
  background-color: #b1974c;
  color: #fff; 
}
.apply button:hover {
  background: #c4af6b;
}

/* == Redesign == */

.intro-section {
	padding: 125px 0px;
}

	.intro-section p {
		font-size: 1.5em;
		line-height: 1.4em;
		margin: 0px;
	}
	
section.get-started {
	background: url(../img/blue-horse.jpg) left center no-repeat #023c7b;
  
  -webkit-background-size: auto 100% !important;
  	 -moz-background-size: auto 100% !important;
		 	-ms-background-size: auto 100% !important;
		 			background-size: auto 100% !important;
	padding: 100px 0px;
}
.alt-bg {
  background: url(../img/2horses_blue.jpg) right center no-repeat #023c7b;
}

	.get-started h1 {
		color: #fff;
		margin-bottom: 15px;
	}

	.get-started a {
		border: 2px solid #fff;
		color: #fff !important; 
		display: inline-block;
		font: normal 400 1em/1em proxima-nova, sans-serif;
		letter-spacing: 0.05em;
		margin: 10px 10px 0px 10px;
		padding: .75rem 1.5rem;
		text-transform: uppercase;
	}
	
		.get-started a.button-fix {
			width: 220px;
		}
	
		.get-started a:last-child {
			background: #fff;
			border-color: #fff;
			color: #16355e !important;
		}
		
.details {
	padding: 75px 0px;
}

	.details .line {
		margin-bottom: 25px;
	}

	.details .column {
		margin-top: 30px;
	}

	.details h3 {
		font-size: 1.5em;
	}

	.details p {
		font-size: 1.15em;
	}
	
table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing: 0px;
	margin-top: 35px;
}
	
table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 40px 25px !important;
	text-align: left;
	vertical-align: top;
}

	table td:hover {
		background: #16355e;
	}
	
		table td:hover h3, table td:hover p, table td:hover li {
			color: #fff;
		}

#lenders {
	padding-bottom: 75px;
}

.disclaimer {
	padding-top: 15px;
}

	.disclaimer h6 {
		font-size: 0.9em;
		display: inline-block;
	}

.line {
	background: #16355e;
	display: inline-block;
	margin-top: 10px;
	max-width: 200px; width: 100%; height: 3px;
}

.lenders img {
	margin-bottom: 10px;
}

	.lenders h3 {
		font-size: 1.6em;
		margin-bottom: 0px;
	}
	
	.lenders p {
		line-height: 1.35em;
		font-size: 1em;
		margin: 0px;
	}
	
	.lenders .column {
		margin-top: 40px;
	}
	
		.lenders p a {
			color: #b1974c !important;
			text-decoration: underline;
		}

@media screen and (max-width: 40em) {
  .info-content, .apply-content, .officers-content {
    width: 80%;
  }
  .officers-copy {
    padding: 20px 0px;
  }
  .officers-item p:first-of-type {
    line-height: 1;
  }
  .officers-item:last-of-type {
    padding: 50px 0px 0px 0px;
  }
  .personal-nav-container {
    width: 80%;
  }
  .tab-button-info, .tab-button-officers, .tab-button-apply {
    padding: 30px 10px;
  }
  .personal-nav-scrolled {
    top: -130px;
    padding: 10px 10px;
  }
  .tab-button {
    padding: 0px 10px;
  }
  .tab-button h2 {
    margin: 0;
  }
  .bump {
    height: 62px;
  }
}