.bounce{animation:bouncenew 2s;animation-iteration-count:infinite}
@keyframes bouncenew{
	0%,25%,50%,75%,to{transform:translateY(0)}
	40%{transform:translateY(-20px)}
	60%{transform:translateY(-12px)}
}

div#cid71 .single-prod-cat-menu {
    flex: 1 1 48%;
    max-width: 47%; 
}

html {
  scroll-padding-top: 88px;
} 

.timeline-container {
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    height: auto;
    top: 0px;
}

.tc-slides {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.single-timeline-container {
    position: relative;
    height: calc(100vh - 90px);
	
    width: 100%;
overflow: hidden;    
    overflow-y: scroll;
}

.stc-inner {
position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 5%; 
}

.stc-bg-image {
    width: 100%;
    height: 100%;
	position:relative;
}

.stc-bg-image img {
   object-fit: cover;
    height: 100%;
	    min-width: 100%;
}

.stc-content {
    position: absolute;
    bottom: 5%;
    width: 100%;
	z-index: 222;
}

.stc-content * {
    position: relative;
}

.stc-date {
    font-weight: bold;
        font-size: 6.5rem;
    line-height: 6rem;
}
}

.dark-overlay .stc-date {
    color: #269EFF;
}

.stc-content-text {
        width: calc(45vw - 4%);
    font-size: 24px;
    margin-top: 3rem;
    max-width: 700px;
}

.class-2015 .stc-content-text {
    max-width: 50vw;
}

.stc-content-text span {
    font-weight: bold;
}


.slider-top-text {
    top: 0;
    position: absolute;
    font-size: 2.3rem;
    font-weight: bold;
    font-family: 'myriad-pro';
}



.tc-skip {
    position: absolute;
    right: 8%;
    bottom: 5%;
    display: none;
}

.timeline-active .tc-skip{
	display: block;
}

a.btn.tc-skip-btn {
    background: transparent;
    color: #fff;
    border: 1px solid;
    z-index: 4;
    display: block;
    position: relative;
    padding-left: 2rem;
    padding-right: 2rem;
}

a.btn.tc-skip-btn:hover {
    color: var(--accent-dark);
}

a.btn.tc-skip-btn:after {
    display: none;
}

.stc-bg-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
}

.light-overlay .stc-bg-image:after {
    background: #269EFF;
}

.dark-overlay .stc-bg-image:after {
    background: #0A1121;
}


.stc-above-date {
    position: absolute;
    width: 25%;
    top: calc(2.3rem + 50px);
    left: 15%;
}

.stc-right1 {
    position: absolute;
    right: 0;    
}

.stc-right1 {
    max-width: 500px;
    right: 20%;
    top: 20%;
}

.class-2024 .stc-right1{
	width: 50%;
	right: 17%;
	max-width: 40vw;
	top: 10%;
	left: 46vw;
}

.class-2022 .stc-right1 img{
transform: rotate(-15deg);
}

.class-2022 .stc-right1 {
    right: 19%;
    width: 40%;
    top: 8%;
    max-width: 350px;
}

.class-2022 .stc-above-date img{
	transform: rotate(10deg);
}
.class-2022 .stc-above-date {
    left: auto;
    right: 38%;
    z-index: 2;
    max-width: 200px;
    top: 20%;
}

.class-2021 .stc-right1 img{
}

.class-2021 .stc-right1 {
    right: 30%;
    height: auto;
    bottom: auto;
    z-index: 1;
    width: 20%;
    max-width: 350px;
    top: 10%;
}

.class-2021 .stc-right1 img {
    height: auto;
}

.class-2021 .stc-above-date {
    width: 35%;
    z-index: 2;
    top: 20%;
    left: auto;
    right: 45%;
}

.class-2017 .stc-above-date {
    width: 50%;
    right: 10%;
    left: auto;
}

.class-2015 .stc-right1 img{
	/* transform: translateY(-45%); */
}
.class-2015 .stc-right1 {
    max-width: none;
	right: 10vw;
    height: 80%;
    top: 5%;
    z-index: 1;
}

.class-2015 .stc-right1 img {
    height: 100%;
    width: auto;
}

.class-2015 .stc-above-date {
    left: auto;
    right: 40vw;
    z-index: 1;
    top: 15%;
    width: 30%;
}  

.class-2012 .stc-above-date {
    left: auto;
    right: 25%;
    width: 40%;
}

.class-2012 .stc-right1 img{
transform: translateY(-50%);
}
.class-2012 .stc-right1 {
    height: 62%;
    max-width: none;
    right: 0;
    top: 50%;
    
}

.class-2012 .stc-right1 img {
    height: 100%;
    width: auto;
    max-width: none;
}

.stc-right2 {
    width: 40%;
    bottom: 6%;
    right: 5%;
    position: absolute;
    max-width: 600px;
}

.class-2011 .stc-right1 {
    top: 5%;
    max-width: none;
    right: 10%;
    max-height: 750px;
    height: 90%;
}



.tc-slides ul.slick-dots {
    right: 60px;
    bottom: auto;
    top: 10%;
    z-index: 115;
    width: 20px;
    height: auto;
    bottom: auto;
	line-height: 25px;
}

.tc-slides ul.slick-dots li {
    line-height: 0;
    height: 20px;
    width: 20px;
}

.class-2007 .stc-above-date {
    width: 45%;
    left: auto;
    right: 20%;
}

.slick-dots li.slick-active button .slick-dot-icon {
    color: var(--accent-dark);
    /* width: 20px; */
    /* height: 20px; */
    /* display: block; */
}

.tc-slides .slick-dots li button .slick-dot-icon {
    color: #fff;
    opacity: 1;
}

.tc-slides .slick-dots li button .slick-dot-icon:before {
    border: 1px solid;
    border-radius: 20px;
    content: "";
    width: 16px;
    height: 16px;
    font-size: 12px;
    margin: 0;
}

.tc-slides .slick-dots li.slick-active button .slick-dot-icon:before {
    background: var(--accent-dark);
    margin: 0;
}

.tc-slides .slick-dots li button .slick-dot-icon {
    width: 20px;
    height: 20px;
    display: block;
}

.tc-slides .slick-dots li button {
    margin: 0;
    padding: 0;
}

.tc-slides.slick-slider .slick-arrow {
    top: calc(10% - 50px);
    right: 52px !important;
    transform: rotate(90deg);
}

.tc-slides.slick-slider .slick-next {
    transform: rotate(90deg);
    top: auto;
    bottom: 20%;
}

.tc-slides button.slick-prev.slick-arrow {
    bottom: 0;
    right: 0;
    left: auto !important;
} 


.tc-slides {
    display: none;
}

.class-2006 .stc-right2 {
    bottom: 5%;
}

.class-2006 .stc-right1 {
    max-width: 300px;
    right: 35%;
    top: 15%;
}

.class-2002 .stc-right1 {
    right: 32%;
    top: 5%;
    max-width: 580px;
    width: 45%;
    z-index: 4;
    left: 45vw;
    max-width: 30vw;
}

.class-1997 .stc-right2 {
    max-width: 35%;
    bottom: 140px;
}

.class-1997 .stc-right1 {
    max-width: none;
    height: 39%;
    top: 20%;
    right: 13%;
}

.class-1997 .stc-right1 img {
    height: 100%;
}

.class-1994 .stc-right1 {
    top: auto;
    bottom: 35%;
    right: 15%;
    width: 45%;
    max-width: 700px;
    z-index: 1;
    left: 43vw;
    right: auto;
}

.class-1994 .stc-above-date img{
	transform: rotate(9deg);
}
.class-1994 .stc-above-date {
    left: auto;
    right: 45%;
    z-index: 2;
    max-width: 320px;
    top: calc(2.3rem + 0px);
}

.light-overlay .stc-date {
    color: var(--primary);
}

.class-1991 .stc-above-date {
    left: 0%;
    width: 65%;
    top: 60px;
    max-width: 525px;
}

.class-1991 .stc-right1 {
    right: 25%;
    top: 7%;
    max-width: 450px;
    width: 25%;
    z-index: 2;
}

.class-1991 .stc-right3 {
    right: 25%;
    bottom: 10%;
    max-width: 450px;
    z-index: 2;
    left: 50vw;
}

img.lazyloaded {}

.class-1987 .stc-right1 {
    right: 0;
    bottom: 20%;
    top: auto;
    max-width: 700px;
    width: 45%;
}

.class-1986 .stc-right1 img{
	transform: rotate(4deg);
}
.class-1986 .stc-right1 {
    z-index: 2;
    width: 40%;
    max-width: 600px;
    top: 50px;
}

.class-1986 .stc-right2 img{ 
    transform: rotate(-12deg);
}

body.timeline-active{
	overflow-y: hidden;
	height: 100vh;
}

.tc-splash {
    background: var(--primary);
    height: calc(100vh - 90px);
	    min-height: 900px; 
    position: relative;
    color: #fff;
}

.tc-splash-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.tc-splash-title {
    color: #259EFF;
    font-weight: bold;
    font-size: 3rem;
}

.tc-splash-text {
    font-size: 1.4rem;
    max-width: 550px;
    margin: 0 auto;
	color: #38C440;
}

.tc-splash-button {
    width: 55px;
    height: 55px;
    background: url('/wp-content/uploads/2024/03/orange-down-arrow.svg');
    margin: 0 auto;
    background-size: 100% 100%;    
    cursor: pointer;
}

.tc-splash-btn-container {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
}

.tc-splash-button-text {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
	    margin-bottom: 20px;
		    font-size: 1.3rem;
}

.tc-splash-bg {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.tc-splash-bg img {
    position: absolute;
    height: 130%;
    top: -20%;
    left: 50%;
    width: auto;
    z-index: 0;
    display: block;
    transform: translateX(-50%);
}

.stc-title:before {
    content: "";
    background: #FF6E1E;
    position: absolute;
    height: 100%;
    z-index: -1;
    width: 100vw;
    right: 0;
    /* right: 50%; */
    margin-left: -50vw;
    /* margin-right: -50vw; */
    top: 0;
}

.stc-title {
    position: relative;
    margin: 0 auto;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 22px;
    width: auto;
    display: inline-block;
    padding-right: 2rem;
	    text-transform: uppercase;
}

.stc-content-text p {
    margin-top: 10px;
    margin-bottom: 5px;
	font-size:  24px;
}

.class-1989 .stc-above-date {
    left: auto;
    right: 15%;
    z-index: 3;
    width: 40%;
    max-width: 650px;
    top: calc(2.3rem + 0px);
}

.class-1989 .stc-above-date img {
    transform: rotate(-12deg);
}

.class-1989 .stc-right1 {
    max-width: 20%;
    z-index: 6;
    top: 30%;
    max-width: 300px;
    right: 10%;
}

.class-1989 .stc-right1 img {
    transform: rotate(12deg);
}

.class-1989 .stc-right2 {
    z-index: 7;
    max-width: 420px;
        right: auto;
    left: 48vw;
}

.class-1991 .stc-right2 {
    right: 9vw;
    bottom: 25%;
    max-width: 550px;
}

.class-1994 .stc-right2 {
    z-index: 3;
    max-width: 300px;
    right: 15%;
    bottom: 8%; 
}

.class-1994 .stc-right1 img {
    transform: rotate(-16deg);
}

.class-1994 .stc-right2 img {
    transform: rotate(6deg);
}

.class-1997 .stc-above-date {
    left: 0;
    width: 230px;
}

.class-2002 .stc-above-date {
    left: 0;
    width: 20%;
	top: calc(2.3rem + 20px);
}

.class-2002 .stc-right2 {
    right: 7%;
    bottom: 12%;
    max-width: 30vw;
    left: 55vw;
}

.class-2003 .stc-right1 {
	top: 50px;
	left: 23vw;
	z-index: 4;
}

.class-2003 .stc-right2 {
        max-width: 40vw;
    bottom: 13%;
    right: 5vw;
    width: 40vw;
}

.class-200308 .stc-above-date {
       left: 38vw;
    right: auto;
    max-width: 300px;
    width: 20%;
    top: calc(2.3rem + 10px);
}

.class-200308 .stc-right1 {
    z-index: 2;
    max-width: 500px;
    top: 0;
    left: 57vw;
    right: auto;
    /* width: 10vw; */
}

.class-200308 .stc-right2 {
    max-width: 300px;
    right: 10%;
    z-index: 2;
}

.class-2008 .stc-above-date {
    left: auto;
    right: 20%;
    max-width: 550px;
    width: 30%;
    top: 8%;
}

.class-2008 .stc-right1 {
    right: 15%;
    top: 30%;
    max-width: 550px;
}

.class-2010 .stc-above-date {
    left: 42vw;
    right: 25%;
    max-width: 30vw;
    width: 50%;
    top: calc(2.3rem + 20px);
}

.class-2010 .stc-right1 {
    left: auto;
    right: 10%;
    max-width: 30vw;
    bottom: 13%;
    top: auto;
}

.class-2011 .stc-right1 img {
    width: auto;
    height: 100%;
    max-width: none;
    /* max-height: 100%; */
}

.class-2011 .stc-right2 {
    right: 0;
    max-width: 500px;
}

.class-2021 .stc-right2 {
    height: 65%;
    
    width: auto;
    right: 8%;
    top: auto;
    bottom: 15%;
}

.class-2021 .stc-right2 img {
    height: 100%;
    width: auto;
}

.class-202122 .stc-above-date {
    left: 41vw;
    right: 28%;
    width: 40%;
    max-width: 30vw;
    z-index: 4;
	    top: 50px;
}

.class-202122 .stc-right1 {
    bottom: 15%;
    max-width: 30vw;
    right: 8%;
    top: auto;
}

.class-2022 .stc-right2 {
    bottom: 0;
    max-width: 700px;
    right: 0%; 
}

.class-2023 .stc-right1 {
	top: 5%;
    max-width: 30vw;
    left: 47vw;
}

.class-2023 .stc-right2 {
    left: 80vw;
    bottom: 14%;
    max-width: 11vw;
    right: auto;
}

.class-2023 .stc-above-date {
    left: 0;
    top: 2.3rem;
    max-width: 370px;
}

.class-2024 .stc-right2 {
    max-width: 430px;
    bottom: 20%;
    right: 10%;
}

.class-2024 .stc-above-date {
    left: auto;
    right: 45%;
    z-index: 4;
    max-width: 405px;
    top: 9%;
}

.stc-right3 {
    width: 40%;
    bottom: 10%;
    right: 5%;
    position: absolute;
    max-width: 600px;
}

.class-20242 .stc-right1 {
    right: 10%;
    bottom: 40%;
    top: auto;
    max-width: 500px;
}

.class-20242 .stc-right2 {
    right: 10%;
    bottom: 30%;
    top: auto;
    max-width: 425px;
}

.class-20242 .stc-right3 {
    max-width: 500px;
    right: 10%;
    bottom: 20%;
    top: auto;
    max-width: 390px;
}

.class-20242 .stc-above-date {
    left: auto;
    right: 20%;
    width: 28%;
    top: calc(2.3rem + 20px);
} 

.dark-overlay .stc-title:before {
    background: #38C43F;
}

#timeline .slick-next .slick-next-icon:before, #timeline .slick-prev .slick-prev-icon:before {
		background: url('/wp-content/uploads/2024/08/tineline_arrow_up.svg');
		transform: rotate(-90deg);
		background-repeat: no-repeat;
		background-position: center;
		/* width: 80%; */ 
	}

	#timeline .slick-next .slick-next-icon:before {
		transform: rotate(90deg);
	}
	
.class-1986 .stc-right1 img {
    max-height: 50vh;
}

.class-1986 .stc-right2 img {
    max-height: 50vh;
    margin-left: auto;
}

.class-1989 .stc-above-date img {
    max-height: 50vh;
}

.class-1991 .stc-right3 img {
    max-height: 35vh;
}

.class-1994 .stc-above-date img {
    max-height: 40vh;
}

.class-1994 .stc-right1 img {
    max-height: 60vh;
}

.class-1994 .stc-right2 img {
    max-height: 50vh;
}

.class-2002 .stc-right1 img {
    max-height: 40vh;
}

.class-2002 .stc-right2 img {
    max-height: 40vh;
}

.class-2003 .stc-right2 img {
    max-height: 50vh;
}

.class-200308 .stc-right1 img {
    max-height: 65vh;
}

.class-200308 .stc-above-date img {
    max-height: 45vh;
}

.class-2008 .stc-right1 img {
    max-height: 50vh;
}

.class-2010 .stc-right1 img {
    max-height: 40vh;
}

.class-202122 .stc-above-date img {
    max-height: 40vh;
}

.class-202122 .stc-right1 img {
    max-height: 40vh;
}


.class-2024 .stc-right1 img {
    max-height: 50vh;
}

.class-2024 .stc-above-date img {
    max-height: 35vh;
}

.class-2024 .stc-right2 img {
    max-height: 30vh;
}

.class-20242 .stc-above-date img {
    max-height: 30vh;
}

.class-2023 .stc-content-text {
    max-width: 47vw;
}

.class-2023 .stc-content {
    bottom: 5%;
}	

.class-2002 .stc-above-date img {
    max-height: 30vh;
}
	
	
.slider_counter{
	display:none;
}

div#timeline {
    margin-bottom: 85px;
}


@media screen and (max-width:1300px){
	.timeline-active div#timeline {
	position: fixed;
	top: 90px;
	height: calc(100vh - 90px);
	height: calc(100vh - 90px);
	z-index: 2222;
	}
	
	.timeline-active div#timeline .tc-slides{
		display:block !important;
		
	}
	
	div#wpadminbar {
    display: none;
}

	#timeline .slick-next .slick-next-icon, #timeline .slick-prev .slick-prev-icon {
		color: transparent;
	}
	header.site-header{
		top:0!important;
	}
	.slider_counter {
		display:block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		background: #131D2F;
		height: 90px;
	}
	
	.tc-skip {
	    bottom: 0;
	    position: fixed;
	}
	
	a.btn.tc-skip-btn {
	    margin: 0;
	    height: 60px;
	    bottom: 18px;
	}
	
	.slider_counter .slider_counter_inner {
	    color: #fff;
	    line-height: 80px;
	    font-size: 30px;
	    width: 70px;
	    text-align: center;
	    left: calc(5% + 40px);
	    position: relative;
	}
	.slider_counter_inner span {
		color: var(--accent-dark);
	}

	ul.slick-dots {
		display: none !important;
	}

	.tc-slides.slick-slider .slick-next {
		top: auto !important;
		bottom: 30px;
		left: calc(5% + 115px);
		right: auto !important;
		margin: 0;
		position: fixed;
	}

	.tc-slides button.slick-prev.slick-arrow {
		top: auto !important;
		bottom: 30px;
		left: 5% !important;
		right: auto !important;
		margin: 0;
		position: fixed;
	}

	.stc-title {
		width: 100vw;
	}

	.stc-title:before {
		width: 100vw;
		left: 55%;
		right: 50%;
		margin-left: -60vw;
		margin-right: -50vw;
	}
	
	.class-2023 .stc-content-text {
		max-width: 90%;
	}

	.class-2023 .stc-content {
		width: 100%;
		bottom: auto;
		top: 450px;
	}	

	.stc-content {
		width: 100%;
		bottom: auto;
		top: 450px; 
	}
	
	.stc-content-text {
		max-width: 90%;
		width: 100%;
	}
	
	.class-2015 .stc-content-text {
		max-width: 90%;
		width: 100%;
	}

	.stc-date {
		font-size: 5rem;
        line-height: 5rem;
	}

	.slider-top-text {
		font-size: 1.5rem;
	}

	.stc-inner {
		top: 0;
		height: calc(100svh - 90px);
		overflow-y: scroll;
		overflow-x: hidden;
		width:100%;
		padding-left: 5%;
		padding-right: 5%;
		        left: 0;
	} 

	.class-1994 .stc-above-date {
		right: auto;
		left: 0;
		width: 35%;
		top: 8%;
		max-width: 200px;
	}

	.class-1994 .stc-right1 {
		bottom: auto;
		top: 10%;
		width: 60%;
		right: 5%;
		max-width: 450px;
	}

	.class-1994 .stc-right2 {
		bottom: auto;
		top: 25%;
		left: 13%;
		width: 30%;
		max-width: 200px;
	}
	
	.class-20242 .stc-above-date {
		right: auto;
		top: 8%;
		width: 50%;
		max-width: 300px;
	}
	
	.class-20242 .stc-right1 {
		right: 10%;
		bottom: auto;
		top: 16%;
		max-width: 50%;
	}

	.class-20242 .stc-right2 {
		right: 10%;
		bottom: auto;
		top: 25%;
		max-width: 50%;
	}

	.class-20242 .stc-right3 {
		right: 10%;
		bottom: auto;
		top: 34%;
		max-width: 50%;
	}

	.class-2023 .stc-right2 {
		bottom: auto;
		top: 24%;
		width: 60%;
	}

	.class-2023 .stc-right1 {
		right: auto;
		left: 30%;
		width: 40%;
		top: 10%;
		z-index: -1;
		max-width: 300px;
	}

	.class-2022 .stc-above-date {
		right: auto;
	}

	.class-2022 .stc-right1 {
		right: auto;
		left: 20%;
		top: 10%;
	}

	.class-2022 .stc-right2 {
		bottom: auto;
		top: 0%;
		width: 50vw;
		right: -10vw;
	}

	.class-202122 .stc-above-date {
		right: auto;
		left: 5%;
		top: 10%;
		width: 60%;
		max-width: 300px;
	}

	.class-202122 .stc-right1 {
		top: 25%;
		right: 5%;
		width: 60%;
		max-width: 300px;
	}

	.class-2021 .stc-right1 {
		right: auto;
		width: 50%;
	}

	.class-2021 .stc-above-date {
		top: 40%;
		width: 80%;
		left: 0;
		max-width: 400px;
	}

	.class-2021 .stc-right2 {
		bottom: auto;
		right: 15%;
		top: 10%;
		height: 60%;
		max-height: 400px;
	}

	.class-2017 .stc-above-date {
		width: 60%;
		top: 15%;
	}

	.class-2015 .stc-right1 {height: 35%;bottom: auto;top: 25%;right: 5%;}

	.class-2015 .stc-above-date {
		right: auto;
		left: 0;
		width: 50%;
		top: 10%;
	}

	.class-2011 .stc-right1 {
		right: auto;
		/* left: -30%; */
		height: 30%;
		width: 100%;
		height: auto;
		top: 5%;
		max-width: 400px;
		left: -50px;
	}

	.class-2011 .stc-right1 img {
		height: auto;
		width: 100%;
	}

	.class-2011 .stc-right2 {
		bottom: auto;
        top: 240px;
        max-width: 320px; 
	}

	.class-2010 .stc-above-date {
		right: auto;
		width: 60%;
		max-width: 500px;
	}

	.class-2010 .stc-right1 {
		top: 20%;
		width: 50%;
		max-width: 500px;
		left: 5%;
	}

	.class-2008 .stc-right1 {
		width: 50%;
		max-width: 300px;
	}

	.class-2008 .stc-above-date {
		right: auto;
		width: 50%;
	}

	.class-200308 .stc-right1 {
		width: 50%;
		right: 0;
		top: 10%;
		max-width: 300px;
	}

	.class-200308 .stc-above-date {
		left: 0;
		width: 30%;
		top: 8%;
		max-width: 220px;
	}

	.class-200308 .stc-right2 {
		right: auto;
		top: 30%;
		left: 30%;
		top: 10%;
	}

	.class-2003 .stc-right1 {
		width: 50%;
		right: auto;
		left: 0;
	}

	.class-2003 .stc-right2 {
		bottom: auto;
		top: 25%;
		width: 50%;
		max-width: 300px;
	}

	.class-2002 .stc-above-date {
		width: 40%;
		top: 5%;
	}

	.class-2002 .stc-right1 {
		right: 10%;
		max-width: 300px;
	}

	.class-2002 .stc-right2 {
		bottom: auto;
		left: 0;
		top: 30%;
		width: 50%;
		max-width: 300px;
		right: 20%;
		left: auto;
	}

	.class-1997 .stc-above-date {
		    width: 250px;
	}

	.class-1997 .stc-right1 {
		height: 20%;
		right: 5%;
		top: 30%;
		top: 10%;
		right: 0;
		left: 26%;
	}

	.class-1991 .stc-right1 {
		width: 50%;
		right: 5%;
	}

	.class-1991 .stc-right2 {
		bottom: auto;
		top: 25%;
		width: 50%;
		max-width: 300px;
	}

	.class-1989 .stc-above-date {
		top: 10%;
		width: 45%;
		left: 0;
		right: auto;
		max-width: 300px;
	}

	.class-1989 .stc-right1 {
		width: 35%;
		bottom: auto;
		top: 10%;
		max-width: 300px;
	}

	.class-1989 .stc-right2 {
		right: auto;
		top: 30%;
		width: 45%;
		max-width: 300px;
	}

	.class-1986 .stc-right1 {
		right: auto;
		width: 60%;
		top: 7%;
		max-width: 350px;
	}

	.class-1986 .stc-right2 {
		bottom: auto;
		top: 7%;
		width: 60%;
		max-width: 350px;
	}
	
	.class-2024 .stc-right2 {
		bottom: auto;
		top: 30%;
	}

	.class-2024 .stc-above-date {
		right: auto;
		left: 5%;
	}

	.class-2024 .stc-right1 {
		width: 60%;
		max-width: 400px;
		left: 10%;
		top: 180px;
	}
	
	
	
	.timeline-container .slick-vertical .slick-slide > div {
    
    height: auto;
    overflow-y: scroll;
}

.timeline-container .slick-vertical .slick-slide.slick-current.slick-active {
    top: 0 !important;
    /* position: absolute; */
    display: block;
    overflow-y: scroll;
	position: relative; 
}

.timeline-container .slick-list, 
.timeline-container .slick-slide, 
.timeline-container .slick-slider, 
.timeline-container .slick-track{
    height: auto !important;
}

.timeline-container .slick-vertical .slick-slide {
    display: none;
}

.timeline-container .slick-track {
    transform: none !important;
}

.stc-bg-image {
    width: 100%;
    height: 100svh;
    position: relative;
}

body.timeline-active * {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
body.timeline-active *::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

body.timeline-active .slick-slider .slick-list,
body.timeline-active .slick-slider .slick-track {
    transform: translateZ(0);
}


.class-1991 .stc-right3 {
    max-width: 300px;
    top: 320px;
}

.class-1997 .stc-right2 {
    top: 20%;
    bottom: 0;
}

.tc-slides.slick-slider .slick-next,
.tc-slides button.slick-prev.slick-arrow{
	    /* bottom: 40px; */
}

.tc-skip {
    /* bottom: 90px; */
    right: 4%;
}

.slider_counter {
    /* bottom: 90px; */
}
a.btn.tc-skip-btn {
    margin: 0;
    height: 50px;
    bottom: 24px;
}

.stc-content{
	padding-bottom: 90px;
}


}

#timeline .slick-vertical .slick-slide {
    border: none; 
} 



@media screen and (max-height: 600px){
	
	.tc-splash-content {
		top: 0;
		transform: none;
		left: 0;
		right: 0;
	}
.tc-splash {
    min-height: 460px;
}
}

@media screen and (min-height: 800px){
	.class-1991 .stc-above-date {		
		top: 10px;
		max-width: 625px;
	}
	
	.class-2023 .stc-above-date {
		left: 0;
		top: 100px;
		max-width: 450px;
	}
	
	.class-2003 .stc-right1,
	.class-2002 .stc-above-date,
.class-2023 .stc-above-date	{ 
		top: 100px;
	}
	
	
}


@media screen and (min-height: 1000px){
	.class-1991 .stc-above-date {
		
		top: 100px;
		max-width: 725px;
	}
}


@media screen and (max-width: 950px){
	.class-1989 .stc-above-date img {
		height: 160px;
		width: auto;
	max-height: none;
	}

	.class-1989 .stc-right1 img {
		height: 200px;
		width: auto;
	max-height: none;
	}

	.class-1989 .stc-right2 img {
		width: auto;
		height: 170px;
	max-height: none;
	}

	.class-1989 .stc-right2 {
		right: auto;
		top: 260px;
		width: auto;
		max-width: 300px;
	}

	.class-1989 .stc-right1 {
		width: auto;
		bottom: auto;
		top: 10%;
		max-width: 300px;
	}


	.class-1989 .stc-above-date {
		top: 50px;
		width: auto;
		left: 0;
		right: auto;
		max-width: 300px;		
	}
	
	
	.class-1986 .stc-right2 img {
		height: 220px;
	max-height: none;
		/* top: 200px; */
	}

	.class-1986 .stc-right2 {
		width: auto;
		height: auto;
		top: 220px;
	}

	.class-1986 .stc-right1 {
		width: auto;
		top: 40px;
	}

	.class-1986 .stc-right1 img {
		height: 200px;
		width: auto;
	max-height: none;
	}
	
	
	.class-1991 .stc-above-date {
		top: 40px;
		width: auto;
		height: auto;
	}

	.class-1991 .stc-above-date img {
		height: 140px;
		max-height: none;
	}

	.class-1991 .stc-right1 {
		width: auto;
		height: auto;
		right: 10%;
		left: auto;
		top: 40px;
	}

	.class-1991 .stc-right1 img {
		width: 190px;
		max-height: none;
	}

	.class-1991 .stc-right2 {
		width: auto;
		top: 198px;
		height: auto;
		right: 10%;
	}

	.class-1991 .stc-right2 img {
		height: 160px;
		max-height: none;
		/* right: 0; */
		/* left: auto; */
	}

	.class-1991 .stc-right3 img {
		height: 130px;
		width: auto;
		max-height: 200px;
		max-height: none;
	}

	.class-1991 .stc-right3 {
		height: auto;
		width: auto;
		max-width: 100%;
		left: 0;
		top: 300px;
	}

	.class-1994 .stc-above-date {
		width: auto;
		height: auto;
		top: 40px;
		left: 20px;
	}

	.class-1994 .stc-right1 {
		width: auto;
		height: auto;
		top: 160px;
		right: 10%;
		left: auto;
	}

	.class-1994 .stc-right1 img {
		height: 200px;
		width: auto;
		max-height: none;
	}

	.class-1994 .stc-above-date img {
		height: 200px;
		max-height: none;
	}

	.class-1994 .stc-right2 {
		width: auto;
		height: auto;
		top: 260px;
	}

	.class-1994 .stc-right2 img {
		height: 200px;
		width: auto;
		max-height: none;
	}

	.class-1997 .stc-above-date {
		top: 40px;
		height: auto;
		width: auto;
		max-height: none;
		max-width: none;
	}
	
	.class-1997 .stc-above-date img {
		height: 120px;
		max-height: none;
		width: auto;
	}

	.class-1997 .stc-right1 {
		top: 190px;
		left: 20px;
		height: 140px;
	}

	.class-1997 .stc-right2 {
		top: 300px;
		width: auto;
		max-width: none;
		height: auto;
		right: 10%;
	}

	.class-1997 .stc-right2 img {
		height: 140px;
		max-height: none;
		width: auto;
	}

	.class-2003 .stc-right1 {
		top: 50px;
		width: auto;
		left: 20px;
	}

	.class-2002 .stc-above-date {
		width: auto;
		height: auto;
		max-height: none;
		top: 40px;
	}

	.class-2002 .stc-above-date img {
		max-height: none;
		height: 170px;
	}

	.class-2002 .stc-right1 {
		width: auto;
		max-width: none;
		top: 130px;
		left: auto;
		right: 10%;
	}

	.class-2002 .stc-right1 img {
		max-height: none;
		height: 170px;
		width: auto;
	}

	.class-2002 .stc-right2 {
		max-width: none;
		width: auto;
		max-height: none;
		top: 240px;
		right: auto;
		left: 20px;
	}

	.class-2002 .stc-right2 img {
		height: 180px;
		max-height: none;
		max-width: none;
	}

	.class-2003 .stc-right1 img {
		height: 130px;
	}

	.class-2003 .stc-right2 {
		width: auto;
		max-width: none;
		left: auto;
		right: auto;
		top: 200px;
	}

	.class-2003 .stc-right2 img {
		max-height: none;
		height: 190px;
	}

	.class-200308 .stc-above-date {
		top: 40px;
		max-width: none;
		width: auto;
		height: auto;
		left: 20px;
		right: auto;
	}

	.class-200308 .stc-above-date img {
		max-height: none;
		max-width: none;
		height: 200px;
		width: auto;
	}

	.class-200308 .stc-right1 {
		width: auto;
		height: auto;
		top: 40px;
		right: 10%;
		left: auto;
		max-width: none;
		max-height: none;
	}

	.class-200308 .stc-right1 img {
		height: 300px;
	}

	.class-200308 .stc-right2 {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 250px;
		left: 20px;
		right: auto;
	}

	.class-200308 .stc-right2 img {
		max-height: none;
		max-width: none;
		height: 180px;
		width: auto;
	}

	.class-2008 .stc-above-date {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 50px;
	}

	.class-2008 .stc-above-date img {
		height: 100px;
	}

	.class-2008 .stc-right1 {
		max-width: none;
		max-height: none;
		width: auto;
		height: auto;
		left: 20px;
		right: auto;
		top: 160px;
	}

	.class-2008 .stc-right1 img {
		height: 200px;
	}

	.class-2010 .stc-above-date {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		left: auto;
		right: 10%;
		top: 50px;
	}

	.class-2010 .stc-above-date img {
		height: 170px;
	}

	.class-2010 .stc-right1 {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		left: auto;
		right: auto;
		top: 240px;
		bottom: auto;
	}

	.class-2010 .stc-right1 img {
		height: 200px;
		max-width: none;
		max-height: none;
	}

	.class-2011 .stc-right1 {
		max-width: none;
		max-height: none;
		width: auto;
		height: auto;
		top: 50px;
		left: -100px;
	}

	.class-2011 .stc-right1 img {
		height: 300px;
		width: auto;
		max-width: none;
		max-height: none;
	}

	.class-2011 .stc-right2 {
		top: 320px;
		width: auto;
		max-width: none;
		height: auto;
	}

	.class-2011 .stc-right2 img {
		width: auto;
		height: 140px;
	}

	.class-2015 .stc-above-date {
		width: auto;
		max-width: none;
		height: auto;
		max-height: none;
		top: 40px;
	}

	.class-2015 .stc-above-date img {
		max-height: none;
		max-width: none;
		width: auto;
		height: 130px;
	}

	.class-2015 .stc-right1 {
		width: auto;
		height: auto;
		max-height: none;
		max-width: none;
		left: auto;
		right: 10%;
		top: 150px;
	}

	.class-2015 .stc-right1 img {
		height: 290px;
		max-height: none;
		max-width: none;
	}
	
	.class-2017 .stc-above-date {
		top: 150px;
		right: 0;
		left: 0;
		margin: 0 auto;
		    width: 90%;
	}

	.class-2021 .stc-right1 {
		width: auto;
		height: auto;
		max-height: none;
		max-width: none;
		top: 50px;
		left: 20px;
		right: auto;
	}

	.class-2021 .stc-right1 img {
		height: 200px;
		width: auto;
	}

	.class-2021 .stc-right2 {
		width: auto;
		max-height: none;
		max-width: none;
		height: auto;
		left: auto;
		right: 15px;
		top: 100px;
	}

	.class-2021 .stc-right2 img {
		height: 350px;
	}

	.class-2021 .stc-above-date {
		width: 80%;
		height: auto;
		max-width: 300px;
		top: 320px;
	}

	.class-2021 .stc-above-date img {
		height: auto;
		width: 100%;
	}

	.class-202122 .stc-above-date {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 50px;
		left: 20px;
	}

	.class-202122 .stc-above-date img {
		height: 200px;
		width: auto;
		max-height: none;
		max-width: none;
	}

	.class-202122 .stc-right1 {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 230px;
	}

	.class-202122 .stc-right1 img {
		max-height: none;
		max-width: none;
		height: 200px;
		width: auto;
		right: 10%;
	}

	.class-2022 .stc-above-date {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 60px;
		left: 20px;
	}

	.class-2022 .stc-above-date img {
		height: 130px;
	}

	.class-2022 .stc-right1 {
		right: 10%;
		left: auto;
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 90px;
	}

	.class-2022 .stc-right1 img {
		height: 200px;
	}

	.class-2022 .stc-right2 {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		left: 0;
		right: auto;
		top: 250px;
	}

	.class-2022 .stc-right2 img {
		height: 200px;
		width: auto;
		max-height: none;
		max-width: none;
	}

	.class-2023 .stc-above-date {
		top: 50px;
		width: auto;
		max-width: none;
		max-height: none;
		height: auto;
	}

	.class-2023 .stc-above-date img {
		height: 110px;
	}

	.class-2023 .stc-right1 {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 110px;
		left: auto;
		right: 10%;
	}

	.class-2023 .stc-right1 img {
		height: 280px;
	}

	.class-2023 .stc-right2 {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		left: 20px;
		top: 200px;
		right: auto;
	}

	.class-2023 .stc-right2 img {
		height: 200px;
		max-height: none;
		max-width: none;
		width: auto;
	}

	.class-2024 .stc-above-date {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 50px;
		left: 20px;
	}

	.class-2024 .stc-above-date img {
		height: 140px;
		width: auto;
		max-height: none;
		max-width: none;
	}

	.class-2024 .stc-right1 {
		width: auto;
		height: auto;
		max-height: none;
		max-width: none;
		left: auto;
		right: auto;
		top: 160px;
	}

	.class-2024 .stc-right1 img {
		height: 200px;
		max-height: none;
		max-width: none;
		width: auto;
	}

	.class-2024 .stc-right2 {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 300px;
		right: 10%;
		left: auto;
	}

	.class-2024 .stc-right2 img {
		height: 140px;
		max-height: none;
		max-width: none;
	}

	.class-20242 .stc-above-date {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		left: 20px;
		top: 50px;
	}

	.class-20242 .stc-above-date img {
		height: 200px;
		max-width: none;
		max-width: none;
	}

	.class-20242 .stc-right1 {
		top: 260px;
		max-width: none;
		height: auto;
		width: auto;
		max-height: none;
	}

	.class-20242 .stc-right2 {
		top: 300px;
		max-width: none;
		max-height: none;
		width: auto;
		height: auto;
	}

	.class-20242 .stc-right3 {
		top: 340px;
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
	}

	.class-20242 .stc-right1 img {
		height: 40px;
	}

	.class-20242 .stc-right2 img {
		height: 40px;
	}

	.class-20242 .stc-right3 img {
		height: 40px;
	}
}