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

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

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

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

.bg_1{
	background-image: url(theTaste_sitebar_300x600_bg.jpg);
	width: 425px;
	opacity: 0;
}

.bg_2{
	background-image: url(theTaste_sitebar_300x600_bg_2.jpg);
}

.copy{
	left: 300px;
}

.copy_1{
	background-image: url(theTaste_sitebar_300x600_copy_1.svg);
}

.copy_2{
	background-image: url(theTaste_sitebar_300x600_copy_2.svg);
}

.copy_3{
	background-image: url(theTaste_sitebar_300x600_copy_3.svg);
}

.logo{
	background-image: url(theTaste_sitebar_300x600_logo.svg);
	background-size: cover;
	background-position: bottom right;
	position: absolute;
	bottom: 0;
	right: 19px;
	width: 148px;
	height: 75px;
}

.logo_notext{
	width: 60px;
	bottom: -75px
}

.cta{
	background-image: url(theTaste_sitebar_300x600_cta.svg);
	width: 149px;
	height: 30px;
	position: absolute;
	left: -305px;
	top: 248px;
}

.phase_2{
	opacity: 0;
}

.anim_bg_1{
	-webkit-animation-duration: 9s;
  animation-duration: 9s;
  -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(-125px,0,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(-125px,0,0) rotate(0.001deg); }
}

.anim_moveIn{
	-webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -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: translateX(0); }
    100% { -webkit-transform: translateX(-300px); }
}

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

.anim_moveLeft{
	-webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: anim_moveLeft;
  animation-name: anim_moveLeft;
  -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_moveLeft {
    0% { -webkit-transform: translateX(-300px); }
    100% { -webkit-transform: translateX(-600px); }
}

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

.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(-75px); }
}

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

.fadeIn {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -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; }
}