Gallery: Inside the #legendturns5 x #legend100 party

Relive all the action from our #legendturns5 x #legend100 party last night with our exclusive party pics – and be sure to tag @hashtag_legend and #legendturns5 when sharing on IG!

Johnnie Walker Van

START SLIDESHOW

.lightbox-msg { padding: 10px 10px; transition: opacity 0.5s ease-in-out; position: absolute; font-size: 25px; line-height: 0.5; top: 33px; right: 0; left: 0; z-index: 10; color: #fff; font-style: italic; opacity: 1; } .lightbox-msg.hiding { opacity: 0; } @keyframes fadeout { 100% { opacity: 1 } 0% { opacity: 0 } } body.noscroll { overflow: hidden; } .intro-container { margin-top: 0.5em; } .intro-container .intro { } .lightbox { margin-bottom: 50px; } .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { margin-bottom: 16px!important;

} .image-slider-container { position: relative; }

.lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .lightbox-overlay-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .image-slider-container .slick-slider .slick-slide { position: relative; text-align: center; overflow: hidden; }

.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img { max-height: 650px; max-width: 95%; }

.image-slider-container .slick-slider .slick-slide:before { opacity: 0; } .slick-slider .slick-slide img{ margin-left: auto; margin-right: auto; } .viewbutton { padding: 10px 10px; text-align:center; position: absolute; top: 0; right: 0; margin-right: 0; cursor: pointer; color:#fff; width: 70px; } .viewbutton.outer { width: auto; } .slick-slide .viewbutton img { max-width: 50px; } .cap_viewbutton { margin-top: 1em; position: relative; width: 100%; height: 50px; display: flex; justify-content: center; } .cap_viewbutton .viewbutton { background-color: rgba(47,47,47,1); display: block; left: unset; right: unset; margin-left: auto; margin-right: auto; }

.image-slider-container .viewbutton span:nth-child(3){ padding-left: 5px; } .image-slider-container .viewbutton:before:hover { content: 'View in Slideshow'; color: #fff; opacity: 1; } , .image-slider-container .viewbutton span { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align:center; }

.image-slider-container .image-slider .caption { margin-top: 1em; } .image-slider-container .image-slider .slick-prev { left: 0; } .image-slider-container .image-slider .slick-next { right: 0; } .image-slider-container .image-slider .arrow-container .slick-prev:before { left: 0; } .image-slider-container .image-slider .slick-next:after { right: 0; } .image-slider-container .slick-prev { width: 35px; height: 38px; } .image-slider-container .slick-next { width: 30px; height: 38px; }

.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before { font-size: 40px; } .nav-slider .slick-slide { overflow:hidden; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .nav-slider .slick-slide, .nav-slider .slick-slide img { max-height: 60px; } .nav-slider .slick-next, .nav-slider .slick-prev { width: 20px; height: 38px; color: #000; } .nav-slider .arrow-container { top: 32%; height: 40px; width: 40px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: unset; margin-top: -55px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { max-width: 95%; } .slick-lightbox-slick .arrow-container.prev { left: 0; } .slick-lightbox-slick .arrow-container.next { right: 0; } .arrow-container.flickity-button-icon { fill: #fff!important; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev { height: 100%; width: 80px; } .slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path { color:#fff; } .slick-lightbox-slick .slick-lightbox-slick-caption { max-width: unset; display: inline-block; overflow-y: auto; max-height: 69px; margin-top: 0; padding: 0 20px; font-size: 16px; } .slick-lightbox-slick svg.arrow-container { color:#fff; } .slick-lightbox-close { padding: 5px; width: 50px!important; height: 55px!important; z-index: 10; right: 25px!important; top: 15px; line-height: 0.5; } .counter { padding: 5px; z-index: 10; right: 86px!important; top: 33px; line-height: 0.5; position: absolute; color: #fff; font-size: 25px; }

.slick-lightbox-close:before { line-height: 0.5!important; font-size: 50px!important; }

.arrow-container { cursor: pointer; position: absolute; height: 45px; width: 80px; z-index: 1; top: 0; top: 45%; } .slick-next:hover, .slick-prev:hover { opacity: 1!important; } .arrow-container.next, .arrow-container.prev { transition: background-color 0.5s ease; } .arrow-container.next:hover { opacity: 0.8; } .arrow-container.prev:hover { opacity: 0.8; } .arrow-container.next { right: -60px; transition: all 0.25s ease;

} .arrow-container.prev { left: -60px; transition: all 0.25s ease;

} .image-slider-container .arrow-container { width: 55px; height: 55px; }

.arrow-container.next, .arrow-container.prev { transition: all 0.25s ease; } .arrow-container.next:hover path, .arrow-container.prev:hover path { opacity: 0.8; }

@media only screen and (max-width: 640px){

.slick-slider .slick-slide { max-height: 70vh; } .slide-slide img { max-height: 70vh; } .slick-lightbox-slick .slick-lightbox-slick-item { max-height: unset; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { margin-top: 20%; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: auto; margin-top: 0px; margin-bottom: 10px!important;

max-height: 75vh!important; }

.slick-lightbox .slick-lightbox-slick .slick-next { right: 8px; } .slick-lightbox .slick-lightbox-slick .slick-prev { left: 8px; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev { color:#fff; width: 20px; } .slick-lightbox-slick .slick-lightbox-slick-caption { font-size: 14px; max-height: 86px; }

}

(function($){ $(document).ready(function(){ var imageSlider = $('#lightbox-block_6063ad10a84d5 .image-slider'); var navSlider = $('#lightbox-block_6063ad10a84d5 .nav-slider') ; var msgRead = 0;

// Image Slider

$('#lightbox-block_6063ad10a84d5').find('.image-slider:not(.slick-initialized)').slick({ fade: true, // arrows: , arrows: false, prevArrow: '

responsive: [ { breakpoint: 640, settings: { draggable: true, dots: false, arrows: true, } } ] }); // Nav Slider // $('#').find('.nav-slider:not(.slick-initialized)').slick({ // arrows: true, // dots: false, // infinite: true, // speed: 500, // prevArrow: '

// Lightbox $('#lightbox-block_6063ad10a84d5').find('.image-slider.slick-initialized').slickLightbox({ itemSelector: '.slick-slide a', lazy: true, slick: { fade: true, speed: 300, asNavFor: imageSlider, prevArrow: '

// Refresh current slide position imageSlider.on('afterChange', function() { hideMsg(); $('.galposition').text(refreshGalPos()); })

function toggleBodyScroll() { if (!$('body').hasClass('noscroll')) { $('body').addClass('noscroll'); } else { $('body').removeClass('noscroll');

} }

// Display current slide position function refreshGalPos() { var galcurrent = $('#lightbox-block_6063ad10a84d5 .image-slider .slick-active').data('pos'); return galcurrent; }

// Display swipe message on first visit to lightbox function createMsg() { var msg = 'Swipe left or right'; var msgDiv = document.createElement('div'); var msgSpan = document.createElement('span'); msgDiv.classList.add('lightbox-msg'); msgSpan.append(msg); msgDiv.append(msgSpan); document.querySelector('.slick-lightbox-slick.slick-initialized').append(msgDiv); }

function hideMsg() { $('.slick-lightbox-slick.slick-initialized .lightbox-msg').addClass('hiding'); }

// Generate counter in slideshow function counterGen () { var counterDiv = document.createElement('div'); var counterPos = document.createElement('span'); var counterTotal = $('#lightbox-block_6063ad10a84d5 .image-slider').data('total'); counterPos.classList.add('galposition'); counterDiv.classList.add('counter'); counterPos.append(refreshGalPos()); counterDiv.append(counterPos, '/' + counterTotal); document.querySelector('.slick-lightbox-slick.slick-initialized').append(counterDiv); }

}); })(jQuery);

Inside the party – Part 1

START SLIDESHOW

.lightbox-msg {
padding: 10px 10px;
transition: opacity 0.5s ease-in-out;
position: absolute;
font-size: 25px;
line-height: 0.5;
top: 33px;
right: 0;
left: 0;
z-index: 10;
color: #fff;
font-style: italic;
opacity: 1;
}
.lightbox-msg.hiding {
opacity: 0;
}
@keyframes fadeout {
100% { opacity: 1 }
0% { opacity: 0 }
}
body.noscroll {
overflow: hidden;
}
.intro-container {
margin-top: 0.5em;
}
.intro-container .intro {
}
.lightbox {
margin-bottom: 50px;
}
.slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
margin-bottom: 16px!important;

}
.image-slider-container {
position: relative;
}

.lightbox-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(0,0,0,.8);
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.lightbox-overlay-inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-slider-container .slick-slider .slick-slide {
position: relative;
text-align: center;
overflow: hidden;
}

.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img {
max-height: 650px;
max-width: 95%;
}

.image-slider-container .slick-slider .slick-slide:before {
opacity: 0;
}
.slick-slider .slick-slide img{
margin-left: auto;
margin-right: auto;
}
.viewbutton {
padding: 10px 10px;
text-align:center;
position: absolute;
top: 0;
right: 0;
margin-right: 0;
cursor: pointer;
color:#fff;
width: 70px;
}
.viewbutton.outer {
width: auto;
}
.slick-slide .viewbutton img {
max-width: 50px;
}
.cap_viewbutton {
margin-top: 1em;
position: relative;
width: 100%;
height: 50px;
display: flex;
justify-content: center;
}
.cap_viewbutton .viewbutton {
background-color: rgba(47,47,47,1);
display: block;
left: unset;
right: unset;
margin-left: auto;
margin-right: auto;
}

.image-slider-container .viewbutton span:nth-child(3){
padding-left: 5px;
}
.image-slider-container .viewbutton:before:hover {
content: 'View in Slideshow';
color: #fff;
opacity: 1;
}
, .image-slider-container .viewbutton span {
color: #fff;
font-size: 16px;
letter-spacing: 2px;
width: 100%;
text-align:center;
}

.image-slider-container .image-slider .caption {
margin-top: 1em;
}
.image-slider-container .image-slider .slick-prev {
left: 0;
}
.image-slider-container .image-slider .slick-next {
right: 0;
}
.image-slider-container .image-slider .arrow-container .slick-prev:before {
left: 0;
}
.image-slider-container .image-slider .slick-next:after {
right: 0;
}
.image-slider-container .slick-prev {
width: 35px;
height: 38px;
}
.image-slider-container .slick-next {
width: 30px;
height: 38px;
}

.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before {
font-size: 40px;
}
.nav-slider .slick-slide {
overflow:hidden;
margin-top: 10px;
margin-left: 2px;
margin-right: 2px;
}
.nav-slider .slick-slide, .nav-slider .slick-slide img {
max-height: 60px;
}
.nav-slider .slick-next, .nav-slider .slick-prev {
width: 20px;
height: 38px;
color: #000;
}
.nav-slider .arrow-container {
top: 32%;
height: 40px;
width: 40px;
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
max-width: unset;
margin-top: -55px;
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
max-width: 95%;
}
.slick-lightbox-slick .arrow-container.prev {
left: 0;
}
.slick-lightbox-slick .arrow-container.next {
right: 0;
}
.arrow-container.flickity-button-icon {
fill: #fff!important;
}
.slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev {
height: 100%;
width: 80px;
}
.slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path {
color:#fff;
}
.slick-lightbox-slick .slick-lightbox-slick-caption {
max-width: unset;
display: inline-block;
overflow-y: auto;
max-height: 69px;
margin-top: 0;
padding: 0 20px;
font-size: 16px;
}
.slick-lightbox-slick svg.arrow-container {
color:#fff;
}
.slick-lightbox-close {
padding: 5px;
width: 50px!important;
height: 55px!important;
z-index: 10;
right: 25px!important;
top: 15px;
line-height: 0.5;
}
.counter {
padding: 5px;
z-index: 10;
right: 86px!important;
top: 33px;
line-height: 0.5;
position: absolute;
color: #fff;
font-size: 25px;
}

.slick-lightbox-close:before {
line-height: 0.5!important;
font-size: 50px!important;
}

.arrow-container {
cursor: pointer;
position: absolute;
height: 45px;
width: 80px;
z-index: 1;
top: 0;
top: 45%;
}
.slick-next:hover, .slick-prev:hover {
opacity: 1!important;
}
.arrow-container.next, .arrow-container.prev {
transition: background-color 0.5s ease;
}
.arrow-container.next:hover {
opacity: 0.8;
}
.arrow-container.prev:hover {
opacity: 0.8;
}
.arrow-container.next {
right: -60px;
transition: all 0.25s ease;

}
.arrow-container.prev {
left: -60px;
transition: all 0.25s ease;

}
.image-slider-container .arrow-container {
width: 55px;
height: 55px;
}

.arrow-container.next, .arrow-container.prev {
transition: all 0.25s ease;
}
.arrow-container.next:hover path, .arrow-container.prev:hover path {
opacity: 0.8;
}

@media only screen and (max-width: 640px){

.slick-slider .slick-slide {
max-height: 70vh;
}
.slide-slide img {
max-height: 70vh;
}
.slick-lightbox-slick .slick-lightbox-slick-item {
max-height: unset;
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
margin-top: 20%;
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
height: auto;
margin-top: 0px;
margin-bottom: 10px!important;

max-height: 75vh!important;
}

.slick-lightbox .slick-lightbox-slick .slick-next {
right: 8px;
}
.slick-lightbox .slick-lightbox-slick .slick-prev {
left: 8px;
}
.slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev {
color:#fff;
width: 20px;
}
.slick-lightbox-slick .slick-lightbox-slick-caption {
font-size: 14px;
max-he