<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
  <head>
    <meta charset="utf-8" />
<meta name="description" content="Over 60 years of recorded music history from Aretha Franklin &amp; Led Zeppelin to Bruno Mars &amp; Ed Sheeran." />
<meta name="keywords" content="Atlantic Records" />
<link rel="canonical" href="https://www.atlanticrecords.com/" />
<meta name="robots" content="index, follow" />
<link rel="shortlink" href="https://www.atlanticrecords.com/" />
<meta property="og:site_name" content="Atlantic Records" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.atlanticrecords.com/" />
<meta property="og:title" content="Home | Atlantic Records" />
<meta property="og:description" content="Over 60 years of recorded music history from Aretha Franklin &amp; Led Zeppelin to Bruno Mars &amp; Ed Sheeran." />
<meta property="og:image" content="https://www.atlanticrecords.com/sites/g/files/g2000015596/files/2023-05/atlanticog.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="Over 60 years of recorded music history from Aretha Franklin &amp; Led Zeppelin to Bruno Mars &amp; Ed Sheeran." />
<meta name="twitter:title" content="Home | Atlantic Records" />
<meta name="twitter:url" content="https://www.atlanticrecords.com/home" />
<meta name="twitter:image" content="https://www.atlanticrecords.com/sites/g/files/g2000015596/files/2023-05/atlanticog.png" />
<meta name="google-site-verification" content="KBDFzg78wE2TzsUx9gmXn9OZOQZzVDtfXguhYfE2Zm0" />
<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.typekit.net/lae6hxw.css" />
<link rel="stylesheet" href="https://use.typekit.net/una7tds.css" />
<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css" async="async" defer="defer" /="/" />
<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.theme.default.min.css" /="/" />
<link rel="stylesheet" href="https://libraries.wmgartistservices.com/jslibrary/customScrollbar-3.1.5/jquery.mCustomScrollbar.css" /="/" />
<meta name="robots" content="noimageai,noai" />
<link rel="icon" href="/sites/g/files/g2000015596/files/atlantic-75_2.png" type="image/png" />
<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="5e110eee-b00f-4cd7-a56b-371ef80f8642" data-document-language="true"></script>
<script type="text/javascript">function OptanonWrapper() {
      var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/';
      var allLinks = document.querySelectorAll('a');
      for(i = 0; i < allLinks.length; i++) {
        let href = allLinks[i].href;
        if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) {
          href = href + '?ot=5e110eee-b00f-4cd7-a56b-371ef80f8642&url=' + window.location.hostname;
          allLinks[i].setAttribute("href", href);
          allLinks[i].setAttribute("target", "_blank");
        }
      }             
      var eOT = new Event("OneTrustGroupsUpdated");
      document.dispatchEvent(eOT);
      var regCheckPerformance = /,C0002,/;
      var regCheckFunctional = /,C0003,/;
      var regCheckTargeting = /,C0004,/;
      var regCheckSocial = /,C0008,/;
}</script>
<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmgatlantic-records.com,wmgatl,wmg"},"content":{"artist":"Atlantic Records","label":"Atlantic Records"},"page":{"pageInfo":{"pageName":"Atlantic Records:Homepage","server":"Atlantic Records:Site","devTeam":"WMAS","platform":"Drupal 10"},"category":{"primaryCategory":"Atlantic Records:Home","pageType":"homepage"}}}</script>
<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js"></script>
<script src="https://libraries.wmgartistservices.com/externalJS/jquery-cookie-1-4-1-jquery-cookie-min.js" type="text/javascript"></script>
<script src="https://libraries.wmgartistservices.com/songkick/widget_min.js?gfg"></script>
<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js"></script>
<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js"></script>
<script src="https://libraries.wmgartistservices.com/custom-js/YTDTM/YTFns.js"></script>
<script src="https://libraries.wmgartistservices.com/externalJS/jquery-validate-1-10-0-jquery-validate.js" type="text/javascript"></script>
<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.min.js"></script>
<script src="https://libraries.wmgartistservices.com/externalJS/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script src="https://cdn.babylonjs.com/babylon.js"></script>

    <title>Home | Atlantic Records</title>
    <link rel="stylesheet" media="all" href="/sites/g/files/g2000015596/files/css/css_21XAC_53c8TOqbmGus6GhKVmbgQZBCwHP7msiYtKrCs.css?delta=0&amp;language=en&amp;theme=bartik&amp;include=eJxdzkEOwyAMRNELEThSZMBCbm0cYUhKTt8qlaq2m1k8zeJHaJ3uITGYTR_B0MUfEjSDgvbHVfPnWVgj8GJ9MtXikjYMuY0N2MMNHm-o2gSYTnQMU0dfM1nSHdsMWjEpO5vWUcLVsBMeFq71onkwukPKqlsnoRM6aQ0vWL7hCUtKT2E" />
<link rel="stylesheet" media="all" href="/sites/g/files/g2000015596/files/css/css_4TzFtSuajoQ29BJaja_anvViKyuF_RVoFqwFWdFzXWQ.css?delta=1&amp;language=en&amp;theme=bartik&amp;include=eJxdzkEOwyAMRNELEThSZMBCbm0cYUhKTt8qlaq2m1k8zeJHaJ3uITGYTR_B0MUfEjSDgvbHVfPnWVgj8GJ9MtXikjYMuY0N2MMNHm-o2gSYTnQMU0dfM1nSHdsMWjEpO5vWUcLVsBMeFq71onkwukPKqlsnoRM6aQ0vWL7hCUtKT2E" />
<link rel="stylesheet" media="print" href="/sites/g/files/g2000015596/files/css/css_HKSKNyOKEY1LZYS5gpOEzyUed-IKWpmg9ma0l69AjoI.css?delta=2&amp;language=en&amp;theme=bartik&amp;include=eJxdzkEOwyAMRNELEThSZMBCbm0cYUhKTt8qlaq2m1k8zeJHaJ3uITGYTR_B0MUfEjSDgvbHVfPnWVgj8GJ9MtXikjYMuY0N2MMNHm-o2gSYTnQMU0dfM1nSHdsMWjEpO5vWUcLVsBMeFq71onkwukPKqlsnoRM6aQ0vWL7hCUtKT2E" />
<link rel="stylesheet" media="all" href="/sites/g/files/g2000015596/files/css/css_tKtjXvQ5mAQfc1KvH--0yhFNTxKtjQ_8nyDw8GIXr6k.css?delta=3&amp;language=en&amp;theme=bartik&amp;include=eJxdzkEOwyAMRNELEThSZMBCbm0cYUhKTt8qlaq2m1k8zeJHaJ3uITGYTR_B0MUfEjSDgvbHVfPnWVgj8GJ9MtXikjYMuY0N2MMNHm-o2gSYTnQMU0dfM1nSHdsMWjEpO5vWUcLVsBMeFq71onkwukPKqlsnoRM6aQ0vWL7hCUtKT2E" />

    
  </head>
  <body class="page-node-71 page-node-type-page layout-no-sidebars path-frontpage">
        <a href="#main-content" class="visually-hidden focusable skip-link">
      Skip to main content
    </a>
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    <div id="page-wrapper">
  <div id="page">
    <header id="header" class="header" role="banner">
      <div class="section layout-container clearfix">
        
          <div class="clearfix region region-header">
    <div id="block-commoncssjs" class="block block-block-content block-block-content44102af5-825b-41bc-b8a5-241fd015058d">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><script>
    function hamburgerMenu() {
 document.querySelector(".menuBlock").classList.toggle("open");
document.querySelector("body").classList.toggle("menuOpen");
 document.querySelector(".hamOption").classList.toggle("open");
  document.querySelector(".pageTopic").classList.toggle("hideTopic");
}
//     function hamburgerMenu(){
//         $("a.hamIcon").click(function () {
//            $(".menuBlock, .hamOption").toggleClass("open");
//            $(".pageTopic").toggleClass("hideTopic");
//        });
//     }
//     //$(document).ready(function () {
//        (function () {
//        const send = XMLHttpRequest.prototype.send;
//        XMLHttpRequest.prototype.send = function () {
//            this.addEventListener("load", function () {
//             hamburgerMenu();
//    });
//            return send.apply(this, arguments);
//        };
//    })();
//   // });
// $(document).ajaxComplete(function () {
//     hamburgerMenu();
// });
</script>
<link rel="stylesheet" href="https://use.typekit.net/ecx2aya.css">
<style>
.view-filters{
display:none;
}
   /* @font-face {
       font-family: 'Roboto Flex-bold';
       src: url('/sites/g/files/g2000015596/files/2022-12/Roboto Flex-bold.eot');
       src: url('/sites/g/files/g2000015596/files/2022-12/Roboto Flex-bold.eot') format('embedded-opentype'),
           url('/sites/g/files/g2000015596/files/2022-12/Roboto Flex-bold.woff') format('woff'),
           url('/sites/g/files/g2000015596/files/2022-12/Roboto Flex-bold.ttf') format('truetype'),
           url('/sites/g/files/g2000015596/files/2022-12/Roboto Flex-bold.svg') format('svg');
       font-weight: normal;
       font-style: normal;

   } */
   /* Temporarily replacing with Roboto Flex The below font is Roboto Flex masquerading as Druk Wide*/
   @font-face {
       font-family: 'Roboto Flex-bold';
       font-style: normal;
       font-weight: 1000;
       font-stretch: 151%;
       src: url(https://fonts.gstatic.com/s/robotoflex/v9/NaOQcZLOBv5T3oB7Cb4i0xG2bABEwTZXc7yZsWIEzvBLN65UoVt_cy50HvwJfX-oHzgCEBt2HRsTfueZdCXhLI5UsYBRLYWR.woff2) format('woff2');
       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }

   /* @font-face {
       font-family: 'Roboto Flex-Medium';
       src: url('/sites/g/files/g2000015596/files/2022-12/DrukWide-Medium.eot') format('eot'), url('/sites/g/files/g2000015596/files/2022-12/DrukWide-Medium.woff') format('woff');
       font-weight: 500;
       font-style: normal;
   } */
   /* Temporarily replacing with Roboto Flex The below font is Roboto Flex masquerading as Druk Wide*/
   @font-face {
       font-family: 'Roboto Flex-Medium';
       font-style: normal;
       font-weight: 900;
       font-stretch: 151%;
       src: url(https://fonts.gstatic.com/s/robotoflex/v9/NaOQcZLOBv5T3oB7Cb4i0xG2bABEwTZXc7yZsWIEzvBLN65UoVt_cy50HvwJfX-oHzgCEBt2HRsTfueZdCXhLI5UsYBRLYWR.woff2) format('woff2');
       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
   :root, html{
    --default-font-family: 'Roboto Flex-Medium';
   }
   body {
       font-variation-settings: 'XTRA' 587, 'YOPQ' 106, 'YTAS' 805, 'YTLC' 570, 'YTUC' 710;
       font-family: 'Roboto Flex-Medium';
   }


   @font-face {
       font-family: 'amazon';
       src: url('/sites/g/files/g2000015596/files/2022-12/amazon.eot?2bkzet');
       src: url('/sites/g/files/g2000015596/files/2022-12/amazon.eot?2bkzet#iefix') format('embedded-opentype'),
           url('/sites/g/files/g2000015596/files/2022-12/amazon.ttf?2bkzet') format('truetype'),
           url('/sites/g/files/g2000015596/files/2022-12/amazon.woff?2bkzet') format('woff'),
           url('/sites/g/files/g2000015596/files/2022-12/amazon.svg?2bkzet#amazon') format('svg');
       font-weight: normal;
       font-style: normal;
       font-display: block;
   }

   [class^="new-"],
   [class*=" new-"] {
       /* use !important to prevent issues with browser extensions that change fonts */
       font-family: 'amazon' !important;
       speak: never;
       font-style: normal;
       font-weight: normal;
       font-variant: normal;
       text-transform: none;
       line-height: 1;

       /* Better Font Rendering =========== */
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
   }

   .new-amazon:before {
       content: "\ea87";
   }

   body.page-node {
       background: #000000;
       font-family: 'Roboto Flex-bold';
       letter-spacing: 1px;
   }


   .site-footer,
   #page,
   #main-wrapper,
   .region-primary-menu .menu-item a.is-active,
   .region-primary-menu .menu-item--active-trail a {
       background: #000000;
   }

   a:hover,
   a:active,
   a:focus,
   .link:hover,
   .link:active,
   .link:focus {
       text-decoration: none;
       border-bottom-style: none;
   }

   div#block-views-block-artist-page-block-2 .artistDetailRightWrap .artistTite a[href=""] {
       pointer-events: none;
   }


   .ajax-progress-fullscreen {
       display: none;
   }

   h3 {
   font-family: 'Roboto Flex-bold';
}
   @keyframes fade-in-left {
       0% {
           -webkit-transform: translateX(100%);
           transform: translateX(100%);
           opacity: 0;
       }

       100% {
           -webkit-transform: translateX(0);
           transform: translateX(0);
           opacity: 1;
       }
   }

   @keyframes fade-in-right {
       0% {
           -webkit-transform: translateX(0);
           transform: translateX(0);
           opacity: 0;
       }

       100% {
           -webkit-transform: translateX(100%);
           transform: translateX(100%);
           opacity: 1;
       }
   }


   @keyframes slide-in {
       0% {
           opacity: 0;
           -webkit-transform: translateX(80px);
           transform: translateX(80px);
       }

       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0);
       }
   }





   .hamOption {
       background-image: url(/sites/g/files/g2000015596/files/2022-12/Menu%402x.png);
       background-repeat: no-repeat;
       display: block;
       background-size: cover;
       width: 3vw;
       height: 2vw;
       font-size: 2vw;
   }

   .hamOption.open {
       background-image: url(/sites/g/files/g2000015596/files/2023-01/Menu-Open.png);
       background-repeat: no-repeat;
       display: block;
       background-size: cover;
       width: 3vw;
       height: 2.5vw;
       font-size: 2vw;
   }

   .viewGrid a,
   .viewTime a {
       vertical-align: middle;
   }

   .hamOption img {
       height: auto;
       transition: all 1s;
   }

   div#block-navbarhtml {
       float: none;
       font-size: 0;
       margin: 0;
       padding: 0;
       position: fixed;
       top: 0;
       z-index: 10;
       background: #000;
       width: 100%;
   }

   .navWrapper {
       /* padding: 0; */
       padding: 0.55vw 0 0.4vw;
   }

   .navWrapper>div {
       display: inline-block;
       vertical-align: middle;
       width: 50%;
   }

   .navWrapper>div.leftNav {
       text-align: left;
   }

   .navWrapper div.leftNav>div {
       display: inline-block;
       vertical-align: middle;
   }

   .navWrapper div.leftNav>div.navlogo {
       max-width: 3.5833333333333335vw;
       width: 100%;
       margin-left: 1.4166666666666667vw;
       min-height: calc(3.583333vw * 0.7674);
   }

   .navWrapper>div.rightNav {
       text-align: right;
   }

   .navWrapper>div.rightNav>div {
       display: inline-block;
       vertical-align: middle;
   }

   .navWrapper>div.rightNav>div.hamMenu {
       margin-right: 1.4166666666666667vw;
       position: relative;
   }

   h1#site-logo {
       font-size: 0;
   }

   .navWrapper>div .pageTopic {
       margin-left: 2.0833333333333335vw;
       font-size: 1.1666666666666667vw;
       line-height: 1.6666666666666667vw;
       color: #FFF;
       font-family: 'Roboto Flex-Medium';
       font-weight: 500;
       width: 9vw;
       position: relative;
       letter-spacing: 1px;
   }

   .navWrapper>div .pageTopic a {
       font-size: 1.1666666666666667vw;
       line-height: 1.6666666666666667vw;
       color: #FFF;
       font-family: 'Roboto Flex-Medium';
       font-weight: 500;
       cursor: pointer;
       letter-spacing: 1px;
   }



   .viewPrefer>div {
       display: inline-block;
       vertical-align: middle;
       font-size: 1vw;
       color: #FFF;
       max-width: 1.6666666666666667vw;
       margin-right: 1.0833333333333333vw;
   }


   .viewPrefer>div:last-child {
       margin-right: 0;
   }

   .viewPrefer>div:not(.active)>a {
       opacity: 0.5;
   }

   .viewPrefer>div.viewByText {
       max-width: initial;
       font-family: "proxima-nova";
   }
   .site-footer .content .copyrights-items span.cpyright, .site-footer .content, .site-footer .content a, .site-footer .content a.is-active{
    font-family: "proxima-nova";
   }
   .hamOption {
       margin-left: 2.75vw;
       max-width: 3vw;
       position: relative;
   }

   a.hamIcon {
       display: block;
       font-size: 3vw;
   }

   .menuBlock {
       max-width: 31.25vw;
       width: 100%;
       position: fixed;
       z-index: 2;
       background: #000;
       right: 0;
   }

   .menuBlock {
       transition: transform 1s cubic-bezier(0.07, 0.23, 0.34, 1);
       transform: translateX(100%);
   }

   .menuBlock.open {
       display: block;
       position: fixed;
       z-index: 2;
       background: #000;
       right: 0;
       height: calc(100vh - (1.75vw + 0.75vw + (3.583333vw * 0.7674) + (100vw * 0.0133334)));

       height: 100vh;

       transform: translateX(0%);
   }



   .region-header .block li {
       text-align: center;
       margin: 0vw 0;
   }

   .region-header .block li:first-child {
       margin-top: 0;
   }



   .region-header .block .menuBlock.open li a.shimmer {
       width: 14vw;
       margin: 0 auto;
   }

   .region-header .block .menuBlock.open li a.shimmer,
   .region-header .block .menuBlock.open li span.followText,
   .region-header .block .menuBlock.open li .headerSocials {
       display: block;
       transform: translateZ(0);
       transform: translateX(0px);
   }

   .region-header .block .menuBlock.open li a.shimmer:hover,
   .region-header .block .menuBlock.open li span.followText:hover,
   .region-header .block .menuBlock.open li .headerSocials:hover {
       display: block;
       transform: translateZ(0);
       transform: translateX(0px);
       -webkit-animation-name: shimmer;
       -moz-animation-name: shimmer;
       animation-name: shimmer;
   }



   .region-header .block li a.shimmer,
   .region-header .block li span.followText,
   .region-header .block li .headerSocials {
       display: block;
       animation: slide-in .4s .2s backwards;
       -webkit-animation: slide-in .4s .2s backwards;
       transform: translateX(80px);
       transition: all 1s;
   }



   .region-header .block li:nth-child(2) a {
       animation-delay: .3s;
       transition: all 1.4s;
   }

   .region-header .block li:nth-child(3) a {
       animation-delay: .4s;
       transition: all 1.8s;
   }

   .region-header .block li:nth-child(4) span.followText,
   .region-header .block li:nth-child(4) .headerSocials {
       animation-delay: .5s;
       transition: all 2.2s;
   }

   .region-header .block li.navLink {

       min-height: calc((100vh - 15.5vw) / 7);
       margin: 2vh 0;
       position: relative;
   }

   .region-header .block li>a,
   .region-header .block li>span {
       font-size: 1.75vw;
       line-height: 2.5vw;
       color: #FFFFFF;
       font-family: 'Roboto Flex-bold';
       letter-spacing: 1px;
   }

   .region-header .block li>img {
       max-width: 20vw;
       display: block;
       margin: 0.691vw auto;
   }

   .region-header .block li.mailnav>img:last-child {
       margin-top: 1.4vw;
   }


   .pageTopic.hideTopic {
       opacity: 0;
   }

   ul.socialsIconsHeader li {
       display: inline-block;
   }

   .region-header .block li ul.socialsIconsHeader a {
       font-size: 1.1666666666666667vw;
       padding: 0 0.47vw;
       line-height: 1;
   }

   .region-header .block li ul.socialsIconsHeader img {
       display: inline-block;
       max-width: initial;
   }

   .region-header .block li ul.socialsIconsHeader a#soundColudSocial {
       font-size: 1.766667vw;
       position: relative;
       top: 0.2vw;
   }

   .region-header .block li ul.socialsIconsHeader a img:hover {
       opacity: .5;
       transition: all .5s;
   }

   .region-header .block li ul.socialsIconsHeader a img {
       width: 1.36vw;
       height: auto;
   }

   li.mailnav div.mlistNav {
       padding-bottom: 2vw;
   }

   div.mlistNav {
       max-width: 28.6vw;
       width: 100%;
       margin: 0 auto;
   }

   div.mlistNav .mlistDescrText,
   div.mlistNav p.message-description {
       font-size: 2.5vw;
       line-height: 4.25vw;
       color: #FFFFFF;
       font-family: 'Roboto Flex-bold';
       padding-bottom: 2vw;
       letter-spacing: 1px;
   }

   div.mlistNav span.secondFormClose {
       color: #fff;
   }

   div.mlistNav .thankyou.fadeIn {
       font-family: 'Roboto Flex-Medium';
       text-transform: capitalize;
       color: #FFF;
       font-size: 1.2vw;
       line-height: 4.25vw;
       padding: 1vw 0;
       letter-spacing: 1px;
   }

   .region-header .block li>span.followText {
       margin-bottom: 0.2vw;
       display: block;
   }

   div.mlistNav .plain-ml-wrapper .terms {
       /*max-width: 90%;*/
       margin: 0 auto;
   }




   .shimmer:hover,
   .playlist-button a:hover div,
   .region-header .block li ul.socialsIconsHeader a:hover,
   .region-header .block li.navLink>a:hover,
   .site-footer__top .content ul.socialsIconsFooter li a:hover,
   .site-footer__top .content ul.socialsIconsFooter li img:hover,
   .site-footer .content .copyrights-items a:hover,
   #mailinglistSection a.terms:hover,
   #mailinglistSection p.terms-message a:hover,
   #mailinglistSection .plain-ml-wrapper .secondform a.terms:hover,
   .secondform .terms .terms-message-2 a:hover,
   #mailinglistSection .plain-ml-wrapper .secondform a.terms:hover,
   span.secondFormClose:hover,
   .navWrapper>div .pageTopic a:hover {
       color: rgba(255, 255, 255, 0.1);
       background: -webkit-gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
       background: -moz-gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
       background: gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
       -webkit-background-size: 50px 100%;
       -moz-background-size: 50px 100%;
       background-size: 50px 100%;
       -webkit-background-clip: text;
       -moz-background-clip: text;
       background-clip: text;
       -webkit-animation-name: shimmer;
       -moz-animation-name: shimmer;
       animation-name: shimmer;
       -webkit-animation-duration: 2s;
       -moz-animation-duration: 2s;
       animation-duration: 2s;
       -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
       background-repeat: no-repeat;
       background-position: 0 0;
       transform: unset;
   }


   .navBgLine img {
       width: 100%;
   }

   .navBgLine {
       margin-bottom: -0.6vw;
       margin-top: -0.5vw;
       position: relative;
       z-index: 3;
   }

   header .region-header .block .menuFoot .followText {
       margin-bottom: 1vw;
   }

   .menu form.mlistFormTwo.mlform {
       width: 90%;
   }

   @-moz-keyframes shimmer {
       0% {
           background-position: top left;
       }

       100% {
           background-position: top right;
       }
   }

   @-webkit-keyframes shimmer {
       0% {
           background-position: top left;
       }

       100% {
           background-position: top right;
       }
   }

   @-o-keyframes shimmer {
       0% {
           background-position: top left;
       }

       100% {
           background-position: top right;
       }
   }

   @keyframes shimmer {
       0% {
           background-position: top left;
       }

       100% {
           background-position: top right;
       }
   }

   @media only screen and (max-width:1023px) and (orientation: landscape),
   only screen and (max-width: 1024px) and (orientation: portrait) {
       header .region-header .block .menuFoot .followText {
           margin-bottom: 8vw;
       }

       .region-header .block li.navLink {
           margin: 3vh 0;
       }

       a.hamIcon {
           font-size: 8vw;
       }

       .navWrapper {
           max-width: 100%;
           padding: 5.6vw 0 3.6vw;
       }

       div form.mlistFormTwo.mlform {
           top: 44%;
       }
.page-node-type-artist .secondform.singleform.fadeIn {
    position: static;
}
div#block-artistdetailmlist .artistDetailmlist span.secondFormClose {
    position: absolute;
    top: 35vw;
    right: -34vw;
}

       .navWrapper div.leftNav>div.navlogo {
           max-width: 11.466666666666667vw;
           margin-left: 2.533333vw;
           margin-left: 2vw;
           min-height: calc(11.466666666666667vw * 0.7674);
       }

       .navlogo a {
           font-size: 0;
           display: block;
       }

       .navWrapper>div .pageTopic {
           margin-left: 2vw;
           font-size: 3.7333333333333334vw;
           line-height: 5.333333333333333vw;
           width: 29.667vw;
       }

       .navWrapper>div .pageTopic a {
           font-size: 3.7333333333333334vw;
           line-height: 5.333333333333333vw;
font-size:15px;
       }

       .navWrapper>div.viewPrefer {
           margin-left: 7.866667vw;
       }

       .viewPrefer>div {
           font-size: 3.2vw;
           margin-right: 3.2vw;
           max-width: 5.333333333333333vw;
       }

       .navWrapper>div.rightNav>div.hamMenu {
           margin-right: 2vw;
           height: 5.5vw;
       }

       .hamOption {
           margin-left: 4.8vw;
           max-width: 9.066666666666666vw;
       }

       .hamOption {
           height: 5.5vw;
           width: 8vw;
       }

       .hamOption.open {
           height: 7vw;
           width: 8vw;
       }

       .navBgLine {
           display: none;
       }

       .menuBlock.open, .menuBlock {
           max-width: 100%;
           width: 100%;
           height: calc(100vh - (5.6vw + 3.6vw + (11.466666666666667vw * 0.7674) + (100vw * 0.0133334)));

           overflow-y: scroll;
       }

       .region-header .block li.navLink {

           min-height: calc((100vh - (70.6vw + 15.6vw + (11.466666666666667vw * 0.7674) + (100vw * 0.0133334))) / 5)
       }

       ul.socialsIconsHeader {
           margin-bottom: 4vw;
       }

       .region-header .block li>a,
       .region-header .block li>span,
       div.mlistNav p.message-description {
           font-size: 6vw;
           line-height: 1.5;
       }

       .region-header .block li img {
           max-width: 75vw;
       }


       .region-header .block li ul.socialsIconsHeader li {
           margin: 1.733333333333333vw auto;
       }

       .region-header .block li ul.socialsIconsHeader a {
           font-size: 4.266666666666667vw;
           padding: 0 1.6vw;
       }

       div#mailinglistSection+img {
           margin-top: 6.5vw;
       }

       .region-header .block li ul.socialsIconsHeader a#soundColudSocial {
           font-size: 6.766667vw;
       }

       .region-header .block li ul.socialsIconsHeader a img {
           width: 4.5vw;
       }

       div.mlistNav,
       div.mlistNav .plain-ml-wrapper .terms {
           max-width: 100%;
       }

       div.mlistNav .thankyou.fadeIn {
           font-size: 3.5vw;
       }

       .region-header .block .menuBlock.open li a.shimmer,
       .region-header .block .menuBlock.open li span.followText,
       .region-header .block .menuBlock.open li .headerSocials {

           width: 90%;
           margin: 0 auto;
       }

       .region-header .block .menuBlock.open li span.followText {
           padding-bottom: 15px;
       }
   }



   @media only screen and (max-width:1024px) {
       div.mlistNav#mailinglistSection {
           max-width: 92%;
           width: 100%;
       }

       div.mlistNav .plain-ml-wrapper .email.fieldWrap {
           max-width: 63%;
           width: 100%;
       }

       div.mlistNav .plain-ml-wrapper div.submit {
           width: 35%;
           margin-left: 2%;
           max-width: initial;
       }

       div.mlistNav .plain-ml-wrapper .submit {
           max-width: initial;
       }

       div.mlistNav#mailinglistSection a.terms {
           width: 35%;
           font-size: 14px;
           margin-top: 9px;
       }

       div.mlistNav .plain-ml-wrapper p.terms-message-2,
       div.mlistNav .secondform .terms .terms-message-2 a,
       div.mlistNav#mailinglistSection .terms .terms-message,
       div.mlistNav#mailinglistSection .terms .terms-message a,
       div.mlistNav .secondform .terms .terms-message {
           font-size: 14px;
       }

       div.mlistNav#mailinglistSection input.email,
       div.mlistNav input.submit.mlistSubmit,
       div.mlistNav .secondform input,
       div.mlistNav .secondform select {
           height: 40px;
           line-height: 40px;
           font-size: 16px;
       }

       div.mlistNav .welcome p {
           font-size: 18px;
       }

       .hamOption img.open {
           height: 8vw;
       }
   }



   @media only screen and (min-width: 1700px) {
       .region-header .block li>span.followText {
           margin-bottom: 1.2vw;
           display: block;
       }

       .region-header .block li {
           text-align: center;
           margin: 1vw 0;
       }

       div#mailinglistSection+img {
           margin-top: 1.2vw;
       }
   }

   /*Clean up CSS starts*/
   #toolbar-administration {
       display: none;
   }

   .block .content {
       margin-top: 0px;
   }

   .block-bartik-page-title {
       display: none;
   }

   body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
       margin-left: 0px !important;
   }

   .block.block-layout-builder.block-extra-field-blocknodepagelinks {
       display: none;
   }

   .layout-container {
       max-width: 100% !important;
   }

   .main-content .section {
       padding: 0px !important;
   }

   #block-bartik-local-tasks {
       display: none;
   }

   .text-formatted ul,
   .text-formatted ol {
       padding: 0px !important;
   }

   #block-bartik-page-title {
       display: none;
   }

   .layout-main {
       margin-top: 0px !important;
       margin-bottom: 0px !important;
   }

   @media (min-width: 851px) {
       .layout-container {
           max-width: 100% !important;
       }
   }

   /*Clean up CSS ends*/


   div#block-videoanimation {
       width: 100%;
   }

   body.page-node-71.loaded .videoMain,
   body.page-node-96.loaded .videoMain,
   body.page-node-101.loaded .videoMain {
       display: none;
   }

   body.page-node-71.loaded,
   body.page-node-96.loaded,
   body.page-node-101.loaded {
       opacity: 1;
   }

   .videoMain {
       width: 100%;
       position: fixed;
       background: #000;
       z-index: 100;
   }

   .videoBlock {
       overflow: hidden;
       display: block;
       padding-top: 0;
       top: 0;
       left: 0;
       z-index: -1;
       width: 100%;
       height: 100vh;
       background: #000000;
       text-align: center;
       margin: 0 auto;
   }

   video#videoImage {
       width: auto;
       object-fit: cover;
       height: 100vh;
   }


   .videoText a {
       font-size: 1.0248vw;
       line-height: 1.3177vw;
       color: #FFFFFF;
       text-transform: none;
       font-family: 'Roboto Flex-bold';
font-weight:bolder;
   }

   .videoText {
       position: absolute;
       text-align: center;
       width: 100%;
       bottom: 5vw;
   }

   @media only screen and (max-width:1023px),
   (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
       .videoText a {
           font-size: 15px;
           line-height: 18px;
       }
body.menuOpen div#block-searchartistpage {
    visibility: hidden;
}

       .videoText {
           position: absolute;
           text-align: center;
           width: 100%;
           bottom: 50vw;
       }

       video#videoImage {
           height: 80vh;
           position: absolute;
           transform: translate(-50%, -50%);
           top: 46%;
           left: 50%;
       }
   }
   .videoMain {
       text-align: center;
   }
   .videoMain img {
       width: 90%;
       max-width: 600px;
       height: auto;
   }

.secondform select:hover{
cursor:pointer;
}
</style>
</div>
      
    </div>
  </div>
<div id="block-videoanimation" class="block block-block-content block-block-contentec563740-eacb-4985-ac44-7941081493c9">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
<div class="videoMain">
    <div class="videoBlock">
        <video class="videoImage" id="videoImage" playsinline="" autoplay="autoplay" muted="">
            <source src="https://d2cstorage-a.akamaihd.net/atl/atlanticrecords/ATL75_LogoAnimation_7Seconds.mp4"
                type="video/mp4">
        </video>
    </div>
    <div class="videoText">
        <a>Take A Spin Through Our History</a>
    </div>
</div>
<script>      
    var videoElement = document.getElementById('videoImage');
    var videoMain = document.getElementsByClassName("videoMain")[0];
    var videoEndHandler = () => {
            videoMain.style.display = "none";
            document.getElementsByTagName("body")[0].classList.add("loaded");
        }
    let animateFlag = sessionStorage.getItem("animated");
    if (animateFlag === null) {
        /*Checking if the video is playable to take care of low battery conditions */            
        videoElement.play().then(() => { 
        }).catch((error) => {
            // The video fails to play for whatever reason ...                 
            // Load the gif and set a timeout to call videoEndHandler 
            var loading_img = document.createElement('img');
            var loading_br_el = document.createElement('br');
            loading_img.src = "/sites/g/files/g2000015596/files/2023-01/ATL75_SpinningLogos.gif"; 
            videoElement.style.display = "none";
            document.getElementsByClassName("videoText")[0].prepend(loading_br_el);
            document.getElementsByClassName("videoText")[0].prepend(loading_img);
            //setTimeout(videoEndHandler, 10000);
        });
        sessionStorage.setItem("animated", 1);
    }
    else {
        videoEndHandler ();
    }
    window.onload = (event) => {
  //console.log("page is fully loaded");
  videoEndHandler ();
};
</script></div>
      
    </div>
  </div>
<div id="block-navbarhtml" class="block block-block-content block-block-content8508801d-dcbd-47ff-8411-f01519864cfe">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="navBar">
    <div class="navWrapper">
        <div class="leftNav">
            <div class="navlogo">
                <h1 id="site-logo" class="site-name site-name-front">
                    <a href="/?frontpage=true" title="Home" rel="home" class="home">
                        <img src="/sites/g/files/g2000015596/files/2022-12/ATL75_SpinningLogo.png" alt="ATL 75">
                    </a>
                </h1>
            </div>
            <div class="currentPageTitle">
                <div class="pageTopic"><a href="/?frontpage=true" title="Home" rel="home" class="home">75 years</a>
                </div>
            </div>
        </div>
        <div class="rightNav">
            <div class="viewPrefer">
                <div class="viewByText">
                    View by
                </div>
                <div class="viewGrid active">
                    <a href="javascript:void(0)" class="gridView"
                        data-blocks="div#block-homelogo, div#block-views-block-artist-block-1">
                        <img src="/sites/g/files/g2000015596/files/2022-12/Webstore%203d%402x.png" alt="gridView">
                    </a>
                </div>
                <div class="viewTime">
                    <a href="javascript:void(0)" class="timeView" data-blocks="div#block-views-block-events-block-2">
                        <img src="/sites/g/files/g2000015596/files/2022-12/ionic-time.png" alt="timeView">
                    </a>
                </div>
            </div>
            <div class="hamMenu">
                <div class="hamOption">
                    <a onclick="hamburgerMenu()" href="javascript:void(0)" class="hamIcon" aria-label="menu icon link">
                        &nbsp;

                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="navBgLine">
        <img src="/sites/g/files/g2000015596/files/2023-01/Divider.png" alt="navBar">
    </div>
    <div class="menuBlock">
        <div class="navList">
            <ul class="menu">
                <div class="menuHead">
                    <li class="navLink 75yearnav">
                        <a class="shimmer" href="/">75 Years</a>
                        <img src="/sites/g/files/g2000015596/files/2022-12/menulinkborder.png" alt="navBar">
                    </li>
                    <li class="navLink artistnav">
                        <a class="shimmer" href="/artists">Artists</a>
                        <img src="/sites/g/files/g2000015596/files/2022-12/menulinkborder.png" alt="navBar">
                    </li>
                    <li class="navLink shopnav">
                        <a class="shimmer" target="_blank" href="https://atlantic75.lnk.to/Store">Shop</a>
                        <img src="/sites/g/files/g2000015596/files/2022-12/menulinkborder.png" alt="navBar">
                    </li>
                    <li class="navLink follownav">
                        <span class="followText">Follow</span>
                        <div class="headerSocials">
                            <ul class="socialsIconsHeader">
                                <li class="fs-tiktok">
                                    <a class="icon-tiktok" data-track="tiktok"
                                        href="https://www.tiktok.com/@atlanticrecords" target="_blank"
                                        title="Atlantic Records Tiktok">
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.facebook.com/atlanticrecords" data-track="facebook"
                                        target="_blank" class="icon-facebook2" title="Atlantic Records Facebook"></a>
                                </li>
                                <li>
                                    <a href="https://twitter.com/atlanticrecords" data-track="twitter" target="_blank"
                                        class="twt-x" title="Atlantic Records Twitter"></a>
                                </li>
                                <li>
                                    <a href="https://instagram.com/atlanticrecords#" data-track="instagram"
                                        target="_blank" class="icon-instagram" title="Atlantic Records Instagram"></a>
                                </li>
                                <li class="fs-soundcloud">
                                    <a class="icon-soundcloud" aria-label="sound cloud icon" data-track="soundcloud"
                                        href="https://soundcloud.com/atlanticrecords" target="_blank"
                                        id="soundColudSocial"></a>
                                </li>
                                <li>
                                    <a href="https://play.spotify.com/user/atlanticrecords/" data-track="spotify"
                                        target="_blank" class="icon-spotify" title="Atlantic Records Spotify"></a>
                                </li>
                                <li>
                                    <a href="https://www.youtube.com/user/atlanticvideos" data-track="youtube"
                                        target="_blank" class="icon-youtube" title="Atlantic Records YouTube"></a>
                                </li>
                              
                             
                              
                           
                            </ul>
                        </div>
                        <img src="/sites/g/files/g2000015596/files/2022-12/menulinkborder.png" alt="navBar">
                    </li>
                </div>
                <div class="menuFoot">
                    <li class="navLink mailnav">
                        <span class="followText">Stay Up To Date</span>
                        <div id="mailinglistSection" class="mlistNav">
                            <!-- START FORM -->
                            <div class="plain-ml-wrapper dtmlightbox firstMlistForm in-grid">
                                <div class="mlform">
                              
                                    <form class="mlistFormOne mlform twostep" action="">
                                        <div class="email fieldWrap">
                                            <input data-type="email"
                                                data-error-text="Please enter a valid email address" required
                                                class="email" placeholder="Email" name="email"
                                                aria-label="Menu Enter Email Address" />
                                        </div>
                                        <div class="primary-list-values">
                                            <input name="Datasource" type="hidden"
                                                value="AtlanticRecords_NewsletterOptIn_MainSiteSignUp_Website" />
                                            <input name="newsletterId" type="hidden" value="50" />
                                         
                                        </div>

                                        <div class="submit">
                                            <input type="submit" class="submit mlistSubmit ripple" value="Submit" />
                                        </div>
                                        <span class="consent-placeholder" data-template="artist-mktg"
                                            data-artist="Atlantic&nbsp;Records" data-error-text="This field is required"
                                            data-pp-link="https://www.atlanticrecords.com/privacy-policy/">
                                        </span>
                                    </form>
                                    
                                </div>
                                <div class="thankyou fadeOut">
                                    Thank you for signing up!
                                </div>
                                <div class="secondform fadeOut singleform">
                                    <span class="secondFormClose">x</span>
                                    <form class="mlistFormTwo mlform" action="">
                                        <div class="welcome">
                                            <p>Welcome <span class="name"></span> to Atlantic Records' mailing list!</p>
                                        </div>
                                        <input type="hidden" class="secondFormEmail" name="email" value="" />
                                        <div class="name">
                                            <div class="first fieldWrap">
                                              
                                                <input type="text" class="first" name="firstname"
                                                    placeholder="First Name" aria-label="Menu Enter First Name"/>
                                            </div>
                                        </div>
                                        <div class="postalcode fieldWrap">
                                            
                                            <input type="text" name="postalcode" placeholder="Zip" aria-label="Menu Enter postalCode"/>
                                        </div>
                                        <div class="postal_country">
                                            <div class="country select-drop-down-arrow">
                                                <select class="country form-control" name="country" aria-label="Menu select country">

                                                </select>
                                            </div>
                                        </div>

                                        <div class="birthday">
                                            
                                            <div class="birthday">
                                                <div class="dobDay fieldWrap select-drop-down-arrow">
                                                    <select name="dobDay" class="" aria-label="Menu Birth Date-Day">
                                                        <option value="">Day</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                        <option value="13">13</option>
                                                        <option value="14">14</option>
                                                        <option value="15">15</option>
                                                        <option value="16">16</option>
                                                        <option value="17">17</option>
                                                        <option value="18">18</option>
                                                        <option value="19">19</option>
                                                        <option value="20">20</option>
                                                        <option value="21">21</option>
                                                        <option value="22">22</option>
                                                        <option value="23">23</option>
                                                        <option value="24">24</option>
                                                        <option value="25">25</option>
                                                        <option value="26">26</option>
                                                        <option value="27">27</option>
                                                        <option value="28">28</option>
                                                        <option value="29">29</option>
                                                        <option value="30">30</option>
                                                        <option value="31">31</option>
                                                    </select>
                                                </div>
                                                <div class="dobMonth fieldWrap select-drop-down-arrow">
                                                    <select name="dobMonth" class="" aria-label="Menu Birth Date-Month">
                                                        <option value="">Month</option>
                                                        <option value="1">January</option>
                                                        <option value="2">February</option>
                                                        <option value="3">March</option>
                                                        <option value="4">April</option>
                                                        <option value="5">May</option>
                                                        <option value="6">June</option>
                                                        <option value="7">July</option>
                                                        <option value="8">August</option>
                                                        <option value="9">September</option>
                                                        <option value="10">October</option>
                                                        <option value="11">November</option>
                                                        <option value="12">December</option>
                                                    </select>
                                                </div>

                                            </div>
                                        </div>

                                        <input name="newsletterId" type="hidden" value="14075551" />
                                        <input name="Datasource" type="hidden"
                                            value="AtlanticRecords_NewsletterOptIn_MainSiteSignUp_Website" />
                                       
                                        <div class="submit">
                                            <input type="submit" class="submit mlistSubmit" value="SUBMIT" />
                                        </div>
                                     
                                    </form>
                                </div>
                            </div>
                            <!-- END FORM -->
                        </div>
                        <img src="/sites/g/files/g2000015596/files/2022-12/menulinkborder.png" alt="navBar">
                    </li>
                </div>
            </ul>
        </div>
    </div>
</div>

<style>
    div#block-navbarhtml .consent-placeholder {
        position: relative;
        margin: 2vw auto 2vw;
        display: block;
        width: 100%;
    }

    div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
    div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
        position: absolute;
        left: 0px;
        width: 1.8vw;
        height: 1.8vw;
        z-index: 10;
        top: 0px;
        opacity: 0;
        cursor: pointer;
        margin: 0;
        -webkit-appearance: none;
        padding: 0;
        opacity: 0;
        background: transparent;
        border: none;
    }

      div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
      div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0;
        width: 1.8vw;
        height: 1.8vw;
        border: 2px solid #fff;
        background: transparent;
        border-radius: 0px;
        box-sizing: border-box;
    }

      div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before {
        border-color: red;
    }

      div#block-navbarhtml .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
        display: inline-block;
        box-sizing: border-box;
        line-height: 1;
        text-align: left;
        text-transform: none;
        letter-spacing: 0;
        font-size: 0.75vw;
        padding-left: 2.54vw;
        vertical-align: top;
        font-weight: 400;
        padding-top: 0;
        color: #fff;
    }

      div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
        content: "\2713";
        position: absolute;
        top: 0.45vw;
        line-height: 1;
        left: 0.45vw;
        font-size: 0.98vw;
        color: #fff;
        font-weight: 700;
        text-align: center;
        border: none;
        transform: none;
    }

      div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
        color: #fff;
    }

    div#block-navbarhtml .consent-placeholder span.input-error {
        color: red;
        position: absolute;
        top: -0.95vw;
        left: 0;
        bottom: auto;
    }



    div#block-navbarhtml .consent-placeholder a {
        text-decoration: underline;
        border: none;
        color: #fff;
    }

    div#block-navbarhtml .consent-placeholder a:hover {
        text-decoration: none;
        border: none;
    }

      div#block-navbarhtml .plain-ml-wrapper label.tiny {
        font-size: 0;
        height: 0;
    }

    @media only screen and (max-width: 1024px) {
        div#block-navbarhtml   .consent-placeholder {
            position: relative;
            margin: 35px auto 0;
            display: block;
            width: 100%;
        
            max-width: 100%;
        }

          div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
          div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
            position: absolute;
            left: 0px;
            width: 25px;
            height: 25px;
            z-index: 10;
            top: 0px;
            opacity: 0;
            cursor: pointer;
            margin: 0;
            -webkit-appearance: none;
            padding: 0;
            opacity: 0;
            background: transparent;
            border: none;
        }

          div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
          div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0;
            width: 25px;
            height: 25px;
            border: 2px solid #fff;
            background: transparent;
            border-radius: 0px;
            box-sizing: border-box;
        }

          div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before {
            border-color: red;
        }

          div#block-navbarhtml .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
            display: inline-block;
            box-sizing: border-box;
            line-height: 1.2;
            text-align: left;
            text-transform: none;
            letter-spacing: 0;
            font-size: 10px;
            padding-left: 35px;
            vertical-align: top;
            font-weight: 400;
            padding-top: 0;
            position: relative;
            top: auto;
            left: auto;
            transform: none;
            color: #fff;
            pointer-events: initial;
        }

          div#block-navbarhtml .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label a {
            color: #fff;
            border: none;
        }

          div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
            content: "\2713";
            position: absolute;
            top: 6px;
            line-height: 1;
            left: 8px;
            font-size: 14px;
            color: #fff;
            font-weight: 700;
            text-align: center;
            border: none;
            transform: none;
        }

          div#block-navbarhtml .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
            color: #fff;
        }

        div#block-navbarhtml .consent-placeholder span.input-error {
            color: red;
            position: absolute;
            top: -15px;
            left: 0;
            bottom: auto;
        }

       
        div#block-navbarhtml  .consent-placeholder a {
            text-decoration: underline;
        }

        div#block-navbarhtml  .consent-placeholder a:hover {
            text-decoration: none;
            border: none;
        }

          div#block-navbarhtml .plain-ml-wrapper label.tiny {
            font-size: 0;
            height: 0;
        }

        div#block-navbarhtml .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label a {
            font-size: 10px;
        }

    }

      div#block-navbarhtml .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label a {
        font-family: inherit;
    }

    .menuBlock.open, .menuBlock {
        overflow-y: scroll;
    }


</style></div>
      
    </div>
  </div>
<div id="block-cardcss" class="block block-block-content block-block-contentb1f1edfe-bb23-4c82-bfbf-ed6e80b553c6">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
div#block-views-block-artist-page-block-5 {
    display: none;
}
.artistDrop.legacy {
    display: none;
}
    h1#site-name model-viewer {
        height: 35vw;
    }
    div#block-views-block-artist-block-1 {
        opacity: 0;
        transition: opacity 17s;
    }
    .loaded div#block-views-block-artist-block-1 {
        opacity: 1;
    }
    .loaded div#block-views-block-artist-block-1 li {
        background: #000;
        position: absolute;
    }
    .loaded div#block-views-block-artist-block-1 li a {
        z-index: 10;
        transform-style: preserve-3d;
        transform: rotateY(-3deg);
        left: 44%;
        top: 28vh;
        transition: all 5s;
    }
    /* Layer 1*/
    .loaded div#block-views-block-artist-block-1 li:nth-child(22) a {
        transform-style: preserve-3d;
        width: 13vw;
        -webkit-animation-name: animate1;
        -webkit-animation-duration: 80.4s;
        animation-name: animate1;
        animation-duration: 80.4s;
        animation-iteration-count: infinite;
        animation-delay: 0s;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(21) a {
        transform-style: preserve-3d;
        width: 12.5vw;
        -webkit-animation-name: animate2;
        -webkit-animation-duration: 85.4s;
        animation-name: animate2;
        animation-duration: 85.4s;
        animation-iteration-count: infinite;
        animation-delay: 0s;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(20) a {
        width: 13vw;
        -webkit-animation-name: animate3;
        -webkit-animation-duration: 90.4s;
        animation-name: animate3;
        animation-duration: 90.4s;
        animation-iteration-count: infinite;
        animation-delay: 0s;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(19) a {
        transform-style: preserve-3d;
        width: 11vw;
        -webkit-animation-name: animate10;
        -webkit-animation-duration: 95.4s;
        animation-duration: 95.4s;
        animation-name: animate10;
        animation-iteration-count: infinite;
        z-index: 4;
        width: 13.3vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(18) a {
        transform-style: preserve-3d;
        width: 13vw;
        -webkit-animation-name: animate11;
        -webkit-animation-duration: 100s;
        animation-duration: 100s;
        animation-name: animate11;
        animation-iteration-count: infinite;
        z-index: 4;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(17) a {
        -webkit-animation-name: animate12;
        -webkit-animation-duration: 95s;
        animation-duration: 95s;
        animation-name: animate12;
        animation-iteration-count: infinite;
        z-index: 4;
        width: 13.2vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(16) a {
        width: 12.5vw;
        -webkit-animation-name: animate21;
        -webkit-animation-duration: 90.4s;
        animation-name: animate21;
        animation-duration: 90.4s;
        animation-iteration-count: infinite;
    }
    /* Layer 2*/
    .loaded div#block-views-block-artist-block-1 li:nth-child(15) a {
        width: 8vw;
        -webkit-animation-name: animate22;
        -webkit-animation-duration: 130.4s;
        animation-name: animate22;
        animation-duration: 130.4s;
        animation-iteration-count: infinite;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(14) a {
        /* left: 67%; */
        width: 8.9vw;
        -webkit-animation-name: animate4;
        -webkit-animation-duration: 135.4s;
        animation-name: animate4;
        animation-duration: 135.4s;
        animation-iteration-count: infinite;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(13) a {
        /* transform: rotateY(12deg); */
        -webkit-animation-name: animate5;
        -webkit-animation-duration: 140.4s;
        animation-name: animate5;
        animation-duration: 140.4s;
        animation-iteration-count: infinite;
        z-index: 9;
        width: 8.8vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(12) a {
        -webkit-animation-name: animate6;
        animation-duration: 145.4s;
        animation-name: animate6;
        animation-duration: 145.4s;
        animation-iteration-count: infinite;
        z-index: 8;
        width: 8.7vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(11) a {
        width: 11vw;
        -webkit-animation-name: animate13;
        -webkit-animation-duration: 140.4s;
        animation-duration: 140.4s;
        animation-name: animate13;
        animation-iteration-count: infinite;
        z-index: 4;
        width: 8.3vw;
        animation-delay: -35s;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(10) a {
        -webkit-animation-name: animate14;
        -webkit-animation-duration: 135.4s;
        animation-name: animate14;
        animation-duration: 135.4s;
        animation-iteration-count: infinite;
        z-index: 5;
        width: 8.4vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(9) a {
        width: 11vw;
        -webkit-animation-name: animate15;
        -webkit-animation-duration: 130.4s;
        animation-name: animate15;
        animation-duration: 130.4s;
        animation-iteration-count: infinite;
        z-index: 6;
        width: 8.5vw;
    }
    /*layer 3*/
    .loaded div#block-views-block-artist-block-1 li:nth-child(8) a {
        /* transform: perspective(90px) rotateY(-3deg); */
        -webkit-animation-name: animate7;
        -webkit-animation-duration: 180.4s;
        animation-name: animate7;
        animation-duration: 180.4s;
        animation-iteration-count: infinite;
        z-index: 7;
        width: 6.6vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(7) a {
        width: 11vw;
        -webkit-animation-name: animate8;
        -webkit-animation-duration: 185.4s;
        animation-name: animate8;
        animation-duration: 185.4s;
        animation-iteration-count: infinite;
        z-index: 6;
        width: 6.5vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(6) a {
        transform-style: preserve-3d;
        transform: rotateX(-20deg) rotateZ(5deg);
        -webkit-animation-name: animate9;
        -webkit-animation-duration: 190.4s;
        animation-name: animate9;
        animation-duration: 190.4s;
        animation-iteration-count: infinite;
        z-index: 5;
        width: 6.4vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(5) a {
        transform: perspective(90px) rotateY(-3deg);
        -webkit-animation-name: animate16;
        -webkit-animation-duration: 195.4s;
        animation-name: animate16;
        animation-duration: 195.4s;
        animation-iteration-count: infinite;
        z-index: 7;
        width: 6.6vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(4) a {
        transform: rotateY(-15deg);
        -webkit-animation-name: animate17;
        animation-duration: 200.4s;
        animation-name: animate17;
        animation-duration: 200.4s;
        animation-iteration-count: infinite;
        z-index: 8;
        width: 6.7vw;
        /* animation-delay: -80s; */
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(3) a {
        transform: rotateY(12deg);
        -webkit-animation-name: animate18;
        -webkit-animation-duration: 195.4s;
        animation-name: animate18;
        animation-duration: 195.4s;
        animation-iteration-count: infinite;
        z-index: 9;
        width: 6.8vw;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(2) a {
        /* left: 67%; */
        width: 6.9vw;
        -webkit-animation-name: animate19;
        -webkit-animation-duration: 190.4s;
        animation-name: animate19;
        animation-duration: 190.4s;
        animation-iteration-count: infinite;
    }
    .loaded div#block-views-block-artist-block-1 li:nth-child(1) a {
        width: 6vw;
        -webkit-animation-name: animate20;
        -webkit-animation-duration: 180.4s;
        animation-name: animate20;
        animation-duration: 180.4s;
        animation-iteration-count: infinite;
    }
    /* Opacity setting */
    div#block-views-block-artist-block-1 li .artist-custom-grid {
        background: #000;
        transform-style: preserve-3d;
    }
    div#block-views-block-artist-block-1 li .artist-image img {
        box-shadow: 0px 0px 16px 1px #000000;
    }
    div#block-views-block-artist-block-1 li:nth-child(-n+15) .artist-image img {
        opacity: 0.7;
    }
    div#block-views-block-artist-block-1 li:nth-child(-n+8) .artist-image img {
        opacity: 0.4;
    }
    li:nth-child(1) .artist-custom-grid,
    li:nth-child(6) .artist-custom-grid,
    li:nth-child(11) .artist-custom-grid,
    li:nth-child(16) .artist-custom-grid {
        transform: perspective(100vw) rotateX(-7deg) rotateX(30deg) rotateY(-17deg);
    }
    li:nth-child(2) .artist-custom-grid,
    li:nth-child(7) .artist-custom-grid,
    li:nth-child(12) .artist-custom-grid,
    li:nth-child(17) .artist-custom-grid {
        transform: perspective(80vw) rotateX(-30deg) rotateY(17deg) skew(-9deg, 10deg);
    }
    li:nth-child(3) .artist-custom-grid,
    li:nth-child(8) .artist-custom-grid,
    li:nth-child(13) .artist-custom-grid,
    li:nth-child(18) .artist-custom-grid {
        transform: perspective(70vw) rotateX(-30deg) rotateY(17deg) skew(9deg, 10deg);
    }
    li:nth-child(4) .artist-custom-grid,
    li:nth-child(9) .artist-custom-grid,
    li:nth-child(14) .artist-custom-grid,
    li:nth-child(19) .artist-custom-grid {
        transform: perspective(100vw) rotateX(30deg) rotateY(-17deg) skew(9deg, -10deg);
    }
    li:nth-child(5) .artist-custom-grid,
    li:nth-child(10) .artist-custom-grid,
    li:nth-child(15) .artist-custom-grid,
    li:nth-child(20) .artist-custom-grid {
        transform: perspective(90vw) rotateX(-30deg) rotateY(17deg) skew(-9deg, -10deg);
    }
    li:nth-child(5) .artist-custom-grid,
    li:nth-child(21) .artist-custom-grid,
    li:nth-child(22) .artist-custom-grid {
        transform: perspective(70vw) rotateX(-30deg) rotateY(-17deg) skew(9deg, 0deg);
    }
    div.view-header .activeArtistDetails.activeimage1 .artistImage,
    div.view-header .activeArtistDetails.activeimage12 .artistImage {
        transform: perspective(120vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage2 .artistImage,
    div.view-header .activeArtistDetails.activeimage13 .artistImage {
        transform: perspective(100vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage3 .artistImage,
    div.view-header .activeArtistDetails.activeimage14 .artistImage {
        transform: perspective(90vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage4 .artistImage,
    div.view-header .activeArtistDetails.activeimage15 .artistImage {
        transform: perspective(20vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage5 .artistImage,
    div.view-header .activeArtistDetails.activeimage16 .artistImage {
        transform: perspective(30vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage6 .artistImage,
    div.view-header .activeArtistDetails.activeimage17 .artistImage {
        transform: perspective(40vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage7 .artistImage,
    div.view-header .activeArtistDetails.activeimage18 .artistImage {
        transform: perspective(50vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage8 .artistImage,
    div.view-header .activeArtistDetails.activeimage19 .artistImage {
        transform: perspective(60vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage9 .artistImage,
    div.view-header .activeArtistDetails.activeimage20 .artistImage {
        transform: perspective(70vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage10 .artistImage,
    div.view-header .activeArtistDetails.activeimage21 .artistImage {
        transform: perspective(80vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    div.view-header .activeArtistDetails.activeimage11 .artistImage,
    div.view-header .activeArtistDetails.activeimage22 .artistImage {
        transform: perspective(90vw) skew(0deg) rotateX(0deg) rotateY(0deg);
    }
    @keyframes animate1 {
        0% {
            transform: rotate3d(0, 0, 2, 70deg);
            left: 45%;
            top: 0vh;
        }
        10% {
            transform: rotate3d(0, 0, 2, -80deg);
        }
        20% {
            transform: rotateY(10deg);
            transform: rotate3d(1, 1, 2, 10deg);
        }
        25% {
            transform: rotateY(90deg);
            transform: rotate3d(0, -1, -2, 90deg);
            left: -15vw;
            top: 50vh;
        }
        30% {
            transform: rotateY(-70deg);
            transform: rotate3d(1, -1, 2, -70deg);
        }
        40% {
            transform: rotateY(-25deg);
            transform: rotate3d(0, 0, 2, -25deg);
        }
        50% {
            transform: rotateY(50deg);
            transform: rotate3d(2, 1, 2, 50deg);
        }
        60% {
            transform: rotateY(-85deg);
            transform: rotate3d(1, 1, -2, -85deg);
        }
        70% {
            transform: rotateY(0deg);
            transform: rotate3d(0, 0, 2, 0deg);
        }
        75% {
            left: 120vw;
            top: 5vh;
            transform: rotate3d(-1, 1, 2, 70deg);
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(1, 0, -2, 70deg);
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(-2, 0, 0, -20deg);
            opacity: 1;
        }
        100% {
            transform: rotateY(90deg);
            transform: rotate3d(0, -2, 2, 50deg);
            left: 45%;
            top: 0vh;
            opacity: 0;
        }
    }
    @keyframes animate2 {
        0% {
            transform: rotateY(-20deg);
            transform: rotate3d(0, 0, 2, -20deg);
            left: 35%;
            top: 16vh;
        }
        10% {
            transform: rotateY(80deg);
            transform: rotate3d(1, 0, 2, 80deg);
        }
        20% {
            transform: rotateY(-10deg);
            transform: rotate3d(0, 1, 0, -10deg);
        }
        25% {
            transform: rotateY(-20deg);
            transform: rotate3d(1, 0, 2, -20deg);
            left: 120vw;
            top: -6vh;
        }
        30% {
            transform: rotateY(70deg);
            transform: rotate3d(0, 0, 2, 70deg);
        }
        40% {
            transform: rotateY(-25deg);
            transform: rotate3d(-1, -1, -2, -25deg);
        }
        50% {
            /* left: -15vw;
            top: 6vh; */
            transform: rotateY(20deg);
            transform: rotate3d(1, 0, 2, 20deg);
        }
        60% {
            transform: rotateY(-85deg);
            transform: rotate3d(0, -1, -1, -85deg);
        }
        70% {
            transform: rotateY(80deg);
            transform: rotate3d(1, 0, 2, 80deg);
        }
        75% {
            transform: rotate3d(0, -1, -2, 70deg);
            left: -15vw;
            top: 86vh;
        }
        80% {
            transform: rotateY(-75deg);
            transform: rotate3d(1, 1, 1, -75deg);
        }
        90% {
            transform: rotateY(15deg);
            transform: rotate3d(1, -2, 2, 25deg);
            opacity: 1;
        }
        100% {
            transform: rotateY(-20deg);
            transform: rotate3d(-2, 1, -2, -20deg);
            left: 45%;
            top: 6vh;
            opacity: 0;
        }
    }
    @keyframes animate3 {
        0% {
            transform: rotateY(5deg);
            transform: rotate3d(-2, 1, -2, -20deg);
            left: 25%;
            top: 62vh;
        }
        10% {
            transform: rotateY(80deg);
            transform: rotate3d(2, 0, -2, 80deg);
        }
        20% {
            transform: rotateY(-60deg);
            transform: rotate3d(-1, -1, 2, -60deg);
        }
        25% {
            transform: rotateY(5deg);
            transform: rotate3d(0, 1, 0, 5deg);
            left: 85vw;
            top: 12vh;
        }
        30% {
            transform: rotateY(70deg);
            transform: rotate3d(-2, 0, -2, 70deg);
        }
        40% {
            transform: rotateY(-45deg);
            transform: rotate3d(2, -1, 0, -45deg);
        }
        50% {
            /* left: 120vw;
            top: 12vh; */
            transform: rotateY(20deg);
            transform: rotate3d(-2, 1, -2, 20deg);
        }
        60% {
            transform: rotateY(-85deg);
            transform: rotate3d(0, -1, 2, -85deg);
        }
        70% {
            transform: rotateY(0deg);
            transform: rotate3d(1, -1, 2, 0deg);
        }
        75% {
            transform: rotate3d(-2, 1, -2, -20deg);
            left: 120vw;
            top: 92vh;
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(-2, 0, 2, 75deg);
        }
        90% {
            transform: rotateY(-35deg);
            transform: rotate3d(2, -1, -2, -35deg);
            opacity: 1;
        }
        100% {
            transform: rotateY(5deg);
            transform: rotate3d(-2, 2, 2, 5deg);
            left: 15%;
            top: 12vh;
            opacity: 0;
        }
    }
    @keyframes animate4 {
        0% {
            transform: rotateY(-10deg);
            transform: rotate3d(-2, 2, 2, 5deg);
            left: 75%;
            top: 18vh;
        }
        10% {
            transform: rotateY(80deg);
            transform: rotate3d(-1, 0, 1, 80deg);
        }
        20% {
            transform: rotateY(-50deg);
            transform: rotate3d(-2, 1, 0, -50deg);
        }
        25% {
            transform: rotateY(-10deg);
            left: 120vw;
            top: 75vh;
            transform: rotate3d(2, 2, 2, -10deg);
        }
        30% {
            transform: rotateY(70deg);
            transform: rotate3d(-2, 0, 0, 70deg);
        }
        40% {
            transform: rotateY(-35deg);
            transform: rotate3d(-1, 1, -1, -35deg);
        }
        50% {
            /* left: -15vw;
            top: 18vh; */
            transform: rotateY(-90deg);
            transform: rotate3d(2, 2, -2, -90deg);
        }
        60% {
            transform: rotateY(85deg);
            transform: rotate3d(-1, 1, 0, 80deg);
        }
        70% {
            transform: rotateY(-50deg);
            transform: rotate3d(-2, 1, 0, -50deg);
        }
        75% {
            left: 15vw;
            top: 18vh;
            transform: rotate3d(2, -1, -2, 5deg);
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(-2, 1, 0, 75deg);
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(2, 0, -2, -15deg);
            opacity: 1;
        }
        100% {
            transform: rotateY(-10deg);
            transform: rotate3d(-2, 2, 2, 55deg);
            left: 95%;
            top: 18vh;
            opacity: 0;
        }
    }
    @keyframes animate5 {
        0% {
            transform: rotateY(-10deg);
            left: 55vw;
            top: 34vh;
            transform: rotate3d(-2, 1, -2, -55deg);
        }
        10% {
            transform: rotateY(30deg);
            transform: rotate3d(-1, -1, 2, 55deg);
        }
        20% {
            transform: rotateY(-60deg);
            transform: rotate3d(-1, 0, 2, -60deg);
        }
        25% {
            left: 120vw;
            transform: rotate3d(-2, 1, 0, 55deg);
        }
        30% {
            transform: rotateY(80deg);
            transform: rotate3d(2, 2, -2, 80deg);
        }
        40% {
            transform: rotateY(-15deg);
            transform: rotate3d(-2, -2, 2, -15deg);
        }
        50% {
            left: -15vw;
            top: 124vh;
            transform: rotateY(30deg);
            transform: rotate3d(2, -2, -2, 35deg);
        }
        60% {
            transform: rotateY(-65deg);
            transform: rotate3d(-2, 2, 2, -65deg);
        }
        70% {
            transform: rotateY(20deg);
            transform: rotate3d(2, -2, 0, 25deg);
        }
        75% {
            left: -15vw;
            transform: rotate3d(-2, 0, 1, 55deg);
            top: 30vh;
        }
        80% {
            transform: rotateY(-85deg);
            transform: rotate3d(0, 2, 2, -85deg);
        }
        90% {
            transform: rotateY(5deg);
            transform: rotate3d(-2, 0, 0, 5deg);
            opacity: 1;
        }
        100% {
            transform: rotateY(-10deg);
            transform: rotate3d(-1, 1, 1, -10deg);
            left: 45vw;
            top: -10vh;
            opacity: 0;
        }
    }
    @keyframes animate6 {
        0% {
            transform: rotateY(5deg);
            transform: rotate3d(-1, 1, 1, -10deg);
            left: -75vw;
            top: 70vh;
        }
        10% {
            transform: rotateY(80deg);
            transform: rotate3d(0, 0, 1, 80deg);
        }
        20% {
            transform: rotateY(-40deg);
            transform: rotate3d(-2, 1, 2, -40deg);
        }
        25% {
            left: -15vw;
            transform: rotate3d(-1, 1, 1, -50deg);
        }
        30% {
            transform: rotateY(70deg);
            transform: rotate3d(2, -1, 2, 70deg);
        }
        40% {
            transform: rotateY(-25deg);
            transform: rotate3d(-1, -1, -2, -25deg);
        }
        50% {
            /* left: 120vw; */
            top: 30vh;
            transform: rotateY(20deg);
            transform: rotate3d(0, -1, 1, 20deg);
        }
        60% {
            transform: rotateY(-85deg);
            transform: rotate3d(-1, 0, 2, -83deg);
        }
        70% {
            transform: rotateY(50deg);
            transform: rotate3d(-2, 1, 2, 50deg);
        }
        75% {
            left: 120vw;
            transform: rotate3d(-1, 1, 1, -10deg);
        }
        80% {
            transform: rotateY(-75deg);
            transform: rotate3d(-1, 2, -1, -75deg);
        }
        90% {
            transform: rotateY(15deg);
            transform: rotate3d(-2, 2, -1, 15deg);
            opacity: 1;
        }
        100% {
            left: 45vw;
            top: 30vh;
            transform: rotateY(-20deg);
            transform: rotate3d(-1, 0, 2, -30deg);
            opacity: 0;
        }
    }
    @keyframes animate7 {
        0% {
            transform: rotateY(5deg);
            transform: rotate3d(-2, -1, 1, 5deg);
            left: 45vw;
            top: 56vh;
        }
        10% {
            transform: rotateY(10deg);
            transform: rotate3d(1, -1, 0, -10deg);
        }
        20% {
            transform: rotateY(-50deg);
            transform: rotate3d(-1, 1, 1, -50deg);
        }
        25% {
            left: 65vw;
            transform: rotate3d(-1, 2, -2, 10deg);
        }
        30% {
            transform: rotateY(30deg);
            transform: rotate3d(1, 1, 2, -10deg);
        }
        40% {
            transform: rotateY(-75deg);
            transform: rotate3d(-1, 0, 1, -70deg);
        }
        50% {
            /* left: 120vw; */
            top: 116vh;
            transform: rotateY(90deg);
            transform: rotate3d(2, -2, 2, 90deg);
        }
        60% {
            transform: rotateY(55deg);
            transform: rotate3d(-1, 0, -1, 55deg);
        }
        70% {
            transform: rotateY(-60deg);
            transform: rotate3d(1, 1, 2, -60deg);
        }
        75% {
            left: 120vw;
            transform: rotate3d(-1, 2, -2, -10deg);
            opacity: 1;
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(-1, 1, 0, -75deg);
        }
        90% {
            transform: rotateY(-55deg);
            transform: rotate3d(1, 2, 1, -55deg);
            opacity: 1;
        }
        100% {
            left: 45vw;
            top: 36vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate7 {
        0% {
            transform: rotateY(5deg);
            left: 25vw;
            top: 72vh;
            opacity: 0;
        }
        10% {
            transform: rotateY(80deg);
            transform: rotate3d(1, 2, 1, 80deg);
            opacity: 1;
        }
        20% {
            transform: rotateY(-90deg);
            transform: rotate3d(1, -2, 1, -55deg);
        }
        25% {
            left: 50vw;
            transform: rotate3d(1, 2, -1, -75deg);
        }
        30% {
            transform: rotateY(30deg);
            transform: rotate3d(-1, 2, 1, 30deg);
        }
        40% {
            transform: rotateY(-75deg);
            transform: rotate3d(1, -2, -1, -75deg);
        }
        50% {
            /* left: 120vw; */
            top: 42vh;
            transform: rotateY(80deg);
            transform: rotate3d(-1, 2, 1, 80deg);
        }
        60% {
            transform: rotateY(-55deg);
            transform: rotate3d(1, 0, 1, -55deg);
        }
        70% {
            transform: rotateY(50deg);
            transform: rotate3d(-1, 2, 1, -50deg);
        }
        75% {
            left: -115vw;
            transform: rotate3d(1, 0, -1, -55deg);
        }
        80% {
            transform: rotateY(-75deg);
            transform: rotate3d(1, 2, 1, -75deg);
            opacity: 1;
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(-1, 0, -1, -15deg);
        }
        100% {
            left: 45vw;
            top: 92vh;
            transform: rotateY(-20deg);
            transform: rotate3d(1, 2, 1, -25deg);
            opacity: 0;
        }
    }
    @keyframes animate8 {
        0% {
            transform: rotateY(5deg);
            left: 45vw;
            top: 48vh;
            transform: rotate3d(1, 2, 1, -25deg);
            opacity: 0;
        }
        10% {
            transform: rotateY(10deg);
            transform: rotate3d(-1, 2, 1, 10deg);
            opacity: 1;
        }
        20% {
            transform: rotateY(-50deg);
            transform: rotate3d(1, -2, 1, -55deg);
        }
        25% {
            left: 120vw;
            transform: rotate3d(-1, 2, -1, 05deg);
        }
        30% {
            transform: rotateY(70deg);
            transform: rotate3d(1, -2, 0, 70deg);
        }
        40% {
            transform: rotateY(-45deg);
            transform: rotate3d(-2, 2, -1, -45deg);
        }
        50% {
            top: -8vh;
            transform: rotateY(0deg);
            transform: rotate3d(1, 0, 1, 0deg);
        }
        60% {
            transform: rotateY(55deg);
            transform: rotate3d(-1, 2, 1, 55deg);
        }
        70% {
            transform: rotateY(-10deg);
            transform: rotate3d(1, -2, 2, -10deg);
        }
        75% {
            left: -15vw;
            transform: rotate3d(1, 2, 1, -25deg);
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(1, -2, -1, 75deg);
            opacity: 1;
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(0, 2, 1, -15deg);
            opacity: 1;
        }
        100% {
            left: 45vw;
            top: 85vh;
            transform: rotateY(-20deg);
            transform: rotate3d(1, 2, 1, 25deg);
            opacity: 0;
        }
    }
    @keyframes animate9 {
        0% {
            transform: rotateY(5deg);
            left: 65vw;
            top: 54vh;
            opacity: 0;
        }
        10% {
            transform: rotateY(10deg);
            transform: rotate3d(1, 3, -1, 15deg);
            opacity: 1;
        }
        20% {
            transform: rotateY(-50deg);
            transform: rotate3d(-1, 0, 1, -50deg);
        }
        25% {
            left: -15vw;
            transform: rotate3d(1, 2, -1, -75deg);
        }
        30% {
            transform: rotateY(30deg);
            transform: rotate3d(1, 2, 1, 30deg);
        }
        40% {
            transform: rotateY(-65deg);
            transform: rotate3d(-1, -2, -1, -65deg);
        }
        50% {
            top: 94vh;
            transform: rotateY(0deg);
            transform: rotate3d(1, 2, 1, 0deg);
        }
        60% {
            transform: rotateY(55deg);
            transform: rotate3d(1, -2, 2, 55deg);
        }
        70% {
            transform: rotateY(-10deg);
            transform: rotate3d(-1, 2, 1, -10deg);
        }
        75% {
            left: 120vw;
            transform: rotate3d(2, 2, -1, -25deg);
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(1, 2, -2, 75deg);
            opacity: 1;
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(-1, 2, 1, -25deg);
        }
        100% {
            left: 45vw;
            top: 54vh;
            opacity: 0;
            transform: rotateY(-20deg);
            transform: rotate3d(2, 2, -2, -25deg);
        }
    }
    @keyframes animate10 {
        0% {
            transform: rotateY(5deg);
            left: 85vw;
            top: 60vh;
            transform: rotate3d(2, 2, -2, -25deg);
            opacity: 0;
        }
        10% {
            transform: rotateY(10deg);
            transform: rotate3d(1, 2, -2, 15deg);
            opacity: 1;
        }
        20% {
            transform: rotateY(-50deg);
            transform: rotate3d(2, -2, 2, -50deg);
        }
        25% {
            left: 120vw;
            transform: rotate3d(1, 2, -2, 25deg);
        }
        30% {
            transform: rotateY(30deg);
            transform: rotate3d(1, -2, -2, 35deg);
        }
        40% {
            transform: rotateY(-25deg);
            transform: rotate3d(-2, 2, 2, -25deg);
        }
        50% {
            top: 60vh;
            transform: rotateY(60deg);
            transform: rotate3d(2, -2, -2, 65deg);
        }
        60% {
            transform: rotateY(-55deg);
            transform: rotate3d(1, 2, 2, -55deg);
        }
        70% {
            transform: rotateY(10deg);
            transform: rotate3d(-2, 2, -2, 10deg);
        }
        75% {
            left: -15vw;
            transform: rotate3d(1, 2, 0, -25deg);
        }
        80% {
            transform: rotateY(-75deg);
            transform: rotate3d(2, 1, -2, -75deg);
            opacity: 1;
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(1, 2, -2, -15deg);
        }
        100% {
            left: 45vw;
            top: 60vh;
            opacity: 0;
            transform: rotateY(-20deg);
            transform: rotate3d(0, 2, 0, -25deg);
        }
    }
    @keyframes animate11 {
        0% {
            transform: rotateY(5deg);
            left: 56vw;
            top: 56vh;
            opacity: 0;
        }
        10% {
            left: 20vw;
            transform: rotateY(10deg);
            transform: rotate3d(0, 2, 0, -25deg);
            opacity: 1;
        }
        20% {
            left: 30vw;
            transform: rotateY(-50deg);
            transform: rotate3d(1, -2, 1, -50deg);
        }
        25% {
            left: -15vw;
            transform: rotate3d(0, 2, -1, -25deg);
        }
        30% {
            transform: rotateY(30deg);
            transform: rotate3d(1, 2, 1, 35deg);
            left: 20vw;
        }
        40% {
            transform: rotateY(-25deg);
            transform: rotate3d(0, 1, 0, -25deg);
            left: 80vw;
        }
        50% {
            left: 120vw;
            top: 86vh;
            transform: rotateY(50deg);
            transform: rotate3d(0, 2, 1, 50deg);
            left: 120vw;
        }
        60% {
            transform: rotateY(-55deg);
            transform: rotate3d(-1, 2, -1, -55deg);
            left: 90vw;
        }
        70% {
            transform: rotateY(10deg);
            transform: rotate3d(0, 1, 0, 10deg);
            left: 50vw;
        }
        75% {
            left: 10vw;
            transform: rotate3d(0, 2, -2, -15deg);
        }
        80% {
            transform: rotateY(-75deg);
            transform: rotate3d(1, 2, 0, -75deg);
            left: -15vw;
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(-1, 2, 1, -15deg);
            opacity: 1;
            left: 10vw;
        }
        100% {
            left: 45vw;
            top: 6vh;
            transform: rotateY(-20deg);
            transform: rotate3d(1, 1, 0, -25deg);
            opacity: 0;
        }
    }
    @keyframes animate12 {
        0% {
            transform: rotateY(-20deg);
            left: 75vw;
            top: 5vh;
            transform: rotate3d(0, 2, 0, -25deg);
            opacity: 0;
        }
        10% {
            transform: rotateY(-80deg);
            transform: rotate3d(0, 1, 0, -80deg);
            opacity: 1;
            left: 90vw;
        }
        20% {
            transform: rotateY(10deg);
            transform: rotate3d(1, 2, 0, 15deg);
            left: 115vw;
        }
        25% {
            left: 120vw;
            transform: rotate3d(0, -2, 1, -25deg);
            left: 60vw;
        }
        30% {
            transform: rotateY(-70deg);
            transform: rotate3d(-1, 2, -1, -80deg);
            left: 40vw;
        }
        40% {
            transform: rotateY(25deg);
            transform: rotate3d(0, 1, 1, 25deg);
            left: -15vw;
        }
        50% {
            top: 105vh;
            transform: rotateY(50deg);
            transform: rotate3d(1, 2, 0, 50deg);
            left: 10vw;
        }
        60% {
            transform: rotateY(-85deg);
            transform: rotate3d(0, -2, -1, -85deg);
            left: 45vw;
        }
        70% {
            transform: rotateY(60deg);
            transform: rotate3d(1, 2, 0, 60deg);
            left: 60vw;
        }
        75% {
            left: 75vw;
            transform: rotate3d(-1, 2, 1, -25deg);
        }
        80% {
            transform: rotateY(-75deg);
            transform: rotate3d(2, 1, 0, -75deg);
            left: 110vw;
        }
        90% {
            transform: rotateY(15deg);
            opacity: 1;
            transform: rotate3d(0, -2, 1, 15deg);
            left: 100vw;
        }
        100% {
            left: 78vw;
            top: 5vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate13 {
        0% {
            transform: rotateY(5deg);
            left: 45vw;
            top: 96vh;
            opacity: 0;
        }
        10% {
            left: 115vw;
            transform: rotateY(80deg);
            opacity: 1;
            transform: rotate3d(0, 2, 0, 80deg);
        }
        20% {
            left: 60vw;
            transform: rotateY(-10deg);
            transform: rotate3d(1, 2, 1, -10deg);
        }
        25% {
            left: 30vw;
            transform: rotate3d(0, -2, 0, -65deg);
        }
        30% {
            transform: rotateY(70deg);
            transform: rotate3d(-1, 2, 0, 80deg);
            left: -15vw;
        }
        40% {
            transform: rotateY(-25deg);
            transform: rotate3d(0, -2, 1, -25deg);
            left: 0;
        }
        50% {
            top: 6vh;
            transform: rotateY(70deg);
            transform: rotate3d(-1, 2, -1, 70deg);
            left: 10vw;
        }
        60% {
            transform: rotateY(-85deg);
            transform: rotate3d(0, -2, 1, -85deg);
            left: 30vw;
        }
        70% {
            transform: rotateY(0deg);
            transform: rotate3d(0, 2, 0, 0deg);
            left: 50vw;
        }
        75% {
            left: 90vw;
            transform: rotate3d(0, 1, 1, -25deg);
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(1, 2, 0, 75deg);
            left: 110vw;
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(0, 2, 0, -15deg);
            opacity: 1;
            left: 70vw;
        }
        100% {
            left: 45vw;
            top: 55vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate14 {
        0% {
            transform: rotateY(-10deg);
            left: 50vw;
            top: 62vh;
            opacity: 0;
        }
        10% {
            transform: rotateY(80deg);
            transform: rotate3d(1, 2, 1, 80deg);
            opacity: 1;
            left: -15vw;
        }
        20% {
            left: 10vw;
            transform: rotateY(-50deg);
            transform: rotate3d(0, 1, -1, -50deg);
        }
        25% {
            left: -15vw;
            transform: rotate3d(1, 2, 0, -25deg);
            left: 60vw;
        }
        30% {
            transform: rotateY(70deg);
            transform: rotate3d(0, -2, -1, 70deg);
            left: 80vw;
        }
        40% {
            transform: rotateY(-25deg);
            transform: rotate3d(1, 2, 1, -25deg);
            left: 110vw;
        }
        50% {
            top: 12vh;
            left: 80vw;
            transform: rotateY(70deg);
            transform: rotate3d(-1, 2, -1, 80deg);
        }
        60% {
            left: 60vw;
            transform: rotateY(-85deg);
            transform: rotate3d(1, -2, 1, -85deg);
        }
        70% {
            left: 25vw;
            transform: rotateY(0deg);
            transform: rotate3d(1, 1, 0, 0deg);
        }
        75% {
            left: -15vw;
            transform: rotate3d(0, 2, 1, -25deg);
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(1, 1, 0, 75deg);
            left: 10vw;
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(0, 2, 1, -15deg);
            opacity: 1;
            left: 30vw;
        }
        100% {
            left: 45vw;
            top: 72vh;
            transform: rotateY(20deg);
            opacity: 0;
        }
    }
    @keyframes animate15 {
        0% {
            transform: rotateY(-10deg);
            left: 25vw;
            top: 60vh;
            opacity: 0;
        }
        10% {
            left: 75vw;
            transform: rotateY(30deg);
            transform: rotate3d(1, -2, 1, 35deg);
        }
        20% {
            left: 110vw;
            transform: rotateY(-60deg);
            transform: rotate3d(0, 2, 0, -60deg);
        }
        25% {
            left: 75vw;
            transform: rotate3d(-1, 2, 1, -25deg);
        }
        30% {
            left: 30vw;
            transform: rotateY(80deg);
            transform: rotate3d(0, 2, -2, 85deg);
        }
        40% {
            left: -15vw;
            transform: rotateY(-15deg);
            transform: rotate3d(1, -2, 0, -15deg);
        }
        50% {
            left: 20vw;
            top: 100vh;
            transform: rotateY(60deg);
            transform: rotate3d(0, 2, 0, 65deg);
        }
        60% {
            left: 75vw;
            transform: rotateY(-65deg);
            transform: rotate3d(1, 2, 1, -65deg);
        }
        70% {
            left: 99vw;
            transform: rotateY(10deg);
            transform: rotate3d(2, 2, -1, 15deg);
        }
        75% {
            left: 115%;
            transform: rotate3d(0, 2, 1, -25deg);
        }
        80% {
            left: 90vw;
            transform: rotateY(-85deg);
            transform: rotate3d(-1, -2, 0, -85deg);
        }
        90% {
            transform: rotateY(5deg);
            opacity: 1;
            left: 60vw;
        }
        100% {
            left: 45vw;
            top: 18vh;
            transform: rotateY(10deg);
            opacity: 0;
        }
    }
    @keyframes animate16 {
        0% {
            transform: rotateY(5deg);
            left: 30vw;
            top: 24vh;
            transform: rotate3d(1, 2, 0, 5deg);
        }
        10% {
            left: 45vw;
            transform: rotateY(80deg);
            transform: rotate3d(0, -2, 1, 80deg);
        }
        20% {
            left: 55vw;
            transform: rotateY(-10deg);
            transform: rotate3d(1, 2, 0, -10deg);
        }
        25% {
            left: 75vw;
            transform: rotate3d(0, 2, 0, -25deg);
        }
        30% {
            left: 90vw;
            transform: rotateY(70deg);
            transform: rotate3d(0, 2, 0, 70deg);
        }
        40% {
            left: 120vw;
            transform: rotateY(-55deg);
            transform: rotate3d(1, -2, 1, -55deg);
        }
        50% {
            top: 24vh;
            left: 80vw;
            transform: rotateY(20deg);
            transform: rotate3d(1, 2, 0, 20deg);
        }
        60% {
            left: 40vw;
            transform: rotateY(-85deg);
            transform: rotate3d(0, -2, 1, -85deg);
        }
        70% {
            left: 15vw;
            transform: rotateY(0deg);
            transform: rotate3d(-1, 2, -1, 0deg);
        }
        75% {
            left: -15%;
        }
        80% {
            left: 10vw;
            transform: rotateY(75deg);
            transform: rotate3d(0, 0, -2, 75deg);
        }
        90% {
            transform: rotateY(-15deg);
            opacity: 1;
            left: 30vw;
        }
        100% {
            left: 45vw;
            top: 24vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate17 {
        0% {
            transform: rotateY(5deg);
            left: 70vw;
            top: 60vh;
            opacity: 0;
        }
        10% {
            left: 90vw;
            transform: rotateY(10deg);
            opacity: 1;
        }
        20% {
            left: 115vw;
            transform: rotateY(-50deg);
            transform: rotate3d(1, 2, 0, -50deg);
        }
        25% {
            left: 85vw;
            transform: rotate3d(0, -2, 1, -75deg);
        }
        30% {
            left: 40vw;
            transform: rotateY(30deg);
            transform: rotate3d(1, 2, -2, 30deg);
        }
        40% {
            left: 20vw;
            transform: rotateY(-25deg);
            transform: rotate3d(1, 2, 1, -25deg);
        }
        50% {
            left: -15vw;
            top: 30vh;
            transform: rotateY(0deg);
            transform: rotate3d(-1, -2, 0, -5deg);
        }
        60% {
            left: 0vw;
            transform: rotateY(55deg);
            transform: rotate3d(1, 2, 1, 55deg);
        }
        70% {
            left: 20vw;
            transform: rotateY(-10deg);
            transform: rotate3d(-2, 2, -2, -15deg);
        }
        75% {
            left: 70vw;
            transform: rotate3d(1, 2, 0, -75deg);
        }
        80% {
            left: 120vw;
            transform: rotateY(75deg);
            transform: rotate3d(0, 2, 1, 75deg);
        }
        90% {
            left: 80vw;
            transform: rotateY(-15deg);
            transform: rotate3d(1, -2, -1, -15deg);
            opacity: 1;
        }
        100% {
            left: 45vw;
            top: 30vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate18 {
        0% {
            transform: rotateY(5deg);
            left: 65vw;
            top: 42vh;
            transform: rotate3d(0, 2, 1, 25deg);
            opacity: 0;
        }
        10% {
            left: 10vw;
            transform: rotateY(10deg);
            transform: rotate3d(0, 2, 0, -25deg);
            opacity: 1;
        }
        20% {
            left: 30vw;
            transform: rotateY(-50deg);
            transform: rotate3d(-1, 2, 1, -50deg);
        }
        25% {
            left: 45vw;
            transform: rotate3d(0, 2, 0, -75deg);
        }
        30% {
            left: 90vw;
            transform: rotateY(30deg);
            transform: rotate3d(-1, -2, 1, 30deg);
        }
        40% {
            left: 115vw;
            transform: rotateY(-65deg);
            transform: rotate3d(0, 2, 1, -65deg);
        }
        50% {
            left: 93vw;
            transform: rotateY(0deg);
            transform: rotate3d(-1, 2, 0, 0deg);
        }
        60% {
            left: 63vw;
            transform: rotateY(55deg);
            transform: rotate3d(0, 1, -1, 55deg);
        }
        70% {
            left: 30vw;
            transform: rotateY(-10deg);
            transform: rotate3d(1, -2, 0, -10deg);
        }
        75% {
            top: -12vh;
            left: -15vw;
            transform: rotate3d(0, 2, 0, -25deg);
        }
        80% {
            left: 10vw;
            transform: rotateY(75deg);
            transform: rotate3d(1, 1, 1, 75deg);
        }
        90% {
            transform: rotateY(-15deg);
            opacity: 1;
            left: 30vw;
        }
        100% {
            left: 45vw;
            top: 112vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate19 {
        0% {
            transform: rotateY(5deg);
            left: 25vw;
            top: 48vh;
            opacity: 0;
        }
        10% {
            left: 60vw;
            transform: rotateY(10deg);
            opacity: 1;
            transform: rotate3d(1, 2, 1, 10deg);
        }
        20% {
            left: 70vw;
            transform: rotateY(-50deg);
            transform: rotate3d(-1, -2, 1, -50deg);
        }
        25% {
            left: 120vw;
            top: 75vh;
            transform: rotate3d(0, 2, 0, -25deg);
        }
        30% {
            left: 30vw;
            transform: rotateY(30deg);
            transform: rotate3d(1, -2, 1, 30deg);
        }
        40% {
            left: -15vw;
            transform: rotateY(-25deg);
            transform: rotate3d(-1, 2, -1, -25deg);
        }
        50% {
            top: 18vh;
            transform: rotateY(0deg);
            transform: rotate3d(0, -2, 0, 0deg);
            left: 20vw;
        }
        60% {
            transform: rotateY(55deg);
            transform: rotate3d(-1, 2, 1, 55deg);
            left: 60vw;
        }
        70% {
            left: 80vw;
            transform: rotateY(-10deg);
            transform: rotate3d(1, -2, 1, -10deg);
        }
        75% {
            left: 120vw;
            top: 100vh;
            transform: rotate3d(1, -2, 1, 20deg);
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(-1, 2, -1, 75deg);
            left: 90vw;
        }
        90% {
            transform: rotateY(-15deg);
            transform: rotate3d(2, -2, 0, -15deg);
            opacity: 1;
            left: 60vw;
        }
        100% {
            left: 45vw;
            top: 48vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate20 {
        0% {
            transform: rotateY(5deg);
            left: 45vw;
            top: 54vh;
            opacity: 0;
        }
        10% {
            transform: rotateY(10deg);
            transform: rotate3d(1, -2, 1, 10deg);
            opacity: 1;
            left: 40vw;
        }
        20% {
            left: 30vw;
            transform: rotateY(-50deg);
            transform: rotate3d(-1, 2, 0, -50deg);
        }
        25% {
            left: 15vw;
            top: 0vh;
            transform: rotate3d(1, -2, 1, 50deg);
        }
        30% {
            transform: rotateY(30deg);
            transform: rotate3d(1, 2, -1, 30deg);
            left: -15vw;
        }
        40% {
            transform: rotateY(-85deg);
            transform: rotate3d(-1, -2, 0, -85deg);
            left: 10vw;
        }
        50% {
            transform: rotateY(0deg);
            transform: rotate3d(2, 2, 1, 0deg);
            left: 40vw;
        }
        60% {
            transform: rotateY(55deg);
            transform: rotate3d(-1, -2, -1, 55deg);
            left: 60vw;
        }
        70% {
            transform: rotateY(-50deg);
            transform: rotate3d(1, 2, 01, -50deg);
            left: 80vw;
        }
        75% {
            left: 120vw;
            top: 84vh;
            transform: rotate3d(0, -2, -1, -10deg);
        }
        80% {
            transform: rotateY(75deg);
            transform: rotate3d(-1, 2, 1, 75deg);
            left: 95vw;
        }
        90% {
            transform: rotateY(-15deg);
            opacity: 1;
            left: 70vw;
        }
        100% {
            left: 45vw;
            top: 54vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate21 {
        0% {
            transform: rotateY(5deg);
            left: 45vw;
            top: 66vh;
            opacity: 0;
        }
        10% {
            transform: rotateY(10deg);
            transform: rotate3d(1, -2, 1, -10deg);
            opacity: 1;
            left: 60vw;
        }
        20% {
            left: 80vw;
            transform: rotateY(-50deg);
            transform: rotate3d(-1, 2, -1, -50deg);
        }
        25% {
            left: 95vw;
            top: 100vh;
            transform: rotate3d(1, -2, 1, 50deg);
        }
        30% {
            left: 30vw;
            transform: rotateY(30deg);
            transform: rotate3d(-1, 2, -1, 30deg);
        }
        40% {
            left: 20vw;
            transform: rotateY(-25deg);
            transform: rotate3d(0, -2, 1, -10deg);
        }
        50% {
            left: -15vw;
            transform: rotateY(0deg);
            transform: rotate3d(-1, 2, -1, 0deg);
        }
        60% {
            left: 0;
            transform: rotateY(55deg);
            transform: rotate3d(1, -2, 1, -10deg);
        }
        70% {
            left: 20vw;
            transform: rotateY(-60deg);
            transform: rotate3d(-2, 2, -1, -60deg);
        }
        75% {
            left: 60vw;
            top: 66vh;
        }
        80% {
            left: 70vw;
            transform: rotateY(75deg);
            transform: rotate3d(-1, -2, 0, 75deg);
        }
        90% {
            left: 90vw;
            transform: rotateY(-15deg);
            opacity: 1;
        }
        100% {
            left: -15vw;
            top: 96vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate22 {
        0% {
            transform: rotateY(5deg);
            left: 85vw;
            top: 60vh;
            opacity: 0;
        }
        10% {
            left: 50vw;
            transform: rotateY(10deg);
            opacity: 1;
        }
        20% {
            left: 10vw;
            transform: rotateY(-50deg);
            transform: rotate3d(2, -2, 2, 10deg);
        }
        25% {
            left: -15vw;
            top: 90vh;
            transform: rotate3d(1, -2, -1, -60deg);
        }
        30% {
            left: 10vw;
            transform: rotateY(30deg);
            transform: rotate3d(1, -2, 1, -10deg);
        }
        40% {
            left: 20vw;
            transform: rotateY(-25deg);
            transform: rotate3d(2, -2, -1, -75deg);
        }
        50% {
            left: 30vw;
            transform: rotateY(0deg);
            transform: rotate3d(-1, 2, 1, 0deg);
        }
        60% {
            left: 50vw;
            transform: rotateY(-55deg);
            transform: rotate3d(0, -2, -1, -55deg);
        }
        70% {
            left: 90vw;
            transform: rotateY(10deg);
            transform: rotate3d(1, 0, 1, 10deg);
        }
        75% {
            left: 110vw;
            top: 10vh;
            transform: rotate3d(-1, -2, 1, -10deg);
        }
        80% {
            left: 90vw;
            transform: rotateY(-75deg);
            transform: rotate3d(0, -1, -1, -75deg);
        }
        90% {
            left: 70vw;
            transform: rotateY(15deg);
            opacity: 1;
        }
        100% {
            left: 45vw;
            top: 60vh;
            transform: rotateY(-20deg);
            opacity: 0;
        }
    }
    @keyframes animate1Mobile {
        0% {
            left: -25vw;
            top: 15vh;
        }
        50% {
            left: 100%;
            top: 10vh;
        }
        100% {
            left: -25vw;
            top: 15vh;
        }
    }
    @keyframes animate2Mobile {
        0% {
            left: 120vw;
            top: 20vh;
        }
        50% {
            left: -25vw;
            top: 10vh;
        }
        100% {
            left: 120vw;
            top: 20vh;
        }
    }
    @keyframes animate3Mobile {
        0% {
            left: -25vw;
            top: 65vh;
        }
        50% {
            left: 120vw;
            top: 20vh;
        }
        100% {
            left: -25vw;
            top: 65vh;
        }
    }
    @keyframes animate4Mobile {
        0% {
            left: 120vw;
            top: 30vh;
        }
        50% {
            left: -25vw;
            top: 50vh;
        }
        100% {
            left: 120vw;
            top: 30vh;
        }
    }
    @keyframes animate5Mobile {
        0% {
            left: -25vw;
            top: 50vh;
        }
        50% {
            left: 155vw;
            top: 40vh;
        }
        100% {
            left: -25vw;
            top: 50vh;
        }
    }
    @keyframes animate6Mobile {
        0% {
            left: 120vw;
            top: 60vh;
        }
        50% {
            left: -25vw;
            top: 70vh;
        }
        100% {
            left: 120vw;
            top: 60vh;
        }
    }
    @keyframes animate7Mobile {
        0% {
            left: -25vw;
            top: 70vh;
        }
        50% {
            left: 120vw;
            top: 60vh;
        }
        100% {
            left: -25vw;
            top: 70vh;
        }
    }
    @keyframes animate8Mobile {
        0% {
            left: 120vw;
            top: 10vh;
        }
        50% {
            left: -25vw;
            top: 10vh;
        }
        100% {
            left: 120vw;
            top: 10vh;
        }
    }
    @keyframes animate9Mobile {
        0% {
            left: -25vw;
            top: 15vh;
        }
        50% {
            left: 120vw;
            top: 15vh;
        }
        100% {
            left: -25vw;
            top: 15vh;
        }
    }
    @keyframes animate10Mobile {
        0% {
            left: 120vw;
            top: 20vh;
        }
        50% {
            left: -20vw;
            top: 20vh;
        }
        100% {
            left: 120vw;
            top: 20vh;
        }
    }
    @keyframes animate11Mobile {
        0% {
            left: -25vw;
            top: 25vh;
        }
        50% {
            left: 120vw;
            top: 60vh;
        }
        100% {
            left: -25vw;
            top: 25vh;
        }
    }
    @keyframes animateActive {
        0% {}
        60% {
            transform: rotateY(-55deg);
        }
        70% {
            transform: rotateY(10deg);
        }
        80% {
            transform: rotateY(75deg);
        }
        90% {
            transform: rotateY(-15deg);
        }
        100% {
            transform: rotateY(0deg);
        }
    }
    @media only screen and (max-width:1023px),
    only screen and (max-width:1024px) and (orientation:portrait),
    only screen and (max-width:1024px) {
        div#block-views-block-artist-block-1 li:nth-child(11n-9) a,
        div#block-views-block-artist-block-1 li:nth-child(11n-8) a,
        div#block-views-block-artist-block-1 li:nth-child(11n-7) a,
        div#block-views-block-artist-block-1 li:nth-child(11n-6) a,
        div#block-views-block-artist-block-1 li:nth-child(11n-5) a,
        div#block-views-block-artist-block-1 li:nth-child(11n-4) a,
        div#block-views-block-artist-block-1 li:nth-child(11n-3) a,
        div#block-views-block-artist-block-1 li:nth-child(11n-2) a div#block-views-block-artist-block-1 li:nth-child(11n-1) a div#block-views-block-artist-block-1 li:nth-child(11n-0) a {
            transform: none !important;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-9) a {
            width: 30vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-8) a {
            width: 29vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-7) a {
            width: 28vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-6) a {
            width: 27vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-5) a {
            width: 26vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-4) a {
            width: 25vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-3) a {
            width: 24vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-2) a {
            width: 23vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n-1) a {
            width: 22vw;
        }
        div#block-views-block-artist-block-1 li:nth-child(11n) a {
            width: 21vw;
        }
    }
    @media only screen and (max-width:1024px) {
        .loaded div#block-views-block-artist-block-1 li a {
            -webkit-animation-duration: 64.4s !important;
            animation-duration: 64.4s !important;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n) a {
            -webkit-animation-name: animate1Mobile;
            animation-name: animate1Mobile;
            /* width: 40vw; */
            -webkit-animation-duration: 68.4s !important;
            animation-duration: 68.4s !important;
            animation-delay: -1s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-1) a {
            -webkit-animation-name: animate2Mobile;
            animation-name: animate2Mobile;
            -webkit-animation-duration: 70.4s !important;
            animation-duration: 70.4s !important;
            /* width: 38vw; */
            animation-delay: -2s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-2) a {
            -webkit-animation-name: animate3Mobile;
            animation-name: animate3Mobile;
            -webkit-animation-duration: 74.4s !important;
            animation-duration: 74.4s !important;
            animation-delay: -3s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-3) a {
            -webkit-animation-name: animate4Mobile;
            animation-name: animate4Mobile;
            /* width: 34vw; */
            -webkit-animation-duration: 72.4s !important;
            animation-duration: 72.4s !important;
            animation-delay: -4s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-4) a {
            -webkit-animation-name: animate5Mobile;
            animation-name: animate5Mobile;
            -webkit-animation-duration: 69.4s !important;
            animation-duration: 69.4s !important;
            animation-delay: -5s;
            /* width: 32vw; */
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-5) a {
            -webkit-animation-name: animate6Mobile;
            animation-name: animate6Mobile;
            -webkit-animation-duration: 66.4s !important;
            animation-duration: 66.4s !important;
            animation-delay: -6s;
            /* width: 30vw; */
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-6) a {
            -webkit-animation-name: animate7Mobile;
            animation-name: animate7Mobile;
            -webkit-animation-duration: 62.4s !important;
            animation-duration: 62.4s !important;
            animation-delay: -7s;
            /* width: 28vw; */
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-7) a {
            -webkit-animation-name: animate8Mobile;
            animation-name: animate8Mobile;
            -webkit-animation-duration: 60.4s !important;
            animation-duration: 60.4s !important;
            animation-delay: -8s;
            /* width: 26vw; */
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-8) a {
            -webkit-animation-name: animate9Mobile;
            animation-name: animate9Mobile;
            -webkit-animation-duration: 65.4s !important;
            animation-duration: 65.4s !important;
            animation-delay: -9s;
            /* width: 24vw; */
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-9) a {
            -webkit-animation-name: animate10Mobile;
            animation-name: animate10Mobile;
            /* width: 22vw; */
            -webkit-animation-duration: 69.4s !important;
            animation-duration: 69.4s !important;
            animation-delay: -10s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-10) a {
            -webkit-animation-name: animate11Mobile;
            animation-name: animate11Mobile;
            -webkit-animation-duration: 73.4s !important;
            animation-duration: 73.4s !important;
            animation-delay: -11s;
            /* width: 22vw; */
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-11) a {
            -webkit-animation-name: animate12Mobile;
            animation-name: animate12Mobile;
            animation-delay: -12s;
            /* width: 22vw; */
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-11) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-10) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-9) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-8) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-7) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-6) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-5) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-4) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-3) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-2) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-1) a,
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n) a {
            -webkit-animation-duration: 40s;
            animation-duration: 40s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n) a {
            animation-delay: -33s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(12n) a {
            animation-delay: -36s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(13n) a {
            animation-delay: -39s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(14n) a {
            animation-delay: -42s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(15n) a {
            animation-delay: -45s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(16n) a {
            animation-delay: -38s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(17n) a {
            animation-delay: -31s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(18n) a {
            animation-delay: -34s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(19n) a {
            animation-delay: -37s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(20n) a {
            animation-delay: -30s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(21n) a {
            animation-delay: -33s;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(22n) a {
            animation-delay: -36s;
        }
    }
    @media only screen and (max-width:767px) {
        h1#site-name model-viewer {
            height: 275px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-11) a {
            width: 79px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-10) a {
            width: 78px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-9) a {
            width: 77px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-8) a {
            width: 75px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-7) a {
            width: 93px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-6) a {
            width: 91px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-5) a {
            width: 99px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-4) a {
            width: 97px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-3) a {
            width: 125px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-2) a {
            width: 120px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n-1) a {
            width: 119px;
        }
        .loaded div#block-views-block-artist-block-1 li:nth-child(11n) a {
            width: 117px;
        }
        div#block-views-block-artist-block-1 li .artist-image img {
            opacity: 1;
        }
        div#block-views-block-artist-block-1 li:nth-child(-n+8) .artist-image img {
            opacity: 0.7;
        }
        div#block-views-block-artist-block-1 li:nth-child(-n+4) .artist-image img {
            opacity: 0.4;
        }
    }
    @media only screen and (max-width:1023px) and (orientation:landscape) {
        div.navWrapper {
            min-height: auto;
            padding: 0;
        }
    }
    div#block-views-block-events-block-1.active {
        height: calc(100vh - 22vw);
        min-height: calc(100vh - 22vw);
    }
    body.timeView .viewPrefer>div:not(.active)>a.timeView {
        opacity: 1;
    }
    body.timeView a.gridView {
        opacity: 0.5;
    }
    body.timeView div#block-views-block-events-block-2 .view-header {
        position: fixed;
        left: 0;
    }
    .company-timeline-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .company-timeline-list {
        position: fixed;
        top: 15%;
        width: 35% !important;
        display: flex;
        flex-wrap: wrap;
        display: none;
    }
    .company-timeline-list .company-timeline-year {
        position: relative;
        width: 100%;
        height: 80px;
        overflow: hidden;
    }
    .company-timeline-list .timeline-date {
        position: absolute;
        left: 0%;
        top: 0;
        width: 100%;
        display: block;
        font-size: 80px;
        font-weight: 300;
        line-height: 1;
        padding-right: 0;
        opacity: 0;
    }
    .company-timeline-list .timeline-date .date span:nth-child(1) {
        transition-delay: 0.05s;
    }
    .company-timeline-list .timeline-date .date span:nth-child(2) {
        transition-delay: 0.1s;
    }
    .company-timeline-list .timeline-date .date span:nth-child(3) {
        transition-delay: 0.15s;
    }
    .company-timeline-list .timeline-date .date span:nth-child(4) {
        transition-delay: 0.2s;
    }
    .company-timeline-list .timeline-date .date {
        display: flex;
        justify-content: center;
    }
    .company-timeline-list .timeline-date .date span {
        transform: translateY(100%);
        transition: 0.2s;
        color: #fff;
        font-family: 'Roboto Flex-bold';
        font-size: 75px;
        letter-spacing: 3.75px;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #fff;
        color: #000;
        opacity: 0.25;
        text-align: center;
    }
    .company-timeline-list .timeline-date.animate {
        opacity: 1;
    }
    .company-timeline-list .timeline-date.animate .date span {
        transform: translateY(0);
    }
    div#block-views-block-events-block-2 .view-content {
        height: calc(100vh - 7.5vw);
        /* overflow-y: scroll; */
        padding-right: 0;
    }
    body.timeView div#block-views-block-events-block-2 .item-list h3 div {
        display: none;
    }
    .mCSB_scrollTools .mCSB_draggerRail {
        width: 3vw;
        background: transparent;
    }
    .mCSB_scrollTools .mCSB_dragger {
        height: 2vw;
    }
    body .mCSB_scrollTools .mCSB_dragger {
        height: 7vw;
        display: block !important;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: url(/sites/g/files/g2000015596/files/2022-12/Dragimg.png) no-repeat;
        background-size: cover;
        width: 100%;
        background-color: transparent !important;
        background-position: center;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: url(/sites/g/files/g2000015596/files/2022-12/Dragimg.png) no-repeat;
        background: none;
        background-size: contain;
        width: 100%;
        background-color: #fff !important;
        background-position: center;
        width: 0.2vw;
        height: 5vw;
    }
    .mCSB_scrollTools {
        width: 3.3vw;
        opacity: 1;
        left: -0.15vw;
        right: auto;
    }
    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: transparent;
    }
    div#block-views-block-events-block-2 .view-content h3 {
        font-size: 7.321vw;
        color: #fff;
        -webkit-text-stroke-width: unset;
        text-align: left;
        padding-left: 4vw;
        opacity: 1;
        margin-bottom: 0.757vw;
        position: relative;
        z-index: 2;
    }
    div#block-views-block-events-block-2 .view-content h3 div {
        font-size: 0.833vw;
        letter-spacing: 0;
        font-family: 'Roboto Flex-bold';
        -webkit-text-stroke-width: 0;
        color: #fff;
        letter-spacing: 1px;
    }
    div#block-views-block-events-block-2 .view-content .item-list.active h3,
    div#block-views-block-events-block-2 .view-content .item-list:first-child h3 {
        font-size: 7.321vw;
        color: #000;
        color: #fff;
        letter-spacing: 0.366vw;
        line-height: 9.590vw;
    }
    .block.block-block-content.block-broken {
        display: none;
    }
    div#block-views-block-events-block-2 .view-content h3::before {
        content: "";
        height: 0.25vw;
        width: 3vw;
        background: #fff;
        display: inline-block;
        vertical-align: middle;
        line-height: 4vw;
        float: left;
        margin-top: 0.25vw;
        position: absolute;
        left: -1.46vw;
        top: 50%;
        transform: translateY(-50%);
        display: none;
    }
    body.timeView div#block-views-block-events-block-2 {
        padding-top: 6vw;
        width: 69.5%;
        margin: 0 auto;
        margin-left: 12.75%;
        width: 100%;
        margin-left: 0;
    }
    body.timeView div#block-views-block-events-block-2 .mCSB_inside>.mCSB_container {
        padding-left: 12.75%;
        width: 87%;
    }
    body.timeView div#block-views-block-events-block-2 .mCSB_scrollTools {
        left: 14.25%;
    }
    body.timeView div#block-views-block-events-block-2 .item-list {
        padding-left: 1.5vw;
        padding-right: 2vw;
        cursor: auto;
        position: relative;
        font-size: 0;
    }
    div#block-views-block-events-block-2 .views-field.views-field-field-event-date div,
    div#block-views-block-events-block-2 li.items .views-field.views-field-field-event-date div span {
        font-size: 0.732vw;
        padding-left: 4vw;
        line-height: 0.952vw;
        color: #000;
        color: #fff;
        font-family: 'Roboto Flex-bold';
        line-height: 2vw;
        letter-spacing: 1px;
    }
    div#block-views-block-events-block-2 li.items .views-field.views-field-field-event-date div span {
        color: #fff;
        padding: 0;
    }
    div#block-views-block-events-block-2 li.items.active .views-field.views-field-field-event-date div span {
        font-size: 1.3vw;
        line-height: 2vw;
    }
    div#block-views-block-events-block-2 li.items.active .views-field.views-field-field-event-body div p {
        font-size: 22px;
        line-height: 30px;
    }
    div#block-views-block-events-block-2 .views-field.views-field-nothing {
        position: absolute;
        top: 0;
    }
    div#block-views-block-events-block-2 .views-field.views-field-field-event-body {
        padding-left: 11.78vw;
        display: block;
        font-size: 1.318vw;
        font-size: 0.85vw;
    }
    div#block-views-block-events-block-2 .views-field.views-field-field-event-body div {
        font-family: "proxima-nova";
    }
    div#block-views-block-events-block-2 .views-field.views-field-field-event-body div p {
        line-height: 24px;
        font-size: 16px;
    }
    div#block-views-block-events-block-2 .view .item-list ul li.items {
        padding-bottom: 1.25vw;
        opacity: 0.5;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }
    body.timeView div#block-views-block-events-block-2 .view .item-list:first-child li.items {
        opacity: 0.5 !important;
    }
    body.timeView div#block-views-block-events-block-2 .view .item-list:first-child li.items:hover {
        opacity: 1 !important;
    }
    body.timeView div#block-views-block-events-block-2 .view .item-list.active li.items.active {
        opacity: 1 !important;
    }
    body div#block-views-block-events-block-2 .view .item-list ul li.items.fade-in-bottom {
        opacity: 0.5 !important;
    }
    body div#block-views-block-events-block-2 .view .item-list ul li.items.active.fade-in-bottom,
    body div#block-views-block-events-block-2 .view .item-list ul li.items.active,
    body.timeView div#block-views-block-events-block-2 .view .item-list li.items.active,
    body.timeView div#block-views-block-events-block-2 .view .item-list li.items.randflare3.fade-in-bottom.active,
    body.timeView div#block-views-block-events-block-2 .view .item-list ul li.items.active.fade-in-bottom,
    body.timeView div#block-views-block-events-block-2 .view .item-list.active li.items.fade-in-bottom.active,
    body div#block-views-block-events-block-1 .view .item-list ul li.items.active.fade-in-bottom,
    body div#block-views-block-events-block-1 .view .item-list ul li.items.active,
    body.gridView div#block-views-block-events-block-1 .view .item-list li.items.active,
    body.gridView div#block-views-block-events-block-1 .view .item-list li.items.randflare3.fade-in-bottom.active,
    body.gridView div#block-views-block-events-block-1 .view .item-list ul li.items.active.fade-in-bottom,
    body.gridView div#block-views-block-events-block-1 .view .item-list.active li.items.fade-in-bottom.active {
        opacity: 1 !important;
    }
    @keyframes fade-in-bottom {
        0% {
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 0.25;
        }
    }
    @keyframes fade-in-bottom-right {
        0% {
            -webkit-transform: translateY(50px) translateX(100%);
            transform: translateY(50px) translateX(100%);
        }
        100% {
            -webkit-transform: translateY(0) translateX(0%);
            transform: translateY(0) translateX(0%);
        }
    }
    @media only screen and (min-width: 1024px) and (orientation: landscape) {  
    .fade-in-bottom {
        -webkit-animation: fade-in-bottom 0.8s cubic-bezier(0.190, 0.375, 0.565, 1.000) both;
        animation: fade-in-bottom 0.8s cubic-bezier(0.190, 0.375, 0.565, 1.000) both;
    }
    body div#block-views-block-events-block-2 .view .item-list ul li.items.fade-in-bottom {
        -webkit-animation: fade-in-bottom-right 0.8s cubic-bezier(0.190, 0.375, 0.565, 1.000) both;
        animation: fade-in-bottom-right 0.8s cubic-bezier(0.190, 0.375, 0.565, 1.000) both;
    }
}
    div#block-views-block-events-block-2 .views-field.views-field-field-event-date:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
        height: 0.2vw;
        width: 3vw;
        margin-left: -1.46vw;
        display: none;
    }
    div#block-views-block-events-block-2 .views-field.views-field-field-event-body:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
        height: 100%;
        width: 0.2vw;
        margin-left: 0.05vw;
        content: "";
        left: 0;
        background: #fff;
        opacity: 0;
    }
    div#block-views-block-events-block-2 li:hover .views-field.views-field-field-event-body:before {
        opacity: 1;
display:none;
    }
    div#block-views-block-events-block-2 .views-field.views-field-title {
        padding-top: 0;
        padding-bottom: 0.521vw;
        display: inline-block;
        vertical-align: middle;
        text-transform: capitalize;
        font-family: 'Roboto Flex-bold';
        padding-left: 0.78vw;
        margin-top: 0;
        line-height: 1.830vw;
        letter-spacing: 1px;
    }
    div#block-views-block-events-block-2 li.items.active .views-field.views-field-title {
        line-height: 2.928vw;
    }
    div#block-views-block-events-block-2 .views-field.views-field-title span {
        font-size: 1.318vw;
        font-family: 'Futura Pro Medium W05 Regular';
        font-family: futura-pt, sans-serif;
        font-weight: 500;
        font-style: normal;
        padding-left: 0;
    }
    div#block-views-block-events-block-2 li.items.active .views-field.views-field-title span {
        font-size: 2.196vw;
    }
    div#block-views-block-events-block-2 .item-list li.items.active::before {
        content: '';
        width: 16.5vw;
        height: 0.603vw;
        display: block;
        position: absolute;
        background: url('/sites/g/files/g2000015596/files/2022-12/detailBG.png') no-repeat;
        background-size: cover;
        background-position: center;
        left: -7vw;
        top: 1.7vw;
        /* margin-top: 0.8vw; */
        background: transparent;
    }
    div#block-views-block-events-block-2 .item-list li.items::before {
        content: "";
        height: 0.25vw;
        width: 3vw;
        background: #fff;
        display: inline-block;
        vertical-align: middle;
        line-height: 4vw;
        /* padding-top: 11px; */
        float: left;
        margin-top: 0.25vw;
        position: absolute;
        left: -1.46vw;
        top: 50%;
        transform: translateY(-50%);
        display: none;
    }
    div#block-views-block-events-block-2 .item-list li.items.active::after, div#block-views-block-events-block-1 .item-list li.items.active::after {
        content: "";
        width: 18.5vw;
        height: 9.603vw;
        display: block;
        position: absolute;
        background: url(/sites/g/files/g2000015596/files/2023-01/Light%20Flare%201.gif) no-repeat;
        background-size: cover;
        background-position: center;
        left: -9vw;
        top: -2.3vw;
        z-index: -1;
    }
    div#block-views-block-events-block-2 .item-list li.items.active.randflare2::after, div#block-views-block-events-block-1 .item-list li.items.active.randflare2::after {
        background: url(/sites/g/files/g2000015596/files/2023-01/Light%20Flare%202.gif) no-repeat;
        background-size: contain;
        background-position: center;
    }
    div#block-views-block-events-block-2 .item-list li.items.active.randflare3::after, div#block-views-block-events-block-1 .item-list li.items.active.randflare3::after {
        background: url(/sites/g/files/g2000015596/files/2023-01/Light%20Flare%203.gif) no-repeat;
        background-size: contain;
        background-position: center;
    }
    div#block-views-block-events-block-2 .item-list li.items.active.randflare4::after, div#block-views-block-events-block-1 .item-list li.items.active.randflare4::after {
        background: url(/sites/g/files/g2000015596/files/2023-01/Light%20Flare%204.gif) no-repeat;
        background-size: contain;
        background-position: center;
    }
    .mCSB_scrollTools {
        z-index: 2;
    }
    div#block-views-block-events-block-2 .view-content .item-list:first-child h3 div {
        display: none;
    }
    div#block-views-block-events-block-2 .view-events ul:before {
        display: none;
    }
    div#block-views-block-events-block-2 .view-content .item-list:first-child h3 div {
        display: none;
    }
    div#block-views-block-events-block-2 .item-list::after {
        content: "";
        width: 0.24vw;
        background: #fff;
        display: block;
        height: 100%;
        position: absolute;
        left: 1.5vw;
        top: 3vw;
        box-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
        display: none;
    }
    div#block-views-block-events-block-2 .item-list:first-child::before {
        content: "";
        width: 0.24vw;
        background-image: linear-gradient(180deg, #000, #fff);
        display: block;
        height: 45px;
        box-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
        display: none;
    }
    .mCSB_scrollTools {
        width: 0.3vw;
        opacity: 1;
        left: 1.5vw;
        right: auto;
        box-shadow: 0px 0px 1vw rgb(255 255 255 / 50%);
        background: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }
    div#block-views-block-events-block-2 .view-events ul:after {
        display: none;
    }
    div#block-views-block-events-block-2 .view-content .item-list.active h3 div {
        display: none;
    }
    div#block-views-block-events-block-2 .views-field.views-field-field-event-date {
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        width: 12vw;
    }
    div#block-views-block-events-block-2 .item-list li.items.active .views-field.views-field-field-event-body {
        display: block;
    }
    div#block-views-block-events-block-2 .view .item-list ul li.items.active {
        opacity: 1;
        position: relative;
    }
    div#block-views-block-events-block-2 .view .item-list ul li.items {
        position: relative;
    }
    .company-timeline-list .timeline-date .date span {
        display: none;
    }
    .company-timeline-list .timeline-date .date span:first-child,
    .company-timeline-list .timeline-date .date span:nth-child(2),
    .company-timeline-list .timeline-date .date span:nth-child(3),
    .company-timeline-list .timeline-date .date span:nth-child(4) {
        display: block;
    }
    div#block-views-block-events-block-1 .view-events.view-id-events.view-display-id-block_1 {
        margin-left: 1.6vw;
        border-left: 2px solid #fff;
        border: none;
    }
    body div#block-views-block-events-block-1 {
        border: 0;
    }
    div#block-views-block-events-block-1 .views-field.views-field-field-event-date:before {
        margin-left: -1.1vw;
display:none;
    }
    div#block-views-block-events-block-1 .views-field.views-field-field-event-date:before {
        margin-left: 0;
        width: 0.15vw;
        height: 5vw;
        opacity: 0;
    }
    div#block-views-block-events-block-1 li:hover .views-field.views-field-field-event-date:before {
        opacity: 1;
    }
    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child,
    body div#block-views-block-events-block-2 .view .item-list ul li.items.fade-in-bottom:hover {
        opacity: 1 !important;
    }
    div#block-views-block-events-block-1 .view-content .item-list li.inactive,
    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child.inactive {
        opacity: 0.25 !important;
    }
    div#block-views-block-events-block-1 .view-content .item-list li.active {
        opacity: 1 !important;
    }
    @keyframes fade-in-bottom {
        0% {
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 0.9;
        }
    }
    div#block-views-block-events-block-1 .item-list.fade-in-bottom {
        opacity: 1 !important;
    }
    div#block-views-block-events-block-1.active::after {
        content: '';
        width: 2px;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        left: 1.6vw;
        display: none;
    }
    .customyear {
        position: absolute;
        color: #fff;
        font-size: 60px;
        right: -33vw;
        top: 50%;
        transform: translateY(-50%);
        background: #000;
        font-size: 7.321vw;
        color: #fff;
        letter-spacing: 0.366vw;
        line-height: 9.590vw;
        font-family: 'Roboto Flex-bold';
        display: none !important;
        letter-spacing: 1px;
    }
    .customyear div {
        display: none;
    }
    .mCSB_scrollTools .mCSB_dragger:hover .customyear {
        display: none;
    }
    @media only screen and (max-width:1023px),
    (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
        div#block-views-block-events-block-2 .item-list li.items.active::after, div#block-views-block-events-block-1 .item-list li.items.active::after {
            /*left: -65px;
            top: -1px;
            width: 130px;
            height: 50px;*/
left: -93px;
    top: -7px;
    width: 151px;
    height: 60px;
        }
        body.timeView div#block-views-block-events-block-2 .mCSB_inside>.mCSB_container {
            padding-left: 0%;
            width: 100%;
        }
        body.timeView div#block-views-block-events-block-2 .mCSB_scrollTools {
            left: 20px;
        }
        body.timeView div#block-views-block-events-block-2 {
            width: 100%;
            margin: 0 auto;
            padding-top: 20%;
        }
        div div#block-views-block-events-block-1 .views-field.views-field-nothing {
            margin-left: 0vw;
            width: 100%;
        }
        div.body-wrapper {
            margin-top: 0;
        }
        div div#block-views-block-events-block-2 li.items .views-field.views-field-field-event-date div span {
            font-size: 8px;
        }
        .customyear {
            font-size: 40px;
            letter-spacing: 2px;
            /*    -webkit-text-stroke-width: 1px; */
            margin-bottom: 26px;
            line-height: 52px;
            right: -171px;
        }
        .company-timeline-list {
            width: 180px !important;
            left: calc(2.5% + 26px);
        }
        .company-timeline-list .timeline-date .date span {
            font-size: 40px;
            letter-spacing: 2px;
        }
        div#block-views-block-events-block-1.active::after {
            left: 18px;
            width: 3px;
        }
        div#block-views-block-events-block-2 .views-field.views-field-title span {
            font-size: 13px;
        }
        div#block-views-block-events-block-2 .view-events ul:before {
            width: 3px;
        }
        div#block-views-block-events-block-2 .view-events ul:after {
            width: 3px;
        }
        div#block-views-block-events-block-2 .views-field.views-field-field-event-date div {
            font-size: 10px;
            padding-left: 15px;
            width: 80vw;
            line-height: 13px;
        }
        div#block-views-block-events-block-2 .views-field.views-field-field-event-date {
            width: 88px;
        }
        div#block-views-block-events-block-2 .views-field.views-field-field-event-body {
            padding-left: 15px;
            padding-bottom: 5px;
            font-size: 12px;
            line-height: 15px;
            padding-top: 25px;
        }
        div#block-views-block-events-block-2 .item-list li.items.active .views-field.views-field-field-event-date:before {
            margin-top: 3px;
            height: 2px;
        }
        div#block-views-block-events-block-2 .views-field.views-field-field-event-date:before {
            width: 40px;
            margin-left: -40px;
            margin-top: 3px;
            height: 2px;
        }
        div#block-views-block-events-block-2 .item-list li.items::before {
            width: 40px;
            margin-left: -33px;
            margin-top: 3px;
            height: 3px;
        }
        div#block-views-block-events-block-2 .views-field.views-field-title {
            padding-bottom: 10px;
            padding-left: 10px;
            width: 75%;
        }
        div#block-views-block-events-block-2 .view .item-list ul li.items {
            margin-bottom: 20px;
        }
        div#block-views-block-events-block-2 .item-list li.items.active::before {
            width: 216px;
            height: 20px;
            left: -125px;
            margin-top: 0;
display:none;
        }
  div#block-views-block-events-block-2 .item-list li.items::before{
display:none;
}
        div#block-views-block-events-block-2 .view-content h3 {
            font-size: 0;
            text-align: left;
            -webkit-text-stroke-width: unset;
            color: #fff;
            opacity: 1;
            padding-left: 15px;
        }
        div#block-views-block-events-block-2 .view-content h3 div {
            font-size: 16px;
        }
        div#block-views-block-events-block-2 .view-content h3::before {
            width: 40px;
            margin-left: -33px;
            margin-top: 3px;
            height: 3px;
        }
        body.timeView div#block-views-block-events-block-2 .item-list {
            padding-right: 0;
            padding-left: 40px;
        }
        body.timeView .mCustomScrollBox {
            left: -19px;
        }
        .mCSB_scrollTools .mCSB_draggerRail {
            width: 40px;
        }
        .mCSB_scrollTools .mCSB_dragger,
        div#block-views-block-events-block-2 .mCSB_scrollTools .mCSB_dragger {
            height: 40px;
            width: 40px;
        }
        .mCSB_scrollTools {
            width: 4px;
            left: 20px;
            border-radius: 2%;
        }
        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 3px;
            height: 40px;
            margin: 0;
        }
        div#block-views-block-events-block-2 .views-field.views-field-field-event-body:before {
            width: 3px;
            margin-left: -19px;
        }
        div#block-views-block-events-block-2 .item-list::after {
            width: 3px;
            left: 20px;
            top: 43px;
        }
        div#block-views-block-events-block-2 .item-list::before {
            width: 3px;
            margin-left: -20px;
        }
        div#block-views-block-events-block-2 .view-content .item-list.active h3,
        div#block-views-block-events-block-2 .view-content .item-list:first-child h3,
div#block-views-block-events-block-2 .view-content .item-list h3 {
            font-size: 40px;
            letter-spacing: 2px;
            margin-bottom: 26px;
            line-height: 52px;
        }
        div#block-views-block-events-block-2 li.items.active .views-field.views-field-field-event-date div span {
            font-size: 15px;
            line-height: 20px;
        }
        div#block-views-block-events-block-2 li.items.active .views-field.views-field-field-event-body div p {
            font-size: 18px;
            line-height: 24px;
        }
        div#block-views-block-events-block-2 .views-field.views-field-field-event-body div p {
            line-height: 15px;
            font-size: 12px;
        }
        div#block-views-block-events-block-2 li.items.active .views-field.views-field-title span {
            font-size: 16px;
        }
        div#block-views-block-events-block-2 li.items.active .views-field.views-field-title {
            line-height: 21px;
            position: relative;
        }
        div#block-views-block-events-block-2 .view-content {
            height: calc(100vh - 30vw);
        }
        div#block-views-block-artist-block-1 ul.inactive {
            float: none;
            display: none;
        }
        body div#block-views-block-events-block-1.active {
            margin-top: 77vw;
            min-height: auto;
            height: auto;
            height: 60vh;
        }
        div#block-views-block-events-block-1 .mCSB_scrollTools {
            left: 0px;
        }
        div#block-views-block-events-block-1 .view-events.view-id-events.view-display-id-block_1 {
            margin-left: 25px;
        }
        div div#block-views-block-events-block-1 .views-field.views-field-nothing-1{
            position: relative;
        }
        .view-header .currentDecade {
            padding-left: 11px;
        }
        div#block-views-block-events-block-1 .views-field.views-field-field-event-date:before {
            width: 3px;
            margin-left: -17px;
            margin-top: 1vw;
        }
        div#block-views-block-events-block-1 .views-field.views-field-field-event-date div {
            width: 24vw;
            padding-left: 0vw;
        }
        body div#block-views-block-events-block-1 .view-content .item-list h3 div:before {
            width: 30px;
            margin-left: -29px;
            margin-top: 1vw;
        }
        div#block-views-block-events-block-2 li.items.active .views-field.views-field-field-event-date div,
        div#block-views-block-events-block-2 li.items.active .views-field.views-field-field-event-date div span {}
    }
/*Grid timeline css patch*/
div#block-views-block-events-block-1 .mCSB_scrollTools{
left:9.5vw;
}
div#block-views-block-events-block-1 .item-list li.items.active::after{
z-index:-1;
}
div div#block-views-block-events-block-1{
left:0;
}
 div#block-views-block-events-block-1 .item-list li.items.active::after{
left:-11vw;
}
div#block-views-block-events-block-1 li{
position:relative;
}
div#block-views-block-events-block-1 .view-events.view-id-events.view-display-id-block_1{
padding-left:10vw;
}
@media only screen and (max-width: 1023px), (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait){
div#block-views-block-events-block-1 .view-events.view-id-events.view-display-id-block_1 {
    padding-left: 0;
}
div#block-views-block-events-block-1 .mCSB_scrollTools{
left:0;
}
div#block-views-block-events-block-1 .item-list li.items.active::after{
left:-98px;
}
}
</style></div>
      
    </div>
  </div>

  </div>

        
      </div>
    </header>
          <div class="highlighted">
        <aside class="layout-container section clearfix" role="complementary">
            <div class="region region-highlighted">
    <div data-drupal-messages-fallback class="hidden"></div>

  </div>

        </aside>
      </div>
            <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix">
      <div id="main" class="layout-main clearfix">
        
        <main id="content" class="column main-content" role="main">
          <section class="section">
            <a id="main-content" tabindex="-1"></a>
              <div class="region region-content">
    <div id="block-bartik-content" class="block block-system block-system-main-block">
  
    
      <div class="content">
      
<article data-history-node-id="71" about="/home" typeof="schema:WebPage" class="node node--type-page node--view-mode-full clearfix">
  <header>
    
            <span property="schema:name" content="Home" class="rdf-meta hidden"></span>

      </header>
  <div class="node__content clearfix">
      <div class="layout layout--onecol">
    <div >
      
    </div>
  </div>
  <div class="layout layout--onecol">
    <div  class="layout__region layout__region--content">
      
    </div>
  </div>
  <div class="layout layout--onecol">
    <div >
      
    </div>
  </div>

  </div>
</article>

    </div>
  </div>
<div class="views-element-container block block-views block-views-blockartist-block-1" id="block-views-block-artist-block-1">
  
    
      <div class="content">
      <div><div class="view view-artist view-id-artist view-display-id-block_1 js-view-dom-id-58cb2997aa7ddeaa2767ab8b6527377aea8a46615caea33cacfabc1d9798c8e6">
  
    
      <div class="view-header">
      <div class="timelineBackground"><img src="" alt="" /></div>
<div class="activeArtistDetails">
<div class="artistImage"><img src="" alt="" /></div>
<div class="artistName"></div>
</div>
    </div>
        <div class="view-filters">
      <form class="views-exposed-form" data-drupal-selector="views-exposed-form-artist-block-1" action="/home" method="get" id="views-exposed-form-artist-block-1" accept-charset="UTF-8">
  <div class="form--inline clearfix">
  <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-sort-by form-item-sort-by">
      <label for="edit-sort-by">Sort by</label>
        <select data-drupal-selector="edit-sort-by" id="edit-sort-by" name="sort_by" class="form-select"><option value="random" selected="selected">Random</option></select>
        </div>
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--3"><input data-drupal-selector="edit-submit-artist" type="submit" id="edit-submit-artist" value="Apply" class="button js-form-submit form-submit" />
</div>

</div>

</form>

    </div>
    
      <div class="view-content">
      <div class="item-list">
  
  <ul>

          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1636">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2025-12/JackHarlow.jpg?itok=5S-Y4Fow" width="500" height="500" alt="jack harlow artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Jack Harlow</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2025-12/JackHarlow_0.jpg?itok=Z-v_UCu8</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1861">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/Halestorm-Photo-credit-Jimmy-Fontaine.jpg?itok=FNKqHy0R" width="500" height="500" alt="hale" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Halestorm</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/Halestorm-Photo-credit-Jimmy-Fontaine_0.jpg?itok=b_TC3cd4</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1926">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/jamesblunt300x300.jpg?itok=mvMPhxfH" width="500" height="500" alt="James blunt image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">James Blunt</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/JamesBlunt1900x700.jpg?itok=deot1_BR</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1916">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2025-12/BrunoMars.jpg?itok=4D1-BWMP" width="500" height="500" alt="BrunoMars" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Bruno Mars</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2025-12/BrunoMars_0.jpg?itok=emF2RnJE</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1766">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/OliverTree_300x300.jpg?itok=7LmEnJ_I" width="500" height="500" alt="Oliver Tree artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Oliver Tree</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/OliverTree_1900x700.jpg?itok=lO3j4WH-</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="606">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2025-12/CharliePuth.jpg?itok=VXZpu8i7" width="500" height="500" alt="Charlie Puth Sq" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Charlie Puth</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2025-12/CharliePuth_0.jpg?itok=W4NJGsML</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1896">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-03/Skrillex_2.jpg?itok=23R06St9" width="500" height="500" alt="Skrillex artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Skrillex</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-03/Skrillex_2_0.jpg?itok=lGHdgeY5</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="8991">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/Wiz%20Khalifa.jpg?itok=X0y6tmBe" width="500" height="500" alt="wiz" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Wiz Khalifa</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/Wiz%20Khalifa_0.jpg?itok=3VCaOvCB</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="601">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2025-12/Kehlani.jpg?itok=J0lwPFAn" width="500" height="500" alt="Kehlani artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Kehlani</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2025-12/Kehlani_0.jpg?itok=LTfb1pXf</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="21156">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2025-06/numberonegirl.png?itok=CmM6zPpP" width="500" height="500" alt="ROSÉ artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">ROSÉ</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2025-06/numberonegirl_0.png?itok=EXBiGyHN</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1866">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/missyelliot.jpg?itok=NPETaVcc" width="500" height="500" alt="Missy Elliott artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Missy Elliott</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/missyelliot_0.jpg?itok=4C1KVNkd</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="8996">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/TreySongz.png?itok=BaU7_kS9" width="500" height="500" alt="Trey Songz artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Trey Songz</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/TreySongz_0.png?itok=0Nt8Ej38</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1846">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-03/portugal-the-man-press-photo-2.jpg?itok=dsHwKK0m" width="500" height="500" alt="Portugal. The Man artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Portugal. The Man</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-03/portugal-the-man-press-photo-2_0.jpg?itok=YDAohiXQ</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1811">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-03/Melanie_Martinez.jpg?itok=Lz4Y1JfW" width="500" height="500" alt="Melanie Martinez artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Melanie Martinez</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/1900x700%2520%25288%2529.jpg?itok=OWrBhOGt</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1741">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/GUCCI%2022%20%282%29_0square.jpg?itok=_uaBU9tG" width="500" height="500" alt="gucci" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Gucci Mane</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/GUCCI%2022%20%282%29_0.jpg?itok=hUcRJrW9</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1871">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2025-12/CharliXCX.jpg?itok=EFwtWjhm" width="500" height="500" alt="Charli XCX artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Charli xcx</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2025-12/CharliXCX_0.jpg?itok=3S5FUyKF</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1906">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-07/Galantis-BangBang-Press-Portrait%20-%20Credit-Tung%20Walsh.jpg?itok=5WMzktmq" width="500" height="500" alt="Galantis artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Galantis</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-07/Galantis-BangBang-Press-Portrait%20-%20Credit-Tung%20Walsh_0.jpg?itok=dXsM_edV</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1886">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/TY_ATL_300x300.jpg?itok=0pndhMFr" width="500" height="500" alt="Ty Dolla $ign artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Ty Dolla $ign</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/TY_ATL_1900x700.jpg?itok=ywQvbPCS</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1911">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-01/Kevin%2520Gates%2520_Khaza_%2520Press%2520Photo%25201%2520May%25202022_Photo%2520Credit_%2520Jimmy%2520Fontaine_0_0.jpeg?itok=a9EE-gTk" width="500" height="500" alt="artist" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Kevin Gates</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/Kevin%2520Gates%2520_Khaza_%2520Press%2520Photo%25201%2520May%25202022_Photo%2520Credit_%2520Jimmy%2520Fontaine_0_1.jpeg?itok=srcRBMaF</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1891">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-05/Janelle%20Mon%C3%A1e%20-%20Approved%20Float%20Press%20Photo.jpeg?itok=j4W8ElCb" width="500" height="500" alt="janelle Monae *press photo" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Janelle Monáe</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-01/111.png?itok=p86L6hnM</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="1851">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-03/Matchbox_Twenty.jpg?itok=B_A5JZ_6" width="500" height="500" alt="Matchbox Twenty artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Matchbox Twenty</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-03/Matchbox_Twenty_0.jpg?itok=XBpJ_pb_</div></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><a data-id="5276">
<div class="artist-custom-grid">
     <div class="artist-image">  <img loading="lazy" src="/sites/g/files/g2000015596/files/styles/500_500/public/2023-02/LupeFiasco.jpg?itok=rcKOsoht" width="500" height="500" alt="Lupe Fiasco artist image" typeof="Image" class="image-style-_00-500" />


</div>
     <div class="artist-title">Lupe Fiasco</div>
</div>
</a>

</span></div><div class="views-field views-field-field-artist-timeline-image"><div class="field-content">/sites/g/files/g2000015596/files/styles/artistlanding/public/2023-02/LupeFiasco_0.jpg?itok=u1FM9P8y</div></div></li>
    
  </ul>

</div>

    </div>
  
            <div class="view-footer">
      
    </div>
    </div>
</div>

    </div>
  </div>
<div id="block-randomfloatingcards" class="block block-block-content block-block-content8dc4cb0d-f409-40c9-a569-117c54ef4458">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><script>


    function randomCards() {

        var element = document.querySelector("form#views-exposed-form-artist-block-1 .form-submit");
        if (typeof (element) != 'undefined' && element != null) {
            element.click();
        }

    }
    var timelineBackground;

    function gridtimeline() {
        /*Nav grid timeline view script */
        $(".viewPrefer a").click(function () {
            jQuery(".viewPrefer div").toggleClass("active inactive");
            jQuery("body").removeClass("gridView timeView")
            // jQuery(this).parent("div").removeClass('inactive').addClass("active");
            jQuery("body").addClass(jQuery(this).attr("class"));
            if (jQuery(this).attr("class") == "gridView") {
                var indexLi = $(this).parents("li").index();
                jQuery(".view-header .artistImage img").attr("src", "");
                jQuery(".view-header .artistName").html("");
                jQuery("div#block-views-block-events-block-1, div#block-views-block-artist-block-1 li, div#block-playlistbutton, div#block-views-block-artist-block-1 .view-content ul").removeClass('active inactive');

                jQuery("#block-homelogo h1#site-name").show();

                jQuery("div#block-views-block-artist-block-1").find(".timelineBackground img").attr("src", "");
                $('.activeArtistDetails')[0].className =
                    $('.activeArtistDetails')[0].className.replace(/\bactiveimage.*?\b/g, '');
            }
            else if (jQuery(this).attr("class") == "timeView") {
                jQuery("div#block-views-block-events-block-2 input.form-submit").click();
            }
        });
        /*Nav grid timeline view script ends here */
        $(" #block-homelogo h1#site-name a").click(function (e) {
            e.preventDefault();
            jQuery("body").addClass("timeView").removeClass("gridView");
            jQuery(".viewPrefer div").toggleClass("active inactive");
            jQuery("div#block-views-block-events-block-2 input.form-submit").click();
        });


        /* grid timeline view script*/
        $("div#block-views-block-artist-block-1 li a").click(function () {
            var indexLi = $(this).parents("li").index();
            jQuery(".view-header .artistImage img").attr("src", jQuery(this).find(".artist-image img").attr("src"));
            jQuery(".view-header .artistName").html(jQuery(this).find(".artist-title").html());
            jQuery("div#block-views-block-artist-block-1 li, div#block-playlistbutton, div#block-views-block-artist-block-1 .view-content ul").removeClass("active").addClass('inactive');
            jQuery(this).parents("li").removeClass('inactive').addClass("active");
            jQuery("#block-homelogo h1#site-name").hide();
            timelineBackground = jQuery(this).parents("li").find(".views-field.views-field-field-artist-timeline-image div").text();
            jQuery(this).parents("div#block-views-block-artist-block-1").find(".timelineBackground img").attr("src", timelineBackground);
            //  obj = $("div#block-views-block-artist-block-1 li.active");
            //TweenMax.to(obj, 1, {force3D:true, yoyo:true, skewX: 0, left:0, top:0, right:"unset", bottom:"unset", transformPerspective:"33",rotationY:363, rotationX:3,autoAlpha:2, ease:Expo.easeInOut});
            var artistid = jQuery(this).attr("data-id");
            $(".activeArtistDetails").removeClass(function (index, className) {
                return (className.match(/(^|\s)activeimage\S+/g) || []).join(' ');
            });
            jQuery(".activeArtistDetails").addClass("activeimage" + indexLi);
            jQuery("div#block-views-block-events-block-1").addClass("active");
            jQuery("div#block-views-block-events-block-1, .activeArtistDetails").fadeIn();
            jQuery("div#block-views-block-events-block-1 input.form-text").val(artistid);
            jQuery("div#block-views-block-events-block-1 input.form-submit").click();
        })

        /*grid timeline active state */
        jQuery("div#block-views-block-events-block-1 .view-content").find(".item-list:first-child li:first-child, .item-list:first-child").addClass("active");
        jQuery("div#block-views-block-events-block-1 .eventTitleDescription, div#block-views-block-events-block-1 .views-field.views-field-field-event-date").click(function () {
            jQuery("div#block-views-block-events-block-1 .view-content li, div#block-views-block-events-block-1 .view-content .item-list").removeClass("active").addClass("inactive");
            jQuery(this).parents("li, .item-list").addClass("active").removeClass("inactive");
            var dec = jQuery(this).parents(".item-list").find("h3").text().trim();
            jQuery("div#block-views-block-events-block-1 .currentDecade").html(dec.substring(0, 4))
        });

        /*Grid timeline lensflare addition */
        jQuery('div#block-views-block-events-block-1 .view .item-list ul li.items').each(function () {
            var classValue = jQuery(this).attr('class');
            if (classValue.includes("rand")) {

            }
            else {
                //console.log("true");
                const randomFlare = ["randflare1", "randflare2", "randflare3", "randflare4"];

                const random = Math.floor(Math.random() * randomFlare.length);
                jQuery(this).addClass(randomFlare[random]);
               // console.log("false");
            }
        });

    }

    function decadelast2digits() {
        var decade = document.querySelectorAll("div#block-views-block-events-block-1 .item-list h3");
        if (decade.length > 0) {
            [...decade].forEach((elem) => {
                var last2 = elem.innerHTML;
                last2 = "‘" + last2.slice(-2);

                if (elem.querySelector("div") != null) {
                    elem.querySelector("div").innerHTML = last2;
                } else {
                    var newDiv = document.createElement("div");
                    newDiv.innerHTML = last2;
                    elem.appendChild(newDiv);
                }
            });
        }


    }

    function fadeinanimation() {
        $.each($("div#block-views-block-events-block-1 .view .item-list"), function (i, e) {
            if (checkInView($(e), true) == true) {
                jQuery(this).addClass('fade-in-bottom');
            }
        });
        $.each($("div#block-views-block-events-block-1 .view .item-list ul li.items"), function (i, e) {
            if (checkInView($(e), true) == true) {
                jQuery(this).addClass('fade-in-bottom');
            }
        });
    }

    function timelinescrollbar() {
        $("div#block-views-block-events-block-1.active").mCustomScrollbar({
            autoDraggerLength: false,
            advanced: {
                // autoExpandHorizontalScroll : true,
                updateOnContentResize: true
            },
            callbacks: {
                whileScrolling: function () {
                    fadeinanimation(this);
                }
            }
        });
    }
    $(document).ready(function () {
        gridtimeline();
        randomCards();
        //   decadelast2digits();

    })
    $(document).ajaxComplete(function () {
        gridtimeline();
        // decadelast2digits();
        jQuery(".timeline-background img").attr("src", timelineBackground);
        timelinescrollbar();

    });


    (function () {
        const send = XMLHttpRequest.prototype.send;
        XMLHttpRequest.prototype.send = function () {
            this.addEventListener("load", function () {
                //console.log('global handler', this.responseText)
                // add your global handler here
                //console.info("AJAX call");
                gridtimeline();
                // decadelast2digits();
                timelinescrollbar();

                var i = document.querySelector("div#block-views-block-events-block-1 .content .view-header");
                var d = document.querySelector("div#block-views-block-events-block-1");
                // d.prepend(i);
                function getRandomInt(min, max) {
                    return Math.floor(Math.random() * (max - min + 1)) + min;
                }


            });
            return send.apply(this, arguments);
        };
    })();
</script>

<style>
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    dd,
    dl,
    dt,
    li,
    ol,
    ul,
    fieldset,
    form,
    label,
    legend,
    button,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td {
        color: #fff;
    }

    /* #main{
            min-height:100vh;
            position:relative;
            
        } */

    #page {
        overflow-x: hidden;
        position: relative;
    }

    form#views-exposed-form-artist-block-1 {
        display: none;
    }

    div#block-views-block-artist-block-1 ul {
        min-height: calc(100vh - 5vw);
        display: block;
        position: relative;
        overflow: hidden;
        margin-top: 4vw;
    }

    div#block-views-block-artist-block-1 ul.inactive {
        width: 49%;
        float: right;
        overflow: hidden;
        z-index: 1;
    }

    div#block-views-block-artist-block-1 li a {
        position: absolute;
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transition: none;
        width: 250px;
        font-size: 0;
        cursor: pointer;
        z-index: 0;
    }

    div#block-views-block-artist-block-1 li a {
        /* -webkit-filter: grayscale(70%);
        /* Safari 6.0 - 9.0 */
        /* filter: grayscale(70%);  */
    }

    .timelineBackground {
        position: absolute;
        top: 14vw;
        width: 51%;
        z-index: 0;
        height: 100%;
        overflow: hidden;
    }

    .timelineBackground:after {
        content: "";
        height: 100%;
        width: 100%;
        display: block;
        background: url(/sites/g/files/g2000015596/files/2022-12/blackoverlay.svg) center top no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        background-size: 100% auto;
    }

    .timelineBackground img {
        -webkit-filter: grayscale(30%);
        filter: grayscale(100%);
        opacity: 0.3;
        height: auto;
        width: auto;
    }

    .page-not-found {
        position: absolute;
        width: 100%;
        top: calc(50% - 10vw);
        z-index: 10;
    }

    .not-authorized {
        position: absolute;
        width: 100%;
        top: calc(50% - 10vw);
        z-index: 10;
    }

    div#block-views-block-artist-block-1 ul {
        /* perspective: 700px; */
    }


    body #page #header {
        padding-bottom: 0;
    }



    div#block-views-block-artist-block-1 .views-field.views-field-nothing .field-content {
        perspective: 10vw;
    }

    body {
        overflow-x: visible;
    }

    #block-homelogo h1#site-name {
        padding: 0px;
        margin: 0px;
        font-size: 1.6rem;
        position: absolute;
        top: 50vh;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 25vw;
    }



    body a {
        border: none;
    }

    h1#site-name {
        padding: 0px;
        margin: 0px;
        position: absolute;
        top: calc(50% - 9vw);
        left: 50%;
        transform: translateX(-50%);
        font-size: 1.6rem;
        width: 27vw;
    }

    div#block-homelogo {
        position: static;
    }

    .artist-custom-grid {
        position: relative;
    }

    .artist-title,
    .artistName {
        position: absolute;
        bottom: 1vw;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 0.8vw;
    }

    /* Faux outline for older browsers */

    .artist-title,
    .artistName {
        color: #000;
        /* Unfortunately you can't use transparent here … */
        text-shadow: -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff, 0.5px 0.5px 0 #fff;
        font-family: 'Roboto Flex-bold';
        text-transform: uppercase;
        letter-spacing: 1px;
        overflow-wrap: normal;
    }

    div#block-views-block-events-block-1,
    .activeArtistDetails {
        opacity: 0;
    }

    .activeArtistDetails {
        opacity: 1;
    }

    div#block-views-block-events-block-1 .view-filters,
    div#block-views-block-events-block-2 .view-filters {
        display: none;
    }

    .views-field.views-field-field-decade {
        display: none;
    }

    div#block-views-block-events-block-1 {
        width: 50%;
        position: relative;
        margin-top: calc(-100vh + 22vw);
        left: 10vw;
        border-left: 2px solid #fff;
        min-height: calc(100vh - 14vw);
    }


    div#block-views-block-events-block-1 li {
        padding-bottom: 30px;
        opacity: 0.5 !important;
    }

    div#block-views-block-events-block-1 .view-content .item-list li.inactive,
    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child.inactive {
        opacity: 0.25;
    }

    div#block-views-block-events-block-1 .view-content .item-list li.inactive .timelineBackground {
        display: none;
    }

    div#block-views-block-events-block-1 .view-content .item-list li.inactive .body-wrapper,
    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child.inactive .body-wrapper {
        display: block;
    }

    div#block-views-block-events-block-1 .view-content .item-list li.active {
        opacity: 1;
    }

    div#block-views-block-events-block-1 .view-content .item-list li.active .body-wrapper {
        display: block;
    }

    /* Real outline for modern browsers */

    @supports ((text-stroke: 0.5px white) or (-webkit-text-stroke: 0.5px white)) {

        .artist-title,
        .artistName {
            color: transparent;
            /*   -webkit-text-stroke: 0.5px white;
            text-stroke: 0.5px white;*/
            color: #fff;
            text-shadow: none;
        }
    }

    div#block-playlistbutton {
        position: static;
    }

    .playlist-button {
        position: absolute;
        width: 17vw;
        right: 2vw;
        top: calc(98vh - 15vw);
    }

    .playlist-button:last-child model-viewer {
        height: 12vw;
    }

    .playlist-button:first-child model-viewer {
        height: 11vw;
    }

    .playlist-button.webstore .webstoreText {
        margin-top: 1vw;
    }

    .playlist-button.webstore {
        width: 17vw;
        right: unset;
        left: 2vw;
    }

    .playlist-button a {
        width: 70%;
        margin: 0 auto;
        display: block;
    }

    .playlist-button a div {
        font-size: 0.8vw;
        font-family: 'Roboto Flex-bold';
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
    }

    .playlist-button img {
        width: 100%;
    }

    div#block-views-block-events-block-1 {
        display: none;
    }

    div#block-views-block-events-block-1.active {
        display: block;
        opacity: 1;
    }

    div#block-views-block-events-block-2 {
        display: none;
    }

    div#block-views-block-artist-block-1 li.active {
        width: 13vw !important;
        display: none;
    }


    div#block-views-block-artist-block-1 li a:hover {
        animation-play-state: paused;
        z-index: 10;
    }

    .activeArtistDetails.active {
        perspective: 20vw;
    }

    div#block-views-block-artist-block-1 li.active a,
    .view-header .activeArtistDetails[class*="activeimage"] .artistImage {
        translate: none;
        rotate: none;
        scale: none;
        opacity: 2;
        visibility: inherit;

        left: 2.5vw;
        top: 8vw;
        transform: rotateY(15deg);
        /* perspective: 700px; */
        transform-style: preserve-3d;
        /* transform: none; */
        transition: all 1s;
        width: 10vw;

    }


    .view-header .artistImage {
        width: 10.5vw;
        position: absolute;
    }

    div#block-views-block-artist-block-1 li .artist-image,
    .view-header .artistImage {
        transition: all 1s;
    }



    div#block-views-block-artist-block-1 li {
        transform: perspective(33px);
    }

    div#block-views-block-artist-block-1 li.active .artist-image,
    .view-header .artistImage {
        transform: perspective(33px) translate3d(0px, 0px, 0px) rotateY(3deg) rotateX(3deg);
    }

    div#block-views-block-artist-block-1 li.active .artist-title,
    .view-header .artistName {
        font-size: 3.392vw;
        position: absolute;
        left: 14vw;
        width: 50%;
        /* white-space: nowrap; */
        transform: none;
        top: 10vw;
        text-align: left;
        line-height: 4vw;
    }

    .view-header .artistName {
        top: 9vw;
        width: 37%;
    }

    div#block-views-block-events-block-1 ul:before {
        display: none;
    }

    div#block-views-block-events-block-1 ul:after {
        display: none;
    }

    .site-footer {
        position: relative;
        padding-top: 0;
    }



    .view-header .currentDecade {
        font-size: 2.5vw;
        font-family: 'Roboto Flex-bold';
        color: #fff;
        padding: 2vw 0 0px 1vw;
        letter-spacing: 1px;
        /* font-size: 7.321vw;
    color: #000;
    color: #fff;
    letter-spacing: 0.366vw;
    line-height: 9.590vw; */
    }

    div#block-views-block-events-block-1 .view-content .item-list:first-child h3 {
        display: none;
    }

    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child {
        opacity: 1;
    }

    div#block-views-block-events-block-1 .view-content .item-list h3 {
        /* font-size: 0; */
        opacity: 0.25;
    }

    div#block-views-block-events-block-1 .view-content .item-list.active h3,
    div#block-views-block-events-block-1 .view-content .item-list.fade-in-bottom h3 {
        opacity: 1;
    }

    div#block-views-block-events-block-1 .view-content .item-list h3 {
        opacity: 1;
        -webkit-text-stroke-width: 0;
        letter-spacing: 0;
        font-size: 1.15vw;
        color: #fff;
        text-align: left;
        /* width: 2.1vw; */
        /* overflow: hidden; */
        white-space: nowrap;
        text-align: left;
        /* float: right; */
        padding-left: 3vw;
        margin-bottom: 20px;
        /* text-indent: -3vw; */
        font-family: 'Roboto Flex-bold';
        text-indent: -1.5vw;
        letter-spacing: 1px;
    }

    div#block-views-block-events-block-1 .view-content .item-list h3:before {
        content: "";
        height: 2px;
        width: 2vw;
        background: #fff;
        display: inline-block;
        vertical-align: middle;
        line-height: 4vw;
        /* padding-top: 11px; */
        float: left;
        margin-top: 0.25vw;
        margin-left: -4.1vw;
        display: none;
    }

    .view-empty div {
        font-size: 1.5vw;
        color: #fff;
        margin-left: 1vw;
        font-family: 'Roboto Flex-bold';
        padding: 5vw 0;
        letter-spacing: 1px;
    }

    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child .body-wrapper {
        display: block;
    }

    div#block-views-block-events-block-1 .view-content .views-field.views-field-field-event-date span {
        font-size: 0.732vw;
        /*   -webkit-text-stroke-width: 0.037vw;
        -webkit-text-stroke-color: #fff;*/
        color: #FFF;
        font-family: 'Roboto Flex-bold';
        line-height: 1vw;
        letter-spacing: 1px;
    }

    div#block-views-block-events-block-1 li.items.active .views-field.views-field-field-event-date div span {
        font-size: 1.2vw;
        line-height: 2vw;
    }

    div#block-views-block-events-block-1 .view-content .item-list li.items.active .body-wrapper p {
        font-size: 22px;
        line-height: 30px;
    }

    div#block-views-block-events-block-1 .view-content .item-list li .body-wrapper p,
    div#block-views-block-events-block-1 .view-content .item-list li .body-wrapper {
        font-size: 16px;
        line-height: 24px;
    }

    .views-field.views-field-field-event-date:before {
        content: "";
        height: 1px;
        width: 2vw;
        background: #fff;
        display: inline-block;
        vertical-align: middle;
        line-height: 4vw;
        /* padding-top: 11px; */
        float: left;
        margin-top: 0.25vw;
        margin-left: -1vw;
    }

    .views-field.views-field-field-event-date div {
        font-size: 0.75vw;
        font-family: 'Roboto Flex-bold';
        letter-spacing: 1px;
        padding-left: 1.5vw;
        cursor: pointer;
        /*  -webkit-text-stroke-width: 0.037vw;
        -webkit-text-stroke-color: #fff;*/
        color: #fff;
    }

    div#block-views-block-events-block-1 .view-content .item-list li.active .views-field.views-field-field-event-date div,
    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child .views-field.views-field-field-event-date div {
        -webkit-text-stroke-width: 0;
        color: #fff;
    }

    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child.inactive .views-field.views-field-field-event-date div {
        /*   -webkit-text-stroke-width: 0.037vw;
        -webkit-text-stroke-color: #fff;
        color: #000;*/
        color: #fff;
    }

    .views-field.views-field-field-event-date {
        display: inline-block;
        vertical-align: top;
    }

    div#block-views-block-events-block-1 .views-field.views-field-nothing {
        display: inline-block;
        vertical-align: top;
        margin-left: 10vw;
        width: 60%;
    }

    .body-wrapper {
        font-family: "proxima-nova";
        margin-top: 0px;
        font-size: 0.9vw;
        display: block;
    }

    .eventTitleDescription {
        font-family: 'proxima-nova';
        font-size: 1.175vw;
        margin-top: -0.3vw;
    }

    li.inactive .title-wrapper,
    .title-wrapper,
    div#block-views-block-events-block-1 .view-content .item-list.inactive:first-child li:first-child .title-wrapper {
        cursor: pointer;
        font-family: 'Futura Pro Medium W05 Regular';
        font-family: futura-pt, sans-serif;
        font-weight: 500;
        font-style: normal;
        text-transform: capitalize;
        color: #000;
        /*  -webkit-text-stroke: 0.5px #FFF;*/
        color: #fff;
    }

    li.active .title-wrapper,
    div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child .title-wrapper {
        color: #fff;
    }

    div#block-views-block-events-block-1 .views-field.views-field-nothing-1 {
        position: absolute;
    }

    div#block-views-block-events-block-1 .view-content .item-list li::before {
        content: "";
        height: 0.25vw;
        width: 3vw;
        background: #fff;
        display: inline-block;
        vertical-align: middle;
        line-height: 4vw;
        /* padding-top: 11px; */
        float: left;
        margin-top: 0.25vw;
        position: absolute;
        left: -1.46vw;
        top: 50%;
        transform: translateY(-50%);
        display: none;
    }

    div#block-playlistbutton.inactive,
    body.timeView div#block-views-block-artist-block-1,
    body.timeView div#block-views-block-events-block-1,
    body.timeView div#block-playlistbutton {
        opacity: 0;
        display: none;
    }

    body.timeView div#block-views-block-events-block-2 {
        display: block;
    }

    .views-field.views-field-field-artist-timeline-image,
    body.timeView #block-homelogo {
        display: none;
        /* font-size: 0; */
    }

    /* div#block-views-block-artist-block-1 li.inactive{
        
    } */
    div#block-views-block-events-block-1 li {
        cursor: pointer;
        width: auto;

    }

    div#block-views-block-events-block-1 li:hover,
    div#block-views-block-events-block-1 .view-content .item-list li.inactive:hover {
        opacity: 1 !important;
    }
    div#block-views-block-events-block-1 .item-list li.items.active::after{
        z-index:-1;
    }
    @media only screen and (max-width:1024px) and (orientation:portrait) {
        .activeArtistDetails[class*="activeimage"] {
            perspective: 1000vw;
        }

        .view-header .activeArtistDetails[class*="activeimage"] .artistImage {
            width: 42vw;
            top: 24vw;
        }

        .view-empty div {
            font-size: 3.75vw;
        }

        .videoBlock {
            display: flex;
        }

        div#block-views-block-events-block-1 div#mCSB_2_dragger_vertical {
            /* display: none !important;*/
        }

        .view-header .artistName {
            top: 40vw;
            left: 48vw;
            font-size: 4.75vw;
            width: 57vw;
        }

        video#videoImage {
            width: 100%;
            object-fit: contain;
            height: auto;
            display: inline-block;
        }



        div#block-views-block-artist-block-1 ul {
            overflow: hidden;
        }

        .playlist-button {
            position: absolute;
            width: 35vw;
            right: 2vw;
            top: calc(100vh - 40vw);
        }

        #block-homelogo h1#site-name {
            top: 46vh;
        }

        .playlist-button.webstore {
            width: 35vw;
        }

        .playlist-button:first-child model-viewer {
            height: 24vw;
        }

        .playlist-button:last-child model-viewer {
            height: 25vw;
        }

        .playlist-button a div {
            font-size: 1.8vw;
            font-family: 'Roboto Flex-bold';
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 1.5px;
        }

        div#block-views-block-artist-block-1 li.inactive {
            display: none;
        }

        div#block-views-block-artist-block-1 li.active,
        .activeArtistDetails {
            width: 45vw !important;
        }

        #block-homelogo h1#site-name {
            width: 60vw;
        }

        body {
            overflow-x: hidden;
        }

        #block-homelogo h1#site-name img {
            width: 100%;
        }

        .timelineBackground {
            position: absolute;
            top: 73vw;
            width: auto;
            z-index: 0;
            height: 62vh;
            left: 0;
        }

        .timelineBackground img {
            height: 100%;
        }

        div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child.inactive .views-field.views-field-field-event-date div {
            /*    -webkit-text-stroke-width: 2px;*/
        }

        div#block-views-block-events-block-1 .view-content .item-list li.active .views-field.views-field-field-event-date div,
        div#block-views-block-events-block-1 .view-content .item-list:first-child li:first-child .views-field.views-field-field-event-date div {
            -webkit-text-stroke-width: 0;
        }

        div#block-views-block-events-block-1 .view-content .item-list li::before {
            width: 40px;
            margin-left: -33px;
            margin-top: 3px;
            height: 3px;
        }

        div#block-views-block-events-block-1 {
            width: 80%;
            width: calc(100% - 30px);
            position: relative;
            margin-top: -176vw;
            left: 4vw;
            border-left: 2px solid #fff;
            min-height: 100vw;
        }

        /* .view-header .currentDecade {
            font-size: 9.25vw;
            padding-left: 0vw;
        } */

        /* div#block-views-block-events-block-1 .view-content .item-list h3 {
            font-size: 2.75vw;
            text-indent: 0vw;
            padding: 0;
        } */

        .views-field.views-field-field-event-date div {
            font-size: 2.3vw;
        }

        .eventTitleDescription {
            font-family: 'proxima-nova';
            font-size: 4.2vw;
            margin-top: -1.3vw;
            margin-top: 0;
        }

        div#block-views-block-events-block-1 .views-field.views-field-nothing {
            margin-left: 27vw;
        }

        .body-wrapper {
            font-family: "proxima-nova";
            margin-top: 15px;
            font-size: 3.2vw;
            display: block;
            line-height: 2;
        }

        /* div#block-views-block-events-block-1 .view-content .views-field.views-field-field-event-date span {
            font-size: 10px;
            line-height: 24px;
        } */

    }

    @media only screen and (max-width:1023px) and (orientation:landscape) {
        .timelineBackground {
            top: 23vw;
            height: 70%;
        }

        div#block-views-block-artist-block-1 {
            padding-top: 17vw;
        }

        body div#block-views-block-events-block-1.active {
            margin-top: 2vw;
        }

        div#block-views-block-events-block-1 .views-field.views-field-field-event-date div {
            width: auto;
            padding-left: 0vw;
        }

        div#block-views-block-events-block-1 .views-field.views-field-field-event-date:before {
            margin-top: 2px;
        }

        body div#block-views-block-events-block-1 .view-content .item-list h3:before {
            margin-left: -43px;
            margin-top: 4px;
        }

        div#block-views-block-events-block-1 .view-content .item-list h3 {
            text-indent: -6px;
        }
    }

    @media only screen and (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
        .timelineBackground {
            top: 57vw;
        }

    }

    @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
        .activeArtistDetails[class*="activeimage"] .artistImage {
            width: 40vw;
        }
    }

    @media only screen and (min-width:768px) and (max-width:1200px) and (orientation:landscape) {
        div#block-views-block-events-block-1 {
            margin-top: -48vw;
        }

        .timelineBackground {
            top: 19vw;
            width: 54%;
        }

        div#block-views-block-artist-block-1 ul.inactive {
            width: 46%;
        }
    }

    @media only screen and (min-width:1400px) {
        div#block-views-block-artist-block-1 ul {
            perspective: 1000px;
        }

        /* div#block-views-block-events-block-1 {
            margin-top: -33vw;
        } */
    }

    @media only screen and (min-width:1025px) {
        #block-homelogo h1#site-name:hover {
            animation-play-state: paused;
        }
    }

    @media only screen and (max-width:1024px) {
        .body-wrapper {
            font-size: 12px;
        }

    }

    .mCSB_scrollTools .mCSB_dragger {
        display: none !important;
    }

    @media only screen and (max-width:1023px) {
        div#block-views-block-artist-block-1 li:nth-child(n+11) {
            display: none;
        }
    }

    @media only screen and (max-width:767px) {
        .playlist-button {

            top: calc(100vh - 52vw);
        }
    }

    @media only screen and (max-width:1023px),
    (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
        div#block-views-block-events-block-1 {
            width: 100%;
            left: 0;
        }

        .view-header .currentDecade,
        div#block-views-block-events-block-1 .view-content .item-list h3 {
            font-size: 9.25vw;
            padding-left: 0vw;
            font-size: 40px;
            letter-spacing: 2px;
            margin-bottom: 26px;
            line-height: 52px;
            padding: 0;
            text-indent: 0;
            padding-left: 15px;
        }

        .timeline-background {
            font-size: 0;
        }

        div#block-views-block-events-block-1 .view-content .item-list li .body-wrapper p,
        div#block-views-block-events-block-1 .view-content .item-list li .body-wrapper {
            line-height: 15px;
            font-size: 12px;
        }

        div#block-views-block-events-block-1 .view-content .views-field.views-field-field-event-date span {
            font-size: 8px;
        }

        div#block-views-block-events-block-1 li.items.active .views-field.views-field-field-event-date div span {
            font-size: 15px;
            line-height: 20px;
        }

        div#block-views-block-events-block-1 .view-content .item-list li.items.active .body-wrapper p {
            font-size: 18px;
            line-height: 24px;
        }

        div#block-views-block-events-block-1 li {
            line-height: 15px;
            padding-left: 15px;
        }

        div#block-views-block-events-block-1 .views-field.views-field-field-event-date {
            margin-bottom: 10px;
        }
    }
</style></div>
      
    </div>
  </div>
<div class="views-element-container block block-views block-views-blockevents-block-1" id="block-views-block-events-block-1">
  
    
      <div class="content">
      <div><div class="view view-events view-id-events view-display-id-block_1 js-view-dom-id-959396f7394a1291ca420d3fc8f2d8a987236ad1421e02c27d6eb8aa2b8ebccc">
  
    
        <div class="view-filters">
      <form class="views-exposed-form" data-drupal-selector="views-exposed-form-events-block-1" action="/home" method="get" id="views-exposed-form-events-block-1" accept-charset="UTF-8">
  <div class="form--inline clearfix">
  <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-field-artist-title-event-target-id form-item-field-artist-title-event-target-id">
      <label for="edit-field-artist-title-event-target-id">Artist Title (field_artist_title_event)</label>
        <input data-drupal-selector="edit-field-artist-title-event-target-id" type="text" id="edit-field-artist-title-event-target-id" name="field_artist_title_event_target_id" value="" size="30" maxlength="128" class="form-text" />

        </div>
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit-events" type="submit" id="edit-submit-events" value="Apply" class="button js-form-submit form-submit" />
</div>

</div>

</form>

    </div>
    
      <div class="view-empty">
      Select any filter and click on Apply to see results
    </div>
  
          </div>
</div>

    </div>
  </div>
<div id="block-homelogo" class="block block-block-content block-block-content69ad65d1-2364-4a9b-afb0-ab3ddb4c431b">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h1 id="site-name" class="site-name site-name-front">
    <a href="" title="Home" data-track="enter-site" rel="home" class="active">
<img src="/sites/g/files/g2000015596/files/2023-01/ATL75_LOGO_SPINNING.gif" alt="logo" />
<!-- <model-viewer src="/sites/g/files/g2000015596/files/2023-01/ATL75LOGO.glb" alt="A 3D model of LOGO!" shadow-intensity="1" camera-controls="true" auto-rotate="true" ar="true"></model-viewer> -->
<!-- model-viewer src="/sites/g/files/g2000015596/files/2023-01/ATL75LOGO.glb" alt="A 3D model of LOGO!" shadow-intensity="1" disable-zoom="true" camera-controls="true" touch-action="pan-y" interaction-prompt="none" ar="true" orbit-sensitivity=10></model-viewer -->
<!-- <model-viewer src="/sites/g/files/g2000015596/files/2023-01/ATL75LOGONEW.glb" alt="A 3D model of LOGO!" shadow-intensity="1" disable-zoom="true" camera-controls="true" touch-action="pan-y" interaction-prompt="none" orbit-sensitivity="10" camera-orbit="40deg 80deg 9vw" ar-status="not-presenting"></model-viewer> -->

</a>
</h1>
</div>
      
    </div>
  </div>
<div id="block-playlistbutton" class="block block-block-content block-block-content544857ba-da17-44b5-9005-d42aae736eab">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="playlist-button webstore">
    <a href="https://Atlantic75.lnk.to/Store" target="_blank">
        <img src="/sites/g/files/g2000015596/files/2023-01/ATL_VINYL_SPINNING.gif" alt="play button"/>
        <!-- <model-viewer src="/sites/g/files/g2000015596/files/2023-01/ATL_VINYL_GLBSafe.glb" alt="A 3D model of LOGO!"
            shadow-intensity="1" disable-zoom="true" camera-controls="true" touch-action="pan-y"
            interaction-prompt="none" ar="true" orbit-sensitivity=10 camera-orbit="45deg 60deg"></model-viewer> -->
        <div class="webstoreText">webstore</div>
    </a>
</div>

<div class="playlist-button">
    <a href="https://atlantic.lnk.to/ATL753f" target="_blank">
        <img src="/sites/g/files/g2000015596/files/2023-01/ATL_SWIRLLOGO_SPINNING.gif" alt="play button"/>
        <!-- <model-viewer src="/sites/g/files/g2000015596/files/2023-01/ATL75LOGO_SWIRL.glb" shadow-intensity="1"
            disable-zoom="true" camera-controls="true" touch-action="pan-y" interaction-prompt="none" ar="true"
            orbit-sensitivity=10 camera-orbit="45deg 60deg"></model-viewer> -->
        <div class="webstoreText">playlist</div>
    </a>
</div></div>
      
    </div>
  </div>
<div class="views-element-container block block-views block-views-blockevents-block-2" id="block-views-block-events-block-2">
  
    
      <div class="content">
      <div><div class="view view-events view-id-events view-display-id-block_2 js-view-dom-id-4193a4959f9984d3311a59a98ac5e03650b26d83b716a967490d78ce189695e8">
  
    
        <div class="view-filters">
      <form class="views-exposed-form" data-drupal-selector="views-exposed-form-events-block-2" action="/home" method="get" id="views-exposed-form-events-block-2" accept-charset="UTF-8">
  <div class="form--inline clearfix">
  <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-field-artist-title-event-target-id form-item-field-artist-title-event-target-id">
      <label for="edit-field-artist-title-event-target-id--2">Artist Title (field_artist_title_event)</label>
        <input data-drupal-selector="edit-field-artist-title-event-target-id" type="text" id="edit-field-artist-title-event-target-id--2" name="field_artist_title_event_target_id" value="" size="30" maxlength="128" class="form-text" />

        </div>
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--2"><input data-drupal-selector="edit-submit-events-2" type="submit" id="edit-submit-events--2" value="Apply" class="button js-form-submit form-submit" />
</div>

</div>

</form>

    </div>
    
      <div class="view-empty">
      Select any filter and click on Apply to see results
    </div>
  
          </div>
</div>

    </div>
  </div>

  </div>

          </section>
        </main>
                      </div>
    </div>
        <footer class="site-footer">
      <div class="layout-container">
                  <div class="site-footer__top clearfix">
              <div class="region region-footer-first">
    <div id="block-commonfooter94242" class="block block-block-content block-block-content3e6530bc-d3fa-41c1-8953-172eb43a8218">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="navBgLine">
    <img src="/sites/g/files/g2000015596/files/2022-12/Blur.png" alt="navBar">
</div>
<div id="footer-block">
    <div class="mlistSocialsWrapper">
        <div class="footerSocials">
            <ul class="socialsIconsFooter">
                <li class="fs-tiktok">
                    <a class="icon-tiktok" data-track="tiktok" href="https://www.tiktok.com/?lang=en" target="_blank"
                        title="Atlantic Records Tiktok">
                    </a>
                </li>
                <li>
                    <a href="https://www.facebook.com/atlanticrecords" data-track="facebook-ftr" target="_blank"
                        class="icon-facebook2" title="Atlantic Records Facebook"></a>
                </li>
                <li>
                    <a href="https://twitter.com/atlanticrecords" data-track="twitter-ftr" target="_blank" class="twt-x"
                        title="Atlantic Records Twitter"></a>
                </li>
                <li>
                    <a href="https://instagram.com/atlanticrecords#" data-track="instagram-ftr" target="_blank"
                        class="icon-instagram" title="Atlantic Records Instagram"></a>
                </li>
                <li class="fs-soundcloud">
                    <a class="icon-soundcloud" aria-label="sound cloud icon" data-track="soundcloud-ftr" href="https://soundcloud.com/atlanticrecords"
                        target="_blank" id="soundColudSocial"></a>
                </li>
                <li>
                    <a href="https://play.spotify.com/user/atlanticrecords/" data-track="spotify-ftr" target="_blank"
                        class="icon-spotify" title="Atlantic Records Spotify"></a>
                </li>
                <li>
                    <a href="https://www.youtube.com/user/atlanticvideos" data-track="youtube-ftr" target="_blank"
                        class="icon-youtube" title="Atlantic Records YouTube"></a>
                </li>
            
            
            </ul>
        </div>
        <div class="mlist-section">
            <div id="mailinglistSection" class="mlistFooter">
                <!-- START FORM -->
                <div class="plain-ml-wrapper dtmlightbox firstMlistForm in-grid">
                    <div class="mlform">
                        <form class="mlistFormOne mlform twostep" action="">
                            <div class="email fieldWrap">
                                <input data-type="email" data-error-text="Please enter a valid email address" required
                                    class="email" placeholder="Email" name="email" aria-label="Enter Email Address" />
                            </div>
                            <div class="primary-list-values">
                                <input name="Datasource" type="hidden"
                                    value="AtlanticRecords_NewsletterOptIn_MainSiteSignUp_Website" />
                                <input name="newsletterId" type="hidden" value="50" />

                                <input class="dataext" name="_ext" type="hidden"
                                    value="A148EB3E-CB22-42EB-8793-6FFC1F461DD7:6159028" />
                            </div>
                            <div class="submit">
                                <input type="submit" class="submit mlistSubmit" value="Submit" />
                            </div>
                            <span class="consent-placeholder" data-template="artist-mktg"
                                data-artist="Atlantic&nbsp;Records" data-error-text="This field is required"
                                data-pp-link="https://www.atlanticrecords.com/privacy-policy/">
                            </span>

                        </form>
                        
                    </div>
                    <div class="thankyou fadeOut">
                        Thank you for signing up!
                    </div>
                    <div class="secondform fadeOut singleform">
                        <span class="secondFormClose">x</span>
                        <form class="mlistFormTwo mlform" action="">
                            <div class="welcome">
                                <p>Welcome <span class="name"></span> to Atlantic Records' mailing list!</p>
                            </div>
                            <input type="hidden" class="secondFormEmail" name="email" value="" />
                            <div class="name">
                                <div class="first fieldWrap">
                                   
                                    <input type="text" class="first" name="firstname" placeholder="First Name"
                                        aria-label="Enter First Name" />
                                </div>
                            </div>
                            <div class="postalcode fieldWrap">
                               
                                <input type="text" name="postalcode" placeholder="Zip" aria-label="Enter postalCode" />
                            </div>
                            <div class="postal_country">
                                <div class="country select-drop-down-arrow">
                                    <select class="country form-control" name="country" aria-label="select country">

                                    </select>
                                </div>
                            </div>

                            <div class="birthday">
                            
                                <div class="birthday">
                                    <div class="dobDay fieldWrap select-drop-down-arrow">
                                        <select name="dobDay" class="" aria-label="Birth Date-Date">
                                            <option value="">Day</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                            <option value="25">25</option>
                                            <option value="26">26</option>
                                            <option value="27">27</option>
                                            <option value="28">28</option>
                                            <option value="29">29</option>
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                        </select>
                                    </div>
                                    <div class="dobMonth fieldWrap select-drop-down-arrow">
                                        <select name="dobMonth" class="" aria-label="Birth Date-Month">
                                            <option value="">Month</option>
                                            <option value="1">January</option>
                                            <option value="2">February</option>
                                            <option value="3">March</option>
                                            <option value="4">April</option>
                                            <option value="5">May</option>
                                            <option value="6">June</option>
                                            <option value="7">July</option>
                                            <option value="8">August</option>
                                            <option value="9">September</option>
                                            <option value="10">October</option>
                                            <option value="11">November</option>
                                            <option value="12">December</option>
                                        </select>
                                    </div>

                                </div>
                            </div>

                            <input name="newsletterId" type="hidden" value="14075551" />
                            <input name="Datasource" type="hidden"
                                value="AtlanticRecords_NewsletterOptIn_MainSiteSignUp_Website" />
                            
                            <div class="submit">
                                <input type="submit" class="submit mlistSubmit" value="SUBMIT" />
                            </div>
                            
                        </form>
                    </div>
                </div>
                <!-- END FORM -->
            </div>
        </div>


    </div>
    <div id="joinourteam">
        <div class="navBgLine one">
            <img src="/sites/g/files/g2000015596/files/2022-12/Blur.png" alt="navBar">
        </div>
        <div id="joinHeader">Join Our Team</div>
        <a href="https://wmg.wd1.myworkdayjobs.com/WMGUS/jobs" target="_blank">Careers</a>
        <a href="https://www.atlanticrecords.com/internships" target="_blank">Internships</a>
        <div class="navBgLine">
            <img src="/sites/g/files/g2000015596/files/2022-12/Blur.png" alt="navBar">
        </div>
    </div>
    <div id="footer-logo-list" class="copyrightWrapper">
        <ul class="footer-logosul">
            <li class="itemfirst"><a><img src="/sites/g/files/g2000015596/files/2022-12/ATLTEXT_FRONT%402x.png"
                        alt="ATLTEXT"></a></li>
            <li><a><img src="/sites/g/files/g2000015596/files/2022-12/ATLLOGO_Front%402x.png" alt="ATLLOGO"></a>
            </li>
            <li><a><img src="/sites/g/files/g2000015596/files/2022-12/ATLCIRCLE_FRONT%402x.png" alt="ATLCIRCLE"></a>
            </li>
            <li><a><img src="/sites/g/files/g2000015596/files/2022-12/ATLSWIRLTEXT_FRONT%402x.png"
                        alt="ATLSWIRLTEXT"></a></li>
            <li><a><img src="/sites/g/files/g2000015596/files/2022-12/ATLRETROTEXT_FRONT%402x.png"
                        alt="ATLRETROTEXT"></a></li>
        </ul>
        <div class="copyrights-items new" id="cpyrightlinks">
            <span class="cpyright">
                <span class="year">© <span id="year">2026</span> </span>Atlantic&nbsp;Records</span>
            <a href="/privacy-policy/" target="_blank">Privacy&nbsp;Policy</a>
            <a href="/terms-of-use/" target="_blank">Terms&nbsp;of&nbsp;Use</a>
            <a href="https://www.onguardonline.gov" target="_blank">OnGuardOnline</a>
            <a href="https://press.atlanticrecords.com" target="_blank">Press</a>
            <a href="/careers/" target="_blank">Careers</a> <a target="_blank" href="/contact-info/">Contact&nbsp;Us</a>
            <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank">Cookies&nbsp;Policy</a>
            <a class="ot-sdk-show-settings"
                style="cursor:pointer">Do&nbsp;Not&nbsp;Sell&nbsp;My&nbsp;Personal&nbsp;Information</a>
        </div>
    </div>

</div>
<style>
    @font-face {
        font-family: 'twt-x';
        src: url('/sites/g/files/g2000015596/files/2023-09/twt-x.eot?jjyo3s');
        src: url('/sites/g/files/g2000015596/files/2023-09/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),
            url('/sites/g/files/g2000015596/files/2023-09/twt-x.ttf?jjyo3s') format('truetype'),
            url('/sites/g/files/g2000015596/files/2023-09/twt-x.woff?jjyo3s') format('woff'),
            url('/sites/g/files/g2000015596/files/2023-09/twt-x.svg?jjyo3s#twt-x') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    [class^="twt-"],
    [class*=" twt-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'twt-x' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .twt-x:before {
        content: "\e901";
    }


    .site-footer #block-commonfooter94242 .content a:hover,
    .site-footer__top #block-commonfooter94242 .content ul.socialsIconsFooter li a:hover {
        color: rgba(255, 255, 255, 0.1);
        background: -webkit-gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
        background: -moz-gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
        background: gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
        -webkit-background-size: 50px 100%;
        -moz-background-size: 50px 100%;
        background-size: 50px 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        -webkit-animation-name: shimmer;
        -moz-animation-name: shimmer;
        animation-name: shimmer;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-repeat: no-repeat;
        background-position: 0 0;
        transform: unset;
    }

    .consent-placeholder {
        position: relative;
        margin: 2vw auto 0;
        display: block;
        width: 29vw;
    }

    .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
    .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
        position: absolute;
        left: 0px;
        width: 1.8vw;
        height: 1.8vw;
        z-index: 10;
        top: 0px;
        opacity: 0;
        cursor: pointer;
        margin: 0;
        -webkit-appearance: none;
        padding: 0;
        opacity: 0;
        background: transparent;
        border: none;
    }

    .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
    .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0;
        width: 1.8vw;
        height: 1.8vw;
        border: 2px solid #fff;
        background: transparent;
        border-radius: 0px;
        box-sizing: border-box;
    }

    .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before {
        border-color: red;
    }

    .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
        display: inline-block;
        box-sizing: border-box;
        line-height: 1;
        text-align: left;
        text-transform: none;
        letter-spacing: 0;
        font-size: 0.75vw;
        padding-left: 2.54vw;
        vertical-align: top;
        font-weight: 400;
        padding-top: 0;
        color: #fff;
    }

    .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
        content: "\2713";
        position: absolute;
        top: 0.45vw;
        line-height: 1;
        left: 0.45vw;
        font-size: 0.98vw;
        color: #fff;
        font-weight: 700;
        text-align: center;
        border: none;
        transform: none;
    }

    .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
        color: #fff;
    }

    .consent-placeholder span.input-error {
        color: red;
        position: absolute;
        top: -0.95vw;
        left: 0;
        bottom: auto;
    }

    .secondform .consent-placeholder {
        margin: 1vw auto;
    }

    .consent-placeholder a {
        text-decoration: underline;
        border: none;
        color: #fff;
    }

    .consent-placeholder a:hover {
        text-decoration: none;
        border: none;
    }

    .plain-ml-wrapper label.tiny {
        font-size: 0;
        height: 0;
    }

    @media only screen and (max-width: 1024px) and (orientation: portrait) {
        .consent-placeholder {
            position: relative;
            margin: 35px auto 0;
            display: block;
            width: 100%;
            max-width: 335px;
        }

        .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
        .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
            position: absolute;
            left: 0px;
            width: 25px;
            height: 25px;
            z-index: 10;
            top: 0px;
            opacity: 0;
            cursor: pointer;
            margin: 0;
            -webkit-appearance: none;
            padding: 0;
            opacity: 0;
            background: transparent;
            border: none;
        }

        .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
        .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0;
            width: 25px;
            height: 25px;
            border: 2px solid #fff;
            background: transparent;
            border-radius: 0px;
            box-sizing: border-box;
        }

        .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before {
            border-color: red;
        }

        .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
            display: inline-block;
            box-sizing: border-box;
            line-height: 1.2;
            text-align: left;
            text-transform: none;
            letter-spacing: 0;
            font-size: 10px;
            padding-left: 35px;
            vertical-align: top;
            font-weight: 400;
            padding-top: 0;
            position: relative;
            top: auto;
            left: auto;
            transform: none;
            color: #fff;
            pointer-events: initial;
        }

        .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label a {
            color: #fff;
            border: none;
        }

        .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
            content: "\2713";
            position: absolute;
            top: 6px;
            line-height: 1;
            left: 8px;
            font-size: 14px;
            color: #fff;
            font-weight: 700;
            text-align: center;
            border: none;
            transform: none;
        }

        .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
            color: #fff;
        }

        .consent-placeholder span.input-error {
            color: red;
            position: absolute;
            top: -15px;
            left: 0;
            bottom: auto;
        }

        .secondform .consent-placeholder {
            margin: 10px auto;
        }

        .consent-placeholder a {
            text-decoration: underline;
        }

        .consent-placeholder a:hover {
            text-decoration: none;
            border: none;
        }

        .plain-ml-wrapper label.tiny {
            font-size: 0;
            height: 0;
        }

        .site-footer #block-commonfooter94242 .content .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label a {
            font-size: 10px;
        }

    }

    .site-footer #block-commonfooter94242 .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label a {
        font-family: inherit;
font-size: inherit;
    }

    div#footer-block {
        align-items: end;
    }

    div#joinourteam {
        align-self: baseline;
    }
</style></div>
      
    </div>
  </div>
<div id="block-commonfooter94242css" class="block block-block-content block-block-content62caa927-32d6-46a3-9e22-e89c5d790ff4">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
#block-commonfooter {
	display: none;
}
#block-commonfooter94242 .mlist-section {
	max-width: 100%;
}

#joinourteam {
	font-family: 'Roboto Flex-Medium';
	text-align: center;
letter-spacing: 2px;
width: 28%;
}
.site-footer #joinourteam .navBgLine {
	width: 50%;
	margin: 1vw auto 0;
}

#joinHeader {
	font-family: 'Roboto Flex-Medium';
	font-weight: 500;
	font-size: 1.2vw;
}

#joinourteam a {
	font-size: 0.6vw;
	margin: 0 0.5vw;
	font-family: 'Roboto Flex-Medium';
line-height: 2;
}
.site-footer #block-commonfooter94242 .content ul.socialsIconsFooter {
	padding-left: 0;
	margin-top: 0;
}


.site-footer #block-commonfooter94242 .content .copyrights-items a::after {
	content: "|";
	padding-left: 7px;
}
.site-footer #block-commonfooter94242 .content .copyrights-items a:last-child::after{
display:none;
}
.site-footer #block-commonfooter94242 .content .copyrights-items span.cpyright::after {
	content: "|";
	padding-left: 8px;
}

.site-footer #block-commonfooter94242 .content a, .site-footer #block-commonfooter94242 .content a.is-active {
	color: rgba(255, 255, 255, 1);
	font-size: 0.85vw;
}
.site-footer #block-commonfooter94242 #mailinglistSection p.terms-message a {
    color: #000;
}

.site-footer__top #block-commonfooter94242 .content ul.socialsIconsFooter li a {
	padding: 0;
	text-indent: unset;
	border: 0;
	font-size: 1.26vw;
	color: rgba(255, 255, 255, 1);
}
.region-header .block li.navLink #joinHeader {
    font-family: 'Roboto Flex-Medium';
    font-weight: 500;
    font-size: 1.75vw;
    margin: 0 auto 1vw;
color: #fff;
}


.region-header .block li.navLink #joinourteam a {
    font-size: 0.9vw;
    margin: 0 0.5vw;
    font-family: 'Roboto Flex-Medium';
    line-height: 2;
    color: #fff;
display:inline-block;
width:auto;
}

.region-header .block li.navLink #joinourteam a:hover{

transform: translateZ(0);
transform: translateX(0px);
-webkit-animation-name: shimmer;
-moz-animation-name: shimmer;
animation-name: shimmer;
}
.region-header .block li.navLink #joinourteam {
	
	width: 100%;
	margin: 0 auto;
}

@media only screen and (max-width: 1024px) and (orientation: portrait){
.site-footer #block-commonfooter94242 .content .copyrights-items span.cpyright::after {
    display: none;
}
#block-commonfooter94242 #joinHeader {
	font-family: 'Roboto Flex-Medium';
	font-weight: 500;
	font-size: 3vw;
}
#block-commonfooter94242 #joinourteam a {
	font-size: 1.6vw;
	margin: 0 0.5vw;
	font-family: 'Roboto Flex-Medium';
}
.site-footer .content .copyrights-items span.cpyright {
	display: block;
	font-size: 1.2vw;
}
.site-footer #block-commonfooter94242 .content a, .site-footer #block-commonfooter94242 .content a.is-active {
	color: rgba(255, 255, 255, 1);
	font-size: 1.2vw;
}
#cpyrightlinks{
	display: none;
}
#cpyrightlinks.new {
	display: block;
}
.mlistSocialsWrapper {
	width: 100%;
}
#joinourteam{
width: 100%;
}
.site-footer #joinourteam .navBgLine {
	width: 76%;
	margin: 4vw auto 0;
}
.region-header .block li.navLink #joinHeader {	
	font-size: 6vw;
	margin: 0 auto 1vw;
	line-height: 1.5;
}
.region-header .block li.navLink #joinourteam a {
	font-size: 3vw;
	margin: 0 3vw;	
	line-height: 2;
	color: #fff;
	display: inline-block;
	width: auto;
	padding-bottom: 2vw;
}
.region-header .block li.navLink #joinHeader {	
	font-size: 6vw;
	margin: 0 auto 1vw;
	line-height: 1.5;
}
.region-header .block li.navLink #joinourteam a {
	font-size: 3vw;
	margin: 0 3vw;	
	line-height: 2;
	color: #fff;
	display: inline-block;
	width: auto;
	padding-bottom: 2vw;
}
}
@media only screen and (max-width:1023px) and (orientation: landscape),
   only screen and (max-width: 1024px) and (orientation: portrait) {
.region-header .block li.navLink #joinHeader {	
	font-size: 6vw;
	margin: 0 auto 1vw;
	line-height: 1.5;
}
.region-header .block li.navLink #joinourteam a {
	font-size: 3vw;
	margin: 0 3vw;	
	line-height: 2;
	color: #fff;
	display: inline-block;
	width: auto;
	padding-bottom: 2vw;
}
}
@media only screen and (max-width: 767px) and (orientation: portrait){
.site-footer__top #block-commonfooter94242  .content ul.socialsIconsFooter li a {
	font-size: 14px;
}
.mlistSocialsWrapper {
	width: 100%;
}
#block-commonfooter94242 #joinourteam a {
	font-size: 2.6vw;
	margin: 0 0.5vw;
	font-family: 'Roboto Flex-Medium';
}
.site-footer #block-commonfooter94242 .content a, .site-footer #block-commonfooter94242 .content a.is-active {
	color: rgba(255, 255, 255, 1);
	font-size: 2.85vw;
}

#block-commonfooter94242 #joinHeader {
	font-family: 'Roboto Flex-Medium';
	font-weight: 500;
	font-size: 5.2vw;
	margin-top: 5vw;
}

#block-commonfooter94242 #joinourteam a {
	font-size: 2.6vw;
	margin: 0 0.5vw;
	font-family: 'Roboto Flex-Medium';
}
#cpyrightlinks{
	display: none;
}
#cpyrightlinks.new {
	display: block;
margin-top:5vw;
}
}

@media only screen and (min-width:1024px){
.site-footer #joinourteam .navBgLine.one {
display:none
}
}

</style>
<script>
jQuery(document).ready(function(){
jQuery('<li class="navLink shopnav"><div id="joinourteam"><div id="joinHeader">Join Our Team</div><a href="https://wmg.wd1.myworkdayjobs.com/WMGUS/jobs" class="shimmer">Careers</a><a href="https://www.atlanticrecords.com/internships" class="shimmer">Internships</a></div><img src="/sites/g/files/g2000015596/files/2022-12/menulinkborder.png" alt="navBar"></li>').insertAfter('.navLink.shopnav');
})
</script></div>
      
    </div>
  </div>
<div id="block-commonfootercss" class="block block-block-content block-block-content1411aa29-c080-4b29-90b2-92e0ee60f36d">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
    /*socials CSS*/

    @font-face {
        font-family: 'icomoon';
        src: url('/sites/g/files/g2000015596/files/2022-12/icomoon.eot?spb568');
        src: url('/sites/g/files/g2000015596/files/2022-12/icomoon.eot?spb568#iefix') format('embedded-opentype'), url('/sites/g/files/g2000015596/files/2022-12/icomoon.ttf?spb568') format('truetype'), url('/sites/g/files/g2000015596/files/2022-12/icomoon.woff?spb568') format('woff'), url('/sites/g/files/g2000015596/files/2022-12/icomoon.svg?spb568#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon-discord:before {
        content: "\e901";
    }

    .icon-tiktok:before {
        content: "\e900";
    }

    .icon-facebook2:before {
        content: "\ea91";
    }

    .icon-instagram:before {
        content: "\ea92";
    }

    .icon-spotify:before {
        content: "\ea94";
    }

    .icon-twitter:before {
        content: "\ea96";
    }

    .icon-youtube:before {
        content: "\ea9d";
    }

    .icon-appleinc:before {
        content: "\eabe";
    }

    .icon-soundcloud:before {
        content: "\eac3";
    }
</style>
<style>
    /*mlist CSS*/

    .mlistwrapper {
        z-index: 1;
    }

    div#mailinglistSection {
        padding: 0;
        position: relative;
    }

    form#mlistFormOne {
        font-size: 0;
    }

    .fadeOut {
        display: none;
    }

    #mailinglistSection input.email {
        border: none;
        background-color: transparent;
        font-size: 1vw;
        height: 3.5vw;
        line-height: 3.5vw;
        font-weight: 100;
        width: 100%;
        color: rgba(255, 255, 255, .5);
        -webkit-box-sizing: border-box;
        text-indent: 0;
        outline: none;
        letter-spacing: 0px;
        text-transform: none;
        padding: 0;
        padding-left: 12px;
        border: 1px solid #d6d6d6;
        margin: 0%;
        font-family: 'Roboto Flex-bold';
        font-weight: normal;
        font-style: normal;
        text-transform: capitalize;
        font-weight: normal;
        font-style: normal;
        box-sizing: border-box;
        border-radius: 4px;
        letter-spacing: 1px;
    }

    #mailinglistSection input.email.errored {
        border-color: red;
    }

    @keyframes ripple {
        0% {
            opacity: 0.5;
            transform: scale(0);
        }

        20% {
            transform: scale(0.7);
        }

        100% {
            opacity: 0;
            transform: scale(1);
        }
    } 


    .plain-ml-wrapper input.submit {
        transition: 0.6s;
        overflow: hidden;
        width:100%;
        background:#999999;
    }

    .plain-ml-wrapper input.submit:before {
        display: block;
        position: absolute;
        height: 100%;
        background: #999999;
        left: 0;
        top: 0;
        opacity: 0.8;
        filter: blur(30px);
        transform: translateX(-100px) skewX(-15deg);
    }

    .plain-ml-wrapper input.submit:after {
        content: "";
        display: block;
        position: absolute;
        background: #fff;
        height: 100%;
        left: 30px;
        top: 0;
        opacity: 0;
        filter: blur(12px);
        transform: translateX(-100px) skewX(-15deg);
        display: none;
    }

    .plain-ml-wrapper input.submit:hover {
        background: #999999;;
        cursor: pointer;
        box-shadow: 1px 8px 16px rgba(175, 166, 168, 0.24);
        background: transparent;
    }

    .plain-ml-wrapper input.submit:hover:before {
        transform: translateX(400px) skewX(-45deg);
        opacity: 0.5;
        transition: 1s;
    }

    .plain-ml-wrapper input.submit:hover:after {
        transform: translateX(400px) skewX(-45deg);
        opacity: 0.5;
        transition: 1s;
    }

    input .ripple:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background-color: currentColor;
        visibility: hidden;
        z-index: 2;
    }

    input .ripple:focus:not(:active):before {
        animation: ripple 0.4s cubic-bezier(0, 0, 0.2, 1);
        transition: visibility 0.4s step-end;
    }

    input .ripple:active:before {
        visibility: visible;
    }

    
    .site-footer__top .content ul.socialsIconsFooter li a:hover,
    .site-footer__top .content ul.socialsIconsFooter li img:hover,
    .site-footer .content .copyrights-items a:hover,
    #mailinglistSection a.terms:hover,
    #mailinglistSection p.terms-message a:hover,
    #mailinglistSection .plain-ml-wrapper .secondform a.terms:hover,
    .secondform .terms .terms-message-2 a:hover,
    #mailinglistSection .plain-ml-wrapper .secondform a.terms:hover,
    span.secondFormClose:hover,
    div#block-artistdetailmlist .artistDetailmlist span.secondFormClose:hover {
        color: rgba(255, 255, 255, 0.1);
        background: -webkit-gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
        background: -moz-gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
        background: gradient(linear, left top, right top, from(#000), to(#000), color-stop(0.5, #fff));
        -webkit-background-size: 50px 100%;
        -moz-background-size: 50px 100%;
        background-size: 50px 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        -webkit-animation-name: shimmer;
        -moz-animation-name: shimmer;
        animation-name: shimmer;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-repeat: no-repeat;
        background-position: 0 0;
        transform: unset;

    }

    /* body #mailinglistSection .plain-ml-wrapper .secondform a.terms:hover,
    body #mailinglistSection .plain-ml-wrapper a.terms:hover {
        color: rgba(255, 255, 255, 0.99);
    } */

    .plain-ml-wrapper .email.fieldWrap {
        width: 18.416vw;
        display: inline-block;
        position: relative;
        margin: 0;
        vertical-align: top;
        margin-right: 0;
    }

    .plain-ml-wrapper .submit {
        width: 9.1666vw;
        display: inline-block;
        vertical-align: top;
        margin-left: 0.75vw;
        position:relative;
        transition: 0.6s;
        overflow: hidden;
font-weight:bolder;
    }
    
    div.submit:before {
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.8;
  filter: blur(30px);
  transform: translateX(-100px) skewX(-15deg);
}
div.submit:after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 50%;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  filter: blur(12px);
  transform: translateX(-100px) skewX(-15deg);
}
div.submit:hover {
 
  cursor: pointer;
  /* box-shadow: 1px 8px 16px rgba(231, 13, 78, 0.24); */
}
div.submit:hover:before {
  transform: translateX(100%) skewX(-45deg);
  opacity: 0.5;
  transition: 1s;
}
div.submit:hover:after {
  transform: translateX(100%) skewX(-45deg);
  opacity: 0.5;
  transition: 1s;
}

    input.submit.mlistSubmit {
        border: none;
        border: 1px solid transparent;
        color: #000;
        font-size: 1vw;
        width: 100%;
        border-radius: 0;
        cursor: pointer;
        padding: 0;
        letter-spacing: 0px;
        height: 3.5vw;
        line-height: 3.5vw;
        outline: none;
        background: #FFFFFF;
        top: 0;
        left: 0;
        cursor: pointer;
        z-index: 1;
        font-family: 'Roboto Flex-bold';
        transition: all 0.5s ease-in-out;
        text-transform: CAPITALIZE;
 
        font-weight: bolder;
       
        border-radius: 4px;
        margin: 0;
        background-image: radial-gradient(#FFFFFF 0%, #B9B9B9 55%, #B1B1B1 63%, #808080 100%);
        letter-spacing: 1px;
        background: transparent;
    }
div.submit{
    background: #fff;
    background-image: radial-gradient(#FFFFFF 0%, #B9B9B9 55%, #B1B1B1 63%, #808080 100%);
}
    input#submit:hover {
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        background: transparent;
    }

    #mailinglistSection a.terms {
        width: 9.1666vw;
        color: #FFFFFF;
        font-size: 0.8vw;
        letter-spacing: 0;
        text-align: center;
        position: relative;
        padding-top: 0;
        cursor: pointer;
        display: block;
        text-transform: capitalize;
        font-weight: normal;
        font-style: normal;
        text-decoration: underline;
        margin-left: auto;
        margin-right: 0;
        margin-top: 0.45vw;
    }

    .secondform .terms {
        color: #FFFFFF;
        font-size: 12px;
        letter-spacing: 0;
        text-align: center;
        position: relative;
        padding-top: 0;
        cursor: pointer;
        display: block;
        text-transform: capitalize;
        font-weight: normal;
        font-style: normal;
        text-decoration: underline;
    }

    .plain-ml-wrapper .terms {
        position: relative;
        text-align: right;
        margin-top: 4px;
        font-family: 'proxima-nova';
    }

    .email.fieldWrap label {
        font-size: 0px;
        display: none;
    }

    #mailinglistSection .terms .terms-message,
    .secondform .terms .terms-message {
        color: #000;
        letter-spacing: 0;
        text-decoration: underline;
        background: #fff;
        border: 1px solid #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 9px;
        font-size: 0.9vw;
        text-align: left;
        position: absolute;
        bottom: 20px;
        text-transform: none;
        text-decoration: none;
        line-height: 1.2;
        z-index: 300;
        font-weight: normal;
        font-style: normal;
        border: 1px solid #FFFFFF;
        width: 100%;
    }

    #mailinglistSection p.terms-message a,
    .secondform p.terms-message a {
        color: #000;
        border: 0;
        text-decoration: underline;
    }

    span.input-error {
        color: red;
        font-size: 0.9vw;
        line-height: 1;
        text-align: left;
        position: absolute;
        padding: 0;
        letter-spacing: 0;
        bottom:-1vw;
        left: 0;
        font-weight: normal;
        font-style: normal;
        text-transform: none;
        font-weight: bold;
        text-transform: capitalize;
font-family:"proxima-nova";
    }

    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        color: #FFFFFF;
        -webkit-text-fill-color: #FFFFFF;
        -webkit-box-shadow: 0 0 0 1000px #000000 inset;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        color: #FFFFFF;
        -webkit-text-fill-color: #FFFFFF;
        -webkit-box-shadow: 0 0 0 1000px #000 inset;
    }

    .secondform {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        z-index: 3000;
        text-align: center;
        background: rgba(0, 0, 0, .97);
        padding-top: 0 !important;
        padding-top: 12vh;
    }

    .secondform .welcome {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        font-size: 1vw;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 1.1;
        padding-bottom: 0;
        letter-spacing: 0;
        padding: 0;
        font-weight: normal;
        font-style: normal;
    }

    .plain-ml-wrapper label {
        /* position: relative; */
        font-size: 14px;
        padding-bottom: 0;
        display: block;
        color: #FFFFFF;
        text-align: left;
        padding: 0 0 5px;
        letter-spacing: 0;
        transform: none;
        left: auto;
        top: auto;
        transition: none;
        padding-top: 3%;
        text-transform: capitalize;
        /* text-transform: none; */
        font-weight: normal;
        font-style: normal;
    }

    .secondform .name {
        margin-bottom: 0;
        position: static;
    }

    .secondform input,
    .secondform select {
        height: 3.5vw;
        line-height: 3.5vw;
        color: #FFFFFF;
        padding-left: 7px;
        border: 1px solid #FFFFFF;
        font-size: 1vw;
        /* text-transform: none; */
        width: 100%;
        box-sizing: border-box;
        background: transparent;
        border-radius: 0;
        outline: none;
        letter-spacing: 0;
        font-weight: normal;
        font-style: normal;
        font-family: 'Roboto Flex-bold';
        border-radius: 4px;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }

    option {
        background: #FFFFFF;
        color: #000;
    }

    /*.secondform label.goptin_checkbox {
        font-size: 13px;
        display: inline;
        padding: 0;
        text-align: left;
        width: 90%;
        letter-spacing: 0;
        font-weight: normal;
        cursor: pointer;
        color: #FFFFFF;
        text-transform: none;
    }
    
    .secondform .globaloptin.fieldWrap .goptin_checkbox {
        display: inline-block;
        width: calc(100% - 20px);
        vertical-align: top;  position: relative;
    }
    
    .secondform .globaloptin.fieldWrap {
        margin: 10px 0;
        font-size: 16px;
    }*/

    .mlistFormTwo .submit input {
        padding: 0;
        border: 1px solid;
        display: block;
        position: relative;
        height: 3.5vw;
        line-height: 3.5vw;
        background: transparent;
        color: #000;
        font-weight: normal;
        font-style: normal;
        background-image: radial-gradient(#FFFFFF 0%, #B9B9B9 55%, #B1B1B1 63%, #808080 100%);
        border:none;
    }

    .secondform input[type="checkbox"] {
        margin-right: 3px;
        display: inline-block;
        /* width: 5%; */
        vertical-align: top;
        -webkit-appearance: none;
    }

    .secondform input[type="checkbox"] {
        width: 15px;
        height: 15px;
        vertical-align: top;
        margin: 0;
    }

    .plain-ml-wrapper .secondform .terms {
        text-align: center;
    }

    .plain-ml-wrapper p.terms-message-2 {
        position: relative;
        bottom: 20px;
        top: auto;
        color: #000;
        letter-spacing: 0;
        margin-top: 5px;
        font-size: 0.9vw;
        background: transparent;
        line-height: 1.2;
        position: absolute;
        border: none;
        padding: 10px;
        background: #fff;
        z-index: 10;
        border: 1px solid #FFFFFF;
        text-align: center;
        font-weight: normal;
        font-style: normal;
        text-transform: none;
    }

    .terms-message-2 a {
        border: 0;
    }

    form.mlistFormTwo {
        max-width: 85vw;
        margin: 0 auto;
        width: 100%;
        /* padding-top: 1%; */
        font-size: 0;
    }

    div.plain-ml-wrapper span#secondFormClose {
        font-size: 28px;
        width: auto;
        display: inline-block;
        /* max-width: 500px; */
        margin: 0 auto;
        float: right;
        position: static;
        color: #FFFFFF;
    }

    div.plain-ml-wrapper span#secondFormClose:hover {
        opacity: 0.5;
        cursor: pointer;
    }

    .plain-ml-wrapper p.terms-message-2 a:hover {
        color: #f9699c;
    }

    .secondform .terms .terms-message-2 a {
        color: #000 !important;
        text-decoration: underline;
        font-size: .9vw;
    }

    .secondform .terms .terms-message-2 a:hover {
        color: #000;
        opacity: 0.8;
    }

    form.mlistFormTwo .submit {
        margin: 0 auto;
        /* margin-top: 0.5vw; */
    }

    .site-footer .layout-container {
        /* max-width: 96%; */
    }

    #mailinglistSection .terms:hover,
    .secondform .terms:hover {
        color: #FFFFFF;
    }

    #mailinglistSection p.terms-message a:hover,
    .secondform p.terms-message a:hover,
    .site-footer .content p.terms-message-2 a:hover,
    span#secondFormClose:hover {
        color: #000;
        text-decoration: none;
    }

    .welcome p {
        margin-bottom: 10px;
        margin-top: 0;
        font-size: 1.25vw;
        text-transform: capitalize;
        line-height: 1.3;
    }

    input#goptin_checkbox:checked:after {
        content: "\2713";
        color: #FFFFFF;
        display: block;
        text-align: center;
        font-size: 12px;
        line-height: 12px;
        /* margin-top:2px; */
        margin-left: -2px;
        box-sizing: border-box;
    }

    .copyrightBlock.mobile {
        display: none;
    }

    /* additional stylings */

    #page #header {
        padding-bottom: 67px;
    }

    .page-text {
        text-align: center;
        position: relative;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: -200px;
        font-size: 27.4px;
        color: #f9699c;
        letter-spacing: 0;
    }

    form#mlistFormOne,
    .terms {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .secondform .terms {
        max-width: 100%;
    }

    form#mlistFormOne {
        position: relative;
    }

    .secondform .terms a {
        color: #FFFFFF;
        box-sizing: border-box;
    }

    .secondform .terms a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

    /* mlist second form  added stylings */

    .plain-ml-wrapper .dobMonth.fieldWrap {
        width: 49%;
        display: inline-block;
        position: relative;
    }

    .plain-ml-wrapper .country.select-drop-down-arrow {
        position: relative;
    }

    .plain-ml-wrapper .dobDay.fieldWrap {
        width: 49%;
        display: inline-block;
        margin-right: 2%;
        position: relative;
    }

    .plain-ml-wrapper .postalcode.fieldWrap {
        width: 49%;
        display: inline-block;
        margin-right: 2%;
        position: unset;
    }

    .postal_country {
        width: 49%;
        display: inline-block;
        position: unset;
    }

    select#country {
        height: 37px;
    }

    input#first {
        padding: 0;
        padding-left: 5px;
    }

    select#dobDay,
    select#dobMonth {
        width: 100%;
    }

    input#postalcode {
        padding: 0;
        padding-left: 5px;
    }

    p.message-description {
        font-size: 20px;
        letter-spacing: 0;
    }

    .mlistheader {
        font-size: 18px;
        letter-spacing: 0;
        color: #ffdad1;
        margin-bottom: 10px;
        text-align: left;
    }

    input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #FFFFFF;
        opacity: 1;
        /* Firefox */
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #FFFFFF;
    }

    ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #FFFFFF;
    }

    input#goptin_checkbox:checked:after {
        color: #FFFFFF;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        -webkit-text-fill-color: #FFFFFF;
        -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    }

    #mailinglistSection input.email:-webkit-autofill,
    #mailinglistSection input.email:-webkit-autofill:hover,
    #mailinglistSection input.email:-webkit-autofill:focus,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus {
        -webkit-box-shadow: none;
        transition: background-color 5000s ease-in-out 0s;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    select {
        background: url(../image/icons8-expand-arrow-26.png) no-repeat 95% center;
        background-size: 12px;
    }

    .thankyou-message.embed {
        display: none;
    }

    input.email.error {
        border-bottom: 3px solid red;
    }

    #thankyoublock-innerwrapper .thankyou-message.embed {
        display: block;
        text-transform: none;
        color: #FFFFFF;
        padding-bottom: 20px;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
    }

    .secondFormCloseWrap a {
        right: 2%;
        display: inline-block;
        position: absolute;
    }

    .thankswelcome-msg {
        line-height: 20px;
        color: #FFFFFF;
        padding-bottom: 20px;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
    }

    #thankyouBlock {
        padding-top: 18px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .secondFormCloseWrap {
        text-align: right;
    }

    .secondFormCloseWrap a {
        display: inline-block;
        position: static;
        color: #FFFFFF;
    }

    input#postalcode {
        height: 40px;
        width: 100%;
        padding-left: 10px;
        background-color: transparent;
    }

    .mlist-field.postalcode {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .mlist-field.country {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    select#country {
        width: 100%;
        height: 40px;
        padding-left: 10px;
        text-transform: none;
    }

    .mlist-field.mlist-field1 {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    input#firstname {
        width: 100%;
        padding-left: 10px;
        background-color: transparent;
    }

    ::-webkit-input-placeholder {
        color: #FFFFFF;
    }

    :-ms-input-placeholder {
        color: #FFFFFF;
    }

    ::-moz-placeholder {
        color: #FFFFFF;
    }

    :-moz-placeholder {
        color: #FFFFFF;
    }

    #thankyoublock-innerwrapper .mlist-field {
        font-size: 0;
        margin-bottom: 10px;
    }

    select#dobMonth {
        width: 49%;
        height: 35px;
        display: inline-block;
        margin-right: 2%;
        padding-left: 10px;
    }

    select#dobDay {
        width: 49%;
        height: 35px;
        display: inline-block;
        padding-left: 10px;
    }

    select#dobDay,
    select#dobMonth {
        width: 100%;
    }

    #thankyoublock-innerwrapper input.submit {
        border: 0;
        background: #fff;
        color: #FFFFFF;
        padding: 0;
        cursor: pointer;
        border: 1px solid #FFFFFF;
        /*width: 50%;*/
    }

    .mlist-submit-new input.submit {
        width: 50%;
    }

    #thankyoublock-innerwrapper .mlist-field {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        max-width: 100%;
    }

    #thankyoublock-innerwrapper input.submit:hover {
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #fff;
        color: #FFFFFF;
    }

    select {
        background: url(../image/icons8-expand-arrow-26.png) no-repeat 95% center;
        background-size: 12px;
    }

    input,
    select {
        border-radius: 0;
        border: none;
        outline: none;
        text-transform: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        height: 40px;
        color: #FFFFFF;
        appearance: none;
        width: 100%;
        padding-left: 10px;
        background-color: transparent;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        letter-spacing: 3px;
        box-sizing: border-box;
    }

    .termsContent {
        position: absolute;
        max-width: 280px;
    }

    .termsWrapper {
        font-style: normal;
        font-weight: normal;
        font-size: 8.12px;
        margin-top: 12px;
        max-width: 100%;
        text-align: center;
        position: relative;
        color: #FFFFFF;
        /* margin: 0 auto; */
    }

    div#secondary-list-values {
        width: 100%;
    }

    .termsWrapper.second .termsContent {
        background: transparent;
        color: #FFFFFF;
        padding: 10px 8px;
        font-size: 12px;
        /* top: 50%; */
        /* bottom: -101px; */
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 384px;
    }

    /*.mlistFormTwo .submit input:hover {
        background: transparent;
        color: #FFFFFF;
    }*/
div.mlistNav span.secondFormClose:hover {
    opacity: 0.7;
}
    @media only screen and (max-width: 1024px) {
        /* input,
        select:focus,
        textarea {
            font-size: 16px;
        }
        .secondform input[type="checkbox"] {
            vertical-align: top;
        }
        p.message-description {
            font-size: 20px;
            letter-spacing: 0;
            max-width: 500px;
            margin: 20px auto;
        }
        #mailinglistSection input.email {
            font-size: 14px;
        }
        .mlistwrapper {
            right: 30px;
            bottom: 100px;
        }*/
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        /*.mlistwrapper {
            bottom: 55px;
            max-width: 400px;
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }*/
    }

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

        /* .mlistFormTwo .submit input {
            font-size: 16px;
            height: 42px;
            line-height: 42px;
            text-transform: capitalize;
        }
        .secondform input[type="checkbox"] {
            vertical-align: top;
        }
        p.message-description {
            font-size: 16px;
            letter-spacing: 0;
            max-width: 280px;
            margin: 20px auto;
        }
        #mailinglistSection input.email {
            font-size: 16px;
        }
        .mlistwrapper {
            right: auto;
            bottom: auto;
            left: auto;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            width: 90%;
            position: static;
            margin: 0 auto;
        }
        form#mlistFormOne,
        .terms {
            margin: 0 auto;
        }
        .plain-ml-wrapper .terms {
            text-align: left;
            width: 98%;
        }
        form.mlistFormTwo .submit {
            width: 200px;
        }
        .plain-ml-wrapper .email.fieldWrap,
        .submit {
            width: 100%;
            display: inline-block;
            position: relative;
            margin: 0;
            vertical-align: top;
            margin-right: 0;
            margin: 0 auto;
            max-width: 60%;
        }
        .submit {
            margin: 10px auto 0;
            width: 35%;
            margin-top: 0;
            margin-left: 11px;
        }
        .mlist {
            display: block;
            vertical-align: top;
            width: 90%;
            margin: 0 auto;
            color: #FFFFFF;
        }
        .mlist-social-wrap {
            max-width: 100%;
            margin: 0 auto;
            text-align: center;
        }
        .terms {
            color: #FFFFFF;
            text-align: right;
            padding-right: 0;
        }
        .secondFormCloseWrap a,
        #thankyoublock-innerwrapper .thankyou-message.embed,
        .thankswelcome-msg,
        .copyright a,
        .copyright {
            color: #FFFFFF;
        }
        #thankyoublock-innerwrapper input.submit {}
        .second .terms {
            color: #FFFFFF;
            text-align: center;
            padding-right: 0;
        }
        #thankyouBlock.final-screen .thankyou-message.embed {}
        input#postalcode {
            width: 100%;
            font-size: 16px;
        }
        input#first,
        select#country,
        select#dobDay,
        select#dobMonth {
            font-size: 16px;
        }
        input.submit.button {
            color: #FFFFFF;
        }
        #thankyoublock-innerwrapper .thankyou-message.embed {
            padding: 10px;
        }
        .termsWrapper.first .termscontent {
    
            margin-right: 6px;
            color: #FFFFFF;
            margin-top: 2px;
            padding: 10px 8px;
            font-size: 10px;
        }
        .secondform {
            max-width: 95%;
        }
        .secondFormInnerWrapper {
            max-width: 300px;
            margin: 0 auto;
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }*/
        body div.mlistNav span.secondFormClose {
            top: 20vh;
            width: 90%;
            font-size: 20px;
        }
    }

    @media only screen and (max-width: 1023px) and (orientation: landscape) {

        /* .secondFormInnerWrapper {
            max-width: 60%;
            margin: 0 auto;
            width: 100%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            padding: 10px;
        }
        .secondform {
            padding-top: 5vh;
        }
        form.mlistFormTwo {
            margin: 0 auto 20px;
        }*/
        ul.socialsIconsFooter {
            padding: 0;
            margin: 0;
        }
    }

    .plain-ml-wrapper .terms {
        margin-top: 10px;
        max-width:28.6vw;
    }

    /*mlist CSS*/

    @media only screen and (min-width: 1600px) {
        span.secondFormClose {
            margin-top: 6%;
        }
    }
</style>
<style>
    div#footer-block {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-content: center;
        margin: 1vw 0 2vw;
    }

    .site-footer__top .region,
    .site-footer .block,
    .site-footer .layout-container,
    .site-footer__top .content li a {
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
    }

    ul.socialsIconsFooter li {
        display: inline-block;
        margin: 0 0.45vw;
        vertical-align: top;
    }

    .site-footer .content ul.socialsIconsFooter {
        padding-left: 0;
    }

    .site-footer__top .content ul.socialsIconsFooter li a {
        padding: 0;
        text-indent: unset;
        border: 0;
        font-size: 1.26vw;
        color: rgba(255, 255, 255, 1);
    }

    .site-footer__top .content ul.socialsIconsFooter li a#soundColudSocial {
        font-size: 1.86vw;
        position: relative;
        top: -0.4vw;
    }

    .site-footer__top .content ul.socialsIconsFooter li a img:hover {
        opacity: 0.5;
        transition: all .5s;
    }

    .site-footer__top .content ul.socialsIconsFooter li a img {
        width: 1.46vw;
        height: auto;
    }

    .site-footer .content,
    .site-footer .content a,
    .site-footer .content a.is-active {
        color: rgba(255, 255, 255, 1);
        font-size: 0.76vw;
    }

    .copyrightSocialsWrapper {
        max-width: 30vw;
    }

    div#cpyrightlinks {
        margin-left: 0.45vw;
    }

    .site-footer .content .copyrights-items span.cpyright {
        font-weight: 900;
        margin-right: 5px;
    }

    .site-footer .content .copyrights-items a {
        margin-right: 4px;
    }

    .site-footer .content .copyrights-items span {
        font-weight: 900;
    }

    .site-footer__top .content li a:hover,
    .site-footer__top .content li a:focus {
        background-color: transparent;
    }

    /*Footer Logos CSS*/

    ul.footer-logosul {
        margin: 0;
    }

    div#footer-logo-list {
        max-width: 30vw;
    }

    div#footer-logo-list ul.footer-logosul li {
        display: inline-block;
        vertical-align: middle;
        width: 2.916vw;
        margin: 0 1.05vw;
        text-align: center;
    }

    div#footer-logo-list ul.footer-logosul li img {
        width: 100%;
        height: auto;
    }

    /*Mlist CSS*/

    .mlist-section {
        display: block;
        max-width: 40vw;
    }

    .in-grid {
        max-width: 100%;
        padding: 0;
    }

    .mlist-section {
        max-width: 40%;
    }

    .in-grid {
        max-width: 100%;
        padding: 0;
    }

    .primary-list-values {
        display: none;
    }

    #mailinglistSection .terms .terms-message span.close,
    .secondform .terms .terms-message span.close {
        display: none;
    }

   

    span.secondFormClose {
       position:absolute;
        top: 5vw;
        right: 5vw;
        font-size: 2.2vw;
        font-family: 'Roboto Flex-Medium';
        letter-spacing: 1px;
    }

     span.secondFormClose {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        width: 96%;
        padding-top: 2%;
        font-size: 0;
        text-align: right;
        font-size: 2.2vw;
        font-family: 'Roboto Flex-Medium';
        cursor: pointer;
        letter-spacing: 1px;
    }

    .secondform .welcome {
        font-family: 'Roboto Flex-bold';
        /*  position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);*/
        letter-spacing: 1px;
    }

    .secondform .welcome span {
        font-family: 'Roboto Flex-bold';
        letter-spacing: 1px;
    }

    form.mlistFormTwo.mlform {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 50vw;
    }

    .plain-ml-wrapper div.select-drop-down-arrow:after {
        color: #fff;
        /* content: "\25BC"; */
    }

    .secondform select {
        padding-right: 2.7vw;
        border: 1px solid #fff;
        background: url(/sites/g/files/g2000015596/files/2022-12/material-filter-list.png) transparent no-repeat 95% center;
        background-size: 1vw;
    }

    .plain-ml-wrapper div.select-drop-down-arrow:after {
        font-size: 1.3vw;
        color: var(--label-text-color);
        right: -1.2vw;
        top: 45%;
        position: absolute;
        pointer-events: none;
        width: 3.5vw;
        text-indent: 14px;
        /* content: "\25BC"; */
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    #mailinglistSection .plain-ml-wrapper .secondform a.terms {
        text-align: center;
        width: 100%;
    }

    .thankyou.fadeIn {
        font-size: 1vw;
        font-family: 'Roboto Flex-Medium';
        text-transform: capitalize;
        letter-spacing: 1px;
    }

    .globaloptin [type="checkbox"]:not(:checked),
    .globaloptin [type="checkbox"]:checked {
        position: absolute;
        left: 0px;
        width: 2vw;
        height: 2vw;
        z-index: 10;
        top: 0;
        opacity: 0;
        cursor: pointer;
        margin: 0;
        -webkit-appearance: none;
        padding: 0;
    }

    div#block-artistdetailmlist .globaloptin .goptin_checkbox {
        display: inline-block;
        box-sizing: border-box;
        line-height: 1.6vw;
        color: var(--label-text-color);
        text-align: left;
        text-transform: none;
        letter-spacing: 0.02vw;
        font-size: 1.2vw;
        padding-left: 0;
        padding: 0;
        margin-right: 0vw;
        margin-left: 2vw;
    }

    .globaloptin [type="checkbox"]:not(:checked)+label:before,
    .globaloptin [type="checkbox"]:checked+label:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 1.5vw;
        height: 1.5vw;
        border: 1px solid var(--label-text-color);
        background: transparent;
        border-radius: 0px;
        box-sizing: border-box;
    }

    .globaloptin [type="checkbox"]:not(:checked)+label:after,
    .globaloptin [type="checkbox"]:checked+label:after {
        content: "\2713";
        position: absolute;
        top: 0.1vw;
        line-height: 1;
        left: 0.2vw;
        font-size: 1.4vw;
        color: var(--label-text-color);
        font-weight: 700;
        text-align: center;
    }

    .globaloptin [type="checkbox"]:not(:checked)+label:after {
        opacity: 0;
        transform: scale(0);
    }

    div#block-artistdetailmlist .globaloptin.fieldWrap {
        position: relative;
        display: block;
        text-align: left;
        margin-bottom: 1vw;
    }

    .site-footer .navBgLine {
        margin-bottom: 3vw;
        display: block;
        margin-top: -0.1vw;
    }

    .site-footer .navBgLine img {
        max-width: 100%;
        width: 100%;
    }

    label.goptin_checkbox {
        display: none;
    }
</style>
<style>
    @media only screen and (max-width: 1024px) and (orientation: portrait) {
        div#cpyrightlinks {
            margin: 0 auto;
        }

        div.mlistNav span.secondFormClose {
            top: 23vh;
            width: 90%;
            font-size: 20px;
        }

        form.mlistFormTwo.mlform {
            width: 80vw;
            max-width: 550px;
        }

        .copyrightSocialsWrapper,
        div#footer-logo-list,
        .mlist-section {
            max-width: 100%;
            width: 100%;
            margin-bottom: 15px;
        }

        div#footer-block {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

        .mlist-section {}

        div#mlist {
            -webkit-order: 1;
            order: 1;
        }

        div#footer-logo-list {
            -webkit-order: 2;
            order: 2;
        }

        ul.socialsIconsFooter li {
            margin: 0 8px;
        }

        .site-footer__top .content ul.socialsIconsFooter li a {
            font-size: 14px;
        }

        .site-footer__top .content ul.socialsIconsFooter li a#soundColudSocial {
         font-size: 21.8px;
         top: -5.3px;
        }

        .site-footer__top .content ul.socialsIconsFooter li a img {
            width: 16px;
            height: auto;
        }

        .site-footer .content,
        .site-footer .content a,
        .site-footer .content a.is-active {
            font-size: 10px;
            text-align: center;
        }

        .site-footer .content .copyrights-items span.cpyright {
            display: block;
            font-size: 10px;
        }

        .plain-ml-wrapper .email.fieldWrap {
            max-width: 220px;
            width: 100%;
        }

        #mailinglistSection input.email {
            height: 42px;
            line-height: 42px;
            font-size: 16px;
        }

        .plain-ml-wrapper .submit {
            max-width: 110px;
            width: 100%;
            margin-left: 9px;
        }

        input.submit.mlistSubmit {
            font-size: 15px;
            height: 42px;
            line-height: 42px;
        }

        #mailinglistSection a.terms {
            width: 110px;
            font-size: 9px;
        }

        .plain-ml-wrapper .terms {
            max-width: 340px;
        }

        #mailinglistSection .terms .terms-message,
        .secondform .terms .terms-message,
        #mailinglistSection .terms .terms-message a,
        .secondform .terms .terms-message a {
            font-size: 9px;
            bottom: 15px;
            line-height: 1;
        }

        span.input-error {
            font-size: 12px;
            bottom: -15px;
        }

         span.secondFormClose,
         div#block-views-block-artist-page-block-2 span.secondFormClose {
            font-size: 20px;
            top: 20px;
            right: auto;
            width: 80vw;
            max-width: 550px;
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            padding: 0;
        }

        .welcome p {
            font-size: 16px;
        }

        .secondform .welcome {
            width: 100%;
            max-width: 100%;
            /*top: 32%;*/
        }

        .secondform input,
        .secondform select {
            height: 42px;
            line-height: 42px;
            font-size: 16px;
        }

        .plain-ml-wrapper div.select-drop-down-arrow:after {
            right: 10px;
            font-size: 15px;
        }

        .secondform select {
            padding-right: 33px;
            background-size:11px;
        }

        .plain-ml-wrapper p.terms-message-2,
        .plain-ml-wrapper p.terms-message-2 a,
        .secondform .terms .terms-message-2 a {
            font-size: 9px;
        }

        .thankyou.fadeIn {
            font-size: 14px;
            padding: 5px 0;
        }

        div#footer-logo-list ul.footer-logosul li {
            width: 50px;
            margin: 0 10px;
        }

        div#footer-logo-list {
            margin: 15px auto;
        }
    }

    @media only screen and (max-width: 1023px) and (orientation: landscape) {

        .secondform input,
        .secondform select {
            height: 42px;
            line-height: 42px;
            font-size: 16px;
        }

        #mailinglistSection input.email {
            font-size: 16px;
            /* height: 35px; */
        }

        div.mlistNav span.secondFormClose {
            padding-top: 0;
        }

        #mailinglistSection input.email::placeholder {
            font-size: 1vw;
        }
    }

    @media only screen and (max-width:1023px) and (orientation: landscape),
    only screen and (max-width: 1024px) and (orientation: portrait) {

        .globaloptin [type="checkbox"]:not(:checked),
        .globaloptin [type="checkbox"]:checked {
            position: absolute;
            left: 0px;
            width: 5vw;
            height: 5vw;
            z-index: 10;
            top: 0;
            opacity: 0;
            cursor: pointer;
            margin: 0;
            -webkit-appearance: none;
            padding: 0;
        }

        .globaloptin [type="checkbox"]:not(:checked)+label:after,
        .globaloptin [type="checkbox"]:checked+label:after {
            content: "\2713";
            position: absolute;
            /*  top: 0.4vw;
    line-height: 1;
    left: 0.9vw;
    font-size: 4.4vw; */
            color: var(--label-text-color);
            font-weight: 700;
            text-align: center;
        }

        .site-footer .layout-container {
            max-width: 100%;
        }
    }

    @media only screen and (max-width:1023px),
    (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
        div#block-artistdetailmlist .globaloptin .goptin_checkbox {
            display: inline-block;
            box-sizing: border-box;
            line-height: 1;
            color: var(--label-text-color);
            text-align: left;
            text-transform: none;
            letter-spacing: 0.02vw;
            font-size: 16px;
            padding-left: 0;
            padding: 0;
            margin-left: 4vw;
            padding-bottom: 10px;
            margin-right: 0px;
        }
    }

    @media only screen and (max-width:1023px) and (orientation:portrait) {
        div#block-artistdetailmlist .globaloptin .goptin_checkbox {
            font-size: 16px;
            line-height: 1;
        }

        .globaloptin [type="checkbox"]:not(:checked)+label:before,
        .globaloptin [type="checkbox"]:checked+label:before {
            width: 3vw;
            height: 3vw;
        }

        .globaloptin [type="checkbox"]:not(:checked)+label:after,
        .globaloptin [type="checkbox"]:checked+label:after {
            font-size: 2.4vw;
        }
    }

    @media only screen and (max-width:767px) and (orientation:portrait) {
        div#mailinglistSection span.secondFormClose {
            top: 10%;
        }
    }
</style>
</div>
      
    </div>
  </div>

  </div>

            
            
            
          </div>
                      </div>
    </footer>
  </div>
</div>

  </div>

    <script src="/sites/g/files/g2000015596/files/custom_js_1.js?cache=66d6c559dd23d"></script>
<script src="/sites/g/files/g2000015596/files/custom_js_3.js?cache=66d6c559dd23d"></script>
<script src="/sites/g/files/g2000015596/files/custom_js_5.js?cache=66d6c559dd23d"></script>
<script type="text/javascript">jQuery(document).ready(function () {jQuery('').attr('','');});</script>
<script src="https://libraries.wmgartistservices.com/toubannerupdate/lighttheme.js" data-termslabel="ATL"></script>

    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/71","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en","currentQuery":{"artistName":"Tally Hall"}},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxdzUEOgzAMRNELBXwk5CRW5NaOqzhAw-lbsUClm1k8jfQjts5PSILuY47oFOKNlNyxkP9xtXw9i1hEmbwP4VpCskZQrSkKHxQEh619yezJNmoDrFIyCT68k8KZ3Jh2h3NnfOD7Bmp5FQq7lsVenZUP7GwVvjD9wgdnsk-M","theme":"bartik","theme_token":null},"ajaxTrustedUrl":{"\/home":true},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:4193a4959f9984d3311a59a98ac5e03650b26d83b716a967490d78ce189695e8":{"view_name":"events","view_display_id":"block_2","view_args":"","view_path":"\/node\/71","view_base_path":"timeline-old","view_dom_id":"4193a4959f9984d3311a59a98ac5e03650b26d83b716a967490d78ce189695e8","pager_element":0},"views_dom_id:959396f7394a1291ca420d3fc8f2d8a987236ad1421e02c27d6eb8aa2b8ebccc":{"view_name":"events","view_display_id":"block_1","view_args":"","view_path":"\/node\/71","view_base_path":"timeline-old","view_dom_id":"959396f7394a1291ca420d3fc8f2d8a987236ad1421e02c27d6eb8aa2b8ebccc","pager_element":0},"views_dom_id:58cb2997aa7ddeaa2767ab8b6527377aea8a46615caea33cacfabc1d9798c8e6":{"view_name":"artist","view_display_id":"block_1","view_args":"","view_path":"\/node\/71","view_base_path":null,"view_dom_id":"58cb2997aa7ddeaa2767ab8b6527377aea8a46615caea33cacfabc1d9798c8e6","pager_element":0}}},"user":{"uid":0,"permissionsHash":"18c4b0bff3f6b7174cbc94b58dbdc2a94edcfa4cacc0d42657f47218ed08c9fe"}}</script>
<script src="/sites/g/files/g2000015596/files/js/js_uzjw7VFjaAPYQVOeIIMo8JsaMifNtHT_dmVzTUKhwPk.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=bartik&amp;include=eJwry0wtL9YvA5F6iVmJFQA22wZe"></script>

  </body>
</html>
