#banner {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased !important;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
        width: 970px;
        height: 250px;
        position: absolute;
        cursor: pointer;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        margin: auto;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #000;
        opacity: 1;
        background-color: #fff;
    }
    
.copy{
      font-size:50px;
    /*font-weight:bold;*/
    letter-spacing:0px;  
}
    #banner img,
    #banner div {
        border: none;
        position: absolute;
        opacity: 1;
        font-family: HelveticaLight, Helvetica, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Segoe UI, InfoText, Calibiri, Arial Unicode MS;
        font-weight: normal;
        
        /*font-family: "Arial", sans-serif;
        font-weight: bold;*/
        text-align: right;
    }
    
    #banner #BackgroundImage {
        background-image:url('assets/background.jpg');
        border: none;
        opacity: 1;
        width: 100%;
        height: 100%;
        right: 0px;
    }

    #banner #FrameOne {
        border: none;
        opacity: 1;
        width: 100%;
        height: 100%;
        right: 0px;
    }

#banner #FrameOne #printerBottom {
        display:block;
        border: none;
        position: absolute;
        background-image: url(assets/printer_bottom.png);
        opacity: 1;
        width: 252px;
        height: 192px;
        left: 388px;
        top: 38px;
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
}



#banner #FrameTwoImageMask {
    overflow: hidden;
    bottom: 0px;
    height: 128px;
    width: 100%;
}

#banner #FrameTwoImageMask #FrameTwoImage {
     background: url(assets/RIBBON.jpg) -0px 0px;
     opacity: 1;
     width: 78px;
     height: 1003px;
     top: -10px;
     left: 425px;
     -ms-transform: scale(1); /* IE 9 */
     -webkit-transform: scale(1); /* Safari */
      transform: scale(1);
}

#banner #FrameOneImage {
        display:block;
        border: none;
        position: absolute;
        background: url(assets/ribbon3_master_1F.png) -0px 0px ;
        opacity: 1;
        width: 237px;
        height: 163px;
        right: 43px;
        bottom: 0px;
        border: 0px solid #000;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;  
    
    
        -webkit-animation: play 1s steps(35) forwards;
        animation: play 1s steps(35) forwards;
        -ms-animation: play 1s steps(35) forwards;
        -moz-animation: play 1s steps(35) forwards;
    
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -ms-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -ms-animation-duration: 3s;
        -moz-animation-duration: 3s;
        
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -ms-animation-delay: 2s;
        -moz-animation-delay: 2s;
        
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -ms-transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;

         z-index:1998;
        
         -ms-transform: scale(1); /* IE 9 */
         -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
}



 
 @keyframes play {
        from {
            background-position: 0;
        }
        to {
            background-position: -8295px;
        }
    }
    @-webkit-keyframes play {
        from {
            background-position: 0;
        }
        to {
            background-position: -8295px;
        }
    }
    @-moz-keyframes play {
        from {
            background-position: 0;
        }
        to {
            background-position: -8295px;
        }
    }
        @-ms-keyframes play {
        from {
            background-position: 0;
        }
        to {
            background-position: -8295px;
        }
    }


#banner #FrameOne #printer {
        display:block;
        border: none;
        position: absolute;
        background-image: url(assets/printer.png);
        opacity: 1;
        width: 252px;
        height: 192px;
        left: 388px;
        top: 38px;
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
}


#banner #FrameOne #copyOne, #banner #FrameOne #copyTwo {
		line-height:40px;
        text-align: left;
		color:#10218b;
		position:absolute;
		left:40px;
		top:90px;
		width:140%;
        opacity: 1;
}


#banner #FrameOne #copyTwo, #banner #FrameOne #copyThree {
		line-height:40px;
        text-align: left;
		color:#10218b;
		position:absolute;
		left:40px;
		top:90px;
		width:140%;
        opacity: 0;
}

#banner #FrameOne #copyFour {
		font-size: 28px;
		line-height: 30px;
        text-align: center;
		color: #10218b;
		position:absolute;
		left:-200px;
		top: 73px;
		width:800px;
        opacity: 0;
}

#banner #epsonLogo {
		position:absolute;
		bottom:0px;
		right:0px;
		z-index:9999;
        opacity: 1;
	}

#banner #cta {
        font-weight: bold;
        background-color: #10218b;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #fff;
        position: absolute;
        padding-top: 11px;
        height: 29px;
        left: 130px;
        top: 150px;
        width: 134px;
        opacity: 0;
}

    #banner #bgexit {
        opacity: 1;
        cursor: pointer;
        z-index: 12101;
        width: 100%;
        height: 100%;
    }