/* Reset */

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
}

img {
    border: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



/* Container */

#wrapper {
    width: 728px;
    height: 90px;
    background: #030000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

#wrapper * {
    position: absolute;
}




/* Force text render */

.text {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.absolute {
    top: -1px;
    left: -1px;
    width: 728px;
    height: 90px;
}



/* Loose elements */


/*SPRIZER*/

.spritzer {
    top: 6px;
    left: 188px;
}

.spritzer-controls-container {
    visibility: hidden;
}

.spritzer-container {
    padding-top: 0px!important;
    padding-right: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    background-color: rgba(255, 255, 255, 0)!important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    border-top: none!important;
}

.spritzer-container #spritzer-loading {
    visibility: hidden;
}

@font-face {
    font-family: 'EYInterstate';
    src: url('./W01Bold.woff');
}



/*SPRIZER*/

#div-square1 {
    width: 5px;
    height: 26px;
    bottom: -1px;
    overflow: hidden;
    left: -1px;
}

#div-square2 {
    width: 728px;
    height: 0px;
    overflow: hidden;
    right: 0;
    top: -1px;
    right: -1px;
}

#spritz img {
    width: 300px;
    height: 250px;
}

#div-square1 img {
    bottom: 0;
    left: 0;
}

#div-square2 img {
    top: 0;
    right: 0;
}

#div-square_yellow {
    width: 728px;
    height: 90px;
    overflow: hidden;
}

#div-text2 {
    width: 728px;
    height: 90px;
    overflow: hidden;
}

.mini-square {
    width: 9px;
    height: 9px;
    background-color: #FFE600;
}

.mini-square2 {
    width: 9px;
    height: 9px;
    background-color: #FFE600;
}

#mini1 {
    top: 15px;
    left: 18px;
}

#mini2 {
    top: 15px;
    left: 36px;
}

#mini3 {
    top: 15px;
    left: 54px;
}

#div-text3a {
    overflow: hidden;
    width: 222px;
    height: 130px;
}

#div-text3b {
    overflow: hidden;
    width: 410px;
    height: 130px;
}

#div-text3c {
    overflow: hidden;
    width: 250px;
    height: 130px;
}

#mini-animation1 {
    right: 0;
    top: 41px;
}

#mini-animation2 {
    right: 0;
    top: 41px;
}

#mini-animation3 {
    right: 0px;
    top: 60px;
}

#div-cta {
    top: 34px;
    left: 455px;
    width: 130px;
    height: 24px;
    background-color: #FFF;
}

#cta-square {
    right: 0;
    width: 24px;
    height: 24px;
    background-color: #FFE600;
}

#cta-square img {
    right: 0;
}