#banner{
	width: 300px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	cursor: pointer;
}

.adCont{
	height: 100%;
	width: 100%;
	position: absolute;
}
.adCont img{
	height: 100%;
	width: 100%;
}

.blende{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #FF5100;
	width: 220%;
	height: 75%;
/*	display: none;*/
}

.blendeTop{
	transform-origin: 0 100%;
	top: -74%;
	left: -50%;
	-webkit-animation: blendeTop 10s ease-in-out forwards 3;
   animation: blendeTop 10s ease-in-out forwards 3;
}

.blendeBot{
	transform-origin: 0 0;
	top: 24%;
	-webkit-animation: blendeBot 10s ease-in-out forwards 3;
  animation: blendeBot 10s ease-in-out forwards 3;
}

.orangeTri{
	-webkit-animation: animOrange 10s ease-in-out forwards 3;
  animation: animOrange 10s ease-in-out forwards 3;
}

.main{
	-webkit-animation: animMain 10s ease-in-out forwards 3;
   animation: animMain 10s ease-in-out forwards 3;

}

.mainLeft{
	-webkit-animation: animLeft 10s ease-in-out forwards 3;
   animation: animLeft 10s ease-in-out forwards 3;

}

.mainRight{
	-webkit-animation: animRight 10s ease-in-out forwards 3;
   animation: animRight 10s ease-in-out forwards 3;

}

.cta{
	-webkit-animation: ctaAnim 10s ease-in-out forwards 3;
   animation: ctaAnim 10s ease-in-out forwards 3;
	transform-origin: 50% 63%;
}

.header{
/*	top: 120px;*/
/*	display: none;*/
	-webkit-animation: headerAnim 10s ease-in-out forwards 3;
   animation: headerAnim 10s ease-in-out forwards 3;
}

.title{
	-webkit-animation: titleAnim 10s ease-in-out forwards 3;
   animation: titleAnim 10s ease-in-out forwards 3;
}

.sendehinw{
	-webkit-animation: sendehinwAnim 10s ease-in-out forwards 3;
   animation: sendehinwAnim 10s ease-in-out forwards 3;
}

.logo{

	-webkit-animation: logoAnim 10s ease-out forwards 3;
   animation: logoAnim 10s ease-out forwards 3;
}

.hidden{
	display: none;
}

.border{
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border: 1px solid white;
	pointer-events: none;
}

/*BLENDE*/

@-webkit-keyframes blendeTop {0%{top:-74%;}5%{top:-155%}90%{top:-155%}95%{top:-74%}100%{top:-74%}}
@keyframes blendeTop {0%{top:-74%;}5%{top:-155%}90%{top:-155%}95%{top:-74%}100%{top:-74%}}

@-webkit-keyframes blendeBot {0%{top:24%;}5%{top:105%}90%{top:105%}95%{top:24%}100%{top:24%}}
@keyframes blendeBot {0%{top:24%;}5%{top:105%}90%{top:105%}95%{top:24%}100%{top:24%}}

@-webkit-keyframes animOrange {0%{top:0%;}6%{top: 50%;}9%{top:0%;}100%{top:0%;}}
@keyframes animOrange {0%{top:0%;}6%{top: 50%}9%{top:0%}100%{top:0%}}

@-webkit-keyframes logoAnim {0%{top:75px; left: 75px;}8%{top:75px; left: 75px;}10%{top: 0px; left: 0px;}100%{top:0px; left: 0px;}}
@keyframes logoAnim {0%{top:75px; left: 75px;}8%{top:75px; left: 75px;}10%{top: 0px; left: 0px;}100%{top:0px; left: 0px;}}

@-webkit-keyframes animMain {0%{top:100%;}2%{top:100%;}10%{top: -10px}13%{top:0%}100%{top:0%}}
@keyframes animMain {0%{top:100%;}2%{top:100%;}10%{top: -10px}13%{top:0%}100%{top:0%}}

@-webkit-keyframes animLeft {0%{left: 50px; top: 20%; opacity: 0;}7%{left:50px; top: 20%; opacity: 0;}11%{left:0px; top:-10px; opacity: 1;}13%{top: 0%; left:0px;}100%{top:0%; left:0px;}}
@keyframes animLeft {0%{left: 50px; top: 20%; opacity: 0;}7%{left:50px; top: 20%; opacity: 0;}11%{left:0px; top:-10px; opacity: 1;}13%{top: 0%; left:0px;}100%{top:0%;left:0px;}}

@-webkit-keyframes animRight {0%{right: 50px; top: 20%; opacity: 0;}7%{right:50px; top: 20%; opacity: 0;}11%{right:0px; top:-10px; opacity: 1;}13%{top: 0%; right:0px;}100%{top:0%; right:0px;}}
@keyframes animRight {0%{right: 50px; top: 20%; opacity: 0;}7%{right:50px; top: 20%; opacity: 0;}11%{right:0px; top:-10px; opacity: 1;}13%{top: 0%; right:0px;}100%{top:0%;right:0px;}}

@-webkit-keyframes headerAnim {0%{top:120px; opacity: 0;}9%{top:120px; opacity: 0;}12%{top: 0px; opacity: 1;}100%{top:0px;}}
@keyframes headerAnim {0%{top:120px; opacity: 0;}9%{top:120px; opacity: 0;}12%{top: 0px; opacity: 1;}100%{top:0px;}}

@-webkit-keyframes titleAnim {0%{top:20px; opacity: 0;}21%{top:20px; opacity: 0;}24%{top: 0px; opacity: 1;}100%{top:0px;}}
@keyframes titleAnim {0%{top:20px; opacity: 0;}21%{top:20px; opacity: 0;}24%{top: 0px; opacity: 1;}100%{top:0px;}}

@-webkit-keyframes sendehinwAnim {0%{top:10px; opacity: 0;}33%{top:10px; opacity: 0;}36%{top: 0px; opacity: 1;}100%{top:0px;}}
@keyframes sendehinwAnim {0%{top:10px; opacity: 0;}33%{top:10px; opacity: 0;}36%{top: 0px; opacity: 1;}100%{top:0px;}}

@-webkit-keyframes ctaAnim {0%{opacity: 0; -webkit-transform: scale(0.5);}46%{opacity: 0;-webkit-transform: scale(0.5);}49%{opacity: 1;-webkit-transform: scale(1.1);}51%{-webkit-transform: scale(1);}65%{-webkit-transform: scale(1);}67%{-webkit-transform: scale(1.1);}69%{-webkit-transform: scale(1);}83%{-webkit-transform: scale(1);}85%{-webkit-transform: scale(1.1);}87%{-webkit-transform: scale(1);}100%{-webkit-transform: scale(1)}}
@keyframes ctaAnim {0%{opacity: 0; transform: scale(0.5);}46%{opacity: 0;transform: scale(0.5);}49%{opacity: 1;transform: scale(1.1);}51%{transform: scale(1);}65%{transform: scale(1);}67%{transform: scale(1.1);}69%{transform: scale(1);}83%{transform: scale(1);}85%{transform: scale(1.1);}87%{transform: scale(1);}100%{transform: scale(1)}}