/*ATT Fonts*/
@font-face {
	font-family: 'ATT Aleck Sans Rg';
	font-style: normal; 
	font-weight: 400; 
	unicode-range: U+0008-FEFF;
	src: url('https://media-s3-us-east-1.ceros.com/turner/fonts/2019/07/30/1a64dcb7-daf1-480f-821b-db48d9c09d5b/attalecksans-rg.woff') format('woff');
}

@font-face {
	font-family: 'ATT Aleck Sans Bd';
	font-style: normal; 
	font-weight: 400; 
	unicode-range: U+0008-FEFF;
	src: url('https://media-s3-us-east-1.ceros.com/turner/fonts/2019/07/30/2ebbb41a-e164-4a2b-9e83-3ae8cea2a895/attalecksans-bd.woff') format('woff');
}

@font-face {
	font-family: 'ATT Aleck Cd Rg';
	font-style: normal; 
	font-weight: 400; 
	unicode-range: U+0008-FEFF;
	src: url('https://media-s3-us-east-1.ceros.com/turner/fonts/2019/10/03/5527bf34-169a-4808-853b-21f28c429ccd/attaleckcd-rg.woff') format('woff');
}

@font-face {
	font-family: 'ATT Aleck Cd Bd';
	font-style: normal; 
	font-weight: 400; 
	unicode-range: U+0008-FEFF;
	src: url('https://media-s3-us-east-1.ceros.com/turner/fonts/2019/10/03/2cbb3b47-e239-4bbc-a388-3cd1e975be27/attaleckcd-bd.woff') format('woff');
}

.ref {
	opacity: 1;
	left:0px;
	top:0px;
}

/* MAIN */
body {
	margin:0px;
	text-rendering:optimizeLegibility; 
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust: none;
	font-kerning: none;
	-webkit-text-rendering: optimizeSpeed;
	text-rendering: optimizeSpeed;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	
}

@media screen and (min-width:0) and (min-resolution:+72dpi) { /* IE fix */
	body { text-rendering:optimzeSpeed; }
}

div { position:absolute; display:block; } 

img { position:absolute; }

#ad, #banner {
	width:300px; 
	height:250px; 
}

#ad {   
	overflow:hidden;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#banner {
	background-color:#FFF; 
}

svg {
	/*shape-rendering:geometricPrecision;*/
	position: absolute;
	overflow:hidden;
}

#border {
	width: 298px;
	height: 248px;
	border:1px solid #000;
	pointer-events:none;
	z-index:50;
	display:block;
	opacity: 0;
}

/* INTERACTIVE */
.button {
	outline:none;
	background-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	user-select:none;
	cursor:pointer;
}

#clickthru { 
	width:300px; 
	height:250px; 
	z-index:98; 
	cursor:pointer; 
	background-color:rgba(0, 0, 0, 0);
}

#replayButton { 
	width:36px;
	height:36px;
	position: absolute;
	left: 263px;
	top: 15px;
	z-index:99; 
	display:none;
}

#replayimg {
	position:relative;
	padding:10px;
}
/* custom */

.frame { 
	width:100%; 
	height:100%; 
	display:none; 
}

/* set1 */
#set1 {
	left:0px;
	top:0px;
	opacity:0;
}

#set1_mask {
	left:0px;
	top:0px;
}

/* set2 */
#set2 {
	left:0px;
	top:0px;
	opacity:0;
}

#set2_mask {
	left:0px;
	top:0px;
}

/*BG*/
#bg_b {
	background-color:#000; 
	width:275px;
	height:250px;
	left:0px;
	top:0px;
	opacity: 0;
}

#bg_w {
	background-color:#FFF; 
	width:27px;
	height:250px;
	left:0px;
	top:0px;
	opacity: 0;
}

/*ta;ents*/
#talent11_mask {
	left:0px;
	top:0px;
}

#talent11Div {
	background-color:#000; 
	left: 0px;
	top: 0px;
	width:300px;
	height:116px;
	clip:rect(0px, 300px, 116px, 0px);
	/*overflow:hidden;*/
	opacity: 0;
}

#talent11 {
	left: 0px;
	top: 0px;
	/*left: -99px;
	top: -8px;
	clip:rect(0px, 260px, 280px, 0px);*/
	opacity: 0;
}

#talent12_mask {
	left:0px;
	top:0px;
}

#talent12Div {
	left: 0px;
	top: 0px;
	width:300px;
	height:116px;
	clip:rect(0px, 275px, 116px, 0px);
	/*overflow:hidden;*/
	opacity: 0;
}

#talent12 {
	left: 0px;
	top: 0px;
	/*
    width:304px;
    height:231px;
	left: -42px;
	top: 65px;
	clip:rect(0px, 100px, 100px, 0px);*/
    opacity:0;
}

#talent2_mask {
	left:0px;
	top:0px;
}

#talent2Div {
	left: 0px;
	top: 0px;
	width:260px;
	height:116px;
	clip:rect(0px, 275px, 116px, 0px);
	/*overflow:hidden;*/
	opacity: 0;
}

#talent2 {
	left: 0px;
	top: 0px;
	/*
    width:480px;
    height:312px;
	left: -185px;
	top: -49px;
	clip:rect(0px, 445px, 329px, 0px);
	*/
	opacity:0;
}


/* TEXT */
.text { 
	width:100%;
}

.textGroup { 
	width:300px; 
	height:250px; 
} 

.textDiv1 { 
	width:100%; 
	height:100px;
	overflow:hidden; 
} 

.textDiv2 { 
	width:100%; 
	height:100px;
	overflow:hidden; 
} 

.textStyle1 { 
	width:300px; 
	font-family:'ATT Aleck Cd Bd';
	text-align:left; 
	font-size:28px; 
	line-height:1.1em;
	letter-spacing:-0.005em;
	/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);*/
}

.textStyle2 { 
	width:300px; 
	font-family:'ATT Aleck Cd Bd';
	text-align:left; 
	font-size:28px; 
	line-height:1.1em;
	letter-spacing:-0.005em;
	color: #e5c581;
	/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);*/
}

/* set1 text */
#set1txt {
	left:0px;
	top:0px;
	opacity:0;
}

#text10 { 
	left: 14px; 
	top: 124px;
	color: #000;
	opacity:0;
}

#text11a, #text12a, #text13a { 
	left: 14px; 
	top: 150px;
	color: #e5c581;
	opacity:0;
}

#text11b, #text12b, #text13b { 
	left: 14px; 
	top: 176px;
	color: #e5c581;
	opacity:0;
}

/* set2 text */
#set2txt {
	left:0px;
	top:0px;
	opacity:0;
}

#text20 { 
	left: 14px; 
	top: 124px;
	color: #FFF;
	opacity:0;
}

#text21a, #text22a, #text23a { 
	left: 14px; 
	top: 150px;
	color: #e5c581;
	opacity:0;
}

#text21b, #text22b, #text23b { 
	left: 14px; 
	top: 176px;
	color: #e5c581;
	opacity:0;
}

/*CTA*/
#ctaDiv {
	overflow: hidden;
	/*border:0px;*/
	background-color:#000;
	width: 144px;
	height: 24px;
	left: 13px;
	top: 187px;
	opacity: 0;
}

#ctaBox {
	background-color:#FFF;
	width: 144px;
	height: 24px;
	left: -150px;
	top: 0px;
	opacity: 1;
	position:relative;
	/*display: inline-block; */
}

#ctaText {
	color:#FFF;
	font-family:'ATT Aleck Cd Bd';
	font-weight:normal;
	font-size: 14px;
	letter-spacing: -0.005em; 
	line-height:1.1em; 
	left: 0px;
	top: 0px;
	opacity: 1;
	border:1px;
	padding: 3px 9px 3px 9px;
	border-style:solid;
	border-color:#FFF;
	/*background-color:#000;*/
}

#ctaText b {
	font-family:'ATT Aleck Cd Bd';
}

/* WM Logos b */
#WMLogo_b { 
	left: 14px;
	top: 220px;
	opacity: 1;
}

/* WM Logos w */
#WMLogo_w { 
	left: 14px;
	top: 220px;
	opacity: 1;
}

/*ribbon*/
#ribbon_y {
	left:172px;
	top:-84px;
	opacity: 0;
}

#ribbon_r {
	left:275px;
	top:116px;
	opacity: 0;
}

/*mask_t*/
#mask_t1 {
	background-color:#F00; 
	width:400px;
	height:900px;
	left:0px;
	top:0px;
	opacity: 0;
}

#mask_t2 {
	background-color:#0F0; 
	width:400px;
	height:900px;
	left:0px;
	top:0px;
	opacity: 0;
}

#mask_t3 {
	background-color:#0F0; 
	width:800px;
	height:800px;
	left:0px;
	top:0px;
	opacity: 0;
}