#ii-ad-space {
  width:728px; height:90px; position:relative; display:inline-block; background:url('../images/banners/ii-bg.jpg'); background-repeat:no-repeat; border:1px solid grey;
  background-position:100px 100px;
  -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease;
  -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
#ii-other-bg {
  position:absolute; top:0; left:0;
  width:100%; height:100%;
  background:#2c8bad;
  -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease;
  -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
#ii-other-bg #ii-initial-container { position:absolute; top:22px; left:180px; width:368px; height:44px; outline:none; border:none; overflow:hidden; }
#ii-other-bg #ii-initial-container  #ii-initial-copy {
  position:absolute; top:44px; left:0;
  -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease; -ms-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

#ii-ad-space #ii-logo-container { position:absolute; top:30px; left:11px; width:145px; height:30px; outline:none; border:none; overflow:hidden; }
#ii-ad-space #ii-logo-container #ii-logo {
  position:absolute; top:-30px; left:0;
  -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease;
  -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

#ii-ad-space #ii-header-container { position:absolute; width:231px; top:15px; left:165px; height:22px; overflow:hidden; }
#ii-ad-space #ii-header-container #ii-header {
  position:absolute; left:0; top:32px;
  -webkit-transition: all 0.65s ease; -moz-transition: all 0.65s ease;
  -o-transition: all 0.65s ease; -ms-transition: all 0.65s ease;
  transition: all 0.65s ease;
}
#ii-ad-space #ii-header-2-container { position:absolute; width:231px; top:35px; left:165px; height:44px; overflow:hidden; }
#ii-ad-space #ii-header-2-container #ii-header-2 {
  position:absolute; left:0; top:-54px;
  -webkit-transition: all 0.65s ease; -moz-transition: all 0.65s ease;
  -o-transition: all 0.65s ease; -ms-transition: all 0.65s ease;
  transition: all 0.65s ease;
}

#ii-ad-space #ii-cta-container {
  position:absolute; top:13px; right:15px;
  width:200px; height:62px; outline:none; border:none; overflow:hidden;
}
#ii-ad-space #ii-cta-container #ii-cta {
  position:absolute; top:0; left:200px; background:#2c8bad; border-radius:5px;
  -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease;
  -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
/* #ii-ad-space:hover #ii-cta-container #ii-cta { background:#ffba00; } */
#ii-ad-space .ii-arrow {
  position:absolute; top:21px; left:161px; z-index:10;
  opacity:0;
  -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease;
  -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
  -webkit-animation-name:backnforth;
  -webkit-animation-duration:1500ms;
  -webkit-transform-origin:50% 50%;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
.icon-arrow-animate-short {
  -ms-transform: translate(5px, 0); -moz-transform: translate(5px, 0); -webkit-transform: translate(5px, 0); transform: translate(5px, 0);
  -webkit-transform-origin:50% 50%;
}

@-webkit-keyframes backnforth {
  0% { -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  50% { -ms-transform: translate(8px, 0); -moz-transform: translate(8px, 0); -webkit-transform: translate(8px, 0); transform: translate(8px, 0); }
  100% { -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}

.ii-background { background-position:0 0 !important; }
.ii-move2 { opacity:0 !important; }
.ii-move3 { top:0!important; }
.ii-move4 { left:0!important; }
.ii-move5 { width:231px!important; }
.ii-opacity { opacity:1!important; }
