/* fonts */

html {
	font-family: Helvetica, Arial, sans-serif;
	overflow:hidden;
}
body {
	overflow:hidden;
	background:#333;
	color:#eee;
	position:static !important; /* fixes a conflict w/ the template's attempt to disable page scrolling while the nav is open. */
}
main {
	
	width:100vw;
	max-width:64em; 
	margin:auto; 
}
main section {
	margin:0; 
}


/* checkboxes */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
	position: absolute;
	left: -199em; }

/* box spacing */
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label,
input[type="radio"]:not(:checked) + label,
input[type="radio"]:checked + label {
	position: relative;
	padding-left: 2em;
	padding-right: 1em;
	cursor: pointer;
	font-size: inherit;
	line-height: 1.5em;
	color:#fff;
	display: inline-block; }

/* box */
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 2px solid currentcolor;
	border-radius:2px;
	background: transparent; }

input[type="checkbox"]:checked + label:before {
	background:#F2692F;
	border-color:#F2692F;
}
/* check */
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
	content: '';
	width:0.3em;
	height:0.6em;
	position: absolute;
	border-right:0.2em solid #fff;
	border-bottom:0.2em solid #fff;
	line-height: 0.8;
	color: #fff;
	font-size: 120%;
	font-family:Arial, sans-serif;
	top: 0.05em;
	left: 0.35em;
	transition: all .15s; }

input[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: translate(-0.1em, 0.2em) scale(0.1) rotate(45deg);
	transform: translate(-0.1em, 0.2em) scale(0.1) rotate(45deg); }

input[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1) rotate(45deg);
	transform: scale(1) rotate(45deg); }

/* highlighting */
input[type="checkbox"].error + label {
	color: #ec1d24; }

/* radios */
input[type="radio"]:not(:checked),
input[type="radio"]:checked {
	position: absolute;
	left: -199em; }

/* box */
input[type="radio"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 0.15em solid currentcolor;
	border-radius: 1em;
	background: transparent; }

/* dot */
input[type="radio"]:not(:checked) + label:after,
input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	background: currentcolor;
	border-radius: 1em;
	border: 0.15em solid currentcolor;
	transition: all .15s;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em; }

input[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1); }

input[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(0.5);
	transform: scale(0.5); }

/* highlighting */
input[type="radio"].error + label {
	color: #ec1d24; }

/* disabled checkboxes */
fieldset:disabled input[type="checkbox"] + label:before,
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before,
fieldset:disabled input[type="radio"] + label:before,
input[type="radio"]:disabled:not(:checked) + label:before,
input[type="radio"]:disabled:checked + label:before {
	border-color: #999;
	background-color: #ccc; }

/* disabled inputs */
fieldset:disabled {
	border-color: #999; }

fieldset:disabled input,
fieldset:disabled select,
fieldset:disabled textarea,
input:disabled,
select:disabled,
textarea:disabled {
	color: #999; }

fieldset:disabled label,
input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {
	color: #aaa; }

fieldset:disabled input[type="checkbox"] + label:after,
input[type="checkbox"]:disabled:checked + label:after,
fieldset:disabled input[type="radio"] + label:after,
input[type="radio"]:disabled:checked + label:after {
	color: #999; }


/* mobile nav all the time  */
/*   note: The formatting here is a little funky because it's copied from the post-processed template css's "mobile-only" media query. We're just duplicating the mobile nav styles so that they apply to desktop as well. */

.menu-button {
	display:block; 
}
	header a {
		line-height: 1; }
	.header-logo img {
		transition: transform 0.2s;
		transform-origin: 50% 0;
		position: relative;
		z-index: 99; }
	.nav--container {
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.2s, max-height 0.2s, padding 0.2s, visibility 0s 0.2s;
		border-top: 0.15em solid #fff;
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		width:auto;
		}
	.nav--container nav {
		position: relative;
		padding: 0 0.33em; }
	.nav--container .nav--secondary {
		z-index: 1; }
	.nav--container .nav--main {
		z-index: 2; }
	main {
		transition: opacity 0.2s; }
	.mobile-menu--active .nav--container {
		visibility: visible;
		opacity: 1;
		padding: 1em 0 0em;
		transition: opacity 0.2s, max-height 0.2s, padding 0.2s, visibility 0s; }
	.nav--main li {
		position: static; }
	.nav--main ul div {
		background: transparent; }
	.nav--main > ul > li {
		position: static;
		transition: overflow 0s 0.5s; }
	.nav--main li > div {
		max-height: none !important;
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		visibility: hidden;
		transition: visibility 0.01s 0.3s; }
	.nav--main li.mobile-nav--opened > div {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
		transition: visibility 0.01s; }
	.nav--main > ul,
	.nav--secondary ul {
		position: relative;
		transition: left 0.5s, margin 0.5s;
		left: 0;
		font-size: 120%;
		margin: 0; }
	.nav--main ul.mobile-nav--child-opened,
	.nav--main.mobile-nav--child-opened + .nav--secondary ul {
		left: -100%;
		transition: left 0.5s, margin 0.35s; }
	.nav--main ul ul {
		padding: 0 0.5em 1em 2.5em; }
	.nav--main ul ul a {
		padding: 0.33em 0.75em; }
	.nav--main a::after {
		left: 100%;
		margin-left: 0.5em;
		transform: translate(0, -50%) scale(0.66) rotatey(0deg) rotate(-45deg);
		transition: transform 0.2s, margin 0.2s; }
	.nav--main li.mobile-nav--opened > div {
		overflow: visible; }
	.nav--main .subNav {
		display: block;
		background: rgba(0, 0, 0, 0);
		width: 2.5em;
		float: right;
		height: 2em;
		margin: -2em 0.5em 0 -2.5em; }
	/* fancy flip */
	.nav--main li.mobile-nav--opened > a::after {
		transform: translate(0, -50%) scale(0.66) rotatey(180deg) rotate(-45deg); }
	nav li a img {
		display: none; }
	.nav--main a.nav-list-title {
		margin: 0;
		padding-left: 2.5em;
		display: block; }
	.nav--main a.nav-list-title::after {
		border-bottom: 0.2em solid currentcolor;
		border-right: 0.2em solid currentcolor;
		content: '';
		height: 1em;
		left: 0;
		margin: 0.25em 1em;
		pointer-events: none;
		position: absolute;
		top: 50%;
		transition: transform 0.2s, margin 0.2s;
		transform: translate(0, -66%) scale(0.66) rotatex(0deg) rotate(135deg); }
	.nav--main .nav-item--current,
	.nav--main .nav-item--current-parent {
		font-weight: bold; }
		
	.nav--main {
		max-height: none;
		position: relative;
		overflow: hidden;
		height:auto; }
		.nav--main li {
			display: block;
			line-height: 1.5em; }
		.nav--main a {
			margin-right: 0;
			padding-right: 2em; }
		.nav--main a:last-child {
			padding-right: 0.75em; }
		.nav--main a::after {
			right: 0.75em;
			width: 0.8em;
			height: 0.8em; }
		.nav--main li.mobile-nav--opened > a::after {
			transform: translate(0, -66%) scale(0.66) rotatex(0deg) rotate(45deg); }
		.nav--main ul ul {
			padding: 0 0 0.5em;
			/* bump the third tier out to the right on desktop */ }
			.nav--main ul ul li {
				line-height: 1;
				position: relative;
				margin-right: 0; }
			.nav--main ul ul a {
				line-height: 1; }
			.nav--main ul ul a::after {
				transform: translate(-0.5em, -50%) scale(0.66) rotatex(0deg) rotate(-45deg); }
			.nav--main ul ul div {
				transform: none;
				left: 100%;
				top: 0; }
		.nav--main li > div {
			min-width: 100%;
			position: absolute;
			right: 50%;
			top: 100%;
			transform: translate(50%, 0);
			transition: none; }
		.nav--main li > a {
			position: relative;
			z-index: 1;
			transition: z-index 0.05s 0.1s; }
		.nav--main li > a:last-child {
			z-index: 3; }
		.nav--main li::before {
			content: '';
			background: rgba(0, 0, 0, 0);
			width: 100%;
			height: 100%;
			top: 0%;
			position: absolute;
			z-index: 2; }
		.nav--main li:hover > a {
			z-index: 3; }
		.nav--main li:hover > a::after {
			transform: translate(0, -50%) scale(0.66) rotatey(0deg) rotate(-45deg); }
	.nav--secondary {
		position: relative;
		right:auto;
		top: auto;}
		.nav--secondary ul {
			height:auto; }
		.nav--secondary li {
			display: block; }
	.nav--mobile-extras {
		display: block; } 
/* end mobile nav all the time  */








/* Navigation */
header {
	background:transparent;
	left:0;
}
.content_wrapper { 
	max-width:64em;
}
header nav {
	font-size:inherit;
}
.header-logo {
	background:transparent;
	display:inline-block;
	height:4em;
	padding:0;
	vertical-align:middle;
	width:4em;
}
.header-logo img{
	display:block;
	height:90%;
	margin: 2.5% auto;
}
header a, 
header button {
	color:#fff;
	text-decoration:none;
}
.menu-button, .search-button {
	z-index: 5;
}
.navicon span {
	width:3em;
	margin:0;
	background: rgba(0, 0, 0, 0);
	height:0.25em;
}
.navicon span:before {
	width:3em;
	margin:-0.5em;
	height:0.25em;
}
.navicon span:after {
	width:3em;
	margin:0.5em -0.5em;
	height:0.25em;
}
.mobile-menu--active .navicon span:before {
	margin-top: -0.16em;
}
.mobile-menu--active .navicon span:after {
	margin-top: -0.16em;
}

.search-button {
	display:none; 
}
.nav--featured { 
	display:none; 
}
.nav--container li {
	position:relative;
	text-align:center;
}
.nav--container {
	height:100vh;
	padding-top:4.5em;
	border-top: none;
	top:0;
	margin:0;
	background:radial-gradient(circle closest-side at 50% 10%, #0060ae, #0c1b59 250%); 
	box-shadow:0 1px 0 #0c1b59; 
}
.nav--container .nav--secondary {
	position: static;
}
.nav--container nav {
	padding:0;
}
.nav--main ul {
	background:transparent;
}
.nav--mobile-extras { 
	color:#fff; 
	text-align:center; 
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
}
.nav--mobile-extras p { 
	padding:0 0.5em; 
}
.nav--mobile-extras a { 
	padding:0.5em; 
	display:inline-block;
}

.header-logo {
	position:relative;
	transform:none;
	left: auto;
	margin: 0 1em;
}
.header-logo img {
	display:block;
	height: 4em;
	margin:0 auto 0;
	transition:height 0.2s;
}
.mobile-menu--active .nav--featured {
	visibility:visible;
}
header a {
	padding: 0.5em 1em;
}
.nav--main a {
	margin-right:0;
}
.nav--main a::after {
	margin-left:1em;
}
.mobile-menu--active .nav--container {
	max-height:100vh;
	padding-top:4.5em;
}
.mobile-menu--active #critical_communications + header .nav--container {
	max-height:calc(100vh - 3em);
}

.ttt-fullscreen-wrapper > .ttt-slides { max-height:100%; overflow-y:auto; overflow-x:hidden; }

.nav--secondary ul {
	text-transform:uppercase;
}
.nav--secondary a {
	font-weight:bold;
}
@media (min-width:32em), (min-height:32em) {
	.nav--secondary ul {
		font-size:1.5em;
		position:absolute;
		top:50%;
		margin-top:-2em;
		transform:translate(0,-50%);
		width:100%; 
	}
}
.nav--secondary li {
	margin:0.5em 0;
}
.nav--secondary li a::before {
	content:''; 
	display:inline-block;
	height:2em;
	width:2em; 
	margin: -0.33em 0.25em -0.66em 0;
}
.nav--secondary li a[target='_blank']::after {
	content:''; 
	display:inline-block;
	height:1.1em;
	width:1.1em; 
	margin: 0.25em 0 -0.15em 0.25em;
	background:url(../images/icon-blank.svg) center / contain no-repeat;
}
.link--mission-tiger::before { background:url(../images/logo-mission-tiger.svg) center / contain no-repeat; }
.link--tony-vs-shaq::before { background:url(../images/logo-shaq.png) center / contain no-repeat; }
.link--kfr::before { background:url(../images/logo-kfr-new.svg) center / contain no-repeat; }
.link--frostedflakes::before { background:url(../images/frosted-flakes-box.png) center / contain no-repeat; }

@media (max-width:48em) and (min-aspect-ratio:10/7) {
	
	html {
		font-size:3vh;
	}
	#search {
		top:0;
		z-index: 199;
		padding: 0.125em 0 0;
	}
	#search::before {
		height:0;
	}
	.page--search-results #search {
		top:5.5em;
	}
	/* layering elements  */
	.search--active .nav--featured {
		position:fixed;
		z-index:99;
	}
	.search--active #critical_communications ~ #search {
		margin-top:0;
	}
	.search--active #critical_communications + header .nav--featured {
		margin-top:3em;
	}
	.search--active header {
		z-index:auto;
		position:static;
		margin-bottom:-6.5em;
	}
	.header-logo {
		transition:opacity 0.15s;
	}
	.search--active .header-logo {
		opacity:0;
	}
	header .content_wrapper {
		position:fixed;
		left:0; right:0;
		top:0;
		z-index:999;
	}
	#search .content_wrapper {
		width:calc(100vw - 8em);
	}
	.search--active header .content_wrapper {
		pointer-events:none;
	}
	.search--active  .menu-button, 
	.search--active .search-button {
		pointer-events:auto;
		color:#fff;
	}
	#critical_communications + header .content_wrapper {
		margin-top:3em;
	}
	.menu-button, 
	.search-button {
		z-index:9999;
	}
	.nav--mobile-extras .social_icons {
		display:inline-block;
		vertical-align:middle;
		margin: 0;
	}
	.nav--mobile-extras p {
		margin: 0 1em;
		display:inline-block;
		vertical-align:middle;
	}
	header .content_wrapper {
		max-width:none;
	}
}

@media (min-width:64em) {
}
footer {
	display:none;
}


/* Headings and paragraph styles */
h1,h2,h3,h4,h5,h6 {
	margin:1rem 0;
	font-weight:700;
	text-transform:uppercase;
	line-height:1.1;
}
h2,
h1 {
	font-size: 1.75em;
	font-style:italic;
	font-weight: 900;
	color:inherit;
	letter-spacing:-0.01em;
	margin-top:0; 
}
h1 {
	letter-spacing:0.01em;
}
p {
	margin:1rem 0;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	white-space:nowrap;
}
p {
	
}
.disclaimer {
	font-size:0.8em;
} 
small {
	font-size:0.667em;
} 
sup {
	text-decoration:none;
}
h1 sup,
h2 sup,
h3 sup {
	font-size: 33%;
	top: -1.52em;
	margin-left: 0.1em;
}
.kfr-tout--sticky {
	display:none; 
}
/* Tables */
table {
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
tr {
}
td {
	padding:0.5em 0;
}
/* Links and CTA Buttons */
a {
	color:#0061af;
	text-decoration:none;
}
a img {
	text-decoration:none;
}
input[type=submit], 
[type="button"], 
[type="reset"], 
[type="submit"],
.btn-primary,
.button-cta {
	font-size:1.125em;
	font-weight:400;
	font-style:italic;
	text-align:center;
	background:#FF7F0A;
	color:#231414;
	outline-offset:2px;
	padding:0.15em 0.5em;
	text-transform:uppercase;
	transition:color 0.15s, background 0.15s;
	vertical-align: text-bottom;
}
.button-cta:focus, 
.button-cta:active {
}
[type="button"]:hover, 
[type="reset"]:hover, 
[type="submit"]:hover,
.btn-primary:hover,
.button-cta:hover {
	background-color:#ff9029;
}
.button-cta:hover {
}
.video-fullwidth  .ytplayer-wrapper {
	margin:0 -1em;
	height:auto;
}
.yt-link-initialized {
	opacity: 1;
	pointer-events: auto;
}
.ytplayer .icon--player {
	opacity: 0.33;
	transform:translate(-50%,-50%) scale(0.75);
}
.yt-link-initialized .icon--player {
	opacity:1;
	transform:translate(-50%,-50%) scale(1);
	transition:opacity 0.15s, transform 0.15s;
}
.icon--player {
	font-size:calc(1em + 2vw);
	border:none;
	background:url(../images/icon-bg.svg) center / contain no-repeat;
	color:#fff;
}
.icon--player::after {
	border-left-width: 1.66em;
	border-top-width: 0.9em;
	border-bottom-width: 0.9em;
	position: absolute;
	top: 0;
}
.ytplayer:hover .icon--player {
	color:#dedede;
}
.ytplayer {
	opacity:0.8;
	pointer-events:none;
}
.yt-link-initialized {
	opacity:1;
	pointer-events:auto;
}
button.close {
	font-size:1.5em;
	opacity: 1;
}
button.close::before, 
button.close::after {
	border-radius:0.25em;
}
body #yt_mobile_modal {
	transition:opacity 0.33s ease-in-out, z-index 0.33s ease-in-out, backdrop-filter 0.33s ease-in-out;
	background:rgba(0,0,0,0.66);
}
body #yt_mobile_modal.playing {
	backdrop-filter: blur(10px);
	background:rgba(0,0,0,0.66);
}
body #yt_mobile_modal .ytplayer_mobile {
	transform:none;
}
body #yt_mobile_modal.playing .ytplayer_mobile {
	transform:none;
}
body #yt_mobile_modal iframe {
	transform:scale(0.75);
	transition: transform 0.33s ease-in-out, visibility 0.33s ease-in-out;
	visibility: hidden;
}
body #yt_mobile_modal.playing iframe {
	transform:none;
	visibility: visible;
	transition: transform 0.33s ease-in-out, visibility 0s ease-in-out;
}

@media (min-width:48em) { 
	.icon--player {
		font-size:2em;
	}
	.button-cta {
		min-width: 9em;
	}
	.video-fullwidth  .ytplayer-wrapper  {
		width:66.67%;
		margin:0 auto;
	} 
}
.nav--main li:hover > div {
	max-height:100vh !important;
}
/* Forms */
input,
textarea {
	border-radius:0em;
	outline-offset:2px;
}
select {
	border:0.15em solid currentcolor;
	border-radius:0;
	font-weight:600;
	text-align:center;
	padding:0.45em 2em 0.5em 1em;
	transition:color 0.15s, background 0.15s;
	outline-offset:2px;
}
.pagination a,
.pagination input {
	background:#0061af;
}
#search {
	background: rgba(3, 28, 48, 0.95);
}
#search input[type="text"] {
	border-radius:0;
	padding: 0 3rem 0 0;
	cursor:text;
	outline-offset:4px;
}
@media (min-width:48em) { 
	#search .content_wrapper {
		max-width:29em;
	}
	#search input[type="text"] {
		width:calc(100% - 10rem);
	}
}
/* Some active styles */
a:focus,
a:active,
a:focus span.button-cta,
a:active span.button-cta,
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
[tabindex]:focus,
form input[type="checkbox"]:focus + label:before, 
form input[type="radio"]:focus + label:before {
	outline:2px solid #fff;
}

header .content_wrapper a:focus,
header .content_wrapper a:active,
header button:focus,
header button:active {
	outline:2px solid #fff;
}
.menu-button:focus:hover,
.menu-button:active:hover,
.search-button:focus:hover,
.search-button:active:hover,
button:focus:hover,
button:active:hover,
a:focus:hover,
a:active:hover {
	outline:none;
}

.tns-controls button:disabled {
	opacity:0.2;
	cursor:default;
}
.tns-controls button[data-controls="next"], 
.tns-controls button[data-controls="prev"] {
	bottom:0;
	top:auto;
	right:0;
	height:2em; 
	width:100%; 
	background:rgba(255,0,0,0.2);
	margin:0;
	z-index:2;
	padding:0;
	opacity:0;
}
.tns-controls button[data-controls="prev"] {
	top:0;
	left:auto;
}

.tns-controls button[data-controls="next"]::after, 
.tns-controls button[data-controls="prev"]::after {
	color:transparent;
	transform: rotate(45deg);
	left:auto;
	right:0.5em;
	top:0.25em;
	margin-left:-0.2em;
}
.tns-controls button[data-controls="next"]::before, 
.tns-controls button[data-controls="prev"]::before {
	color:transparent;
	transform: rotate(135deg);
	left:auto;
	right:0.5em;
	top:0.25em;
	margin-left:-0.2em;
} 
.tns-controls button[data-controls="next"]::after {
	transform: rotate(-135deg);
	top:1.5em;
}
.tns-controls button[data-controls="next"]::before {
	transform: rotate(-45deg);
	top:1.5em;
}
.tns-controls:focus::before { content:''; display:block;top:0; left:0; right:0; bottom:0; position:absolute; z-index:3; pointer-events:none; border:2px solid #fff; }

.tns-nav { 
	z-index: 2; 
	pointer-events:none; 
	width:auto; 
	left:50%; 
	transform:translate(-50%,0);
	bottom:2px;
	white-space: nowrap;
	display:none;
}
.tns-nav button {
	color:rgba(255,255,255,0.5);
	padding:0.6em 0.5em;
	pointer-events:auto; 
}
.tns-nav button.tns-nav-active {
	color:rgba(255,255,255,1);
}
.tns-nav [type="button"]:hover {
	background:none;
}
.tns-nav button::focus {
	outline:2px solid #fff;
}
.tns-nav button::before {
	width:0.5em; height:0.5em; 
}

header { height:0; }
header .content_wrapper {height:0;max-width: 64em;width: 100%;}
header .content_wrapper::before {content:''; display:block; pointer-events:none; height:6em; position:absolute; top:0; left:0; right:0; background:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); }
.menu-button {margin: 1em;}
.tns-ovh, .tns-inner { height:100%; }

main { padding:0; }
.nav--container,
.mobile-menu--active .nav--container,
.ttt-fullscreen-wrapper,
.ttt-slide { max-height:225vw; box-sizing:border-box; }
.tns-outer { height:100%; }
.ttt-slide-content { padding-top:5.5em; }

.ttt-slide-thechant { background:url(../images/slide-thechant.jpg) center top / auto 100%; }
.ttt-slide-tony-shaq-video { background:url(../images/slide-tony-shaq-video.jpg) center top / auto 100%; }
.ttt-slide-recruit { background:url(../images/slide-recruit.jpg) center top / auto 84%; }
.ttt-slide-breakfast-battle { background:url(../images/slide-breakfast-battle.jpg) center top / auto 84%; }
.ttt-slide-support-the-mission { background:url(../images/slide-support-the-mission.jpg) center top / auto 100%; }
.ttt-slide-journey { background:url(../images/slide-journey.jpg) center top / auto 84%; }
.ttt-slide-kfr { background:url(../images/slide-frosted-flakes-box.jpg) center top / auto 100%; }
.ttt-slide-missiontiger { background:url(../images/slide-missiontiger.jpg) center top / auto 100%; }
.ttt-slide-tonys-calling { background:url(../images/FF_CC_2.jpg) center top / auto 100%; }
.ttt-slide-shaq-bragging { background:url(../images/FF_CC_1.jpg) center top / auto 100%; }
.ttt-slide-fan-flavors { background:url(../images/fan-flavors.jpg) center top / auto 100%; }

.ttt-fullscreen-wrapper { background:radial-gradient(circle closest-side at 50% 10%, #0060ae, #0c1b59 250%); }
.ttt-fullscreen-wrapper,
.ttt-slide { overflow:hidden; position:relative; height:100%; height:100vh; }
.ttt-fullscreen-wrapper { position:fixed; width:100%; height:100%; max-width: 64em; top:0; }

.ttt-slide-content {}

.ttt-slide-content::before { content:''; display:block; position:absolute; bottom:0; height:40%; width:100%; background: url(../images/slide-bottom-dots.png) bottom center / auto 50% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(14,30,99,.2) 50%); }

.ttt-slide-thechant .ttt-slide-content::before { background: url(../images/tony-video-2.png) bottom right / auto 60% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(134,78,54,0.5), rgba(240,104,44,1)); }

.ttt-slide-tony-shaq-video .ttt-slide-content::before { background: url(../images/tony-video-1.png) bottom right / auto 60% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(134,78,54,0.5), rgba(240,104,44,1)); }
.ttt-slide-tony-shaq-video .ttt-bottom-text { padding-right:7em; }

.ttt-slide-recruit .ttt-slide-content::before { background: url(../images/tony-article-2.png) bottom center / auto 50% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(14,30,99,1), rgba(14,30,99,1)); }
.ttt-slide-recruit .ttt-bottom-text { bottom:8%;  }
.ttt-slide-recruit .ttt-bottom-text h2 { display:inline; }

.ttt-slide-thechant .ttt-bottom-text { padding-right:7em; }

.ttt-slide-breakfast-battle .ttt-slide-content::before { height:30%; background: url(../images/slide-bottom-dots.png) bottom center / auto 67% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(14,30,99,1) 50%);  }

.ttt-slide-support-the-mission .ttt-slide-content::before { background: url(../images/tony-video-3.png) bottom right / auto 60% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(134,78,54,0.5), rgba(240,104,44,1)); }
.ttt-slide-support-the-mission .ttt-bottom-text { padding-right:7em; }



.ttt-slide-journey .ttt-slide-content::before { background: url(../images/tony-article-1.png) bottom center / auto 50% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(14,30,99,1), rgba(14,30,99,1)); }
.ttt-slide-journey .ttt-bottom-text { bottom:8%;  }
.ttt-slide-journey .ttt-bottom-text h2 { display:inline; }

.ttt-slide-tonys-calling .ttt-slide-content::before { background: url(../images/tony-video-2.png) bottom right / auto 60% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(134,78,54,0.4), rgba(240,104,44,0.8)); }
.ttt-slide-tonys-calling .ttt-bottom-text { padding-right:7em; }

.ttt-slide-shaq-bragging .ttt-slide-content::before { background: url(../images/tony-video-1.png) bottom right / auto 60% no-repeat, linear-gradient(to bottom, rgba(14,30,99,0), rgba(134,78,54,0.4), rgba(240,104,44,0.8)); }
.ttt-slide-shaq-bragging .ttt-bottom-text { padding-right:7em; }


.ttt-bottom-text { position:absolute; bottom:0; padding:1em 1em 3em; right:50%; width:calc(50% + 10em); max-width:100%; transform:translate(50%, 0); box-sizing:border-box; }
.ttt-bottom-text *:first-child { margin-top:0; }
.ttt-bottom-text *:last-child { margin-bottom:0; }
.fullscreen-link { position:absolute; width:100%; height:100%; left:0; top:0;  }

.ttt-bottom-text h1{ font-size:2.25em; max-width:4.5em; }

.ttt-fullscreen-wrapper > .ttt-slides::after { content:'loading'; line-height:100vh; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); }

.ttt-slide-fun-flavors h1 {
    display: none;
    visibility: hidden;
}

.ttt-slide-fun-flavors {
    background: url(../images/slide-fun-flavors.jpg) center top / auto 100%;
}

.ttt-slide-fun-flavors .ttt-slide-content::before {
    background: none;
    height: 100%;
}

.ttt-slide-fun-flavors img:last-of-type {
    margin: 6vh -25% 6vh;
     max-width: none;
    width: 150%;
}

.ttt-slide-fun-flavors img:first-of-type {
    margin: 8vh -25% 6vh;
    max-width: none;
    width: 150%;
}

.ttt-slide-fun-flavors *:last-child{
    margin-bottom: 5vh;
    
}

.ttt-slide-fun-flavors .ttt-bottom-text{
    text-align: center;
}
.ttt-slide-fun-flavors p{
    color: #fff;
    font-size: .8em;
    text-align: center;
}


.white-button {
    background-color: #fff;
    border: 1px #003ca4 solid;
    color: #003ca4;
    margin: 0 auto;
    display: block;
    width: 50%;
    line-height: 2em;
     font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
}

@media (min-aspect-ratio:5/6) {
	.ttt-fullscreen-wrapper,
	.ttt-slide,
	/* header .content_wrapper, */
	main { width:83.333vh; }
	.ttt-fullscreen-wrapper { width:83.333vh; }
	body { font-size:2.33vh; }
}
@media (max-width:20em) {
	.ttt-fullscreen-wrapper { left: 0; }
}
@media (min-width:48em) {
	/* .nav--container, */
	.mobile-menu--active .nav--container,
	.ttt-fullscreen-wrapper,
	.ttt-slide { max-height:133vw; }
}
@media (min-width:64em) { 
	/* .nav--container, */
	.mobile-menu--active .nav--container,
	.ttt-fullscreen-wrapper,
	.ttt-slide { max-height:85em; max-width:64em; }
	.ttt-fullscreen-wrapper { left:auto; }
}
.nav--container,
.mobile-menu--active .nav--container,
header .content_wrapper { max-width:none; width:100%; }
.nav--container .nav--main { display:none; }

.nav--container { position:fixed; top:0; left:0; right:0; bottom:0; height:auto; width:auto; }

.article-button { 
	position:absolute; top:-99em;
}
.article-overlay { 
	position:fixed;
	top:0;
	left:0;
	bottom:0; 
	right:0; 
	z-index:-1; 
	opacity:0; 
	transition:opacity 0.33s ease-in-out, z-index 0.33s ease-in-out, backdrop-filter 0.5s ease-in-out;
	will-change:opacity, z-index, backdrop-filter;
	background:rgba(0,0,0,0.66); 
}
.article-overlay.article--active,
.article-overlay:target {
	opacity:1; 
	z-index:98;
	backdrop-filter: blur(10px);
}
.body-article--active .menu-button { 
	position:absolute; top:-99em;
}
.body-article--active .article-button { 
	position:relative; top:auto;
}
.body-article--active .navicon span:before {
	margin-top: -0.16em;
	transform: rotate(-135deg);
}
.body-article--active .navicon span:after {
	margin-top: -0.16em;
	transform: rotate(135deg);
}

.button-cta strong, 
.button-cta b { font-weight:900; color:#fff; } 
.xl-cta { font-size:1.5em; background:#FF7F0A url(../images/cta-bg.svg) right -2em top -7em / 7em 18em no-repeat; padding:0.5em 1em; min-width:calc(100% - 2em); }
.article-link { margin:0 0.25em; }

.article-modal { width:100%; padding:6em 0 0; max-width:36em; margin:auto; height:calc(100% - 10em); }
.article-text { height:100%; padding:0 1em; overflow-y: auto; }
.article-text .subhead {  font-size:1.25em; }
.article-text .simplebar-scrollbar:before { background:#fff; }


.ttt-call-animation { position:absolute; left:0; right:0; bottom:0; top:4%; text-align:center; transition:opacity 0.25s; }
.ttt-call-animation--disabled { opacity:0; visibility:hidden; }

.ttt-call-animation h2 { font-size:2.25em; text-shadow:0 0 0.5em rgba(0,0,0,1); margin-bottom:0; }
.ttt-call-animation p { font-size:1.25em; text-shadow:0 0 0.5em rgba(0,0,0,1); margin-top:0.25em; }
#ttt-call-sound { display:block; width:7em;  padding:4.5em 0 0.5em; height:2em; border-radius:4em; color:#fff; margin:-3.5em; border:none; 
background: url(../images/icon-sound-enabled.png) center top / auto 7em no-repeat, 
 rgba(0,0,0,0.25) url(../images/icon-sound-disabled.png) center top / auto 7em no-repeat; backdrop-filter: blur(10px); position:absolute; z-index:1; top:66%; left:50%; transition:left 0.2s, top 0.2s, margin 0.2s, background-size 0.2s, height 0.2s, width 0.2s, padding 0.2s; overflow:hidden; will-change:left, top, margin, background-size, height, width, padding; }
#ttt-call-sound.ttt-call-sound-off { background:rgba(0,0,0,0.25) url(../images/icon-sound-disabled.png) center top / auto 7em no-repeat;  }
#ttt-call-answer { font-size:1.5em; display:block; padding:0; width:6em; color:#fff; padding:0.5em 3em; margin:1em auto; font-style:italic; font-weight:900; color:#fff; background:#008019; border:none; top:75%; position:absolute; left:50%; transform:translate(-50%,0); }
#ttt-call-answer::before { content:''; display:inline-block; background:url(../images/icon-phone.svg) center / cover no-repeat; width:1.2em; height:1.2em; vertical-align:middle; margin:-0.2em 0.4em -0.0em 0;  }

#ttt-call-sound.ttt-call-sound-small { left:1em; margin:-3.75em 0; top:100%; height:0; padding:3em 0 0; width:3em; background-size:auto 3.5em; z-index:999; }
#ttt-skip-video { position:absolute; right:1em; margin:-2em 0; top:100%;border:none; display:none; color:#fff; font-size:1.5em; font-weight:bold; font-style:italic; padding:0; text-transform:uppercase;  }
#ttt-skip-video::after {content:''; display:inline-block; vertical-align:middle; border-bottom:3px solid #fff; border-right:3px solid #fff; transform:rotate(-45deg); width:0.35em; height:0.35em; margin-left:0.2em; }

.ttt-age-gate { position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; background:rgba(0,0,0,0.5); opacity:1; pointer-events:auto; z-index:0; visibility:visible; transition:opacity 0.25s, z-index 0.25s, visibility 0s 0.25s; }
.ttt-age-gate--enabled { opacity:1; pointer-events:auto; z-index:10; visibility:visible; transition:opacity 0.25s, z-index 0.25s, visibility 0s;  }
.ttt-age-gate h1,
.ttt-age-gate h2 {  }
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after,
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before { display:none; }
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label { display:block; margin:0.2em; padding:0.25em; border:2px solid currentcolor; font-weight:bold; font-size:1em; line-height:1; }
input[type="radio"]:checked+label { }
#age_selector { display:flex; flex-wrap:wrap; flex }
#age_selector > div { flex-basis:50%; }
#age_selector input[type="radio"]:checked + label, 
#age_selector input[type="radio"]:not(:checked) + label { box-sizing:border-box; border:2px solid transparent; background: rgba(0,0,0,0.2); backdrop-filter: blur(10px); padding:1em; border-radius: 0.5em; }
#age_selector input[type="radio"]:checked + label { border:2px solid #fff; background: rgba(0,0,0,0.4); }
.ttt-age-gate-inner { position:absolute; left:50%; bottom:5em; transform:translate(-50%,0); width:60%; min-width:18.5em; }
.terms-wrapper { margin:1em 0.25em; text-align:left; }
.terms-wrapper a { color:#fff; text-decoration:underline; }

.ttt-age-gate .button-cta { padding:0.5em 1em; font-weight:bold; border:none; color:#fff; transition:background 0.2s; }
.ttt-age-gate .button-cta:disabled { pointer-events:none; background-color:#999; color:#fff;  } 


.ttt-video-background { height:100%; width:100%; }
.ttt-video-tag { height:100%; width:100%; background:url(../videos/idle.jpg) center bottom / cover no-repeat; }

.ttt-video-background #video_main { height:100%; width:100%; object-fit: cover; }
.ttt-video-background #video_main.video-start { height:133%; }
.ttt-video-background #video_preload { height:10%; width:10%; position:absolute; top:-20%; }



.desktop-overlay { display:none; background:radial-gradient(circle closest-side at 50% 10%, #0060ae, #0c1b59 250%); position:fixed; left:0; right:0; top:0; bottom:0; white-space:nowrap; text-align:center; }
.desktop-overlay::before { content:''; display:inline-block; position:relative; height:80vh; margin-top:20vh; vertical-align:middle; }
@media (min-width:48em) {
	.desktop-overlay { text-align:left; }
	.desktop-overlay::before { width:50%; }
}
.desktop-overlay-inner { display:inline-block; vertical-align:middle; max-width:23em; padding:1em; white-space:normal; text-align:left; }
.desktop-overlay-inner a { color:#fff; text-decoration:underline;  }
.desktop-overlay-inner p:last-child a::after { content:'';  display:inline-block; height:1.1em; width:1.1em;  margin: 0.25em 0 -0.15em 0.25em; background:url(../images/icon-blank.svg) center / contain no-repeat; }
.desktop-overlay--enabled { display:block; }
.desktop-overlay--enabled::before { background:url(../images/big-tony.png) center bottom / contain no-repeat;  }
.desktop-overlay--enabled .qrcode { width:16em; height:16em; background:url(../images/qrcode.png) center / contain no-repeat;   }
@media (min-aspect-ratio:5/6) {
	/* .desktop-overlay { width:83.333vh; } */
}
.desktop-device-block .ttt-slider a,
.desktop-device-block .ttt-slider button,
.desktop-device-block .ttt-slider input { visibility:hidden; }
.desktop-device-block .nav--secondary li:nth-child(2) { display:none; }
/* updated - hide header entirely */
.desktop-device-block header { display:none; }


.ttt-swiper::before { content:''; display:block; background:url(../images/slide-bottom-dots.png) center bottom / auto 100%; position:absolute; bottom:0; left:0; right:0; height:40%;  max-height:16em; }

.ttt-swiper { position:absolute; visibility:visible; width:100%; height:100%; top:0; left:0; text-align:center; transition:top 0.25s 0.5s, opacity 0.15s 0.5s; }
.ttt-swiper--disabled { visibility:hidden; top:30%; opacity:0; }

.ttt-swiper div { position:absolute; top:90%; margin-top:-1em; width:100%;  }
.ttt-swiper .ttt-swiper-arrow { top:0; height:100%; left:0; transition:top 0.15s ease-in-out;}
.ttt-swiper-arrow::before { content:''; display:block; width:0.6em; height:0.6em; position:absolute; left:50%; top:90%; margin-top:-2em; border-left:0.2em solid #fff; border-top:0.2em solid #fff; transform:rotate(45deg); }

.ttt-get-parent { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:opacity 0.25s; }
.ttt-get-parent--enabled { visibility:visible; opacity:1; backdrop-filter: blur(5px); }
.ttt-get-parent-inner { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#0c1b59 url(../images/slide-bottom-dots.png) center bottom / auto 10em no-repeat; padding:1em 1em 1em 6em; border-radius:1em; text-align:left; width:11em; }
.ttt-get-parent-inner::before { content:''; display:block; position:absolute; left:1em; width:5em; height:5em; background:#0c1b59 url(../images/icon-parent.svg) center / cover no-repeat; opacity:0.33; top: 1.7em; }
.ttt-get-parent-inner * { position:relative; }
.ttt-get-parent-inner h2 { font-size:2.5em;line-height:1; }


.page--hide-header header { display:none; }

/* https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.min.css */
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}