html,body{
margin:0 !important;
padding:0 !important;
width:100% !important;
height:100% !important;
overflow:hidden !important;
background:#000000 !important;
font-family:Arial,sans-serif;
}

body{
display:flex !important;
justify-content:center !important;
align-items:center !important;
background:#000000 !important;
position:relative;
}

.kk-container{

width:1700px;
height:900px;

position:relative;

background:#000000;
}

.kk-slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
transition:opacity 1.2s ease-in-out;
pointer-events:none;
}

.kk-slide.actief{
opacity:1;
pointer-events:auto;
}

.kk-background{
position:absolute;
top:0;
left:0;

width:100%;
height:100%;

background-size:100% 100%;
background-position:center;
background-repeat:no-repeat;
}

.kk-content{
position:absolute;

top:220px;
left:300px;

width:1180px;

z-index:20;
}

.kk-content h1{
font-size:40px;
line-height:1.1;

margin:0 0 36px 0;

color:#f57c00;

font-weight:bold;

text-transform:uppercase;
}

.kk-text{
font-size:31px;
line-height:1.75;

color:#111111;
}

.kk-text p{
margin:0 0 10px 0;
}

.kk-clock{
position:absolute;

top:24px;
right:30px;

font-size:34px;
font-weight:bold;

color:#000000;

z-index:999;
}

.kk-ticker{
position:absolute;

bottom:18px;
left:245px;

width:1260px;
height:42px;

overflow:hidden;

z-index:999;
}

.kk-ticker-track{
position:absolute;

white-space:nowrap;

font-size:30px;
font-weight:bold;

color:#ffffff;
}

@keyframes tickerMove{

0%{
transform:translateX(100%);
}

100%{
transform:translateX(-100%);
}

}

.kk-container{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
transform-origin:center center;
}

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

.kk-container{
transform:translate(-50%,-50%) scale(calc(100vw / 1700));
}

}

@media screen and (max-height:900px){

.kk-container{
transform:translate(-50%,-50%) scale(calc(100vh / 900));
}

}