#BannerPlate{
width:100%;
position:relative;
overflow: hidden;
background-color: rgb(0, 113, 188);
/*background-image: url('/styles/bs.png');*/
border: 3px solid rgb(255,255,255);
box-sizing: border-box;
border-radius: 15px;
}
#BannerPlate img{
vertical-align: bottom;
max-height:100%;
}
.BannerFile{
 width:100%;
 position:absolute;
 top:0;left:0;bottom:0;right:0;
}
.BannerImage{
display:block;
width:100%;
position:absolute;
top:0;bottom:0;left:0;right:0;
}
.BannerImage img{
width:100%;
}
#banButtons{
width:80%;
}
#banButtons div, #banButtons a{
display:inline-block;
float:left;
margin:5px;
cursor:pointer;
text-decoration: none;
color:white;
font-weight: bold;
}
.buttonPlay:before{
content:"PLAY";
}
.buttonStop:before{
content:"STOP";
}
.banerLink{
position:absolute;
bottom:30px;
text-align: center;
width: 100%;
}
.banTranslate{
  animation-name: banTrans;
  animation-duration: 2.6s; 
  animation-timing-function:linear; 
  animation-direction: alternate;
  animation-iteration-count: 1;
}

.banOpacity {
  animation-name: banOp;
  animation-duration: 2.6s; 
  animation-timing-function:linear; 
 /* animation-delay: 1s;*/
  animation-direction: alternate;
  animation-iteration-count: 1;
} 
.banOpacityNull{
  animation-name: banOp;
  animation-duration: 0.1s; 
  animation-timing-function:linear; 
  animation-delay: 600;
  animation-direction: alternate;
  animation-iteration-count: 1;
}