/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

.page-header{
padding: 20px;
display: flex;
position: fixed;
color: white;
z-index: 10;
justify-content: space-between;
width: 100vw;
background: black;
 }
 
.page-header__nav a{
color: white; 
text-decoration: none; 
padding: 0 10px;
 }
 
.jumbo-slider{
height: 100vh;
width: 100%;
background: #1b1b1b;
position: relative;
overflow: hidden;
 } 
 
.jumbo-slider__container{
position: relative;
 }
 
 .container{
max-width: 1200px;
width: 100%;
height: 100%;
margin: auto;
 } 
 
.jumbo-slider__slide{
width: 100%;
height: 100vh;
 }

.jumbo-slider__slide-bg{
background-size: cover !important; 
background-position: center !important;
width: 100%;
height: 100vh;
opacity: 0;
cursor: pointer;
transition: opacity 2s ease-in-out;
filter: saturate(0);
position: absolute;
z-index: 1;
 }
 
 .jumbo-slider__video-player{
	width: 100%;
	height: 100vh;
	transform: scale(1.5);
}
 
.jumbo-slider__slide--active .jumbo-slider__slide-bg{
opacity: .5;
 }
 
.jumbo-slider__info{
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2;
height: 100%;
width: 100%;
 }
 
.jumbo-slider__slide-number{
font-size: 20rem;
font-weight: 700;
color: #DC143C;
position: relative;
opacity: 0;
transform: translate3d(0,100px, 0);
transition: transform .4s ease-in-out 1s, opacity .4s ease-in-out 1s;
margin-bottom: 2rem;
 }
 
.jumbo-slider__title{
font-size: 2rem;
font-weight: 700;
text-transform: uppercase;
background: white;
color: black;
padding: 10px;
width: fit-content;
margin-bottom: 2rem;
position: relative;
opacity: 0;
transform: translate3d(0,100px, 0);
transition: transform .4s ease-in-out 1.5s, opacity .4s ease-in-out 1.5s;
 } 
.jumbo-slider__description{
max-width: 600px;
line-height: 1.3;
color: white;
position: relative;
opacity: 0;
transform: translate3d(0,100px, 0);
transition: transform .4s ease-in-out 2s, opacity .4s ease-in-out 2s;
 }
.jumbo-slider__slide--active .jumbo-slider__slide-number,
.jumbo-slider__slide--active .jumbo-slider__title, 
.jumbo-slider__slide--active .jumbo-slider__description{
opacity: 1;
transform: translate3d(0,0, 0);
 }
 
 .jumbo-slider__nav{
 display: flex;
 position:absolute;
 top: 200px;
 right: 0px;
 writing-mode: vertical-rl;
 z-index: 4;
 width: 100%;
  }
  
 .jumbo-slider__link{
 font-size: 1.4rem;
 color: white; 
 text-transform: uppercase;
 padding: 20px;
 text-decoration: none;
  }
  
 .jumbo-slider__link--active{
 color: #DC143C;
  }
  
 .jumbo-slider__elipsis{ 
 width: 100px;
 height: 100vh;
 position: absolute;
 left: 0;
 top: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 z-index: 4;
 }
 
.jumbo-slider__circle{
width: 20px;
height:20px; 
border: 2px solid #DC143C;
border-radius: 50%;
margin-bottom: 10px;
 }
 
.jumbo-slider__circle--filled{
background: #DC143C;
 }
 
.jumbo-slider__timeline{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 4;
}

.jumbo-slider__line{
height: 5px;
width: 0;
background: #ffffff;
transition: width 6s ease-in-out;

}
.jumbo-slider__slide--active .jumbo-slider__line{
	width: 100%;
	background: #DC143C;
}