/*=====================================
  RESET CSS 
  =====================================*/
* {
	padding: 0;
	margin: 0;
	position: absolute;

	-webkit-animation-play-state:paused!important;

	   -moz-animation-play-state:paused!important;

	     -o-animation-play-state:paused!important;

	        animation-play-state:paused!important;
}

html {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
 
*, *:before, *:after {
    -moz-box-sizing: inherit;
         box-sizing: inherit;
}

/*=====================================
  Main Banner CSS 
  =====================================*/

#banner {
	background: #323232;
	width: 728px;
	height: 90px;

	border: 1px solid #666;
	overflow: hidden;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.is-loaded * {
	-webkit-animation-play-state:running!important;
	   -moz-animation-play-state:running!important;
	     -o-animation-play-state:running!important;
	        animation-play-state:running!important;
}

.logoName {
	top: 18px;
	right: 10px;

	z-index: 100;
}

.headlineCopy {
	top: 12px;
	left: 0px;

	-webkit-animation: headlineOneAnim 3s 0.5s both;

	   -moz-animation: headlineOneAnim 3s 0.5s both;

	     -o-animation: headlineOneAnim 3s 0.5s both;

	        animation: headlineOneAnim 3s 0.5s both;
}

.headline2Copy {
	top: 12px;
	left: 0px;

	-webkit-animation: headlineTwoAnim 0.5s 3.5s both;

	   -moz-animation: headlineTwoAnim 0.5s 3.5s both;

	     -o-animation: headlineTwoAnim 0.5s 3.5s both;

	        animation: headlineTwoAnim 0.5s 3.5s both;
}

.cameraHold {
	right: 308px;
	bottom: -5px;

	z-index: 10;

	-webkit-animation: cameraMoveAim 0.5s 4.0s both;

	   -moz-animation: cameraMoveAim 0.5s 4.0s both;

	     -o-animation: cameraMoveAim 0.5s 4.0s both;

	        animation: cameraMoveAim 0.5s 4.0s both;
}

.cameraPic {
	background: #080001;
	width: 55px;
	height: 42px;
	top: 38px;
	left: 290px;

	overflow: hidden;

	z-index: 15;
	-webkit-animation: cameraPicPoseAnim 0.25s 4.5s both;
	   -moz-animation: cameraPicPoseAnim 0.25s 4.5s both;
	     -o-animation: cameraPicPoseAnim 0.25s 4.5s both;
	        animation: cameraPicPoseAnim 0.25s 4.5s both;
}
.cameraInsidePic {
	position: relative;
	top: -12px;
	left: -31px;

	-webkit-transform-origin: 60px 0px;

	   -moz-transform-origin: 60px 0px;

	    -ms-transform-origin: 60px 0px;

	     -o-transform-origin: 60px 0px;

	        transform-origin: 60px 0px;
	-webkit-animation: cameraPicZoomAnim 2s 5.0s both;
	   -moz-animation: cameraPicZoomAnim 2s 5.0s both;
	     -o-animation: cameraPicZoomAnim 2s 5.0s both;
	        animation: cameraPicZoomAnim 2s 5.0s both;
}

.specOpticalCopy {
	top: 12px;
	left: 430px;

	-webkit-animation: specOpticalCopyAnim 0.5s 6.0s both;

	   -moz-animation: specOpticalCopyAnim 0.5s 6.0s both;

	     -o-animation: specOpticalCopyAnim 0.5s 6.0s both;

	        animation: specOpticalCopyAnim 0.5s 6.0s both;
}

.specZoomCopy {
	top: 33px;
	left: 430px;
	-webkit-animation: specZoomCopyAnim 0.5s 6.5s both;
	   -moz-animation: specZoomCopyAnim 0.5s 6.5s both;
	     -o-animation: specZoomCopyAnim 0.5s 6.5s both;
	        animation: specZoomCopyAnim 0.5s 6.5s both;
}

.cameraFlash {
	top: 0;
	left: 0;

	z-index: 5;
	-webkit-animation: cameraFlashAnim 0.25s 8.5s both;
	   -moz-animation: cameraFlashAnim 0.25s 8.5s both;
	     -o-animation: cameraFlashAnim 0.25s 8.5s both;
	        animation: cameraFlashAnim 0.25s 8.5s both;
}

.cameraClicked {
	top: 17px;
	left: 321px;

	z-index: 20;
	-webkit-animation: cameraClickedAnim 0.25s 8.5s both;
	   -moz-animation: cameraClickedAnim 0.25s 8.5s both;
	     -o-animation: cameraClickedAnim 0.25s 8.5s both;
	        animation: cameraClickedAnim 0.25s 8.5s both;
}


.lastFrameBg {
	background: #323232;
	width: 728px;
	height: 90px;

	top: 0;
	left: 0;

	z-index: 50;

	-webkit-animation: lastFrameAnim 0.5s 9.0s both;

	   -moz-animation: lastFrameAnim 0.5s 9.0s both;

	     -o-animation: lastFrameAnim 0.5s 9.0s both;

	        animation: lastFrameAnim 0.5s 9.0s both;
}

.finalHeadlineCopy {
	top: 10px;
	left: 15px;

	-webkit-animation: finalHeadlineAnim 0.5s 9.5s both;

	   -moz-animation: finalHeadlineAnim 0.5s 9.5s both;

	     -o-animation: finalHeadlineAnim 0.5s 9.5s both;

	        animation: finalHeadlineAnim 0.5s 9.5s both;
}

.finalProduct {
	top: 2px;
	left: 310px;
	-webkit-animation: finalProductAnim 0.5s 9.5s both;
	   -moz-animation: finalProductAnim 0.5s 9.5s both;
	     -o-animation: finalProductAnim 0.5s 9.5s both;
	        animation: finalProductAnim 0.5s 9.5s both;
}

.pixelSpec {
	right: 425px;
	top: 10px;

	-webkit-animation: pixelSpecAnim 0.5s 10.5s both;

	   -moz-animation: pixelSpecAnim 0.5s 10.5s both;

	     -o-animation: pixelSpecAnim 0.5s 10.5s both;

	        animation: pixelSpecAnim 0.5s 10.5s both;
}

.priceSpec {
	right: 159px;
	top: 15px;

	-webkit-animation: priceSpecAnim 0.5s 10.5s both;

	   -moz-animation: priceSpecAnim 0.5s 10.5s both;

	     -o-animation: priceSpecAnim 0.5s 10.5s both;

	        animation: priceSpecAnim 0.5s 10.5s both;
}

.ctaBtn {
	top: 50px;
	left: 497px;
	-webkit-animation: ctaBtnAnim 0.5s 11.0s both;
	   -moz-animation: ctaBtnAnim 0.5s 11.0s both;
	     -o-animation: ctaBtnAnim 0.5s 11.0s both;
	        animation: ctaBtnAnim 0.5s 11.0s both;
}

.tncSpec {
	left: 15px;
	bottom: 5px;
	-webkit-animation: tncSpecAnim 0.5s 10.5s both;
	   -moz-animation: tncSpecAnim 0.5s 10.5s both;
	     -o-animation: tncSpecAnim 0.5s 10.5s both;
	        animation: tncSpecAnim 0.5s 10.5s both;
}



.ie_fallback {
    width: 728px;
	height: 90px;
    z-index: 999;
}
#background_exit_dc {
	background:none;
	border:none;
	top:0;
	left:0;
	cursor:pointer;
    width: 728px;
	height: 90px;
    z-index: 1000;
}


/*=====================================
  All Animation CSS 
  =====================================*/


@-webkit-keyframes headlineOneAnim {
	0% { -webkit-transform: translateX(-240px); transform: translateX(-240px); }
	20% { -webkit-transform: translateX(0); transform: translateX(0); }
	80% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-240px); transform: translateX(-240px); }
}


@-moz-keyframes headlineOneAnim {
	0% { -moz-transform: translateX(-240px); transform: translateX(-240px); }
	20% { -moz-transform: translateX(0); transform: translateX(0); }
	80% { -moz-transform: translateX(0); transform: translateX(0); }
	100% { -moz-transform: translateX(-240px); transform: translateX(-240px); }
}


@-o-keyframes headlineOneAnim {
	0% { -o-transform: translateX(-240px); transform: translateX(-240px); }
	20% { -o-transform: translateX(0); transform: translateX(0); }
	80% { -o-transform: translateX(0); transform: translateX(0); }
	100% { -o-transform: translateX(-240px); transform: translateX(-240px); }
}


@keyframes headlineOneAnim {
	0% { -webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); }
	20% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
	80% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); }
}

@-webkit-keyframes headlineTwoAnim {
	from { -webkit-transform: translateX(-170px); transform: translateX(-170px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-moz-keyframes headlineTwoAnim {
	from { -moz-transform: translateX(-170px); transform: translateX(-170px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}

@-o-keyframes headlineTwoAnim {
	from { -o-transform: translateX(-170px); transform: translateX(-170px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}

@keyframes headlineTwoAnim {
	from { -webkit-transform: translateX(-170px); -moz-transform: translateX(-170px); -o-transform: translateX(-170px); transform: translateX(-170px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes cameraMoveAim {
	from { -webkit-transform: translateY(200px); transform: translateY(200px); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-moz-keyframes cameraMoveAim {
	from { -moz-transform: translateY(200px); transform: translateY(200px); }
	to { -moz-transform: translateY(0); transform: translateY(0); }
}

@-o-keyframes cameraMoveAim {
	from { -o-transform: translateY(200px); transform: translateY(200px); }
	to { -o-transform: translateY(0); transform: translateY(0); }
}

@keyframes cameraMoveAim {
	from { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); }
	to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes cameraPicPoseAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes cameraPicPoseAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes cameraPicPoseAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes cameraPicPoseAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes cameraPicZoomAnim {
	from { -webkit-transform: scale(.55); transform: scale(.55); }
	to { -webkit-transform: scale(1); transform: scale(1); }
}

@-moz-keyframes cameraPicZoomAnim {
	from { -moz-transform: scale(.55); transform: scale(.55); }
	to { -moz-transform: scale(1); transform: scale(1); }
}

@-o-keyframes cameraPicZoomAnim {
	from { -o-transform: scale(.55); transform: scale(.55); }
	to { -o-transform: scale(1); transform: scale(1); }
}

@keyframes cameraPicZoomAnim {
	from { -webkit-transform: scale(.55); -moz-transform: scale(.55); -o-transform: scale(.55); transform: scale(.55); }
	to { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes specOpticalCopyAnim {
	from { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
	to { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-moz-keyframes specOpticalCopyAnim {
	from { -moz-transform: translateY(-50px); transform: translateY(-50px); }
	to { -moz-transform: translateX(0); transform: translateX(0); }
}

@-o-keyframes specOpticalCopyAnim {
	from { -o-transform: translateY(-50px); transform: translateY(-50px); }
	to { -o-transform: translateX(0); transform: translateX(0); }
}

@keyframes specOpticalCopyAnim {
	from { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }
	to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes specZoomCopyAnim {
	from { -webkit-transform: translateY(90px); transform: translateY(90px); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-moz-keyframes specZoomCopyAnim {
	from { -moz-transform: translateY(90px); transform: translateY(90px); }
	to { -moz-transform: translateY(0); transform: translateY(0); }
}

@-o-keyframes specZoomCopyAnim {
	from { -o-transform: translateY(90px); transform: translateY(90px); }
	to { -o-transform: translateY(0); transform: translateY(0); }
}

@keyframes specZoomCopyAnim {
	from { -webkit-transform: translateY(90px); -moz-transform: translateY(90px); -o-transform: translateY(90px); transform: translateY(90px); }
	to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes cameraFlashAnim {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-moz-keyframes cameraFlashAnim {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-o-keyframes cameraFlashAnim {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes cameraFlashAnim {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-webkit-keyframes cameraClickedAnim {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-moz-keyframes cameraClickedAnim {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-o-keyframes cameraClickedAnim {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes cameraClickedAnim {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}
@-webkit-keyframes lastFrameAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes lastFrameAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes lastFrameAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes lastFrameAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes finalHeadlineAnim {
	from { -webkit-transform: translateY(-80px); transform: translateY(-80px); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-moz-keyframes finalHeadlineAnim {
	from { -moz-transform: translateY(-80px); transform: translateY(-80px); }
	to { -moz-transform: translateY(0); transform: translateY(0); }
}

@-o-keyframes finalHeadlineAnim {
	from { -o-transform: translateY(-80px); transform: translateY(-80px); }
	to { -o-transform: translateY(0); transform: translateY(0); }
}

@keyframes finalHeadlineAnim {
	from { -webkit-transform: translateY(-80px); -moz-transform: translateY(-80px); -o-transform: translateY(-80px); transform: translateY(-80px); }
	to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes finalProductAnim {
	from { -webkit-transform: translateY(150px); transform: translateY(150px); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-moz-keyframes finalProductAnim {
	from { -moz-transform: translateY(150px); transform: translateY(150px); }
	to { -moz-transform: translateY(0); transform: translateY(0); }
}

@-o-keyframes finalProductAnim {
	from { -o-transform: translateY(150px); transform: translateY(150px); }
	to { -o-transform: translateY(0); transform: translateY(0); }
}

@keyframes finalProductAnim {
	from { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); transform: translateY(150px); }
	to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes pixelSpecAnim {
	from { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-moz-keyframes pixelSpecAnim {
	from { -moz-transform: translateY(-50px); transform: translateY(-50px); }
	to { -moz-transform: translateY(0); transform: translateY(0); }
}

@-o-keyframes pixelSpecAnim {
	from { -o-transform: translateY(-50px); transform: translateY(-50px); }
	to { -o-transform: translateY(0); transform: translateY(0); }
}

@keyframes pixelSpecAnim {
	from { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }
	to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes priceSpecAnim {
	from { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-moz-keyframes priceSpecAnim {
	from { -moz-transform: translateY(-50px); transform: translateY(-50px); }
	to { -moz-transform: translateY(0); transform: translateY(0); }
}

@-o-keyframes priceSpecAnim {
	from { -o-transform: translateY(-50px); transform: translateY(-50px); }
	to { -o-transform: translateY(0); transform: translateY(0); }
}

@keyframes priceSpecAnim {
	from { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }
	to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes ctaBtnAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes ctaBtnAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes ctaBtnAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes ctaBtnAnim {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes tncSpecAnim {
	from { -webkit-transform: translateY(50px); transform: translateY(50px); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-moz-keyframes tncSpecAnim {
	from { -moz-transform: translateY(50px); transform: translateY(50px); }
	to { -moz-transform: translateY(0); transform: translateY(0); }
}

@-o-keyframes tncSpecAnim {
	from { -o-transform: translateY(50px); transform: translateY(50px); }
	to { -o-transform: translateY(0); transform: translateY(0); }
}

@keyframes tncSpecAnim {
	from { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
	to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}