#banner{
	width: 300px;
	height: 250px;
	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: 130%;
	height: 110%;
	pointer-events: none;
/*	display: none;*/
}

.blendeTop{
	transform-origin: 0 0;
	top: -80%;
	left: 70%;
	-webkit-animation: blendeTop 10s ease-in-out forwards 1;
   animation: blendeTop 10s ease-in-out forwards 1;
}

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

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

.main{
	width: 100%;
	height: 260px;
	-webkit-animation: animMain 10s ease-in-out forwards 1;
   animation: animMain 10s ease-in-out forwards 1;

}

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

}

.cta{
	-webkit-animation: ctaAnim 10s ease-in-out forwards 1;
   animation: ctaAnim 10s ease-in-out forwards 1;
	transform-origin: 30% 60%;
}

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

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

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

.logo{

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

.hidden{
	display: none;
}

#interactionLayer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoBlende{
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 170px;
	overflow: hidden;
}
.videoContainer{
	margin: 0;
	padding: 0;
	position: absolute;
    pointer-events: none;
    width: 100%;
	opacity: 1;
	top: 100%;
	-webkit-animation: vid 10s ease-out forwards 1;
    animation: vid 10s ease-out forwards 1;
	
}
.adform-video-play-pause, .adform-video-big-play, .adform-video-sound{
	pointer-events: all;
}
#videoElem{
/*    pointer-events: all;*/
    transform-origin: 50% 50%;
    width: 100%;
    margin: 0;
	padding: 0;   
}
adform-video-seek-bar-border,
.adform-video-seek-bar-border,
.adform-video-seek-bar-background,
.adform-video-seek-bar-loaded,
.adform-video-seek-bar-played,
.adform-video-full-screen{
    display: none;
}

.adform-video-play-pause, .adform-video-stop, .adform-video-rewind, .adform-video-full-screen, .adform-video-sound {
    width: 15px;
    height: 15px;
}
.adform-video-play-pause {
    left: 5px;
    bottom: 14px;
}

.adform-video-sound {
    right:5px;
    bottom: 14px;
}

.video-container video{
    width: 100%;
    height: auto;
	position: relative;
	z-index: -1;
}

.adform-video-base{
	position: relative;
	z-index: 0;
}

/*BLENDE*/

@-webkit-keyframes blendeTop {0%{left:70%;}5%{left:170%}90%{left:170%}100%{left:170%}}
@keyframes blendeTop {0%{left:70%;}5%{left:170%}90%{left:170%}100%{left:170%}}

@-webkit-keyframes blendeBot {0%{left:0%;}5%{left:-100%}90%{left:-100%}100%{left: -100%}}
@keyframes blendeBot {0%{left:0%;}5%{left:-100%}90%{left:-100%}100%{left: -100%}}

@-webkit-keyframes animOrange {0%{top:0%;}6%{top: 90%;}9%{top:0%;}100%{top:0%;}}
@keyframes animOrange {0%{top:0%;}6%{top: 90%}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%}85%{top: 0%}90%{top: 100%}100%{top:100%}}
@keyframes animMain {0%{top:100%;}2%{top:100%;}10%{top: -10px}13%{top:0%}85%{top: 0%}90%{top: 100%}100%{top:100%}}

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

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

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

@-webkit-keyframes sendehinwAnim {0%{right:10px; opacity: 0;}33%{right:10px; opacity: 0;}36%{right: 0px; opacity: 1;}100%{right:0px;}}
@keyframes sendehinwAnim {0%{right:10px; opacity: 0;}33%{right:10px; opacity: 0;}36%{right: 0px; opacity: 1;}100%{right: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);}100%{opacity: 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);}100%{opacity: 1;}}

@-webkit-keyframes vid {0%{top:100%;}85%{top:100%}90%{top:0%}100%{top:0%}}
@keyframes vid {0%{top:100%;}85%{top:100%}90%{top:0%}100%{top:0%}}