.carousel{display:flex;height:100vh;left:50%;position:relative;text-align:center;top:50%;transform:translate(-50%);width:100%}.carousel-1 .carousel-inner{margin:auto;overflow:hidden;position:relative;width:100%}.carousel-1 .carousel-inner>.item{animation:.5s ease-in-out;display:none;position:relative}.carousel-1 .carousel-inner>.active,.carousel-1 .carousel-inner>.next{display:block}.carousel-1 .carousel-inner>.next{position:absolute;top:0;width:100%}.carousel-control-1{cursor:pointer;left:0;position:absolute;top:90vh;width:5%;z-index:2}.carousel-control-1.right{left:auto;right:0}.carousel-control-1>.arrow{background:url(https://www.mediateko.fi/hubfs/Verkkosivu-elementit/nuoli.svg) 50% no-repeat;background-size:cover;display:inline-block;height:69px;opacity:.3;position:absolute;top:85%;width:69px}.carousel-control-1>.arrow:hover{opacity:.6}.carousel-control-1>.arrow.right{right:50%;transform:rotate(180deg)}.carousel-1 .carousel-inner>.to-left{animation-name:left}.carousel-1 .carousel-inner>.from-right{animation-name:right}.carousel-1 .carousel-inner>.to-right{animation-direction:reverse;animation-name:right}.carousel-1 .carousel-inner>.from-left{animation-direction:reverse;animation-name:left}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}@keyframes left{0%{left:0}to{left:-100%}}@keyframes right{0%{left:100%}to{left:0}}span.UnderlineHeading{animation:fadeIn 5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#video-section{display:flex;height:100vh;overflow:hidden;position:relative;width:100%}#video-section video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}#video-section .content{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;width:50%}#video-section .content-left{background-color:rgba(14,7,59,.6);padding:5%;position:relative;z-index:1}#video-section .content h2{font-family:Neuvos W03 Ultra Light!important;font-size:6vw;font-weight:300;line-height:1.2;margin-bottom:10px}#video-section .content h2,#video-section .content p{position:relative;text-align:left;z-index:2}.carousel-bullets{align-items:flex-end;display:flex;justify-content:center;left:50%;margin-top:10px;position:fixed;top:92vh;transform:translate(-50%,-50%);z-index:200}.carousel-bullets .bullet{color:#fff;margin-left:15px;opacity:.5;padding:0 15px;white-space:nowrap}.carousel-bullets .bullet.active{opacity:1}@media (min-width:768px) and (max-width:1023px){#video-section{flex-direction:row}#video-section .content{width:50%}}@media (max-width:767px){.carousel{height:100%}#video-section{align-items:center;flex-direction:column-reverse;height:100%}#video-section video{height:100vw;position:static}#video-section .content{width:100%}#video-section .content-left{background-color:#0e073b;min-height:450px;top:-8px}#video-section .content-left:before{left:0;right:0}#video-section .content h2{font-size:50px}.carousel-control-1{top:87vw}.carousel-bullets{top:90vw}.carousel-bullets .bullet{font-size:2.1vw;padding:0 10px}.carousel-control-1>.arrow{height:44px;top:73%;width:44px}}@media (max-width:575px){#video-section,#video-section .content,#video-section video{max-width:99.9vw;overflow:hidden}.carousel-bullets{box-sizing:border-box;max-width:100vw;overflow:hidden}.carousel-control-1{top:89vw}.carousel-bullets .bullet{font-size:1.9vw;margin-inline-end:10px;margin-left:0;padding:0}.carousel-bullets .bullet:last-child{margin-inline-end:0}.carousel-control-1>.arrow{height:25px;width:25px}}#video-section .content,#video-section .content-left{animation:slide-in 1s forwards;opacity:0}@keyframes slide-in{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.carousel-bullets .bullet,.carousel-bullets .bullet.active{overflow:hidden;position:relative}.carousel-bullets .bullet:before{background-color:#fff;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.carousel-bullets .bullet.active:after{animation:borderAnimation 10s linear infinite;background-color:#fc199b;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.carousel-bullets .paused:after{animation-play-state:paused}@keyframes borderAnimation{0%{width:0}to{width:100%}}