#BannerPlate{
width:100%;
position:relative;
overflow: hidden;
background-color: rgb(0, 0,0);
}
.BannerPage{
 -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
max-width:1100px;
position: relative;

height:100%;
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.BanPrev,.BanNext{
height:100%;
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.BanPrev{padding-right: 20px;}
.BanNext{padding-left: 20px;}
.bannerNadpis{
position:relative;
max-width:600px;
color:rgb(0,181,209);
font-size:3.8vw; font-weight: bold;font-family: 'Roboto Condensed', sans-serif;
text-align: left;
margin:0;
text-transform: uppercase;
}
.bannerText{
color:rgb(255,255,255);max-width:600px;
font-size:16px; font-weight: normal;font-family: 'Roboto Condensed', sans-serif;text-align: left;
}
#BannerPlate img{
vertical-align: bottom;
max-height:100%;
}
.BannerFile{
 width:100%;

     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center center;
}
.BannerImage{
	display:block;
width:100%;
position:absolute;
top:0;bottom:0;left:0;right:0;
}
#banButtons{
width:80%;
}
#banButtons div, #banButtons a{
display:inline-block;
float:left;
margin:5px;
cursor:pointer;
text-decoration: none;
color:white;
font-weight: bold;
}
.BanButton,.BanButtonActive{width:20px; height:15px;display:inline-block;
-webkit-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.75);
}
.BanButton{background-color: rgb(255,255,255);}
.BanButtonActive{background-color: rgb(0,181,209);}
.buttonPlay:before{
content:"PLAY";
}
.buttonStop:before{
content:"STOP";
}
.banerLink{
position:absolute;
bottom:30px;
text-align: center;
width: 100%;
}

.BannerFile a{
    position:relative;
    margin-top:30px;
    /*bottom:50px;left:0;*/
text-align: center;
padding:10px;
font-size:15px;
border:1px solid;
border-radius:3px;
text-decoration: none;
color:rgb(255,255,255);
background-color: rgba(0,0,0,0.5);min-width:150px;
text-transform: uppercase;
font-weight: bold;
}
.BannerFile a:hover{
background-color: rgb(0,181,209);
}
.BanPrev,.BanNext{
cursor:pointer;
}
#ProBanner,.ZonePlate,.BannerFile,.BanPrev,.BanNext{
    height:650px;    
}
.ZonePlate{
    max-width:1920px;

    }
@media only screen and (min-width: 1100px){
.BanPrev,.BanNext{
width:52px;
}
/*.BanPrev{
left:-92px;
}
.BanNext{
right:-92px;

}*/
}
@media only screen and (max-width: 1102px)
{
.bannerTittle,.bannerText,.bannerLink{left:10px}
.bannerTittle{
    font-size:calc((75vw - 4.5rem) / 7);position:absolute;left:0;top:50px;
    
}
}

@media only screen and (max-width: 700px)
{

#ProBanner,.ZonePlate,.BannerFile,.BanPrev,.BanNext{
    height:325px;  
}
.BannerPage{padding:20px 30px 20px 30px;}
.BannerFile a{

}
}