#banner{
	transform-origin: 0 0;
	width: 800px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	cursor: pointer;
}

.hideOnVideo{
	-webkit-transition: .4s;
    transition: .4s;
}

.closeBtn{
	width: 20px;
	height: 20px;
	color: white;
	position: absolute;
	font-family:sans-serif;
	text-align: center;
	line-height: 20px;
	font-size: 20px;
	top: 5px;
	right: 5px;
	opacity: 0.6;
}

.closeBtn:hover{
	opacity: 1;
}

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

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

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

}
.bg{
	z-index: -2;
}
.mainLeft{
	z-index: -1;
	-webkit-animation: animLeft 10s ease-in-out forwards 1;
   animation: animLeft 10s ease-in-out forwards 1;

}

.mainRight{
	z-index: -1;
	-webkit-animation: animRight 10s ease-in-out forwards 1;
   animation: animRight 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: 50% 67%;
}

.header{

	-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{
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: all;
}
.videoBlende{
	position: relative;
	top: 0;
	left: 0;
	width: 680px;
	height: 414px;
	margin: auto;
	overflow: hidden;
	pointer-events: none;
}
.videoContainer{
	margin: 0;
	padding: 0;
	position: absolute;
    pointer-events: none;
    width: 100%;
	bottom: -300px;
	opacity: 0;
	-webkit-transition: .4s;
    transition: .4s;
/*
	-webkit-animation: vid 10s ease-out forwards 1;
    animation: vid 10s ease-out forwards 1;
*/
}
.adform-video-play-pause, .adform-video-sound{
	pointer-events: all;
}

#videoElem{
/*	pointer-events: all;*/
    transform-origin: 50% 50%;
    width: 100%;
    margin: 0;
	padding: 0;   
}
.adform-video-big-play,
.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,
.adform-video-seek-bar{
    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: calc(100% + 2px);
    height: auto;
	left: -1px;
	position: relative;
	z-index: -1;
}

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


.playBtn{
	display: none;
	width: 60px;
	height: 60px;
	opacity: 0;
	margin:auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 80px;
	-webkit-transition: .4s;
    transition: .4s;
}
.playBtn img:hover{
	opacity: 0.8;
}


.blende{
	pointer-events: none;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #FF5100;
	width: 150%;
	height: 100%;
}

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

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


/*BLENDE*/

@-webkit-keyframes blendeTop {0%{left:12%;}5%{left:102%}100%{left:102%}}
@keyframes blendeTop {0%{left:12%;}5%{left:102%}100%{left:102%}}

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


@-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:90px; left: 90px;}8%{top:90px; left: 90px;}10%{top: 0px; left: 0px;}100%{top:0px; left: 0px;}}
@keyframes logoAnim {0%{top:90px; left: 90px;}8%{top:90px; left: 90px;}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; opacity: 1;}}
@keyframes headerAnim {0%{top:120px; opacity: 0;}9%{top:120px; opacity: 0;}12%{top: 0px; opacity: 1;}100%{top:0px; opacity: 1;}}

@-webkit-keyframes titleAnim {0%{top:20px; opacity: 0;}21%{top:20px; opacity: 0;}25%{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);}100%{-webkit-transform: scale(1); 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%{transform: scale(1); opacity: 1;}}