/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
#firefox { background-color: #fff; position: absolute; top: 0px; left: 0px; width: 970px; height: 250px; overflow: hidden;
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;		
}
#firefox svg { position: absolute; overflow: hidden; top: 0; left: 0; }
#firefox div { display: block; overflow: hidden; position: absolute; background: transparent; }
#firefox img { display: block; width: 100%; height: 100%; }
#firefox .pupil { filter: blur(1px); -webkit-filter: blur(1px); }
#firefox .eye_bounds { z-index: 5; }

#firefox #endframe,
#firefox #endframe #items,
#firefox #eyes_wrapper #eyes,
#firefox #eyes_wrapper { width: 970px; height: 250px; }
#firefox #eyes_wrapper { overflow: visible; }
#firefox #eyes_wrapper #bg { width: 100%; height: 500px; bottom: 0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#firefox #eyes_wrapper #eyes { background: transparent; }
#firefox #eyes_wrapper #eyes_bg { background: transparent url('eyes.png') 0 0 no-repeat; width: 530px; height: 291px; right: 0; top: -41px;
background-size: 530px 291px; -webkit-background-size: 530px 291px;
}
#firefox #eyes_wrapper #copy_intro_wrapper { width: 1px; height: 21px; top: 114px; left: 68px; }
#firefox #eyes_wrapper #copy_intro_wrapper #cursor { background: white; width: 1px; height: 100%; right: 0; }

#firefox #endframe { background: #f5f5f5; }
#firefox #endframe #items { background: transparent; }
#firefox #endframe #items #cta { width: 126px; height: 16px; top: 187px; left: 90px; }

/*--------------------- IE/Utilities ---------------------*/
#firefox #border { background: transparent; border: 1px solid #000; width: 968px; height: 248px; position: absolute; top: 0; left: 0; }
#firefox #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; top: 0; }
#firefox #loading { background: #000; width: 100%; height: 100%; z-index: 10; }
#firefox .hide { display: none; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
	#firefox .pupil { filter: blur(2px); -webkit-filter: blur(2px); }
}