#main.anniversary { text-align: center; background: #fff; }





#main.anniversary .hero-container { background: #26190f url("/assets/50th-anniversary/hero-bg.jpg") center center no-repeat; background-size: cover; padding: 70px 50px 0 50px; position: relative; overflow: hidden; }
#main.anniversary .hero-container:after { position: absolute; top: 0; right: 200px; width: 65px; height: 65px; display: inline-block; content: ''; background: url(/assets/50th-anniversary/border-star.png) 0 0 no-repeat; background-size: 65px 65px; }



#main.anniversary .hero-inner { max-width: 1560px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

#main.anniversary .hero-border { position: absolute; width: 100%; height: 100%; left: 0; top: -0.3vw; }


#main.anniversary .star { position: absolute; z-index: 0; transform: scale(1); animation-iteration-count: infinite; animation-timing-function: linear; transform-style: preserve-3d; }
#main.anniversary .star img { filter: drop-shadow(0 0 2px rgb(0, 0, 0, 1)) drop-shadow(0 0 8px rgb(0, 0, 0, 1)); }


#main.anniversary .star.star1 { top: 20px; left: 0; animation-delay: 0.5s; }
#main.anniversary .star.star2 { top: 130px; left: 300px; animation-delay: 1s; }
#main.anniversary .star.star3 { left: 460px; top: 10px; animation-delay: 1.5s; }
#main.anniversary .star.star4 { left: 600px; top: 40px; animation-delay: 0s; }


#main.anniversary .star1.animate { animation-name: star1; animation-duration: 5s; }
@keyframes star1 {
0% {
transform: perspective(800px) rotateY(0deg);
}

100% {
transform: perspective(800px) rotateY(360deg);
}
}

#main.anniversary .star2.animate { animation-name: star1; animation-duration: 4s; }
@keyframes star2 {
0% {
transform: perspective(800px) rotateY(0deg);
}

100% {
transform: perspective(800px) rotateY(360deg);
}
}

#main.anniversary .star3.animate { animation-name: star1; animation-duration: 4s; }
@keyframes star3 {
0% {
transform: perspective(800px) rotateY(0deg);
}

100% {
transform: perspective(800px) rotateY(360deg);
}
}

#main.anniversary .star4.animate { animation-name: star1; animation-duration: 6s; }
@keyframes star4 {
0% {
transform: perspective(800px) rotateY(0deg);
}

100% {
transform: perspective(800px) rotateY(360deg);
}
}



#main.anniversary .star .sparkle { position: absolute; background: url(/assets/50th-anniversary/sparkle.png) no-repeat; background-size: contain; overflow: hidden; z-index: 10; margin: auto; animation-iteration-count: infinite; animation-timing-function: ease-in-out; opacity: 0; }
#main.anniversary .star .sparkle.animate { animation-name: sparkle; }

#main.anniversary .star1 .sparkle.one { left: 61px; top: 137px; width: 70px; height: 70px; animation-duration: 2.5s; }
#main.anniversary .star1 .sparkle.two { left: 258px; top: 86px; width: 50px; height: 50px; animation-duration: 2.5s; }

#main.anniversary .star2 .sparkle.one { left: 33px; top: 78px; width: 50px; height: 50px; animation-duration: 2s; }
#main.anniversary .star2 .sparkle.two { left: 146px; top: 44px; width: 50px; height: 50px; animation-duration: 2s; }

#main.anniversary .star3 .sparkle.one { left: 25px; top: 64px; width: 50px; height: 50px; animation-duration: 2s; }
#main.anniversary .star3 .sparkle.two { left: 120px; top: 34px; width: 50px; height: 50px; animation-duration: 2s; }

#main.anniversary .star4 .sparkle.one { left: 85px; top: 180px; width: 70px; height: 70px; animation-duration: 3s; animation-delay: 1.5s; }
#main.anniversary .star4 .sparkle.two { left: 322px; top: 106px; width: 70px; height: 70px; animation-duration: 3s; animation-delay: 1.5s; }

@keyframes sparkle {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
}





#main.anniversary .celebrating {  }
#main.anniversary .growth { padding: 0 0 60px 0; }





#main.anniversary .headline-partners { background: #c68d30 url("/assets/50th-anniversary/headline-partners-bg.jpg") bottom center no-repeat; background-size: cover; padding: 0 30px 80px 30px; }
#main.anniversary .headline-partners .hp-heading { max-width: 900px; margin: 0 auto; }
#main.anniversary .headline-partners .hp-logos { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1300px; margin: 0 auto; }
#main.anniversary .headline-partners .hp-logo { }
#main.anniversary .headline-partners .hp-logo.one { margin: -25px -30px 0 0; }
#main.anniversary .headline-partners .hp-logo.two {  }
#main.anniversary .headline-partners .hp-logo.three {  }
#main.anniversary .headline-partners .hp-logo.four { margin: -25px 0 0 -30px; }


#main.anniversary .logos1-container { padding: 20px 10px; }

#main.anniversary .logos2-container { margin: 60px 50px; }
#main.anniversary .logos2-container .slick-prev { left: -40px; }
#main.anniversary .logos2-container .slick-next { right: -40px; }


#main.anniversary #logos1 .slick-slide,
#main.anniversary #logos2 .slick-slide { display: block; }

#main.anniversary #logos1 .slick-slide img,
#main.anniversary #logos2 .slick-slide img { display: inline-block; }

#main.anniversary h2.anniversary-offers { background: #c4ab72; margin: 0; padding: 35px 30px; font-size: 4.3em; font-weight: 700; letter-spacing: 0.05em; color: #000; }
#main.anniversary h3.headline-gold-sponsors { background: #c4ab72; margin: 0; padding: 27px 30px; font-size: 3em; font-weight: 400; letter-spacing: 0; color: #fff; }
#main.anniversary h3.silver-sponsors { background: #C0C0C0; margin: 60px 0 0 0; padding: 27px 30px; font-size: 3em; font-weight: 400; letter-spacing: 0; color: #fff; }
#main.anniversary h3.bronze-sponsors { background: #a87900; margin: 60px 0 0 0; padding: 27px 30px; font-size: 3em; font-weight: 400; letter-spacing: 0; color: #fff; }

#main.anniversary h3.carousel-heading { background: #000; margin: 0; padding: 15px 30px; font-size: 2em; font-weight: 700; letter-spacing: 0.05em; color: #fff; }

#main.anniversary h3.carousel-heading.topmargin { margin: 50px 0 0 0; }

#main.anniversary h3.carousel-heading span { margin: 0 0 0 15px; }
#main.anniversary h3.carousel-heading span a { color: #000; background: #fff; padding: 9px 25px 6px 25px; border-radius: 10px; font-size: 0.8em; letter-spacing: 0; line-height: 1.2; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#main.anniversary h3.carousel-heading span a:hover { background: #c4ab72; }









#main.anniversary .essential-offers ul li { background: #cab478 url("/assets/50th-anniversary/carousel-bg.jpg") top center no-repeat; background-size: cover; }


#main.anniversary .promotionslider .prodprice { color: #fff; }
#main.anniversary .promotionslider .prodourprice { color: #fff; }
#main.anniversary .promotionslider .redprodoffer { color: #000; }
#main.anniversary .promotionslider .prodview a { background: #000 !important; }

#main.anniversary .promotionslider .slick-prev, #main.anniversary #timeline .slick-next { width: 40px; height: 40px; top: 0; bottom: 0; margin: auto; }
#main.anniversary .promotionslider .slick-prev { background: #c28e38 url("/assets/50th-anniversary/timeline-arrow-previous.png") 0 0 no-repeat; background-size: 40px 40px; left: 15px; }
#main.anniversary .promotionslider .slick-next { background: #c28e38 url("/assets/50th-anniversary/timeline-arrow-next.png") 0 0 no-repeat; background-size: 40px 40px; right: 15px; }







#main.anniversary .memories-container { padding: 0 60px 40px 60px; background: #000; z-index: 70; position: relative; }
#main.anniversary h2.memories { background: #000; margin: 60px 0 0 0; padding: 35px 30px; font-size: 4em; font-weight: 700; letter-spacing: 0.05em; color: #fff; }
#main.anniversary #memories { margin: 0; }
#main.anniversary #memories .slick-list {  }



#main.anniversary #memories .slick-slide img { max-height: none; }
#main.anniversary #memories .slick-slide { border-right: 5px solid #000; border-left: 5px solid #000; position: relative; }

#main.anniversary #memories .slick-prev, #main.anniversary #timeline .slick-next { width: 40px; height: 40px; top: 0; bottom: 0; margin: auto; }
#main.anniversary #memories .slick-prev { background: #c28e38 url("/assets/50th-anniversary/timeline-arrow-previous.png") 0 0 no-repeat; background-size: 40px 40px; left: -45px; }
#main.anniversary #memories .slick-next { background: #c28e38 url("/assets/50th-anniversary/timeline-arrow-next.png") 0 0 no-repeat; background-size: 40px 40px; right: -45px; }


.fancybox-button--zoom { display: none !important; }








.fancybox-is-open .fancybox-bg { opacity: .95; }
.fancybox-caption { background: #c4ab72 !important; text-align: center; color: #000 !important; font-size: 1.7em !important; font-weight: 700 !important; }
.fancybox-caption:before, .fancybox-caption:after { display: none !important; }














#main.anniversary .fireworks-container { position: absolute; width: 100%; height: 100%; }


#main.anniversary .timeline-hero { z-index: 50; position: relative; }

#main.anniversary .essential-offers { margin: 0; }
#main.anniversary .essential-offers .promotionslider { margin: 0; }

#main.anniversary #timeline h2,
#main.anniversary #timeline h2,
#main.anniversary #timeline h3,
#main.anniversary #timeline h4,
#main.anniversary #timeline h5,
#main.anniversary #timeline h6,
#main.anniversary #timeline ul li,
#main.anniversary #timeline p { font-size: 13px; margin: 0 0 10px 0; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; }

#main.anniversary .timeline-container { background: #29220e url("/assets/50th-anniversary/timeline-bg.jpg") top center no-repeat; background-size: cover; padding: 25px 10px 160px 10px; position: relative; overflow: hidden; }

#main.anniversary #timeline .slick-slide.horizontal-line { position: absolute !important; bottom: 166px; height: 20px; width: 100% !important; z-index: 10;
background: #D3A942; background: linear-gradient(90deg, rgba(211, 169, 66, 1) 0%, rgba(242, 216, 135, 1) 20%, rgba(166, 120, 53, 1) 46%, rgba(250, 227, 150, 1) 71%, rgba(174, 128, 53, 1) 100%); }


#main.anniversary #timeline .slick-list {  }
#main.anniversary #timeline .slick-slide { position: relative; }

#main.anniversary #timeline .timeline-top-container { min-height: 440px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

#main.anniversary #timeline .timeline-top { background: #E1AF2D;
background: linear-gradient(180deg, rgba(225, 175, 45, 1) 0%, rgba(196, 140, 34, 1) 41%, rgba(186, 128, 30, 1) 54%, rgba(252, 219, 105, 1) 100%);
border-radius: 16px; padding: 20px 25px; position: relative; z-index: 9; margin: 0 20px 20px 20px; }

#main.anniversary #timeline .timeline-top-container.reveal-year .timeline-top { margin-bottom: 180px;
background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 10px) calc(100% - 32px) no-repeat,
linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 32px) calc(100% - 10px) no-repeat,
linear-gradient(90deg, #d8ac3c 0%, #f9de89 23%, #a87630 44%, #a87630 53%, #f8da74 70%, #f7d667 87%, #bc8d33 100%); }

#main.anniversary #timeline .timeline-line { }

#main.anniversary #timeline .timeline-top-container.year-1981:before { position: absolute; width: 45px; height: 45px; left: 0; display: inline-block; content: ''; background: url(/assets/50th-anniversary/timeline/years/star.png) 0 0 no-repeat; background-size: 45px 45px; right: 60px; margin: auto; z-index: 40; bottom: -50px; }
#main.anniversary #timeline .timeline-top-container.year-1984:before { position: absolute; width: 45px; height: 45px; left: 0; display: inline-block; content: ''; background: url(/assets/50th-anniversary/timeline/years/star.png) 0 0 no-repeat; background-size: 45px 45px; right: 18px; margin: auto; z-index: 40; bottom: -50px; }
#main.anniversary #timeline .timeline-top-container.year-1999:before { position: absolute; width: 45px; height: 45px; left: 0; display: inline-block; content: ''; background: url(/assets/50th-anniversary/timeline/years/star.png) 0 0 no-repeat; background-size: 45px 45px; right: 18px; margin: auto; z-index: 40; bottom: -50px; }
#main.anniversary #timeline .timeline-top-container.year-2002:before { position: absolute; width: 45px; height: 45px; left: 0; display: inline-block; content: ''; background: url(/assets/50th-anniversary/timeline/years/star.png) 0 0 no-repeat; background-size: 45px 45px; right: 18px; margin: auto; z-index: 40; bottom: -50px; }
#main.anniversary #timeline .timeline-top-container.year-2005:before { position: absolute; width: 45px; height: 45px; left: 0; display: inline-block; content: ''; background: url(/assets/50th-anniversary/timeline/years/star.png) 0 0 no-repeat; background-size: 45px 45px; right: 18px; margin: auto; z-index: 40; bottom: -50px; }
#main.anniversary #timeline .timeline-top-container.year-2020:before { position: absolute; width: 45px; height: 45px; left: 0; display: inline-block; content: ''; background: url(/assets/50th-anniversary/timeline/years/star.png) 0 0 no-repeat; background-size: 45px 45px; right: 18px; margin: auto; z-index: 40; bottom: -50px; }
#main.anniversary #timeline .timeline-top-container.year-2023:before { position: absolute; width: 45px; height: 45px; left: 70px; display: inline-block; content: ''; background: url(/assets/50th-anniversary/timeline/years/star.png) 0 0 no-repeat; background-size: 45px 45px; right: 0; margin: auto; z-index: 40; bottom: -50px; }

#main.anniversary #timeline .timeline-top:before { position: absolute; top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); display: block; content: ''; background: #000; border-radius: 12px; z-index: 40; }

#main.anniversary #timeline .timeline-top:after { position: absolute; top: 8px; left: 0; right: 0; margin: auto; width: 12px; height: calc(100% + 38px); display: block; content: ''; background: #E1AF2D; background: linear-gradient(180deg, rgba(225, 175, 45, 1) 0%, rgba(186, 128, 30, 1) 42%, rgba(253, 224, 120, 1) 71%, rgba(252, 219, 105, 1) 100%); z-index: 30; }
#main.anniversary #timeline .timeline-top-container.reveal-year .timeline-top:after { height: calc(100% + 270px); width: 20px; }

#main.anniversary #timeline .detail-container { padding: 70px 0 0 0; }

.detail-container .detail-content { position: absolute; left: 2.5%; top: 0; width: 95%; height: 500px; transform: scale(0); transform-origin: center; z-index: 10; padding: 20px; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.56); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.56); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #fff; border-radius: 16px;  border: 8px solid #d2a551; overflow-y: auto; scrollbar-color: #666 #fff; }

#main.anniversary #timeline::-webkit-scrollbar { -webkit-appearance: none; }
#main.anniversary #timeline::-webkit-scrollbar:vertical { width: 8px; }
#main.anniversary #timeline::-webkit-scrollbar-thumb { border: 8px solid white; /* should match background, can't be transparent */ background-color: #000; }
#main.anniversary #timeline { padding: 0 20px; }
#main.anniversary #timeline .timeline-top h3 { z-index: 50; position: relative; color: #f7e173; font-size: 2em; margin: 0; }
#main.anniversary #timeline .timeline-top p { color: #fff; z-index: 50; position: relative; font-size: 0.8em; line-height: 1.4; text-align: center; margin: 10px 0 5px 0; }
#main.anniversary #timeline .timeline-top p img { display: inline-block; }
#main.anniversary #timeline .year-2024 .timeline-top p img { border: 8px solid #fff; }
#main.anniversary #timeline .slick-prev, #main.anniversary #timeline .slick-next { width: 70px; height: 70px; top: auto; bottom: 140px; }
#main.anniversary #timeline .slick-prev { background: #c28e38 url("/assets/50th-anniversary/timeline-arrow-previous.png") 0 0 no-repeat; background-size: 70px 70px; left: 0; }
#main.anniversary #timeline .slick-next { background: #c28e38 url("/assets/50th-anniversary/timeline-arrow-next.png") 0 0 no-repeat; background-size: 70px 70px; right: 0; }
.detail-container .detail-content, .detail-container .timeline-close { opacity: 0; }
.detail-container.active .detail-content, .detail-container.active .timeline-close { opacity: 1; }
.detail-container button.timeline-reveal { border: none; background: none; position: relative; z-index: 30; }
.detail-container button.timeline-reveal:before { position: absolute; width: 45px; height: 45px; left: 32px; display: inline-block; content: ''; background: url(/assets/50th-anniversary/timeline/years/star.png) 0 0 no-repeat; background-size: 45px 45px; }
.detail-container.active button.timeline-reveal:after { position: absolute; width: 50px; height: 20px; bottom: 16px; left: 86px; display: inline-block; content: ''; background: url(/assets/50th-anniversary/hide.png) 0 0 no-repeat; background-size: 50px 20px; }
.detail-container button.timeline-reveal.top:before { top: -21px; }
.detail-container button.timeline-reveal.bottom:before { bottom: -21px; }
.detail-container.active .timeline-close { z-index: 20; position: absolute; top: 15px; right: 15px; border: 0; background: #000; border-radius: 50%; font-size: 15px; text-align: center; line-height: 30px; width: 30px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 100; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.detail-container.active .timeline-close:hover { background: #AD8A2F; }
.detail-container.active .detail-content { transform: scale(1); }
.detail-container .detail-content.detail-text { padding: 65px 25px 20px 25px; }
.detail-container .detail-content.detail-image { padding-top: 4px 25px 20px 25px; }
#main.anniversary #timeline .detail-content p { color: #AD8A2F; margin: 0 0 10px 0; }
#main.anniversary #timeline .detail-content p.image { margin: 0 0 15px 0; }
#main.anniversary #timeline .detail-content ul { margin: 0; padding: 0 0 0 20px; }
#main.anniversary #timeline .detail-content ul li { color: #AD8A2F; margin: 0; padding: 0; list-style: disc; text-align: left; }
.detail-container .detail-content p.image img { max-width: 225px; max-height: none; margin: 20px auto 0 auto; }
.detail-container .timeline-reveal p.year { }
.detail-container .timeline-reveal p.reveal { }




#main.anniversary .footer-logos { text-align: center; background: #f6f6f5; border-top: 2px solid #000; padding: 60px 30px; }
#main.anniversary .footer-logos .celebrating-50-years { margin: 0 0 40px 0; }
#main.anniversary .footer-logos .bestway-logos {  }





@media screen and (max-width: 2000px) {
#main.anniversary .hero-container { padding: 3.5vw 2.5vw 0 2.5vw; }
#main.anniversary .hero-container:after { right: 10vw; width: 3.25vw; height: 3.25vw; background-size: 3.25vw auto; }
#main.anniversary .hero-inner { max-width: 78vw; }



#main.anniversary .growth { padding: 0 10.15vw 3vw 0; width: 58.65%; }
#main.anniversary .celebrating { width: 41.35%; }

#main.anniversary .star.star1 { top: 1vw; width: 14.5vw; }
#main.anniversary .star1 .sparkle.one { left: 3vw; top: 6.85vw; width: 3.5vw; height: 3.5vw; }
#main.anniversary .star1 .sparkle.two { left: 12.9vw; top: 4.3vw; width: 2.5vw; height: 2.5vw; }

#main.anniversary .star.star2 { top: 6.5vw; left: 15vw; width: 8.75vw; }
#main.anniversary .star2 .sparkle.one { left: 1.65vw; top: 3.9vw; width: 2.5vw; height: 2.5vw; }
#main.anniversary .star2 .sparkle.two { left: 7.3vw; top: 2.2vw; width: 2.5vw; height: 2.5vw; }

#main.anniversary .star.star3 { top: 0.5vw; left: 23vw; width: 7.5vw; }
#main.anniversary .star3 .sparkle.one { left: 1.25vw; top: 3.2vw; width: 2.5vw; height: 2.5vw; }
#main.anniversary .star3 .sparkle.two { left: 6vw; top: 1.7vw; width: 2.5vw; height: 2.5vw; }

#main.anniversary .star.star4 { top: 2vw; left: 30vw; width: 18.25vw; }
#main.anniversary .star4 .sparkle.one { left: 4.25vw; top: 9vw; width: 3.5vw; height: 3.5vw; }
#main.anniversary .star4 .sparkle.two { left: 16.1vw; top: 5.3vw; width: 3.5vw; height: 3.5vw; }

#main.anniversary .headline-partners { padding: 0 30px 4vw 30px; }
#main.anniversary .headline-partners .hp-heading { max-width: 45vw; }
#main.anniversary .headline-partners .hp-logos { max-width: 65vw; min-width: 930px; }
#main.anniversary .headline-partners .hp-logo.one { margin: -1.25vw -1.5vw 0 0; }
#main.anniversary .headline-partners .hp-logo.four { margin: -1.25vw 0 0 -1.5vw }
#main.anniversary .timeline-hero { max-width: 61vw; margin: 0 auto; }

#main.anniversary .footer-logos { padding: 40px 30px; }
#main.anniversary .footer-logos .celebrating-50-years { max-width: 15.75vw; margin: 0 auto 40px auto; }
#main.anniversary .footer-logos .bestway-logos { max-width: 50vw; margin: 0 auto; }
}





@media screen and (max-width: 1400px) {
#main.anniversary .growth { width: 55%; padding: 0 5% 3vw 0; }
#main.anniversary .celebrating { width: 45%; }
#main.anniversary h2.anniversary-offers { padding: 30px; font-size: 3.7em; }
#main.anniversary h3.headline-gold-sponsors { padding: 20px 30px; font-size: 2.7em; }
#main.anniversary h3.carousel-heading { padding: 10px 30px; font-size: 1.7em; }
#main.anniversary h3.silver-sponsors,
#main.anniversary h3.bronze-sponsors { margin: 40px 0 0 0; padding: 20px 30px; font-size: 2.7em; } 
#main.anniversary h2.memories { margin: 40px 0 0 0; padding: 25px 30px; font-size: 3em; }
#main.anniversary .timeline-container { padding: 5px 10px 30px 10px; }

}



@media screen and (max-width: 1100px) {
#main.anniversary .footer-logos .celebrating-50-years { max-width: 200px; margin: 0 auto 30px auto; }
#main.anniversary #timeline .slick-prev, #main.anniversary #timeline .slick-next { width: 50px; height: 50px; top: auto; bottom: 150px; background-size: 50px 50px; }



}

@media screen and (max-width: 1000px) {
#main.anniversary .headline-partners { padding: 10px 30px 20px 30px; }
#main.anniversary .headline-partners .hp-logos { max-width: none; min-width: 0; }
#main.anniversary .logos1-container { margin: 0 50px; padding: 20px 0; }
#main.anniversary .logos1-container .slick-prev { left: -40px; }
#main.anniversary .logos1-container .slick-next { right: -40px; }
#main.anniversary h2.anniversary-offers { padding: 20px 30px; font-size: 3em; }
#main.anniversary h3.headline-gold-sponsors { padding: 15px 30px; font-size: 2.3em; }
#main.anniversary h3.silver-sponsors,
#main.anniversary h3.bronze-sponsors { margin: 30px 0 0 0; padding: 15px 30px; font-size: 2.3em; }
#main.anniversary h2.memories { margin: 30px 0 0 0; padding: 15px 30px; font-size: 2.5em; }
#main.anniversary .footer-logos { border-top: 1px solid #000; }
#main.anniversary .timeline-hero { max-width: 600px; }

}


@media screen and (max-width: 900px) {
#main.anniversary .footer-logos .bestway-logos { max-width: 500px; }
}



@media screen and (max-width: 800px) {
#main.anniversary .headline-partners .hp-heading { max-width: 470px; margin-bottom: -15px; }
#main.anniversary .headline-partners .hp-logos { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 650px; min-width: 0; }
#main.anniversary .headline-partners .hp-logo { width: 49%; }
#main.anniversary .headline-partners .hp-logo.one,
#main.anniversary .headline-partners .hp-logo.four { margin: 0; }

#main.anniversary .headline-partners .hp-logo.three,
#main.anniversary .headline-partners .hp-logo.four { margin-top: -20px; }
}




@media screen and (max-width: 700px) {
#main.anniversary .headline-partners .hp-heading { max-width: 67vw; }
#main.anniversary .footer-logos .celebrating-50-years { margin: 0 auto 20px auto; }

}



@media (max-width: 600px) {
#main.anniversary .timeline-hero { max-width: 470px; padding: 0 20px; }
#main.anniversary .footer-logos .bestway-logos { max-width: 75vw; }
#main.anniversary .footer-logos .celebrating-50-years { max-width: 35vw; margin: 0 auto 10px auto; }

}


@media (max-width: 500px) {
#main.anniversary .headline-partners { padding: 10px 30px 40px 30px; }
#main.anniversary .headline-partners .hp-heading { max-width: 420px; }
#main.anniversary .headline-partners .hp-logo.one,
#main.anniversary .headline-partners .hp-logo.two,
#main.anniversary .headline-partners .hp-logo.three,
#main.anniversary .headline-partners .hp-logo.four { width: 100%; max-width: 350px; margin: 0 auto -30px auto; }
#main.anniversary .footer-logos .bestway-logos { max-width: none; }
#main.anniversary h3.carousel-heading span { margin: 10px 0 8px 0; display: block; }
}


@media (max-width: 403px) {
#main.anniversary #timeline .slick-slide.horizontal-line { bottom: 186px; }
#main.anniversary #timeline .slick-prev, #main.anniversary #timeline .slick-next { bottom: 170px; }

}


@media (max-width: 365px) {
#main.anniversary #timeline .timeline-top { margin: 0 20px 40px 20px; }
#main.anniversary #timeline .slick-prev, #main.anniversary #timeline .slick-next { bottom: 208px; }
#main.anniversary #timeline .slick-slide.horizontal-line { bottom: 224px; }
}


@media (max-width: 360px) {
.detail-container .detail-content p.image img { max-width: 100%; }
}

@media (max-width: 341px) {
#main.anniversary #timeline .timeline-top:after { height: calc(100% + 49px); }
}




@media screen and (min-width: 500px) and (max-width: 760px) {
.detail-container .detail-content { left: 10%; width: 80%; }
}

/* .detail-container.active .timeline-reveal { opacity: 0; } */