/* 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: 300px;
  height: 600px;
  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;
}

/* Loose elements */

/*SPRIZER*/
.spritzer {
  top: 240px;
  left: 14px;
}

.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: 10px;
  height: 287px;
  bottom: -1px;
  overflow: hidden;
  left: -1px;
}

#div-square2 {
  width: 22px;
  height: 110px;
  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;
}

.text2{
  bottom: 35px;
}

#div-square_yellow {
  width: 255px;
  height: 276px;
  overflow: hidden;
  bottom: 272px;
  left: 22px;
}

#div-text2 {
  width: 255px;
  height: 276px;
  bottom: -35px;
  left: 0px;
  overflow: hidden;
}

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

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

#mini1 {
    top: 27px;
    left: 22px;
}

#mini2 {
  top: 27px;
  left: 42px;
}

#mini3 {
  top: 27px;
  left: 62px;
}

#div-text3a,
#div-text3b,
#div-text3c {
  overflow: hidden;
  width: 270px;
  height: 130px;
  top: -1px;
  left: -1px;
}

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

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

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

#div-cta {
  top: 155px;
  left: 22px;
  width: 170px;
  height: 34px;
  background-color: #FFF;
}

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

#cta-square img {
  right: 0;
}

#crop-frame {
  background-color: #ffe600;
  width: 230px;
  height: 15px;
  top: 26px;
  left: 0px;
  transform: rotate(-10deg);
}
#link{
  top: -1px;
  left: -1px;
}