.banner{
	width: 940px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	overflow: hidden;
}

.bannerElem{
	width: 940px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	background-size: auto 100%;
}

.restartWrapper{
	position: absolute;
	left: -30px;
	top: 0;
	width: 30px;
	height: 30px;
	opacity: 0;
}

.restartBtn {
  background: url(restart.svg) no-repeat;
  background-size: cover;
  position: absolute;
  width: 16px;
  height: 12px;
  left: 9px;
  top: 9px;
	cursor: pointer;
}

.bg_1{
	background-image: url(theTaste_billboard_940x250_bg.jpg);
/*	width: 425px;*/
	height: 480px;
	opacity: 0;
}

.copy{
	top: 250px;
}

.copy_1{
	background-image: url(theTaste_billboard_940x250_copy_1.png);
}

.copy_2{
	background-image: url(theTaste_billboard_940x250_copy_2.png);
}

.copy_3{
	background-image: url(theTaste_billboard_940x250_copy_3.png);
}


.logo{
	background-image: url(theTaste_billboard_940x250_logo.svg);
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 720px;
	width: 106px;
	height: 90px;
}

.logo_notext{
	background-position: bottom right;
	width: 71px;
	bottom: -100px;
	left: 827px;
}

.logo_shadow{
	background-image: url(theTaste_billboard_940x250_logo_shadow.png);
	opacity: 0;
}

.cta{
	background-image: url(theTaste_billboard_940x250_cta.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 133px;
	height: 32px;
	position: absolute;
	left: 286px;
	top: 99px;
	opacity:0;
}

.phase_2{
	opacity: 0;
}

.destinations_1{
	background-image: url(theTaste_billboard_940x250_destinations_1.png);
	top: 250px;
}

.destinations_2{
	background-image: url(theTaste_billboard_940x250_destinations_2.png);
	top: 250px;
}

.destinations_3{
	background-image: url(theTaste_billboard_940x250_destinations_3.png);
	top: 250px;
}

.anim_bg_1{
	-webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-animation-name: anim_bg_1;
  animation-name: anim_bg_1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes anim_bg_1 {
  0% { opacity: 0; -webkit-transform: translate3d(0,0,0) rotate(0.001deg); }
  5% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: translate3d(0,-230px,0) rotate(0.001deg); }
}

@keyframes anim_bg_1 {
  0% { opacity: 0; transform: translate3d(0,0,0) rotate(0.001deg); }
  5% { opacity: 1; }
  100% { opacity: 1; transform: translate3d(0,-230px,0) rotate(0.001deg); }
}

.anim_moveIn{
	-webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: anim_moveIn;
  animation-name: anim_moveIn;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes anim_moveIn {
    0% { -webkit-transform: translateY(0); }
    100% { -webkit-transform: translateY(-250px); }
}

@keyframes anim_moveIn {
    0% { transform: translateY(0); }
    100% { transform: translateY(-250px); }
}

.anim_moveOut{
	-webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: anim_moveOut;
  animation-name: anim_moveOut;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes anim_moveOut {
    0% { -webkit-transform: translateY(-250px); }
    100% { -webkit-transform: translateY(-500px); }
}

@keyframes anim_moveOut {
    0% { transform: translateY(-250px); }
    100% { transform: translateY(-500px); }
}

.anim_moveRight{
	-webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: anim_moveRight;
  animation-name: anim_moveRight;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes anim_moveRight {
    0% { -webkit-transform: translateX(0px); }
    100% { -webkit-transform: translateX(300px); }
}

@keyframes anim_moveRight {
    0% { transform: translateX(0px); }
    100% { transform: translateX(300px); }
}

.anim_logoUp {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: anim_logoUp;
    animation-name: anim_logoUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes anim_logoUp {
    0% { -webkit-transform: translateY(0px); }
    100% { -webkit-transform: translateY(-100px); }
}

@keyframes anim_logoUp {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-100px); }
}

.fadeIn {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


.anim_restartBtn{
	-webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: anim_restartBtn;
  animation-name: anim_restartBtn;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes anim_restartBtn {
    0% { -webkit-transform: translateX(0); opacity: 0; }
    100% { -webkit-transform: translateX(30px); opacity: 1; }
}

@keyframes anim_restartBtn {
    0% { transform: translateX(0); opacity: 0; }
    100% { transform: translateX(30px); opacity: 1; }
}