body{
	margin:0;
	padding:0;
	font-size:14px;
}
.container{
	display:flex;
	width:980px;
	height: 200px;
	margin:150px auto;
	position:relative;
	overflow:hidden;
}
.container .static{
	display:inline-block;
	width:625px;
	height:200px;
	border:none;
	margin:0;
	padding:0;
	background: url('../img/static-part.jpg');
	background-color:#ffd400;
	background-size: 101% 100%;
	background-repeat: no-repeat;
	z-index:10;
}
.static a{
	width:100%;
	height:100%;
	display:block;
}
.dynamic_button:hover{
	cursor:pointer;
}
.dynamic_video-container.moving_badge{
	width:100%;
}
.static_badge{
	display:block;
	width:205px;
	height:190px;
	transform:scale(0.9,0.9);
	margin-left: -10px;
	margin-top: -10px;
	background: url('../img/BADGE.png');
	background-size: 100%;
	background-repeat: no-repeat;
	filter: drop-shadow(black 10px 9px 40px);
	transition:transform 1s;
}

.container .after{
	margin-left: -32px;
    display: inline-block;
    height: 250px;
    width: 61px;
    z-index: 10;

}

.container .dynamic{
	display:inline-block;
	width: calc(100% - 625px);
	height:250px;
	margin-left:-35px;
	padding:0;
	position:relative;
	background-color: transparent;
	z-index:0;
}
.dynamic_video-player{
	display:block;
	width: 100%;
	height:200px;
	position: absolute;
	top:0;
	left:0;
}
.container .dynamic .active{
	display:block;
}
.container .dynamic .hidden{
	display:none;
}
.dynamic_video{
	height:100%;
	width:100%;
	display:block;
	pointer-events:none;
	object-fit: cover;
}
.dynamic_video-container{
	position:relative;
	height:100%;
}
.dynamic_button{
	display:block;
	position:absolute;
	transition:opacity 0.5s;
}
.dynamic_button__1{
	background: url('../img/btn-1.png');
	background-size: 95%;
	background-repeat: no-repeat;
	width:210px;
	height:76px;
	top:62px;
	left:64px;
}
.dynamic_button__2{
	background: url('../img/btn-2.png');
	background-size: 95%;
	background-repeat: no-repeat;
	width:269px;
	height:76px;
	top:62px;
	left:64px;
}
.dynamic_button__3{
	background: url('../img/btn-3.png');
	background-size: 95%;
	background-repeat: no-repeat;
	width:278px;
	height:76px;
	top:62px;
	left:64px;
}
.dynamic_button__4{
	background: url('../img/btn-4.png');
	background-size: 95%;
	background-repeat: no-repeat;
	width:247px;
	height:76px;
	top:62px;
	left:64px;
}
.dynamic_button__final{
	background: url('../img/btn-5.png');
	background-size: 95%;
	background-repeat: no-repeat;
	width:275px;
	height:76px;
	top: 82px;
	left:64px;
}

/*@keyframes moving_badge {
  0%   {transform: rotate(0deg) scale(1,1)}
  25%  {transform: rotate(5deg) scale(1.05,1.05)}
  50%  {transform: rotate(10deg) scale(1.10,1.10)}
  75%  {transform: rotate(5deg) scale(1.05,1.05)}
  100% {transform: rotate(0deg) scale(1,1)}
}*/