@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css?family=Roboto Condensed' );

.text-danger { color: #cd181f ! important; }
.btn-danger { background-color: #cd181f ! important; border-color: #b31117 ! important; color: #fff; }
.btn-lg { font-size: 27px ! important; padding: 0.204rem 4.551rem ! important; }
.font-roboto { font-family:'Roboto Condensed'; }
.flex-1 { flex: 1; }


/*** Header ***/
.header { background-color: #171717; border-bottom: 1px solid #cd181f; }
.header .navbar-brand img {	width: auto; height: 100%; vertical-align: top; display: block; max-height: 2rem; }
.header .navbar .nav-item img { max-height: 2.625rem; }

/*** Hero Banner ***/
.hero-content-inner { padding-bottom: 5.75rem; }
.hero-banner .hero-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.hero-banner .hero-content-wrapper { position: relative; z-index:10; -webkit-transform: translateZ(0); }
.hero-banner .lead-text { font-size: 1.8rem; font-weight: 700; color: white;}
.hero-banner .hero-title { margin-bottom: 0; font-size: 2.58rem; font-weight: 700; line-height:120%; }
.hero-banner .subline-text { font-size: 1.25rem; font-weight: 700; color:white;}
.hero-banner .cta-button-group .btn { margin-bottom: .5rem; animation: glowing 1300ms infinite; }
.hero-banner .cta-button-group .btn.btn-effect-glowing { animation: glowing 1300ms infinite; }
.hero-banner .cta-button-group .btn + .btn { margin-left: .5rem; }
.hero-banner .alpha-text { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba( 0,0,0,.58); color: #666; text-align: center }

/*** Step Bar ***/
.step-bar .step-number { font-size: 52px; line-height: 1; }
.step-bar .step-title { font-size: 22px; }
.step-bar .step-description { font-size: 14px; }

/*** Content ***/
.content-cta { position:relative; overflow: hidden; color: #000; }
.content-cta .content-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; -webkit-transform: translateZ(0); -webkit-backface-visibility:hidden; }
.content-cta .header-title { font-size: 26px; }
.content-cta .header-description { font-size: 18px; }

/*** Image Text Row ***/
.image-text-row .card-title { font-size: 26px; }
.image-text-row .card-description { font-size: 18px; }

/*** Title and Description ***/
.title-and-description .title { font-size: 20px; }
.title-and-description .description { font-size: 14px; line-height: 24px;}
.title-and-description ol { margin-left: 1rem; margin-bottom: 0; }
.description a {color:#007bff;}

/*** Footer ***/
.footer .navbar-brand img {	width: auto; height: 40px; }
.footer .navbar .nav-item img { max-height: 40px; }
.landing-footer { padding: 0 0 2rem 0; font-family: 'Roboto Condensed'; font-size: 13px; line-height: 18px; }

@media only screen and (min-width: 576px) {
	.card-deck .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 1.25rem; margin-bottom: 0; margin-left: 1.25rem; box-shadow: none;}
	.hero-banner .alpha-text { left: -100%; right: -100%; }
}

@media only screen and (min-width: 769px) {
	.header .navbar-brand img {	max-height: 3rem; }
	.header .navbar .nav-item img { max-height: 4.5rem; }
	
	.hero-content-inner { padding-bottom: 0; }
	.hero-banner .lead-text { font-size: 49px; }
	.hero-banner .hero-title { font-size: 68px; }
	.hero-banner .subline-text { font-size: 30px; }

	.step-bar .step-number { font-size: 105px; line-height: 1; }
	.step-bar .step-title { font-size: 26px; }
	.step-bar .step-description { font-size: 18px; }

	.image-text-row .card-title { font-size: 31px; }
	.image-text-row .card-description { font-size: 19px; }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
	.flex-lg-1 { flex: 1; }
}



@keyframes glowing {
	0% { background-color: #cd181f; box-shadow: 0 0 5px #cd181f; }
	50% { background-color: #ff4c5e; box-shadow: 0 0 20px #ff4c5e; }
	100% { background-color: #cd181f; box-shadow: 0 0 5px #cd181f; }
 }