/****** HEADER ******/        
	.standardheader .hero .inner {
		background: none;
	}
		.standardheader .hero .center {
			vertical-align: middle;
		}
			.standardheader .hero h1 {
				text-align: center;
				font-weight: 700;
				letter-spacing: 1px;
				font-size: 3em;
				line-height: 1;
				text-shadow: 0 0 3px #000;
				text-transform: none;
				color: #fff;
				padding-left: 10px;
				padding-right: 10px;
				width: 100%;
			}
			@media only screen and (min-width: 768px) { /* sm screens and up */
				.standardheader .hero h1  {
					font-size: 4em;
				}
			}
			@media only screen and (min-width: 992px) { /* md screens and up */
				.standardheader .hero h1  {
					font-size: 5em;
				}        
			}
			@media only screen and (min-width: 1200px) { /* lg screens and up */
				.standardheader .hero h1  {
					font-size: 6em;
				}        
			}
		
		/***** HOW TO PAY WITH HOP *****/   
		.content .hoppayment {
			background-color: #55379F;
			color: #fff;
			margin-bottom: 2em;
		}
			.content .hoppayment .contentcontainer {
				padding-top: 30px;
				padding-bottom: inherit;
				background: url("/fares/img/hop-payment.gif") left 40px no-repeat #55379F;
				background-size: 110px auto;
			}
				.content .hoppayment h2 {
					color: #fff;
				}
				.content .hoppayment p.learnmore {
				}
					.content .hoppayment p.learnmore a {
						color: #fecb38;
						text-decoration-color: #ab826a;
						font-weight: 600;
				   }
						.content .hoppayment p.learnmore a:hover {
							text-decoration-color: #fecb38;
						}


		@media only screen and (min-width: 480px) { /* ms screens and up */
			.content .hoppayment .contentcontainer {
				background-size: 150px auto;
				padding-top: 3em;
				padding-bottom: 2em;
		   }
		}
		@media only screen and (min-width: 525px) {
			.content .hoppayment .contentcontainer {
				background-size: 200px auto;
			}
		}
		@media only screen and (min-width: 768px) { /* sm screens and up */
			.content .hoppayment .contentcontainer {
				background-size: 220px auto;
				background-position: left 70px;
			}
		}
		@media only screen and (min-width: 992px) { /* md screens and up */
			.content .hoppayment .contentcontainer {
				 background-size: 220px auto;
				 background-position: 20px 0;
		   }
		}   
		@media only screen and (min-width: 1200px) { /* lg screens and up */
			.content .hoppayment .contentcontainer {
				background-size: 120px auto;
				background-position: 180px 10px;
			}
		} 

		.content .hopstrata {
			background-color: #55379F;
			color: #fff;
		}
			.content .hopstrata h2 {
				color: #fff;
			}
			.content .hopstrata a {
				color: #fecb38;
				border: none;
				text-decoration-color: #fecb38;

				font-weight: 600;
		   }
				.content .hopstrata a:hover {
					text-decoration-color: #fecb38;
					text-decoration: underline;
				}




		.content .hopcard {
			background-color: #ccc;
		}
			.content .hopcard h2 {
			}
			.content .hopcard a {
				border: none;

				font-weight: 600;
		   }
				.content .hopcard a:hover {
					text-decoration-color: #fecb38;
					text-decoration: underline;
				}
		.content .benefits img {
			margin: 0;
		}
		.content .benefits h3 {
			padding-top: .25em;
			padding-bottom: .125em;
		}
		.content .benefits p {
			padding-bottom: 2em;
			line-height: 1.125;
		}



    .content .hopcardform .box.purple {
        background-color: #55379F;
    }


	.dynamic-content {
		display:none;
	}