html, body { overscroll-behavior:none; }


.pt-history-box { color:#0966B4; text-align:center; font-weight:600; /* margin:-3% 0; */ position:relative; font-size:1.4vw;   }
.pt-history-box section { position:absolute; top:0; bottom:0; left:0; right:0; }
.pt-history-anchor { position:relative; top:-6rem;
/* width: 5em; height: 2em; background: red; z-index: 5;  */
}

.pt-history-box .pt-history-overlay { margin:0; position:absolute; left:50%; top:50%; width: 19em; transform:translate(-50%,-50%); }

@media (min-width:48em) {
	.pt-history-anchor {  top:-4rem; }
}
@media (min-width:120em) {
    .pt-history-box {font-size: 1.7em;}
	main { width:120em; margin:auto; background:#fff; }
	body { background:#004da6;}
}

.pt-history-box p { margin: 0.5em auto; } 
.pt-history-box img { width:100%; max-width:none; user-select:none; pointer-events:none;  }

.pt-history-box sup { font-size:30%; top:-1.5em }
.pt-history-scroll { font-size: 142%; left:-1em; top:-0.75em; position: relative;width:15em; margin:1em auto; color:transparent; background:url(../images/history/scroll-text.png) center / contain no-repeat;}
.pt-cool-frosting { position:absolute; top: 2%; width: 8em;left: 56%; font-size: 120%;transform:rotate(-12deg) }
.pt-history-box-2024 p:first-of-type{
font-family: "ColbyCondensedBlack";
    text-transform: uppercase;
    font-size: 1.8vw;
}
.pt-history-box-intro,
.pt-history-box-1964,
.pt-history-box-1967,
.pt-history-box-1971,
.pt-history-box-1980,
.pt-history-box-2004,
.pt-history-box-2014 { background:transparent; color:#fff; z-index:1; }
.pt-history-box-intro { margin-top:0; }
.pt-history-box h1,
.pt-history-box h2 { font-size: 2em; color: rgba(255,0,0,0); margin: 0 0 -0.8em; padding: 1.0em; text-align:left; display: inline-block; position:relative; }
.pt-history-box-2024 h2 { font-size: 2.4em; color: rgba(255,0,0,0); margin: 0 0 -0.8em; padding: 1.0em; text-align:left; display: inline-block; position: absolute; left: 10%; }

.pt-history-year { font-size: 5em; margin-top: -0.1em;}
.pt-history-box-intro .pt-history-overlay { width:41em;	margin-top: -2em; }
.pt-history-box-1963 .pt-history-overlay { top: 46%;}
.pt-history-box-1964 .pt-history-overlay { left:25% ;width: 21em;top: 50%;}
.pt-history-box-1965 .pt-history-overlay { left:75% }
.pt-history-box-1967 .pt-history-overlay { left:25% ;top: 48%;}
.pt-history-box-1968 .pt-history-overlay { left: 70%;width: 20em;/* top: 36%; */}
.pt-history-box-1971 .pt-history-overlay { left:25% ;width: 18em;}
.pt-history-box-1973 .pt-history-overlay { width: 18em;left: 47%;top: 47%;}
.pt-history-box-1980 .pt-history-overlay { left:52%; width: 18em;}
.pt-history-box-1994 .pt-history-overlay { left:80%; top: 44%; }
.pt-history-box-2004 .pt-history-overlay { left:25%; top: 28%;width: 21em;}
.pt-history-box-2007 .pt-history-overlay { left:75% }
.pt-history-box-2014 .pt-history-overlay { left:25%; /* top: 50%; */width: 23em;}
.pt-history-box-2018 .pt-history-overlay { width: 21em;top: 47%;left: 49%;}
.pt-history-box-2023 .pt-history-overlay { width: 29em;top: 34%;left: 47%;}
.pt-history-box-2024 .pt-history-overlay {width: 33em;top: 77%;left: 71%;}
.pt-history-box-today .pt-history-overlay { left: 25%;width: 24em;top: 44%;}

.pt-img-wrapper { overflow:hidden; }



.pt-history-box-intro h1 { font-size: 2.6em; background:url(../images/history/box-intro-headline.png) center / contain no-repeat; } 
.pt-history-box-1963 h2 { background:url(../images/history/box-1963-headline.png) center / contain no-repeat; margin-top: 0.5em;} 
.pt-history-box-1964 h2 { background:url(../images/history/box-1964-headline.png) center / contain no-repeat; } 
.pt-history-box-1965 h2 { background:url(../images/history/box-1965-headline.png) center / contain no-repeat; } 
.pt-history-box-1967 h2 { background:url(../images/history/box-1967-headline.png) center / contain no-repeat; } 
.pt-history-box-1968 h2 { background:url(../images/history/box-1968-headline.png) center / contain no-repeat; } 
.pt-history-box-1971 h2 { background:url(../images/history/box-1971-headline.png) center / contain no-repeat; } 
.pt-history-box-1973 h2 { background:url(../images/history/box-1973-headline.png) center / contain no-repeat; font-size: 1.8em;} 
.pt-history-box-1980 h2 { background:url(../images/history/box-1980-headline.png) center / contain no-repeat; } 
.pt-history-box-1994 h2 { background:url(../images/history/box-1994-headline.png) center / contain no-repeat; text-align: center;} 
.pt-history-box-2004 h2 { background:url(../images/history/box-2004-headline.png) center / contain no-repeat; } 
.pt-history-box-2007 h2 { background:url(../images/history/box-2007-headline.png) center / contain no-repeat; } 
.pt-history-box-2014 h2 { background:url(../images/history/box-2014-headline.png) center / contain no-repeat; } 
.pt-history-box-2018 h2 { background:url(../images/history/box-2018-headline.png) center / contain no-repeat; } 
.pt-history-box-2023 h2 { background:url(../images/history/box-2023-headline.png) center / contain no-repeat; } 
.pt-history-box-2024 h2 { background:url(../images/history/box-2024-headline.png) center / contain no-repeat; } 
.pt-history-box-today h2 { background:url(../images/history/box-today-headline.png) center / contain no-repeat; font-size: 1.8em;} 

.pt-history-box-intro h1 div { transform:rotate(2deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-1963 h2 div { transform: rotate(0deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-1964 h2 div { transform:rotate(2deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-1965 h2 div { transform: rotate(-3deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-1967 h2 div { transform:rotate(2deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-1968 h2 div { transform: rotate(6deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-1971 h2 div { transform: rotate(2deg) scalex(1.32) skewx(-5deg); } 
.pt-history-box-1973 h2 div { transform: rotate(2deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-1980 h2 div { transform: rotate(-4deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-1994 h2 div { transform: rotate(0deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-2004 h2 div { transform: rotate(-3deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-2007 h2 div { transform:rotate(2deg) scalex(1.3) skewx(-5deg); position: relative;} 
.pt-history-box-2014 h2 div { transform: rotate(-3deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-2018 h2 div { transform: rotate(-3deg) scalex(1.3) skewx(-5deg); } 
.pt-history-box-today h2 div { transform:rotate(4deg) scalex(1.3) skewx(-5deg); } 

.pt-history-box-intro .pt-history-year { font-size: 2.15em;text-indent: 0.15em;padding: 0 0.2em 0.2em;}
.pt-history-box-1963 .pt-history-year { }
.pt-history-box-1964 .pt-history-year { }
.pt-history-box-1965 .pt-history-year { }
.pt-history-box-1967 .pt-history-year { }
.pt-history-box-1968 .pt-history-year { }
.pt-history-box-1971 .pt-history-year { font-size: 5em;padding-bottom: 0.1em;}
.pt-history-box-1973 .pt-history-year { }
.pt-history-box-1980 .pt-history-year { }
.pt-history-box-1994 .pt-history-year { }
.pt-history-box-2004 .pt-history-year { }
.pt-history-box-2007 .pt-history-year { }
.pt-history-box-2014 .pt-history-year { font-size: 5.5em;}
.pt-history-box-2018 .pt-history-year { text-indent: 0.1em;font-size: 5.5em;}

.pt-history-box-intro .pt-history-name { font-size: 92%;text-indent: 0.35em;transform: rotate(1deg) scalex(1.3) skewx(-5deg);}
.pt-history-box-1963 .pt-history-name { }
.pt-history-box-1964 .pt-history-name { font-size: 115%;}
.pt-history-box-1965 .pt-history-name { font-size: 143%;}
.pt-history-box-1967 .pt-history-name { }
.pt-history-box-1968 .pt-history-name { font-size: 131%;}
.pt-history-box-1971 .pt-history-name { font-size: 97%;}
.pt-history-box-1973 .pt-history-name { font-size: 155%;text-indent: 0.35em;}
.pt-history-box-1980 .pt-history-name { text-indent: 0.3em;font-size: 93%;}
.pt-history-box-1994 .pt-history-name { width: 8em;font-size: 112%;text-align: center;margin: 0.5em -1em 0;}
.pt-history-box-2004 .pt-history-name { font-size: 91%;text-indent: 0.5em;}
.pt-history-box-2007 .pt-history-name { text-align: center;width: 8em;left: -0.5em;font-size: 80%;top: -0.1em;}
.pt-history-box-2014 .pt-history-name { font-size: 93%;text-indent: 0.3em;}
.pt-history-box-2018 .pt-history-name { font-size: 91%;text-indent: 0.2em;margin-top: -0.3em;}
.pt-history-box-today .pt-history-name { text-indent: 0.5em;font-size: 110%;}


.pt-history-text { transform:rotate(-1deg); }

.pt-history-box-2024 .pt-history-text { transform:rotate(3deg); }

.pt-history-box-intro .pt-history-text { display:flex; justify-content:space-around; transform:none; }
.pt-history-box-intro .pt-history-text p { flex-basis:45%; }
.pt-history-box-intro .pt-history-text p:nth-child(1) { transform:rotate(4deg); }
.pt-history-box-intro .pt-history-text p:nth-child(2) { transform:rotate(-1deg); margin-top:1.2em }
.pt-history-box-1963 .pt-history-text { }
.pt-history-box-1964 .pt-history-text { transform:rotate(2deg); }
.pt-history-box-1965 .pt-history-text { transform:rotate(-2deg); }
.pt-history-box-1967 .pt-history-text { transform: rotate(2deg); }
.pt-history-box-1968 .pt-history-text { transform: rotate(2deg); }
.pt-history-box-1971 .pt-history-text { transform: rotate(2deg); }
.pt-history-box-1973 .pt-history-text { transform:rotate(1deg); }
.pt-history-box-1980 .pt-history-text { transform:rotate(-2deg);}
.pt-history-box-1994 .pt-history-text { transform:rotate(-1deg); }
.pt-history-box-2004 .pt-history-text { transform:rotate(-2deg);}
.pt-history-box-2007 .pt-history-text { transform:rotate(2deg);}
.pt-history-box-2014 .pt-history-text { transform:rotate(-3deg);}
.pt-history-box-2018 .pt-history-text { transform:rotate(-2deg);}
.pt-history-box-today .pt-history-text { transform:rotate(3deg);}
.pt-history-box-today { margin-bottom:-5%;}

.pt-history-box-1963 .pt-history-text,
.pt-history-box-1965 .pt-history-text,
.pt-history-box-1968 .pt-history-text,
.pt-history-box-1963 .pt-history-text {
	background: -webkit-linear-gradient(#007dd3, #0055b8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.kfr-tout--sticky { display:none; }

body { overflow:visible }
.bottom-nav-sticky { background:#004da6;  position:sticky; z-index:3; bottom: -2vw; text-align:center; height:3em;  overflow:hidden; padding: 0 1.5em 2vw; margin-bottom: -1.5vw; }
.bottom-nav-sticky::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; box-shadow:inset 4em 0 1em -3em #004da6, inset -4em 0 1em -3em #004da6; }
.bottom-nav-sticky .tns-ovh { overflow:visible;  }
.bottom-nav-sticky .tns-outer { overflow:visible;  }
.tns-slider.bottom-nav-slider > .tns-item { vertical-align:middle; }

.bottom-nav-slider > a { font-size:0.9rem !important; font-weight:600; color:#fff; text-decoration:none; text-transform:uppercase; padding:1.1em 0.5em; display:inline-block; position:relative; outline-offset:-3px; }
.bottom-nav-sticky .tns-controls button[data-controls] { font-size:70%; padding:0 0.5em; margin:-3em 0.2em 0; }
.bottom-nav-sticky .tns-controls button[data-controls="prev"]::before,
.bottom-nav-sticky .tns-controls button[data-controls="prev"]::after { left:0.5em; }
.bottom-nav-sticky .tns-controls button[data-controls="next"]::before,
.bottom-nav-sticky .tns-controls button[data-controls="next"]::after { left:1.75em; }

.bottom-nav-sticky .nav-scroll-last::after { content:''; display:block; position:absolute; left:0.4em; right:0.4em; bottom:0.8em; background:currentcolor; height:0.15em; }

footer { z-index:4; }




.pt-history-box::before { content:''; display:block; position:absolute; z-index:2; left:50%; top: -8em; width: 24em; height:16em; background:rgba(0,0,0,0) url(../images/history/arrow.png) center / contain no-repeat; transform:translate(-50%,0);
 pointer-events:none;  }


.pt-history-box-intro::before { display:none; }

.pt-history-box-1963::before { background-image:url(../images/history/arrow-1963.svg); top: -6em;height: 17em;} 
.pt-history-box-1964::before { background-image:url(../images/history/arrow-1964.svg); left: 37%;height: 15em;}  
.pt-history-box-1965::before { background-image:url(../images/history/arrow-1965.svg); height: 11em;top: -5em;left: 48%;width: 42em;} 
.pt-history-box-1967::before { background-image:url(../images/history/arrow-1967.svg); height: 13em;left: 49%;top: -5em;} 
.pt-history-box-1968::before { background-image:url(../images/history/arrow-1968.svg); height: 11em;top: -8em;left: 31%;} 
.pt-history-box-1971::before { background-image:url(../images/history/arrow-1971.svg); height: 18em;left: 50%;top: -7em;} 
.pt-history-box-1973::before { background-image:url(../images/history/arrow-1973.svg); height: 11em;left: 43%;top: -10em;} 
.pt-history-box-1980::before { background-image:url(../images/history/arrow-1980.svg); height: 10em;top: -1em;left: 66%;}  
.pt-history-box-1994::before { background-image:url(../images/history/arrow-1994.svg); height: 13em; top: -10em;left: 69%;} 
.pt-history-box-2004::before { background-image:url(../images/history/arrow-2004.svg); top: -5em; height: 12em; left: 55%;}  
.pt-history-box-2007::before { background-image:url(../images/history/arrow-2007.svg); top: -4em; left: 61%;height: 10em;  width: 18em;background-size: auto 137%;background-position: bottom right;} 
.pt-history-box-2014::before { background-image:url(../images/history/arrow-2014.svg); top: -5em; } 
.pt-history-box-2018::before { background-image:url(../images/history/arrow-2018.svg); top: -10em; left: 40%;height: 18em;} 
.pt-history-box-today::before { background-image:url(../images/history/arrow-today.svg); height: 14em; top: -6em;left: 46%;}