@font-face {
	font-family: 'Aachen Std';
	src: url('subset-AachenStd-Bold.eot');
	src: url('subset-AachenStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('subset-AachenStd-Bold.woff') format('woff'),
		url('subset-AachenStd-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


*,*:before,*:after{webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body {
    margin: 0;
    padding: 0;
    color:#ffffff;
    font-size: 100%;
}
:focus {
    outline: 0;
}
::-moz-focus-inner {
    border: 0;
}
#banner,
#wrapper{
    margin: 0 auto;
    width: 728px;
    height: 90px;
}
#wrapper {
    overflow: hidden;
    position: relative;
    background-color: #00cccc;
    background: #00cccc; 
    cursor: pointer;    cursor: hand;
}
.abp,#bannerbg,.footer,#cta,#logo{
    position: absolute;
    padding: 0;
    margin:0; 
}
.copy{
   font-family: 'Aachen Std';
   font-weight: bold;
   font-style: normal;
   color: #FFFFFF;  
   font-size: 25px;
   line-height: 28px;
   text-align: left;
   height: auto;
   -webkit-font-smoothing:antialiased;
}

#banner {
    overflow: hidden;
    border: solid 1px #000000;
}

#glasses{ 
    right: -260px;
    bottom: -5px;
}

#cover,#bg{
    left: 0;
    top: 0;  
    opacity: 0;
}

#copy2,#copy3,#copy4{
 font-size: 25px;
}
#copy1{
    left: 10px;
    top: 0px;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    padding: 15px;
        width: 280px;
}
#copy2,#copy4{
    left: 420px;
    top: 15px;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -webkit-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -moz-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -o-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);

    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    opacity: 0;
}

#copy4{
    left: 420px;
    top: 45px;
}

#cta{
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
}
#logo{
    right: 35px;
    bottom: -35px;
}
#cta{
    right: 12px;
    top: 15px;    
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
}


#banner:active #cta,
#banner:focus #cta,
#banner:hover #cta {

    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -moz-animation-name: hvr-pop;
    -ms-animation-name: hvr-pop;
    -o-animation-name: hvr-pop;

    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    -ms-animation-duration: .3s;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;

    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    -ms-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
}

@-webkit-keyframes hvr-pop {
50% {-webkit-transform: scale(1.1);}
}
@keyframes hvr-pop {
50% {transform: scale(1.1)}
}
@-ms-keyframes hvr-pop  {
 50% {-ms-transform: scale(1.1);}
}
@-moz-keyframes hvr-pop {
 50% {-moz-transform: scale(1.1);}
}
@-moz-keyframes hvr-pop {
 50% {-moz-transform: scale(1.1);}
}
@-o-keyframes hvr-pop {
 50% {-o-transform: scale(1.1);}
}