/* === Site Layouts === */

	body { margin: 0; padding: 0; min-width: 320px; } 
	img { display: block; border: 0; }
	h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }
	p { margin-top: 16px; margin-bottom: 0; }
	ul { padding-inline-start: 21px; }

	.desktop { display: block; }
	.mobile { display: none; }
	.hidden { display: none; }
	.center-on-all { text-align: center; margin-left: auto; margin-right: auto; } 
	.center-on-desktop { text-align: center; margin-left: auto; margin-right: auto; } 
	.center-on-mobile { text-align: left; margin-left: 0; margin-right: 0; } 
	.center-if-single-line { text-align: left; display: inline-block; }
	.vpadding { height: 16px; }
	.width-auto { width: auto; }
	.width-fill { width: 100%; }
	.inline { display: inline; }
	.margin-vertical-none { margin-top: 0; margin-bottom: 0; }
	.margin-horizontal-none { margin-left: 0; margin-right: 0; }

	section { width: 100%; }
	section > .outer { width: 1440px; margin: 0 auto; padding: 0; max-width: 100%; }
	section > .outer > .inner { padding-top: 32px; padding-bottom: 32px; }

	section > .outer > .inner { padding-left: 48px; padding-right: 48px; }
	@media screen and (max-width: 1439px) { section > .outer > .inner { padding-left: 3.334vw; padding-right: 3.334vw; } } 
		/* Note: 3.334vw is equal to 47.97626px at 1439px screen width and to 12.0024px at 360px screen width. */
	@media screen and (max-width: 359px) { section > .outer > .inner { padding-left: 12px; padding-right: 12px; } }

	@media screen and (max-width: 767px) {
		.desktop { display: none; }
		.mobile { display: block; }
		.center-on-desktop { text-align: left; margin-left: 0; margin-right: 0; }
		.center-on-mobile { text-align: center; margin-left: auto; margin-right: auto; }
	}

/* === Site Fonts, Color, and Decorations === */

	::placeholder { color: rgba(90, 90, 90, 0.5); }
	::-webkit-input-placeholder { color: rgba(90, 90, 90, 0.5); }
	::-moz-placeholder { color: rgba(90, 90, 90, 0.5); }
	::-ms-input-placeholder { color: rgba(90, 90, 90, 0.5); }
	:-ms-input-placeholder { color: rgba(90, 90, 90, 0.5); }

	.bar-top { border-top: 1px solid #eeeeee; }
	.bar-bottom { border-bottom: 1px solid #eeeeee; }

	body { background-color: transparent; }

	body { font-family: "Gotham SSm A","Gotham SSm B", sans-serif; font-weight: 400; color: #5a5a5a; font-size: 18px; }
	p { font-weight: 400; color: #5a5a5a; font-size: 18px; }
	h1 { font-weight: 400; color: #000000; font-size: 72px; line-height: 76px; }
	h2 { font-weight: 300; color: #333333; font-size: 40px; }
	h3 { font-weight: 400; color: #333333; font-size: 28px; letter-spacing: -0.4666667px }
	h4 { font-weight: 400; color: #000000; font-size: 16px; }
	h5 { font-weight: 700; color: #5a5a5a; font-size: 18px; }
	h6 { font-weight: 700; color: #5a5a5a; font-size: 15px; }

	a { text-decoration: none; color: #5a5a5a; }
	a:hover { text-decoration: none; color: #000000; }
	a:focus { text-decoration: none; color: #000000; } 
	a:active { text-decoration: none; color: #000000; }

	section.header { background-color: #eeeeee; }
	section.footer { background-color: #eeeeee; }

/* === Marquee === */

	section.marquee p { color: #eeeeee; text-align: center; }
	section.marquee h1 { color: #ffffff; text-align: center; }
	section.marquee > .outer > .inner { position: relative; padding: 0; }
	section.marquee > .outer > .inner > img { position: absolute; object-fit: cover; width: 100%; }
	section.marquee > .outer > .inner > div { display: flex; justify-content: center; align-items: center; }
	section.marquee > .outer > .inner > div > .pane { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
	section.marquee > .outer > .inner > div > .pane > .container { max-width: 100%; width: 100%; z-index: 1; }

	section.marquee > .outer > .inner > div > .pane { padding-left: 48px; padding-right: 48px; }
	@media screen and (max-width: 1439px) { section.marquee > .outer > .inner > div > .pane  { padding-left: 3.334vw; padding-right: 3.334vw; } }
	@media screen and (max-width: 359px) { section.marquee > .outer > .inner > div > .pane  { padding-left: 12px; padding-right: 12px; } }

/* === Simple === */

	.section--simple > .outer > .inner > .pane > .container > img { margin-left: auto; margin-right: auto; padding-bottom: 16px; }

/* === Image Lead === */

	section.imglead .outer .inner .x2 { display: flex; justify-content: center; margin-left: auto; margin-right: auto; }
	section.imglead .outer .inner .x2 > .container { max-width: 100%; }
	section.imglead .outer .inner .x2 > .gap { height: 0; min-width: 48px; }
	section.imglead .outer .inner .x2 > .container--0 img { margin-left: auto; margin-right: auto; }
	section.imglead .outer .inner .x2 > .container--1 .pane { display: flex; justify-content: flex-start; }
	@media screen and (max-width: 799px) {
		section.imglead .outer .inner .x2 { flex-direction: column; }
		section.imglead .outer .inner .x2 > .gap { height: 16px; width: 100%; }
		section.imglead .outer .inner .x2 > .container { width: 100%; max-height: none; }
		section.imglead .outer .inner .x2 > .container h2 { text-align: center; }
	}

/* === IE11 fix from BK === */
	main section.serial--3 .outer .inner > .pane { height: 350px; }
	main section.serial--3 .outer .inner > .pane p { margin-top: 16px; margin-bottom: 16px; }
	main section.serial--2 .outer .inner h1 { font-family: "Gotham SSm A","Gotham SSm B",sans-serif; }
	footer section { background-color: #555559; }