/*
  INDEX PAGE
*/

/*
  intro
*/

.centered > .columns {
	display: inline-block;
	float: none !important;
	vertical-align: middle;
}

.banner-badge {
	display: inline-block;
	max-width: 150px; width: 100%;
}
.intro {
  position: relative;
}
.intro-bar {
  height: 75px;
  background-color: #b1974c;
  position: relative;
}
.intro-bar svg  {
  height: 30px;
  width: 80px;
  top: -50px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 99%;
  left: 50%;
  transform: translate(-50%, 0%)
}
.intro-bar svg polygon {
  fill: #b1974c;
}
.intro-copy {
  padding: 20px 55px;
  top: 55%;
  left: 75%;
}
.intro-copy p {
  margin: 0;
  padding: 0;
  text-align: justify;
}
.intro-header .bracket {
  font-size: 100px;
  font-family: Minion, serif;
  text-align: center;
  color: ;
}

.intro-text {
  padding: 100px 0px;
}

	.intro-text p {
		font-size: 15px;
	}

/*
  description
*/
.description {
  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;
}
@media only screen and (max-width: 40em) {
	.description {
		background-position: left -400px center;
	}
}
.des-bar {
  background-color: #023c7b;
  position: relative;
}

.description h3 {
	color: #fff;
}
.des-bar svg {
  position: absolute;
  left: 50%;
  top:-1px;
  transform: translate(-50%, 0%);
  height: 30px;
  width: 80px;
}
.des-bar svg polygon {
  fill: #fff;
}
.des-container {
 padding: 80px 0px; 
 position: relative;
}
.descripter {
  text-align: center;
}

  
  .des-img img {
	  max-width: 120px; width: 100%;
  }
.des-text {
  display: inline-block;
  padding: 20px 20px;
  text-align: center;
}
.des-text p {
  color: #fff;
  font-size: 1em;
  margin: 0px;
}
/*
  apply
*/
.apply-bar {
  position: relative;
}

.apply-bar svg {
  position: absolute;
  left: 50%;
  top: -1px;
  transform: translate(-50%, 0%);
  height: 30px;
  width: 80px;
}
.apply-bar svg polygon {
  fill: #023c7b;
}
.apply-img, .start-img, .account-img, .reason-img {
  padding: 0px;
}
.apply-info, .account-info {
  padding: 0px 150px 0px 50px !important;
}

@media only screen and (max-width: 1096px) {
	.apply-info {
		padding: 0px 50px !important;
	}
}

@media only screen and (max-width: 990px) {
	.apply-info h2, .start-info h2 {
		font-size: 15px !important;
	}
	
	.apply-info h1, .start-info h1 {
		font-size: 30px !important;
		line-height: 35px !important;
		margin-bottom: 0px !important;
		padding-bottom: 10px !important;
	}
	
	.apply-info p, .start-info p {
		margin-bottom: 15px !important;
	}
}

@media only screen and (max-width: 900px) {
	.app-links img {
		height: 38px !important;
	}
	
	.apply-info p, .start-info p {
		font-size: 12px !important;
		line-height: 21px !important;
	}
	
	.apply-info a, .start-info a {
		font-size: 11px !important;
	}
	
	.apply-info h2, .start-info h2 {
		margin: 0px !important; 
		padding: 0px !important;
	}
	
	.apply-info {
		padding: 0px 30px !important;
	}
}

@media only screen and (max-width: 730px) {
	.apply-info h2, .start-info h2 {
		font-size: 12px !important;	
	}
	
	.apply-info p, .start-info p {
		line-height: 19px !important;
	}
	
	.apply-info h1 {
		font-size: 25px !important;
		padding: 3px !important;
	}
}

@media only screen and (max-width: 639px) {
	.apply-info {
		padding: 30px !important;
	}
	
	.apply-info h2, .start-info h2, .account-info h2 {
	  font-size: 15px !important;
	  padding: 0px 0px 10px 0px !important;
	}
	
	.apply-info h1, .start-info h1, .account-info h1 {
		font-size: 40px !important;
	  padding: 0px 0px 15px 0px !important;
	}
	
	.apply-info p, .start-info p {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	
	.apply-info a, .start-info a {
		font-size: 14px !important;
	}
}
.apply-info h2, .start-info h2, .account-info h2 {
  font-family: "Proxima Nova", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #16355e;
  padding: 0px 0px 0px 0px;
}
.apply-info h1, .start-info h1, .account-info h1 {
  padding: 0px 0px 0px 0px;
}
.apply-info p, .account-info p, .reason-info p{
	font-size: 15px;
	margin-bottom: 15px;
}
.apply-info a, .start-info a, .account-info a {
  background-color: #b1974c !important;
  color: #fff;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
	 padding: 10px 25px;
}
.apply-info a:hover, .start-info a:hover, .account-info a:hover {
  background-color: #c4af6b;
  color: #fff;
}

.app-links a {
	background: none;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0px;
}

	.app-links h2 {
		font-size: 1em;
		margin-bottom: 2px;
		text-transform: uppercase;
	}

	.app-links img {
		height: 46px; width: auto;
	}

	.app-links .app-store {
		height: 44px;
	}

/*
  started
*/
.start-info {
  padding: 0px 50px 0px 50px;
}
.start-info ol {
  list-style: none;
  margin: 0px;
}
.start-info li {
  counter-increment: item;
  font-family: "Proxima Nova", serif;
  font-size: 12px;
  font-weight: 400;
  color: #16355e;
  line-height: 20px;
  padding-bottom: 10px;
  text-align: justify;
}
.count-contain {
  height: 60px;
  vertical-align: middle;
}
.counter {
  height: 28px;
  width: 28px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #b1974c;
  border-radius: 100%;
}
.counter p {
  padding: 0;
  margin: 0;
  display: inline-block;
  font-family: Minion, serif;
  font-size: 23px;
  color: #b1974c;
  line-height: 1.2;
}
.start-info a {
  display: inline-block;
  padding: 10px 25px;
}
.start-info ol li div {
  box-sizing: border-box;
}

/*
  account
*/
.account {
  box-sizing: border-box;
}


/* == Feature == */

.rate-feature {
	background: #b1974c;
	padding: 100px 0px;
}

	.rate-feature h2 {
		color: #fff;
		font-family: "Proxima Nova", sans-serif;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 2px;
	}
	
	.rate-feature h1 {
		color: #fff;
	}
	
	.rate-feature p {
		color: #fff;
	}
	
	.rate-feature a {
		background-color: #17355f;
  color: #fff !important;
  display: inline-block;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  margin-top: 15px;
	 padding: 10px 25px;
	}

.featured-text {
	color: #fff;
	font: normal 700 7em/1em Proxima Nova, sans-serif;
}

.featured-sub-text {
	color: #fff;
	font: normal 400 2em/1em Proxima Nova, sans-serif;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.feature-badge {
	display: inline-block;
	max-width: 250px; width: 100%; height: auto;
}

@media only screen and (max-width: 40em) {
	.feature-badge {
		margin-bottom: 35px;
	}
}