/* Prettified by Source 2 Viewer 11.1.0.0 - https://valveresourceformat.github.io */

DOTADDBPromoPage
{
	width: 100%;
	height: 100%;
}

#DDBMainContainer
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s2_promo/s2_background_psd.vtex");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#DDB_S3_MainContainer
{
	width: 100%;
	height: 100%;
	background-color: black;
	overflow: noclip;
}

.DashboardPage:not(.PageVisible) #DDB_S3_MainContainer_BG
{
	transform: translateX( -60px );
	pre-transform-scale2d: 1.2;
}

.DashboardPage.PageVisible #DDB_S3_MainContainer_BG
{
	transform: translateX( 0px );
	transition-delay: 0.5s;
	transition-duration: 0.5s;
}

#DDB_S3_MainContainer_BG
{
	width: 2100px;
	height: 100%;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s3_promo/s3_background_psd.vtex");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition-property: transform, pre-transform-scale2d;
	transition-duration: 4s;
	transition-timing-function: cubic-bezier(0,.7,.22,1);
	pre-transform-scale2d: 1;
}

#DDBMainContainerChars
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s2_promo/s2_background_chars_psd.vtex");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#DDBMainForeground
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s3_promo/s3_foreground_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.DashboardPage:not(.PageVisible) #DDB_S3_MainForeground
{
	transform: translateX( 0px );
	pre-transform-scale2d: 1.2;
}

.DashboardPage.PageVisible #DDB_S3_MainForeground
{
	transform: translateX( -320px );
	transition-delay: 0.5s;
	transition-duration: 0.5s;
}

#DDB_S3_MainForeground
{
	width: 100%;
	height: 100%;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s3_promo/s3_foreground_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: -10% 50%;
	horizontal-align: left;
	transition-property: transform, pre-transform-scale2d;
	transition-duration: 4s;
	transition-timing-function: cubic-bezier(0,.7,.22,1);
	pre-transform-scale2d: 1;
}

#DDBContentContainer
{
	horizontal-align: center;
	vertical-align: middle;
	flow-children: down;
	width: 1392px;
	height: 800px;
	margin-bottom: 80px;
}

#DDB_S3_ContentContainer
{
	horizontal-align: right;
	vertical-align: top;
	flow-children: down;
	width: 522px;
	height: 400px;
	margin-top: 120px;
	margin-right: 230px;
}

#DDBHeader
{
	flow-children: right;
	width: 100%;
	height: 184px;
	vertical-align: bottom;
}

#DDBLogo
{
	width: 486px;
	height: 156px;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s1_promo/ddb_logo_main_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 32px;
}

#DDBLogoWhite
{
	width: 486px;
	height: 156px;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s1_promo/ddb_logo_white_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	horizontal-align: center;
	img-shadow: 1px 3px 4px black;
}

#DDBBody
{
	height: 100%;
	width: 100%;
	flow-children: right;
}

#DDBInfo
{
	flow-children: down;
	width: 100%;
	height: 100%;
}

#DDBInfoHeader
{
	flow-children: right;
}

#NFLogo
{
	width: 106px;
	height: 36px;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s1_promo/nf_logo_full_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 24px;
}

#DDBInfoHeader Label
{
	text-transform: uppercase;
	color: #ff7958;
	letter-spacing: 1px;
	font-size: 26px;
	font-weight: bold;
	text-decoration: underline;
}

#Season3Box #DDBInfoHeader Label
{
	font-size: 20px;
}

#DDBInfoHeader Label:hover
{
	color: #fff;
}

#DDBInfoBody
{
	margin-top: 4px;
	padding-right: 32px;
}

#DDBInfoBody Label
{
	font-size: 20px;
	color: rgb(177, 194, 226);
	text-shadow: 1px 1px 3px 3 black;
	color: gradient( linear, 0% 0%, 100% 0%, from( rgb(177, 213, 226) ), color-stop( 0.32, rgb(177, 201, 226) ), color-stop( 0.5, rgb(223, 240, 255) ), color-stop( 0.7, rgb(255, 255, 255) ),to( rgb(131, 167, 234) ) );
}

#DDBInfo
{
	flow-children: down;
	width: 100%;
	height: 100%;
}

#DDBInfoHeader
{
	flow-children: right;
}

#NFLogo
{
	width: 106px;
	height: 36px;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s1_promo/nf_logo_full_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 24px;
}

.BringForward
{
	z-index: 1;
}

#DDB_LogoWhite,#DDB_LogoBlack
{
	width: 100%;
	height: 110px;
	vertical-align: bottom;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s1_promo/ddb_logo_black_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 16px;
	margin-right: 12px;
}

#DDB_LogoWhite
{
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s1_promo/ddb_logo_white_psd.vtex");
	width: 100%;
	height: 102px;
}

#DDB_Logo
{
	width: 100%;
	height: 92px;
	vertical-align: bottom;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s1_promo/ddb_logo_main_psd.vtex");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 16px;
	margin-right: 12px;
	z-index: 2;
}

#DDBOverlay
{
	width: 100%;
	height: 40%;
	vertical-align: bottom;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #0000 ), color-stop( 0.5, #441A1433 ), color-stop( 0.8, #441A1488 ),to( #441A1466 ) );
}

#DDBOverlay Label
{
	color: white;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 24px;
	text-shadow: 1px 1px 6px 2 black;
}

#S3_ScenePanel.SceneLoaded,#Stars.SceneLoaded
{
	opacity: 1;
}

#Stars
{
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: ease-in;
	width: 100%;
	height: 100%;
	horizontal-align: center;
	vertical-align: middle;
	opacity-mask: url("s2r://panorama/images/leaf_pages/ddb_s2_promo/s2_background_mask_psd.vtex");
	opacity-brush: gradient( linear, 0% 0%, 100% 0%, from( rgb(255, 123, 0) ), color-stop( 0.5, white ), color-stop( 0.8, white ), to( rgb(151, 187, 255) ) );
}

#S3_ScenePanel
{
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: ease-in;
	width: 25%;
	height: 25%;
	pre-transform-scale2d: 4;
	blur: gaussian(2px);
	brightness: 2;
	wash-color: #9BEFEC;
	horizontal-align: center;
	vertical-align: middle;
	opacity-mask: url("s2r://panorama/images/leaf_pages/ddb_s3_promo/s3_background_mask_psd.vtex");
}

.AspectRatio16x10 #Stars
{
	width: 1600px;
	height: 900px;
	pre-transform-scale2d: 1.2;
}

#LinaGlow
{
	width: 512px;
	height: 463px;
	horizontal-align: center;
	vertical-align: center;
	-s2-mix-blend-mode: screen;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s2_promo/lina_glow_psd.vtex");
	transform: translateX(-228px) translateY(-55px) scale3d(1.3, 1.3, 1);
}

.AspectRatio21x9 #LinaGlow
{
	transform: translateX(-234px) translateY(-55px) scale3d(1.7, 1.7, 1);
}

#Season2Box
{
	padding: 18px 28px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( rgba(114, 55, 0, 0.644) ), color-stop( 0.5, rgba(43, 0, 0, 0.767) ), color-stop( 0.8, rgba(0, 0, 0, 0.767) ), to( rgba(0, 0, 0, 0.493) ) );
	border-top-right-radius: 32px;
	border-bottom-right-radius: 32px;
	vertical-align: bottom;
	margin-bottom: 193px;
	horizontal-align: left;
	padding-left: 64px;
	max-width: 800px;
}

#Season3Box
{
	transform: skew(-12deg) translateX(20px);
	padding: 18px 28px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( rgba(0, 46, 114, 0.644) ), color-stop( 0.5, rgba(0, 13, 43, 0.767) ), color-stop( 0.8, rgba(0, 0, 0, 0.767) ), to( rgba(0, 0, 0, 0.493) ) );
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	vertical-align: bottom;
	horizontal-align: right;
	margin-bottom: 260px;
	padding-right: 194px;
	max-width: 900px;
}

#Book2
{
	text-transform: uppercase;
	horizontal-align: center;
	text-align: center;
	font-size: 68px;
	font-family: titleFont;
	color: #f14f26;
	letter-spacing: 12px;
	margin-top: -30px;
	text-shadow: 1px 2px 13px 5 black;
	text-overflow: shrink;
	width: 470px;
	max-height: 112px;
}

.PopoutArrow
{
	width: 18px;
	height: 18px;
	margin-left: 6px;
	vertical-align: middle;
}

#FilmStripContainer
{
	overflow: noclip;
	width: 100%;
	margin-top: 16px;
	height: 280px;
	vertical-align: middle;
	opacity-brush: gradient( linear, 0% 0%, 100% 0%, from( rgba(19, 81, 148, 0.2) ), color-stop( 0.3, rgb(0, 157, 255) ), color-stop( 0.5, rgb(231, 246, 255) ), color-stop( 0.9, white ), to( rgb(151, 187, 255) ) );
}

#FilmStrip
{
	width: 6545px;
	height: 280px;
	background-image: url("s2r://panorama/images/leaf_pages/ddb_s3_promo/filmstrip_psd.vtex");
	background-size: contain;
	background-repeat: repeat-x;
	vertical-align: middle;
	animation-name: ScrollingFilm;
	animation-duration: 40s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: reverse;
}

@keyframes 'ScrollingFilm'
{
	0%
	{
		transform: translateX( -4400px );
	}
	
	100%
	{
		transform: translateX( -1130px );
	}
	
}