@charset "UTF-8";

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #000540;
	font-weight: 300;
}

h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	color: #0012fe;
	text-transform: uppercase;
}

h1.jumbo {
	font-size: 600%;
}

.gray h3 {
	color: #87898a;
}


/***** MISC *****/

hr {
	border-top: 7px solid #ccc;
	border-bottom: 5px solid #ddd;
}

.margTop10 {
	margin: 10px auto;
}

.margTop30 {
	margin-top: 30px;
}

.margBot60 {
	margin-bottom: 60px;
}

.margTopBot30 {
	margin: 30px auto;
}

.jumbo {
	font-size: 500%;
}

img.centered {
	display: block;
	margin: 0 auto;
}

/* ICONS */

i {
	color: #87898a;
}

i.blue {
	color: #0012fe;
}

i.orange {
	color: #ff5f19;
}

.lead {
	color: #848f92;
}

strong {
	font-weight: 400;
}


/***** VIDEO *****/

.video {
	width: 60%;
	border: 30px solid #00097f;
	-webkit-box-shadow: 0px 0px 24px 10px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 24px 10px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 24px 10px rgba(0,0,0,0.8);
	margin: 0 auto;
}


/* TESTIMONIALS */

.italics {
	font-family: 'Droid Serif', serif;
	font-weight: 400;
	font-style: italic;
	color: #676568;
	margin-top: 30px;
}

.italicsBold {
	font-family: 'Droid Serif', serif;
	font-weight: 700;
	font-style: italic;
	color: #676568;
}

label {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 125%;
	text-transform: uppercase;
}

img.appIcon:hover {
	opacity: .8;
}

.img-circle {
	border: 20px solid #ff5f19;
	background: #ffaf8c;
	padding: 5px;
}


/***** HEADER *****/

.headerTop {
	padding-top: 0px;
	padding-bottom: 30px;
}

/* SOCIAL ICONS */

.headerTop a:link i {
	color: #00097f;
	padding-right: 5px;
}

.headerTop a:link:last-child i {
	padding-right: 0px;
}

.headerTop a:visited i {
	color: #0012fe;
}

.headerTop a:hover i {
	color: #ff5f19;
}

.headerTop a:active i {
	color: #0012fe;
}


/***** CTA BUTTON *****/

.btn {
	font-family: 'Oswald', sans-serif;
    border: 0 none;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
	white-space:normal !important;
    word-wrap:break-word; 
    padding: 14px 24px;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}


/***** FLUID CONTAINERS *****/

.sliderWrapper {
	background: #2b2b2b;
}

/* LITE BLUE */

.wideLiteBlue {
	background: #00097f;
	border-top: 1px solid #0012ff;
	border-bottom: 1px solid #0012ff;
}

.wideLiteBlue h1 {
	color: #fff;
}

/* PAGE HEADERS */

.pageHeader {
	background: #f2f3ff url(../img/page-header.jpg) no-repeat;
	background-size: cover;
	border-top: 1px solid #0010e5;
	border-bottom: 1px solid #0010e5;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pageHeader h1 {
	color: #ff5f19;
}

.pageHeader h2 {
	color: #fff;
}

/* GREEN */

.wideGreen {
	background: green;
	border-top: 1px solid lime;
	border-bottom: 1px solid lime;
	padding-top: 30px;
	padding-bottom: 30px;
}

.wideGreen h1 {
	color: #fff;
}

.wideGreen h2 {
	color: #fff;
}

/* NAV BG */

.wideNav {
	background: #00097f;
}

/* WHITE */

.white {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* BLUE HILITE */

.blueHilite {
	background: #0012fe;
	border-top: 2px solid #ff5f19;
	border-bottom: 2px solid #ff5f19;
	padding-top: 30px;
	padding-bottom: 30px;
}

.blueHilite h1 {
	color: #fff;
}

/* WIDE GRAY */

.wideGray {
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 30px;
	padding-bottom: 30px;
}



/* TOP */

.wideGrayTop {
	background: #edf5fc;
	border-top: 1px solid #dbebf9;
	border-bottom: 1px solid #dbebf9;
	padding-top: 5px;
	margin-bottom: 30px;
}

.wideGrayTop a:link i {
	color: blue;
}




/***** FOOTER *****/

.footer {
	padding-top: 0px;
	padding-bottom: 10px;
}

img.footerLogo {
	display: block;
	margin: 0 auto 30px auto;
}

.seoText {
	font-size: 90%;
	color: #87898a;
	margin-top: 15px;
	margin-bottom: 30px;
}


/***** MEDIA QUERIES *****/


/* Small devices */
@media only screen and (max-width: 768px) {

	h1.jumbo {
		font-size: 300%;
	}

	.video {
		width: 100%;
		border: 5px solid #00097f;
		-webkit-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.8);
		-moz-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.8);
		box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.8);
		margin: 0 auto;
	}

}/* end media query */




@media screen and (min-width: 40em) {

	p, li {
		font-size: 1.2em;
	}

	.lead {
		margin-bottom: 100px;
	}

	.margTop10 {
		margin: 30px auto 15px auto;
	}

	.wideLiteBlue {
		margin: 0;
		padding: 50px 30px;
	}
	
	.wideNav {
		margin: 0;
		padding: 0;
	}

	footer {
		padding: 30px 0;
	}
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }