<!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" />
<noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style>
</noscript><meta name="description" content="LINKIN PARK From Zero" />
<meta name="keywords" content="Linkin Park, Mike Shinoda, Chester Bennington, Joe Hahn, Brad Delson, Rob Bourdon, Dave Farrell, Phoenix, Papercuts, Friendly Fire, QWERTY" />
<link rel="canonical" href="https://www.linkinpark.com/" />
<meta name="robots" content="index, follow" />
<link rel="shortlink" href="https://www.linkinpark.com/" />
<meta property="og:site_name" content="Linkin Park" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.linkinpark.com/" />
<meta property="og:title" content="LINKIN PARK From Zero" />
<meta property="og:description" content="LINKIN PARK From Zero" />
<meta property="og:image" content="https://www.linkinpark.com/sites/g/files/g2000018121/files/IMG_5248.JPG" />
<meta property="fb:app_id" content="1879745888942618" />
<link rel="publisher" href="https://www.linkinpark.com/homev4" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="LINKIN PARK From Zero" />
<meta name="twitter:title" content="LINKIN PARK From Zero" />
<meta name="twitter:url" content="https://www.linkinpark.com/" />
<meta name="twitter:image" content="https://www.linkinpark.com/sites/g/files/g2000018121/files/IMG_5248.JPG" />
<meta name="google-site-verification" content="wkeZirtlzDOmSBJ6cTMMeyJylGcGLpBL3C_pEex7FjA" />
<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.fontawesome.com/releases/v6.5.1/css/all.css" /="/" />
<link rel="stylesheet" href="https://libraries.wmgartistservices.com/jslibrary/customScrollbar-3.1.5/jquery.mCustomScrollbar.css" /="/" />
<link rel="stylesheet" href="https://use.typekit.net/apy6qdc.css" />
<link rel="stylesheet" href="https://use.typekit.net/bwc8yup.css" />
<meta name="robots" content="noimageai,noai" />
<link rel="icon" href="/sites/g/files/g2000018121/files/linkin_favicon_1.png" type="image/png" />
<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="c3e544d1-6417-4b6a-90f5-1de05dc70323" 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=c3e544d1-6417-4b6a-90f5-1de05dc70323&url=' + window.location.hostname;
          allLinks[i].setAttribute("href", href);
          allLinks[i].setAttribute("target", "_blank");
        }
      }             
      var eOT = new Event("OneTrustGroupsUpdated");
      document.dispatchEvent(eOT);
}</script>
<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmglinkinpark,wmglinkinparkglobal"},"content":{"artist":"Linkin Park","label":"Warner Records"},"page":{"pageInfo":{"pageName":"Linkin Park:Homepage","server":"Linkin Park:Site","devTeam":"WMAS","platform":"Drupal 10"},"category":{"primaryCategory":"Linkin Park: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/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://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js" type="text/javascript"></script>
<script src="https://libraries.wmgartistservices.com/jslibrary/customScrollbar-3.1.5/jquery.mCustomScrollbar.min.js"></script>

    <title>LINKIN PARK From Zero</title>
    <link rel="stylesheet" media="all" href="/sites/g/files/g2000018121/files/css/css_2-D0duSE9IGBFlXc81J9QZ10u3JeZeLrHxOG-cx1f4Q.css?delta=0&amp;language=en&amp;theme=wmg&amp;include=eJwrriwuSc3VT0osTtUpz03XT8_JT0rM0S0uqczJzEsHCcXnF5Rk5mZWJZZk5ufpAwV0kQUAM2AZiQ" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css?family=Lato" as="style" />

    
  </head>
  <body>
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    <div class="layout-container">

  <header role="banner">
      <div>
    <div id="block-globalcss" data-block-plugin-id="block_content:29efeebe-4a67-45f9-95e0-164680380c63">
  
    
      
            <div><link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700;900&display=swap"
    rel="stylesheet">

<style>
    /* css variables are not supported in IE so provide necessory fallbacks for the colors */

    /* declaring css variables */

    :root,
    html {
        --white: #fff;
        --black: #000;
        --red: #ff0000;
        --blur: #0000ff;
        --green: #00ff00;
        --yellow: #ffff00;
        --magenta: #ff00ff;
        --cyan: #00ffff;
        --social: #d2cac7;
        --bright-red: #f70606;
        --light-blue: #acd2e1;
        --cyan-blue: #295a6f;
        --light-grey: #cccccc;
        --grey: #bdbdbd;
        --dark-grey: #333333;
        --site-text-color: #000;
        --default-font-color: #000;
        --default-font-family: monospace;
        --default-submit-color: #f70606;
        --default-submit-font-color: #000000;
        --default-submit-hover-color: #ff0000;
        --default-submit-font-color-hover: #f70606;
        --default-bg-color: #ffffff;
    }

    /* make your default font-family,size and weight as a class for re-using across the blocks */

    .default {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
    }

    .font-large {
        font-size: 28px;
        font-weight: bold;
    }

    .font-medium {
        font-size: 18px;
        font-weight: normal;
    }

    .font-small {
        font-size: 12px;
        font-weight: normal;
    }

    /* default button stylings and hovers */

    .button {
        padding: 10px;
        background: #ff0000;
        background: var(--red);
        text-transform: uppercase;
        text-align: center;
        width: 100%;
        color: #000;
        color: var(--black);
    }

    .button:hover {
        color: #000;
        color: var(--white);
    }

    .large {
        max-width: 250px;
    }

    .medium {
        max-width: 150px;
    }

    /* large button style */

    .large {
        font-size: 24px;
    }

    /* font colors to be used in your single page */

    .black {
        color: #000;
        color: var(--black);
    }

    .white {
        color: #fff;
        color: var(--white);
    }

    .red {
        color: #ff0000;
        color: var(--red);
    }

    .bright-red {
        color: #f70606;
        color: var(--bright-red);
    }

    .social {
        color: #d2cac7;
        color: var(--social);
    }

    /* default stylings */

    body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        background: #000;
        color: #fff;
        letter-spacing: 1px;
        overflow-x: hidden;
    }

    ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    a {
        display: inline-block;
        text-decoration: none;
        color: #fff;
    }

    a:hover {
        color: #b8b8b8;
    }

    a#main-content {
        display: none;
    }

    div#block-mainpagecontent {
        max-width: 700px;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    h1,
    h2,
    .title {
        text-align: center;
        text-transform: uppercase;
        font-weight: initial;
        font-weight: normal;
        font-size: 30px;
        margin: 0 auto 30px;
    }

    .link-wrapper a {
        text-transform: uppercase;
        text-decoration: underline;
    }

    .link-wrapper {
        margin-top: 20px;
    }

    .container {
        text-align: center;
    }

    .container .description {
        line-height: 1.5;
    }

    @media only screen and (max-width: 767px) {
        div#block-mainpagecontent {
            max-width: 90%;
        }

        h1,
        h2,
        .title {
            font-size: 25px;
            margin-bottom: 25px;
        }
    }

    div#pp-footer {
        font-weight: initial;
    }

    form#views-exposed-form-album-block-1,
    form#views-exposed-form-album-block-2 {
        display: none;
    }


    /* Generic Third party styles */



    #banner {
        overflow: hidden;
    }

    .owl-carousel,
    .owl-carousel .owl-item {
        -webkit-tap-highlight-color: transparent;
        position: relative
    }

    .owl-carousel {
        /*display: none;*/
        width: 100%;
        z-index: 1
    }

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden
    }

    .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: visible;
        -webkit-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item,
    .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .owl-height {
        transition: height .5s ease-in-out
    }

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity .4s ease
    }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d
    }

    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000
    }

    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url(owl.video.play.png) no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        transition: transform .1s ease
    }

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

    .owl-carousel .owl-video-playing .owl-video-play-icon,
    .owl-carousel .owl-video-playing .owl-video-tn {
        display: none
    }

    .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity .4s ease
    }

    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%
    }

    .owl-prev,
    .owl-next {
        font-size: 0;
        color: #670616;
    }

    .owl-nav>div.owl-prev {
        background: url("/sites/g/files/g2000018121/files/2018-06/carousel-leftarrow_1.png") no-repeat;
        width: 16px;
        height: 30px;
        background-size: 100% auto;
        text-indent: -9999px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

    .owl-nav>div.owl-next {
        background: url("/sites/g/files/g2000018121/files/carousel-rightarrow.png") no-repeat;
        width: 16px;
        height: 30px;
        background-size: 100% auto;
        text-indent: -9999px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .owl-carousel .owl-item .musicTitle img {
        width: auto;
        text-align: center;
        margin: 0 auto;
    }

    .owl-prev.disabled,
    .owl-next.disabled {
        display: none;
    }

    .owl-carousel .owl-item.active {
        opacity: 1;
        pointer-events: auto;
    }

    .owl-carousel .owl-item {
        opacity: 0;
        pointer-events: none;
    }



    body.WhachuKnow .owl-prev:after {
        background: url(../images/arrow-left.png) no-repeat;
        width: 16px;
        height: 30px;
        background-size: 100% auto;
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

    body.WhachuKnow .owl-next:before {
        background: url(../images/arrow-right.png) no-repeat;
        width: 16px;
        height: 30px;
        background-size: 100% auto;
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    @media only screen and (min-width: 1024px) {
        .owl-nav>div {
            width: 146px;
            margin: 0 auto;
        }

        .owl-next,
        .owl-prev {
            position: absolute;
            top: 55%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .owl-prev {
            left: 0%;
            top: 35%;
            text-align: right;
        }

        .owl-next {
            right: 0%;
            top: 35%;
            text-align: left;
        }

    }

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

        /*.owl-carousel .owl-stage-outer{
             overflow-x:hidden;
             }*/
        .splashWrapper,
        html,
        body {
            overflow-x: hidden;
        }

    }

    @media only screen and (max-width: 1023px) {
        .owl-nav {
            margin-top: 0;
            display: block;
            text-align: center;
            position: absolute;
            top: -39px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 100%;
        }

        .footer-outer-wrapper>div {
            display: inline-block;
            text-align: center;
        }

        .owl-prev,
        .owl-next {
            width: 50%;
            display: inline-block;
        }
    }



    /* Menu CSS */




    .menu-link:last-child {
        margin: 0;
    }

    div#Site-Logo h1 {
        margin: 0;
    }

    #block-menuhtml div#Site-Logo,
    #block-menuhtml .nav-wrapper {
        display: inline-block;
        vertical-align: top;
    }

    div#block-menuhtml {
        font-size: 0;
        padding: 30px;
    }

    .nav-wrapper {
        padding-top: 10px;
        float: right;
    }

    #nav {
        text-align: center;
    }

    .stable {
        width: 100%;
        background-color: black;
        justify-content: space-around;
    }

    .sticky {
        position: fixed;
        top: 0;
        z-index: 999;
    }

    .menu-link {
        color: white;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 18px 0 0;
        font-size: 13.69px;
    }

    #nav ul.footer-socials.socials {
        display: none;
    }

    @media only screen and (max-width:768px) {
        #nav ul.footer-socials.socials {
            display: block;
        }

        @font-face {
            font-family: 'icomoon';
            src: url('/sites/g/files/g2000018121/files/2018-09/icomoon.eot?m27s3b');
            src: url('/sites/g/files/g2000018121/files/2018-09/icomoon.eot?m27s3b#iefix') format('embedded-opentype'),
                url('/sites/g/files/g2000018121/files/2018-09/icomoon.ttf?m27s3b') format('truetype'),
                url('/sites/g/files/g2000018121/files/2018-09/icomoon.woff?m27s3b') format('woff'),
                url('/sites/g/files/g2000018121/files/2018-09/icomoon.svg?m27s3b#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        [class^="icon-"],
        [class*=" icon-"] {
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: 'icomoon' !important;
            speak: none;
            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-menu:before {
            content: "\e9bd";
            color: #fff;
        }

        .icon-cross:before {
            content: "\ea0f";
            color: #fff;
        }

        div#close-wrapper span {
            font-size: 25px;
            font-family: 'Montserrat', sans-serif !important;
            font-weight: 500;
        }

        div#close-wrapper span.icon-cross:before {
            color: #fff;
            content: "X";
        }

        div#close-wrapper span.icon-menu:before {
            opacity: 0;
        }

        div#nav {
            background: rgba(0, 0, 0, 0.85);
            margin: 0px auto;
            height: 100vh;
            position: fixed;
            z-index: 9999;
            top: 0;
            left: 0;
            padding-top: 90px;
            display: none;
        }

        div#menu-mob-wrapper span#menu-mob {
            position: fixed;
            top: 0;
            z-index: 999;
            padding: 10px;
        }

        div#close-wrapper {
            z-index: 9999;
            position: absolute;
            color: white;
            top: 25px;
            padding: 10px;
            right: 10px;
            background: url('/sites/g/files/g2000018121/files/Mobile-Nav.png') no-repeat scroll center transparent;
            background-size: 100% auto;
        }

        .mob-clicked {
            color: white;
            pointer-events: all;
        }

        div#close-wrapper.mob-clicked {
            background: transparent;
            position: fixed;
        }

        .menu-link {
            margin: 0 0 20px;
            font-size: 20px;
            display: block;
        }
    }

    @media only screen and (max-width:767px) {
        div#block-menuhtml {
            padding: 30px 20px;
        }
    }



    /* CSS Lightbox titles */



    div#block-turnkeylightbox>h2,
    div#block-turnkeylightboxscripts>h2,
    div#block-turnkeylightboxstyles>h2,
    div#block-turnkeytoaster>h2,
    div#block-turnkeytoasterscripts>h2,
    div#block-turnkeytoasterstyles h2 {
        display: none;
    }

    div#block-csslightboxtitles>h2 {
        display: none;
    }



    /* updated mlist scripts and css */




    form#subForm p {
        margin-bottom: 15px;
        position: relative;
    }

    form#subForm label {
        font-size: 15px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
    }

    form#subForm p:last-child {
        margin: 0;
    }

    form#subForm input,
    form#subForm select {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        margin-top: 5px;
    }

    button.js-cm-submit-button {
        background: transparent;
        color: #fff;
        width: 100%;
        height: 30px;
        /* line-height: 30px; */
        display: block;
        margin: 0 auto;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        border: 1px solid #fff;
        cursor: pointer;
    }

    button.js-cm-submit-button:hover {
        opacity: 0.7;
    }

    button.js-cm-submit-button:focus {
        outline: none;
    }



    /* Header Carousel - CSS */




    .owl-dots {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }

    .owl-dots .owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        box-sizing: border-box;
        background: #fff;
        border: 2px solid #fff;
        display: inline-block;
        margin-right: 25px;
    }

    .owl-dots .owl-dot:last-child {
        margin: 0;
    }

    .owl-dots .owl-dot.active {
        background: #b7b7b7;
    }

    div#block-views-block-header-carousel-block-1 {
        overflow: hidden;
        /*height: 100vh;*/
    }

    #block-views-block-test-carousel-block-1 .owl-carousel .owl-item img {
        display: block;
        margin: 0px auto;
    }

    .header-carousel-wrapper {
        width: 80%;
        margin: 0px auto;
        padding: 20px;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    @media only screen and (max-width: 1023px) {
        .owl-nav {
            top: 90px;
        }

        .owl-prev {
            left: 0;
            position: absolute;
        }

        .owl-next {
            right: 0px;
            position: absolute;
        }
    }

    /*  header carousel  */
    @media only screen and (max-width: 768px) {
        .header-carousel-list {
            height: auto;
        }

        .owl-nav {
            top: 50%;
        }
    }



    /* Video CSS */




    .video-embed {
        height: 0;
        position: relative;
        padding-bottom: 56.25%;
    }

    .video-embed iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



    /* TurnKey Toaster CSS */




    form#ToasterSignup .mlist-field label {
        display: none;
    }

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

    .mlist-checks {
        position: relative;
        margin: 18px 0 10px;
    }

    .mlist-field {
        position: relative;
    }

    fieldset {
        padding: 0;
        margin: 0;
        border: none;
        min-width: initial;
    }

    select#dobMonth,
    select#dobDay {
        width: 49%;
        display: inline-block;
        margin-right: 2%;
    }

    select#dobDay {
        margin-right: 0;
    }

    div#lightBoxContent {
        position: fixed;
        bottom: -500px;
    }

    div#lightBoxContent.show_toaster {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        width: 320px;
        height: auto !important;
        padding: 36px 10px 10px;
        right: 24px;
        left: auto !important;
        z-index: 99999;
        transition: all 500ms cubic-bezier(0.815, -0.46, 0.095, 1.48);
        border: 2px solid;
        display: block;
        background-color: #000;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        border-bottom: 0;
        top: auto !important;
        bottom: 0 !important;
    }

    #tktsContainer #block-views-turnkey-lightbox-block-1 {
        display: none;
    }

    #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .emailTitle {
        font-size: 15px;
        color: #fff;
        text-align: center;
        line-height: 26px;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .mlist-header {
        display: none;
    }

    #tktsContainer #lightBoxContent .mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock .thankyou-message.embed {
        text-align: left;
        font-family: inherit;
        color: var(--site-text-color);
        color: #fff;
    }

    #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper {
        box-sizing: border-box;
        padding: 0px;
        width: 100%;
        float: none;
        background-color: #000;
        font-style: normal;
    }

    #tktsContainer .lightBoxClose.turnKeyClose a:after {
        content: \"X\";
        font-size: 20px;
        color: #fff;
        cursor: pointer;
    }

    #tktsContainer .lightBoxClose.turnKeyClose a:hover:after {
        opacity: 0.5;
    }

    #tktsContainer .mlist-submit,
    #tktsContainer .mlist-field {
        display: inline-block;
        vertical-align: bottom;
    }

    #tktsContainer .mlist-field label,
    div#mlistPage label {
        color: var(--site-text-color);
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
    }

    #mlistPage .mlist-checks label {
        padding: 0px 0 0 30px;
        font-size: 12px;
    }

    form#ToasterSignup .mlist-field {
        width: calc(100% - 40px);
    }

    input,
    select {
        background: #000;
        border: 1px solid #fff;
        padding: 0 40px 0px 5px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 16px;
        width: 100%;
        display: block;
        text-transform: uppercase;
        color: var(--white);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        letter-spacing: 2px;
        height: 35px;
        font-family: inherit;
        outline: 0;
    }

    select {
        background: url('/sites/g/files/g2000018121/files/white-drop-down.png') no-repeat 98% transparent;
    }

    #tktsContainer .mlist-field input#email {
        color: #8e8e8e;
        border: none;
        border-bottom: 1px solid #b8b8b8;
        font-size: 16px;
        text-transform: uppercase;
        outline: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    select::-ms-expand {
        display: none;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active,
    select:-webkit-autofill {
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
        -webkit-box-shadow: 0 0 0px 1000px #000 inset;
        -webkit-text-fill-color: #fff;
        border: 1px solid #fff;
    }


    #tktsContainer input#email:-webkit-autofill {
        -webkit-text-fill-color: #8e8e8e;
        -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
        -webkit-box-shadow: 0 0 0px 1000px #000 inset;
        -webkit-text-fill-color: #8e8e8e;
    }

    #tktsContainer #thankyoublock-innerwrapper .mlist-field label,
    div#mlistPage label {
        color: #fff;
        color: #fff;
        display: block;
        padding: 0.5em 0;
    }

    form {
        font-size: 0;
        letter-spacing: 0;
    }

    #tktsContainer #thankyoublock-innerwrapper .mlist-field {
        width: 100%;
    }

    #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .mlist-submit input,
    #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .mlist-submit-new input,
    div#mlistPage .mlist-submit input {
        margin: 0;
        background: #000;
        border: none;
        color: #fff;
        font-size: 20px;
        padding: 0;
        line-height: 30px;
        cursor: pointer;
        border: 1px solid;
    }

    #tktsContainer a.terms,
    div#mlistPage a.terms {
        color: #fff;
        text-decoration: underline;
    }

    #tktsContainer a.terms:hover,
    div#mlistPage a.terms:hover {
        text-decoration: underline;
        color: #fff;
    }

    #tktsContainer label.error,
    div#mlistPage label.error {
        font-size: 11px;
        color: var(--bright-red);
        position: absolute;
        bottom: -13px;
        text-transform: initial;
        letter-spacing: 1px;
        width: 105%;
        left: 0;
    }

    div#mlistPage label {
        padding: 0.7em 0;
    }

    div#mlistPage label.error {
        bottom: -20px;
    }

    #tktsContainer .mlist-field input#email.error {
        border-bottom: 1px solid #ff0000;
    }

    ::-webkit-input-placeholder {
        color: #8e8e8e;
        opacity: 1;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        color: #8e8e8e;
        opacity: 1;
    }

    :-ms-input-placeholder {
        /* IE 10+ */
        color: #8e8e8e;
        opacity: 1;
    }

    :-moz-placeholder {
        /* Firefox 18- */
        color: #8e8e8e;
        opacity: 1;
    }

    #tktsContainer .thankswelcome-msg {
        color: #fff;
    }

    #tktsContainer div#thankyouBlock {
        padding: 0 0px;
    }

    #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .mlist-submit input:hover,
    #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .mlist-submit-new input:hover,
    div#mlistPage .mlist-submit input.submit:hover {
        color: #000;
        background: #b8b8b8;
    }

    fieldset {
        border: none;
        padding: 0;
    }

    label.global-list {
        display: inline-block;
        font-size: 12px;
        padding: 0px 0 0 30px;
        box-sizing: border-box;
        line-height: 22px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        text-align: left;
    }

    label.global-list {
        color: var(--site-text-color);
        color: #fff;
        text-align: left;
    }

    div#turnkeyLightbox .turnKeyImageWrapper,
    .turnKeyTextWrapper {
        width: 48.5%;
    }

    #tktsContainer #thankyoublock-innerwrapper .mlist-field.postalcode,
    #tktsContainer #thankyoublock-innerwrapper .mlist-field.country {
        display: inline-block;
        width: 49%;
        vertical-align: bottom;
    }

    #tktsContainer .turnKeyTextWrapper>div>div {
        margin: 0;
    }

    #tktsContainer .mlist-submit-new {
        margin: 10px 0 0;
    }

    #tktsContainer #thankyoublock-innerwrapper .mlist-field {
        margin-bottom: 5px;
    }

    #tktsContainer #thankyoublock-innerwrapper .mlist-field.postalcode {
        margin-right: 2%;
    }

    select option {
        color: var(--site-text-color);
        background: #000;
        color: #fff;
    }

    #tktsContainer #lightBoxContent .mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock .thankyou-message.embed {
        text-align: center;
        font-size: 16px;
        line-height: 25px;
        margin: 0 0 10px;
    }

    #tktsContainer #lightBoxContent .mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock>.thankyou-message.embed {
        display: none;
    }

    #tktsContainer #lightBoxContent .mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock.final-screen>.thankyou-message.embed {
        display: block;
    }

    #tktsContainer #lightBoxContent .mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock .thankyou-message.embed span {
        white-space: nowrap;
    }

    .termsWrapper {
        font-size: 10px;
        letter-spacing: 1px;
        position: relative;
        margin-top: 15px;
    }

    .mlist-outer-wrapper [type="checkbox"]:not(:checked)+label:before,
    .mlist-outer-wrapper [type="checkbox"]:checked+label:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 22px;
        height: 22px;
        border: 1px solid #fff;
        background: transparent;
        border-radius: 0px;
        box-sizing: border-box;
    }

    .mlist-outer-wrapper [type="checkbox"]:not(:checked)+label:after,
    .mlist-outer-wrapper [type="checkbox"]:checked+label:after {
        content: '\2713';
        position: absolute;
        top: 4px;
        line-height: 1;
        left: 5px;
        font-size: 15px;
        color: var(--site-text-color);
        color: #fff;
        text-align: center;
    }

    #tktsContainer .lightBoxClose.turnKeyClose a {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 20px;
        z-index: 999;
        cursor: pointer;
    }

    @media only screen and (max-width: 767px) {
        #tktsContainer #lightBoxContent div#thankyoublock-innerwrapper {
            height: 65vh;
            overflow-y: scroll;
            /*padding-bottom: 50px;*/
        }

        #tktsContainer #lightBoxContent .mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock .thankyou-message.embed {
            margin-bottom: 0;
        }

        div#lightBoxContent {
            padding: 36px 10px 10px;
        }

        div#lightBoxContent.show_toaster {
            width: 100%;
            right: 0;
        }
    }

    .termsContent {
        color: #fff;
        display: none;
        z-index: 1;
        padding: 10px 0;
        width: 100%;
        box-sizing: border-box;
        line-height: 13px;
        text-align: left;
        letter-spacing: normal;
        font-size: 10px;
    }

    .termsContent a {
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        text-align: center;
        line-height: 13px;
        display: inline-block;
        width: auto;
        height: auto;
        text-decoration: underline;
    }

    .termsContent a:hover,
    a.terms:hover {
        color: #b8b8b8;
    }

    .turnKeyToaster div#thankyoublock-innerwrapper .thankswelcome-msg {
        color: #fff;
    }


    a.terms:after {
        content: "Terms";
    }

    a.terms.showing:after {
        content: "Hide";
    }

    body #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .mlist-submit input {
        font-size: 0;
        width: 22px;
        height: 22px;
        background: url('/sites/g/files/g2000018121/files/mlist-arrow.png') no-repeat scroll center transparent;
        border: none;
    }

    #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .mlist-submit {
        margin-left: 18px;
    }

    body #tktsContainer #lightBoxContent.lightBoxContent .turnKeyTextWrapper .mlist-outer-wrapper .mlist-wrapper form .mlist-submit input:hover {
        background: url('/sites/g/files/g2000018121/files/mlist-arrow-hover.png') no-repeat scroll center transparent;
    }

    .mlist-outer-wrapper [type="checkbox"]:not(:checked)+label:after {
        opacity: 0;
        transform: scale(1);
    }



    /* Custom Styles */




    .comment__header {
        padding: 13px 20px !important;
    }

    .comment__overlay.sd_overall.show {
        opacity: .5;
        z-index: 9;
    }

    .comment__title {
        cursor: pointer;
        margin: 30px 0;
    }

    .side_drawer.comment.show {
        border-left: solid 1px #ccc;
        z-index: 10;
    }

    .comment-box {
        padding-bottom: 30px;
    }

    .comment-box>div#comment-form {
        margin-top: 0 !important;
        padding: 0px 20px 20px 20px !important;
        border: none;
        background-color: #fff;
    }

    div#comment-form span {
        display: block !important;
        padding: 15px 0px 40px 0px !important;
    }

    div#comment-form button {
        float: right;
        border: none;
        background-color: transparent;
        padding: 0px;
        margin-top: 10px;
        color: #359be9;

    }

    textarea#comment {
        border: none;
        width: 100%;
        padding: 15px 0px 0px 0px !important;
    }

    textarea#comment:focus {
        outline: none;
    }

    div#comments {
        padding-top: 10px;
    }

    .commentsWrapper.indented {
        margin-left: 15px;
    }

    .commentAlter {
        margin: 7px 0 !important;
        width: 100%;
    }

    span.title {
        display: block;
    }

    span.title {
        font-weight: lighter;
    }

    span.username {
        font-weight: normal;
    }

    .commentAlter.logout>img,
    .commentAlter>img {
        width: 20px !important;
        height: 20px !important;
        margin-right: 14px !important;
        opacity: 0.5 !important;
    }

    span.created {
        font-weight: lighter;
        font-style: italic;
        float: right;
        padding-top: 7px;
    }

    @media only screen and (max-width: 768px) {
        .side_drawer.comment.show {
            width: 88% !important;
        }

        #comment-form {
            display: block !important;
            position: fixed;
            bottom: 0;
            z-index: 9999;
        }

        div#comment-form span {
            padding: 15px 0 !important;
        }

        .comment-box>div#comment-form {
            padding: 0 20px 0 20px !important;
        }

        .comment-box>div {
            padding-top: 60px !important;
        }

        textarea#comment {
            height: 30px;
            width: 70%;
        }

        div#comment-form button {
            margin-top: 15px;
        }
    }



    /* Footer - CSS */




    div#block-footermailinglistjs {
        display: none;
    }

    a.music-relief {
        width: 155px;
    }

    div#follow-lightbox {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 9999;
        text-align: center;
        background: rgba(0, 0, 0, 0.85);
        box-sizing: border-box;
        padding: 10px 0 0;
    }

    h1.follow {
        font-size: 46.57px;
        text-transform: uppercase;
    }

    a.music-relief img.hover {
        display: none;
        opacity: 0.5;
    }

    a.music-relief:hover img.hover {
        display: initial;
    }

    a.music-relief:hover img.normal {
        display: none;
    }

    div#follow-lightbox.follow-pop {
        display: block;
    }

    div#follow-lightbox a.menu-link {
        display: block;
        width: 100%;
        margin: 0 0 30px;
        font-size: 25px;
    }

    div#follow-lightbox .follow-close {
        text-align: right;
    }

    div#follow-lightbox .follow-close a {
        display: inline-block;
        color: #fff;
        margin-right: 10%;
        font-size: 25px;
    }

    div#follow-lightbox .follow-close a:hover {
        color: #b8b8b8;
    }

    div#Footer-follow a:hover {
        background: #b8b8b8;
        color: #000;
        border-color: #b8b8b8;
    }

    div#Footer-follow a {
        font-size: 15.86px;
        padding: 4px 36px;
        border: 1px solid;
        letter-spacing: 4px;
    }

    .copyright-bar>div {
        display: inline-block;
    }

    .copyright-bar>div.copy {
        margin-right: 0px;
    }

    .footer-outer-wrapper>div {
        display: inline-block;
        text-align: left;
    }

    .footer-outer-wrapper {
        position: relative;
    }

    .footer-outer-wrapper>div#Footer-Logo,
    .footer-outer-wrapper>div#Footer-follow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .footer-outer-wrapper>div#Footer-Logo {
        left: 0;
        max-width: 50px;
    }

    .footer-outer-wrapper>div#Footer-follow {
        right: 0;
    }

    .footer-outer-wrapper>div#Footer-Logo h1,
    .footer-outer-wrapper>div#Footer-Logo a {
        margin: 0;
        display: block;
    }

    div#drupal-live-announce {
        display: none;
    }

    ul.footer-socials.socials li {
        display: inline-block;
    }

    .secondFormCloseWrap {
        top: 0px;
        right: 0px;
    }

    div#thankyoublock-innerwrapper {
        position: relative;
    }

    div#thankyouBlock {
        padding: 30px 0px;
    }

    .copyright {
        padding: 40px 30px;
    }

    @font-face {
        font-family: 'icomoon';
        src: url('/sites/g/files/g2000018121/files/2018-06/icomoon_0.eot?4s41pt');
        src: url('/sites/g/files/g2000018121/files/2018-06/icomoon_0.eot?4s41pt#iefix') format('embedded-opentype'), url('/sites/g/files/g2000018121/files/2018-06/icomoon.ttf?4s41pt') format('truetype'), url('/sites/g/files/g2000018121/files/2018-06/icomoon.woff?4s41pt') format('woff'), url('sites/g/files/g2000018121/files/2018-06/icomoon.svg?4s41pt#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        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-brand:before {
        content: "\e901";
    }

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

    .icon-facebook:before {
        content: "\ea90";
    }

    .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";
    }

    .socials a {
        display: inline-block;
        vertical-align: middle;
    }

    .socials a {
        color: var(--white);
        font-size: 25px;
        margin-right: 40px;
        text-decoration: none;
    }

    .socials {
        margin-top: 30px;
    }

    ul.footer-socials.socials {
        text-align: center;
    }

    .socials a:hover {
        color: #b8b8b8;
    }

    .copyright,
    .copyright a {
        text-align: left;
        color: var(--white);
        margin: 10px 0;
    }

    .copyright a:hover {
        color: #b7b7b7;
    }

    .copyright {
        margin: 0px;
        text-transform: uppercase;
        font-size: 10px;
    }

    .copyright,
    div#block-videohtml {
        border-top: 5px solid #fff;
    }

    .copyright-bar.mobile {
        display: none;
    }

    br.mobile {
        display: none;
    }

    ul.footer-socials.socials>li:last-child a {
        margin-left: 0;
        margin-right: 0;
    }

    .footer-row-2 a {
        margin-top: 0;
    }

    img {
        outline: 0;
    }

    @media only screen and (max-width: 1023px) {
        ul.footer-socials.socials {
            padding: 0px 0px;
        }

        .quickedit-field {
            text-align: center;
        }

        .quickedit-field {
            padding: 0px 5px;
        }

        ul.footer-socials.socials {
            margin: 0px;
        }

        .copyright {
            padding: 30px 0px;
        }
    }

    @media only screen and (max-width: 768px) {
        .socials a {
            margin: 20px;
        }

        .footer-outer-wrapper>div {
            display: block;
            margin: 0 0 10px;
        }

        .footer-outer-wrapper>div#Footer-Logo,
        .footer-outer-wrapper>div#Footer-follow {
            position: initial;
            top: initial;
            left: initial;
            transform: initial;
        }

        .footer-outer-wrapper>div#Footer-Logo {
            margin: 0 auto;
            display: block;
        }

        .copyright-bar.desktop {
            display: none;
        }

        .copyright-bar.mobile {
            display: block;
        }

        .copyright-bar>div.copy {
            margin-right: 0;
            display: block;
        }
    }

    @media only screen and (max-width: 767px) {
        div#follow-lightbox a.menu-link {
            margin: 0 0 20px;
            font-size: 20px;
        }

        ul.footer-socials.socials a {
            margin: 10px;
            font-size: 20px;
        }
    }

    @media only screen and (max-width: 767px) and (orientation: landscape) {
        div#follow-lightbox {
            height: 100vh;
            overflow-y: scroll;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1300px) {
        .footer-outer-wrapper>div {
            font-size: 9px;
            letter-spacing: 0;
        }

        .copyright-bar>div.copy {
            margin-right: 15px;
            display: block;
        }
    }


    ul.footer-socials.socials li {
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

    .socials a {
        margin: 0;
    }

    @media all and (max-width:1023px) {
        a#subscribe-nav {
            font-size: 20px;
        }

        .footer-outer-wrapper>div {
            display: block;
            margin: 0 0 10px;
        }

        .footer-outer-wrapper>div#Footer-Logo,
        .footer-outer-wrapper>div#Footer-follow {
            position: initial;
            top: initial;
            left: initial;
            transform: initial;
        }

        .footer-outer-wrapper>div#Footer-Logo {
            margin: 0 auto;
            display: block;
        }

        .copyright-bar.desktop {
            display: none;
        }

        .copyright-bar.mobile {
            display: block;
        }

        .copyright-bar>div.copy {
            display: block;
        }
    }



    /* UserPage - CSS */
    /*
        Login page stylings
    */
    form#user-login-form {
        font-size: 18px;
        width: 100%;
        padding: 100px 0px;
        text-transform: uppercase;
    }

    .copyright-bar.desktop {
        padding-left: 65px;
    }

    input#edit-name,
    input#edit-pass {
        padding: 5px;
        height: auto;
        display: inline-block;
        width: auto;
        border: 1px solid black;
        width: 50%;
    }

    label.js-form-required.form-required {
        display: inline-block;
        width: 50%;
        padding: 10px;
    }

    div#edit-name--description,
    div#edit-pass--description {
        text-transform: initial;
        padding: 5px 0px;
        display: none;
    }

    input#edit-submit {
        padding: 10px;
        margin: 10px auto;
        width: auto;
        border: 1px solid red;
        background-color: red;
        height: auto;
        cursor: pointer;
        text-align: center;
    }

    div#edit-actions {
        float: none;
        text-align: center;
    }

    input#edit-submit:hover {
        border: 1px solid black;
    }


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

        .footer-outer-wrapper>div {
            display: inline-block;
            text-align: center;
        }

        .copyright,
        .copyright a {
            text-align: center;
        }
    }

    .user-login-form input#edit-name,
    .user-login-form input#edit-pass {
        border: 1px solid #fff;
    }

    .user-login-form input#edit-submit {
        float: left;
    }
    @media only screen and (min-width:1064px) {
        div#block-mainpagecontent {
            max-width: 53%;
        }
    }
    @media only screen and (min-width:1920px) {
        div#block-mainpagecontent {
            max-width: 53%;
        }
    }

</style></div>
      
  </div>
<div id="block-68741navfix" data-block-plugin-id="block_content:b704c5c2-8fb0-4e2a-8c9b-370052e1f3c9">
  
    
      
            <div><style>
#hybrid-theory-nav{
margin-right:0;
}
    @media only all and (min-width: 1024px) {
    div#nav {
        display: inline-block !important;
    }
        #nav ul.footer-socials.socials #subscribe-nav {
            font-size: 13.69px;
            vertical-align: top;
        }

        #nav ul.footer-socials.socials,
        ul.footer-socials.socials li {
            display: inline;
        }
#hybrid-theory-nav{
margin-right:18px;
}
    }
</style></div>
      
  </div>
<div id="block-genericjs" data-block-plugin-id="block_content:7f431103-1345-4c29-bdb1-bce59793daed">
  
    
      
            <div><script>

    /**
     * Owl Carousel v2.2.1
     * Copyright 2013-2017 David Deutsch
     * Licensed under  ()
     */
    /**
     * Owl carousel
     * @version 2.1.6
     * @author Bartosz Wojciechowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     * @todo Lazy Load Icon
     * @todo prevent animationend bubling
     * @todo itemsScaleUp
     * @todo Test Zepto
     * @todo stagePadding calculate wrong active classes
     */
    ;(function($, window, document, undefined) {
    
        /**
         * Creates a carousel.
         * @class The Owl Carousel.
         * @public
         * @param {HTMLElement|$} element - The element to create the carousel for.
         * @param {Object} [options] - The options
         */
        function Owl(element, options) {
    
            /**
             * Current settings for the carousel.
             * @public
             */
            this.settings = null;
    
            /**
             * Current options set by the caller including defaults.
             * @public
             */
            this.options = $.extend({}, Owl.Defaults, options);
    
            /**
             * Plugin element.
             * @public
             */
            this.$element = $(element);
    
            /**
             * Proxied event handlers.
             * @protected
             */
            this._handlers = {};
    
            /**
             * References to the running plugins of this carousel.
             * @protected
             */
            this._plugins = {};
    
            /**
             * Currently suppressed events to prevent them from beeing retriggered.
             * @protected
             */
            this._supress = {};
    
            /**
             * Absolute current position.
             * @protected
             */
            this._current = null;
    
            /**
             * Animation speed in milliseconds.
             * @protected
             */
            this._speed = null;
    
            /**
             * Coordinates of all items in pixel.
             * @todo The name of this member is missleading.
             * @protected
             */
            this._coordinates = [];
    
            /**
             * Current breakpoint.
             * @todo Real media queries would be nice.
             * @protected
             */
            this._breakpoint = null;
    
            /**
             * Current width of the plugin element.
             */
            this._width = null;
    
            /**
             * All real items.
             * @protected
             */
            this._items = [];
    
            /**
             * All cloned items.
             * @protected
             */
            this._clones = [];
    
            /**
             * Merge values of all items.
             * @todo Maybe this could be part of a plugin.
             * @protected
             */
            this._mergers = [];
    
            /**
             * Widths of all items.
             */
            this._widths = [];
    
            /**
             * Invalidated parts within the update process.
             * @protected
             */
            this._invalidated = {};
    
            /**
             * Ordered list of workers for the update process.
             * @protected
             */
            this._pipe = [];
    
            /**
             * Current state information for the drag operation.
             * @todo #261
             * @protected
             */
            this._drag = {
                time: null,
                target: null,
                pointer: null,
                stage: {
                    start: null,
                    current: null
                },
                direction: null
            };
    
            /**
             * Current state information and their tags.
             * @type {Object}
             * @protected
             */
            this._states = {
                current: {},
                tags: {
                    'initializing': [ 'busy' ],
                    'animating': [ 'busy' ],
                    'dragging': [ 'interacting' ]
                }
            };
    
            $.each([ 'onResize', 'onThrottledResize' ], $.proxy(function(i, handler) {
                this._handlers[handler] = $.proxy(this[handler], this);
            }, this));
    
            $.each(Owl.Plugins, $.proxy(function(key, plugin) {
                this._plugins[key.charAt(0).toLowerCase() + key.slice(1)]
                    = new plugin(this);
            }, this));
    
            $.each(Owl.Workers, $.proxy(function(priority, worker) {
                this._pipe.push({
                    'filter': worker.filter,
                    'run': $.proxy(worker.run, this)
                });
            }, this));
    
            this.setup();
            this.initialize();
        }
    
        /**
         * Default options for the carousel.
         * @public
         */
        Owl.Defaults = {
            items: 3,
            loop: false,
            center: false,
            rewind: false,
    
            mouseDrag: true,
            touchDrag: true,
            pullDrag: true,
            freeDrag: false,
    
            margin: 0,
            stagePadding: 0,
    
            merge: false,
            mergeFit: true,
            autoWidth: false,
    
            startPosition: 0,
            rtl: false,
    
            smartSpeed: 250,
            fluidSpeed: false,
            dragEndSpeed: false,
    
            responsive: {},
            responsiveRefreshRate: 200,
            responsiveBaseElement: window,
    
            fallbackEasing: 'swing',
    
            info: false,
    
            nestedItemSelector: false,
            itemElement: 'div',
            stageElement: 'div',
    
            refreshClass: 'owl-refresh',
            loadedClass: 'owl-loaded',
            loadingClass: 'owl-loading',
            rtlClass: 'owl-rtl',
            responsiveClass: 'owl-responsive',
            dragClass: 'owl-drag',
            itemClass: 'owl-item',
            stageClass: 'owl-stage',
            stageOuterClass: 'owl-stage-outer',
            grabClass: 'owl-grab'
        };
    
        /**
         * Enumeration for width.
         * @public
         * @readonly
         * @enum {String}
         */
        Owl.Width = {
            Default: 'default',
            Inner: 'inner',
            Outer: 'outer'
        };
    
        /**
         * Enumeration for types.
         * @public
         * @readonly
         * @enum {String}
         */
        Owl.Type = {
            Event: 'event',
            State: 'state'
        };
    
        /**
         * Contains all registered plugins.
         * @public
         */
        Owl.Plugins = {};
    
        /**
         * List of workers involved in the update process.
         */
        Owl.Workers = [ {
            filter: [ 'width', 'settings' ],
            run: function() {
                this._width = this.$element.width();
            }
        }, {
            filter: [ 'width', 'items', 'settings' ],
            run: function(cache) {
                cache.current = this._items && this._items[this.relative(this._current)];
            }
        }, {
            filter: [ 'items', 'settings' ],
            run: function() {
                this.$stage.children('.cloned').remove();
            }
        }, {
            filter: [ 'width', 'items', 'settings' ],
            run: function(cache) {
                var margin = this.settings.margin || '',
                    grid = !this.settings.autoWidth,
                    rtl = this.settings.rtl,
                    css = {
                        'width': 'auto',
                        'margin-left': rtl ? margin : '',
                        'margin-right': rtl ? '' : margin
                    };
    
                !grid && this.$stage.children().css(css);
    
                cache.css = css;
            }
        }, {
            filter: [ 'width', 'items', 'settings' ],
            run: function(cache) {
                var width = (this.width() / this.settings.items).toFixed(3) - this.settings.margin,
                    merge = null,
                    iterator = this._items.length,
                    grid = !this.settings.autoWidth,
                    widths = [];
    
                cache.items = {
                    merge: false,
                    width: width
                };
    
                while (iterator--) {
                    merge = this._mergers[iterator];
                    merge = this.settings.mergeFit && Math.min(merge, this.settings.items) || merge;
    
                    cache.items.merge = merge > 1 || cache.items.merge;
    
                    widths[iterator] = !grid ? this._items[iterator].width() : width * merge;
                }
    
                this._widths = widths;
            }
        }, {
            filter: [ 'items', 'settings' ],
            run: function() {
                var clones = [],
                    items = this._items,
                    settings = this.settings,
                    // TODO: Should be computed from number of min width items in stage
                    view = Math.max(settings.items * 2, 4),
                    size = Math.ceil(items.length / 2) * 2,
                    repeat = settings.loop && items.length ? settings.rewind ? view : Math.max(view, size) : 0,
                    append = '',
                    prepend = '';
    
                repeat /= 2;
    
                while (repeat--) {
                    // Switch to only using appended clones
                    clones.push(this.normalize(clones.length / 2, true));
                    append = append + items[clones[clones.length - 1]][0].outerHTML;
                    clones.push(this.normalize(items.length - 1 - (clones.length - 1) / 2, true));
                    prepend = items[clones[clones.length - 1]][0].outerHTML + prepend;
                }
    
                this._clones = clones;
    
                $(append).addClass('cloned').appendTo(this.$stage);
                $(prepend).addClass('cloned').prependTo(this.$stage);
            }
        }, {
            filter: [ 'width', 'items', 'settings' ],
            run: function() {
                var rtl = this.settings.rtl ? 1 : -1,
                    size = this._clones.length + this._items.length,
                    iterator = -1,
                    previous = 0,
                    current = 0,
                    coordinates = [];
    
                while (++iterator < size) {
                    previous = coordinates[iterator - 1] || 0;
                    current = this._widths[this.relative(iterator)] + this.settings.margin;
                    coordinates.push(previous + current * rtl);
                }
    
                this._coordinates = coordinates;
            }
        }, {
            filter: [ 'width', 'items', 'settings' ],
            run: function() {
                var padding = this.settings.stagePadding,
                    coordinates = this._coordinates,
                    css = {
                        'width': Math.ceil(Math.abs(coordinates[coordinates.length - 1])) + padding * 2,
                        'padding-left': padding || '',
                        'padding-right': padding || ''
                    };
    
                this.$stage.css(css);
            }
        }, {
            filter: [ 'width', 'items', 'settings' ],
            run: function(cache) {
                var iterator = this._coordinates.length,
                    grid = !this.settings.autoWidth,
                    items = this.$stage.children();
    
                if (grid && cache.items.merge) {
                    while (iterator--) {
                        cache.css.width = this._widths[this.relative(iterator)];
                        items.eq(iterator).css(cache.css);
                    }
                } else if (grid) {
                    cache.css.width = cache.items.width;
                    items.css(cache.css);
                }
            }
        }, {
            filter: [ 'items' ],
            run: function() {
                this._coordinates.length < 1 && this.$stage.removeAttr('style');
            }
        }, {
            filter: [ 'width', 'items', 'settings' ],
            run: function(cache) {
                cache.current = cache.current ? this.$stage.children().index(cache.current) : 0;
                cache.current = Math.max(this.minimum(), Math.min(this.maximum(), cache.current));
                this.reset(cache.current);
            }
        }, {
            filter: [ 'position' ],
            run: function() {
                this.animate(this.coordinates(this._current));
            }
        }, {
            filter: [ 'width', 'position', 'items', 'settings' ],
            run: function() {
                var rtl = this.settings.rtl ? 1 : -1,
                    padding = this.settings.stagePadding * 2,
                    begin = this.coordinates(this.current()) + padding,
                    end = begin + this.width() * rtl,
                    inner, outer, matches = [], i, n;
    
                for (i = 0, n = this._coordinates.length; i < n; i++) {
                    inner = this._coordinates[i - 1] || 0;
                    outer = Math.abs(this._coordinates[i]) + padding * rtl;
    
                    if ((this.op(inner, '<=', begin) && (this.op(inner, '>', end)))
                        || (this.op(outer, '<', begin) && this.op(outer, '>', end))) {
                        matches.push(i);
                    }
                }
    
                this.$stage.children('.active').removeClass('active');
                this.$stage.children(':eq(' + matches.join('), :eq(') + ')').addClass('active');
    
                if (this.settings.center) {
                    this.$stage.children('.center').removeClass('center');
                    this.$stage.children().eq(this.current()).addClass('center');
                }
            }
        } ];
    
        /**
         * Initializes the carousel.
         * @protected
         */
        Owl.prototype.initialize = function() {
            this.enter('initializing');
            this.trigger('initialize');
    
            this.$element.toggleClass(this.settings.rtlClass, this.settings.rtl);
    
            if (this.settings.autoWidth && !this.is('pre-loading')) {
                var imgs, nestedSelector, width;
                imgs = this.$element.find('img');
                nestedSelector = this.settings.nestedItemSelector ? '.' + this.settings.nestedItemSelector : undefined;
                width = this.$element.children(nestedSelector).width();
    
                if (imgs.length && width <= 0) {
                    this.preloadAutoWidthImages(imgs);
                }
            }
    
            this.$element.addClass(this.options.loadingClass);
    
            // create stage
            this.$stage = $('<' + this.settings.stageElement + ' class="' + this.settings.stageClass + '"/>')
                .wrap('<div class="' + this.settings.stageOuterClass + '"/>');
    
            // append stage
            this.$element.append(this.$stage.parent());
    
            // append content
            this.replace(this.$element.children().not(this.$stage.parent()));
    
            // check visibility
            if (this.$element.is(':visible')) {
                // update view
                this.refresh();
            } else {
                // invalidate width
                this.invalidate('width');
            }
    
            this.$element
                .removeClass(this.options.loadingClass)
                .addClass(this.options.loadedClass);
    
            // register event handlers
            this.registerEventHandlers();
    
            this.leave('initializing');
            this.trigger('initialized');
        };
    
        /**
         * Setups the current settings.
         * @todo Remove responsive classes. Why should adaptive designs be brought into IE8?
         * @todo Support for media queries by using `matchMedia` would be nice.
         * @public
         */
        Owl.prototype.setup = function() {
            var viewport = this.viewport(),
                overwrites = this.options.responsive,
                match = -1,
                settings = null;
    
            if (!overwrites) {
                settings = $.extend({}, this.options);
            } else {
                $.each(overwrites, function(breakpoint) {
                    if (breakpoint <= viewport && breakpoint > match) {
                        match = Number(breakpoint);
                    }
                });
    
                settings = $.extend({}, this.options, overwrites[match]);
                if (typeof settings.stagePadding === 'function') {
                    settings.stagePadding = settings.stagePadding();
                }
                delete settings.responsive;
    
                // responsive class
                if (settings.responsiveClass) {
                    this.$element.attr('class',
                        this.$element.attr('class').replace(new RegExp('(' + this.options.responsiveClass + '-)\\S+\\s', 'g'), '$1' + match)
                    );
                }
            }
    
            this.trigger('change', { property: { name: 'settings', value: settings } });
            this._breakpoint = match;
            this.settings = settings;
            this.invalidate('settings');
            this.trigger('changed', { property: { name: 'settings', value: this.settings } });
        };
    
        /**
         * Updates option logic if necessery.
         * @protected
         */
        Owl.prototype.optionsLogic = function() {
            if (this.settings.autoWidth) {
                this.settings.stagePadding = false;
                this.settings.merge = false;
            }
        };
    
        /**
         * Prepares an item before add.
         * @todo Rename event parameter `content` to `item`.
         * @protected
         * @returns {$|HTMLElement} - The item container.
         */
        Owl.prototype.prepare = function(item) {
            var event = this.trigger('prepare', { content: item });
    
            if (!event.data) {
                event.data = $('<' + this.settings.itemElement + '/>')
                    .addClass(this.options.itemClass).append(item)
            }
    
            this.trigger('prepared', { content: event.data });
    
            return event.data;
        };
    
        /**
         * Updates the view.
         * @public
         */
        Owl.prototype.update = function() {
            var i = 0,
                n = this._pipe.length,
                filter = $.proxy(function(p) { return this[p] }, this._invalidated),
                cache = {};
    
            while (i < n) {
                if (this._invalidated.all || $.grep(this._pipe[i].filter, filter).length > 0) {
                    this._pipe[i].run(cache);
                }
                i++;
            }
    
            this._invalidated = {};
    
            !this.is('valid') && this.enter('valid');
        };
    
        /**
         * Gets the width of the view.
         * @public
         * @param {Owl.Width} [dimension=Owl.Width.Default] - The dimension to return.
         * @returns {Number} - The width of the view in pixel.
         */
        Owl.prototype.width = function(dimension) {
            dimension = dimension || Owl.Width.Default;
            switch (dimension) {
                case Owl.Width.Inner:
                case Owl.Width.Outer:
                    return this._width;
                default:
                    return this._width - this.settings.stagePadding * 2 + this.settings.margin;
            }
        };
    
        /**
         * Refreshes the carousel primarily for adaptive purposes.
         * @public
         */
        Owl.prototype.refresh = function() {
            this.enter('refreshing');
            this.trigger('refresh');
    
            this.setup();
    
            this.optionsLogic();
    
            this.$element.addClass(this.options.refreshClass);
    
            this.update();
    
            this.$element.removeClass(this.options.refreshClass);
    
            this.leave('refreshing');
            this.trigger('refreshed');
        };
    
        /**
         * Checks window `resize` event.
         * @protected
         */
        Owl.prototype.onThrottledResize = function() {
            window.clearTimeout(this.resizeTimer);
            this.resizeTimer = window.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate);
        };
    
        /**
         * Checks window `resize` event.
         * @protected
         */
        Owl.prototype.onResize = function() {
            if (!this._items.length) {
                return false;
            }
    
            if (this._width === this.$element.width()) {
                return false;
            }
    
            if (!this.$element.is(':visible')) {
                return false;
            }
    
            this.enter('resizing');
    
            if (this.trigger('resize').isDefaultPrevented()) {
                this.leave('resizing');
                return false;
            }
    
            this.invalidate('width');
    
            this.refresh();
    
            this.leave('resizing');
            this.trigger('resized');
        };
    
        /**
         * Registers event handlers.
         * @todo Check `msPointerEnabled`
         * @todo #261
         * @protected
         */
        Owl.prototype.registerEventHandlers = function() {
            if ($.support.transition) {
                this.$stage.on($.support.transition.end + '.owl.core', $.proxy(this.onTransitionEnd, this));
            }
    
            if (this.settings.responsive !== false) {
                this.on(window, 'resize', this._handlers.onThrottledResize);
            }
    
            if (this.settings.mouseDrag) {
                this.$element.addClass(this.options.dragClass);
                this.$stage.on('mousedown.owl.core', $.proxy(this.onDragStart, this));
                this.$stage.on('dragstart.owl.core selectstart.owl.core', function() { return false });
            }
    
            if (this.settings.touchDrag){
                this.$stage.on('touchstart.owl.core', $.proxy(this.onDragStart, this));
                this.$stage.on('touchcancel.owl.core', $.proxy(this.onDragEnd, this));
            }
        };
    
        /**
         * Handles `touchstart` and `mousedown` events.
         * @todo Horizontal swipe threshold as option
         * @todo #261
         * @protected
         * @param {Event} event - The event arguments.
         */
        Owl.prototype.onDragStart = function(event) {
            var stage = null;
    
            if (event.which === 3) {
                return;
            }
    
            if ($.support.transform) {
                stage = this.$stage.css('transform').replace(/.*\(|\)| /g, '').split(',');
                stage = {
                    x: stage[stage.length === 16 ? 12 : 4],
                    y: stage[stage.length === 16 ? 13 : 5]
                };
            } else {
                stage = this.$stage.position();
                stage = {
                    x: this.settings.rtl ?
                        stage.left + this.$stage.width() - this.width() + this.settings.margin :
                        stage.left,
                    y: stage.top
                };
            }
    
            if (this.is('animating')) {
                $.support.transform ? this.animate(stage.x) : this.$stage.stop()
                this.invalidate('position');
            }
    
            this.$element.toggleClass(this.options.grabClass, event.type === 'mousedown');
    
            this.speed(0);
    
            this._drag.time = new Date().getTime();
            this._drag.target = $(event.target);
            this._drag.stage.start = stage;
            this._drag.stage.current = stage;
            this._drag.pointer = this.pointer(event);
    
            $(document).on('mouseup.owl.core touchend.owl.core', $.proxy(this.onDragEnd, this));
    
            $(document).one('mousemove.owl.core touchmove.owl.core', $.proxy(function(event) {
                var delta = this.difference(this._drag.pointer, this.pointer(event));
    
                $(document).on('mousemove.owl.core touchmove.owl.core', $.proxy(this.onDragMove, this));
    
                if (Math.abs(delta.x) < Math.abs(delta.y) && this.is('valid')) {
                    return;
                }
    
                event.preventDefault();
    
                this.enter('dragging');
                this.trigger('drag');
            }, this));
        };
    
        /**
         * Handles the `touchmove` and `mousemove` events.
         * @todo #261
         * @protected
         * @param {Event} event - The event arguments.
         */
        Owl.prototype.onDragMove = function(event) {
            var minimum = null,
                maximum = null,
                pull = null,
                delta = this.difference(this._drag.pointer, this.pointer(event)),
                stage = this.difference(this._drag.stage.start, delta);
    
            if (!this.is('dragging')) {
                return;
            }
    
            event.preventDefault();
    
            if (this.settings.loop) {
                minimum = this.coordinates(this.minimum());
                maximum = this.coordinates(this.maximum() + 1) - minimum;
                stage.x = (((stage.x - minimum) % maximum + maximum) % maximum) + minimum;
            } else {
                minimum = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum());
                maximum = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum());
                pull = this.settings.pullDrag ? -1 * delta.x / 5 : 0;
                stage.x = Math.max(Math.min(stage.x, minimum + pull), maximum + pull);
            }
    
            this._drag.stage.current = stage;
    
            this.animate(stage.x);
        };
    
        /**
         * Handles the `touchend` and `mouseup` events.
         * @todo #261
         * @todo Threshold for click event
         * @protected
         * @param {Event} event - The event arguments.
         */
        Owl.prototype.onDragEnd = function(event) {
            var delta = this.difference(this._drag.pointer, this.pointer(event)),
                stage = this._drag.stage.current,
                direction = delta.x > 0 ^ this.settings.rtl ? 'left' : 'right';
    
            $(document).off('.owl.core');
    
            this.$element.removeClass(this.options.grabClass);
    
            if (delta.x !== 0 && this.is('dragging') || !this.is('valid')) {
                this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed);
                this.current(this.closest(stage.x, delta.x !== 0 ? direction : this._drag.direction));
                this.invalidate('position');
                this.update();
    
                this._drag.direction = direction;
    
                if (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) {
                    this._drag.target.one('click.owl.core', function() { return false; });
                }
            }
    
            if (!this.is('dragging')) {
                return;
            }
    
            this.leave('dragging');
            this.trigger('dragged');
        };
    
        /**
         * Gets absolute position of the closest item for a coordinate.
         * @todo Setting `freeDrag` makes `closest` not reusable. See #165.
         * @protected
         * @param {Number} coordinate - The coordinate in pixel.
         * @param {String} direction - The direction to check for the closest item. Ether `left` or `right`.
         * @return {Number} - The absolute position of the closest item.
         */
        Owl.prototype.closest = function(coordinate, direction) {
            var position = -1,
                pull = 30,
                width = this.width(),
                coordinates = this.coordinates();
    
            if (!this.settings.freeDrag) {
                // check closest item
                $.each(coordinates, $.proxy(function(index, value) {
                    // on a left pull, check on current index
                    if (direction === 'left' && coordinate > value - pull && coordinate < value + pull) {
                        position = index;
                    // on a right pull, check on previous index
                    // to do so, subtract width from value and set position = index + 1
                    } else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) {
                        position = index + 1;
                    } else if (this.op(coordinate, '<', value)
                        && this.op(coordinate, '>', coordinates[index + 1] || value - width)) {
                        position = direction === 'left' ? index + 1 : index;
                    }
                    return position === -1;
                }, this));
            }
    
            if (!this.settings.loop) {
                // non loop boundries
                if (this.op(coordinate, '>', coordinates[this.minimum()])) {
                    position = coordinate = this.minimum();
                } else if (this.op(coordinate, '<', coordinates[this.maximum()])) {
                    position = coordinate = this.maximum();
                }
            }
    
            return position;
        };
    
        /**
         * Animates the stage.
         * @todo #270
         * @public
         * @param {Number} coordinate - The coordinate in pixels.
         */
        Owl.prototype.animate = function(coordinate) {
            var animate = this.speed() > 0;
    
            this.is('animating') && this.onTransitionEnd();
    
            if (animate) {
                this.enter('animating');
                this.trigger('translate');
            }
    
            if ($.support.transform3d && $.support.transition) {
                this.$stage.css({
                    transform: 'translate3d(' + coordinate + 'px,0px,0px)',
                    transition: (this.speed() / 1000) + 's'
                });
            } else if (animate) {
                this.$stage.animate({
                    left: coordinate + 'px'
                }, this.speed(), this.settings.fallbackEasing, $.proxy(this.onTransitionEnd, this));
            } else {
                this.$stage.css({
                    left: coordinate + 'px'
                });
            }
        };
    
        /**
         * Checks whether the carousel is in a specific state or not.
         * @param {String} state - The state to check.
         * @returns {Boolean} - The flag which indicates if the carousel is busy.
         */
        Owl.prototype.is = function(state) {
            return this._states.current[state] && this._states.current[state] > 0;
        };
    
        /**
         * Sets the absolute position of the current item.
         * @public
         * @param {Number} [position] - The new absolute position or nothing to leave it unchanged.
         * @returns {Number} - The absolute position of the current item.
         */
        Owl.prototype.current = function(position) {
            if (position === undefined) {
                return this._current;
            }
    
            if (this._items.length === 0) {
                return undefined;
            }
    
            position = this.normalize(position);
    
            if (this._current !== position) {
                var event = this.trigger('change', { property: { name: 'position', value: position } });
    
                if (event.data !== undefined) {
                    position = this.normalize(event.data);
                }
    
                this._current = position;
    
                this.invalidate('position');
    
                this.trigger('changed', { property: { name: 'position', value: this._current } });
            }
    
            return this._current;
        };
    
        /**
         * Invalidates the given part of the update routine.
         * @param {String} [part] - The part to invalidate.
         * @returns {Array.<String>} - The invalidated parts.
         */
        Owl.prototype.invalidate = function(part) {
            if ($.type(part) === 'string') {
                this._invalidated[part] = true;
                this.is('valid') && this.leave('valid');
            }
            return $.map(this._invalidated, function(v, i) { return i });
        };
    
        /**
         * Resets the absolute position of the current item.
         * @public
         * @param {Number} position - The absolute position of the new item.
         */
        Owl.prototype.reset = function(position) {
            position = this.normalize(position);
    
            if (position === undefined) {
                return;
            }
    
            this._speed = 0;
            this._current = position;
    
            this.suppress([ 'translate', 'translated' ]);
    
            this.animate(this.coordinates(position));
    
            this.release([ 'translate', 'translated' ]);
        };
    
        /**
         * Normalizes an absolute or a relative position of an item.
         * @public
         * @param {Number} position - The absolute or relative position to normalize.
         * @param {Boolean} [relative=false] - Whether the given position is relative or not.
         * @returns {Number} - The normalized position.
         */
        Owl.prototype.normalize = function(position, relative) {
            var n = this._items.length,
                m = relative ? 0 : this._clones.length;
    
            if (!this.isNumeric(position) || n < 1) {
                position = undefined;
            } else if (position < 0 || position >= n + m) {
                position = ((position - m / 2) % n + n) % n + m / 2;
            }
    
            return position;
        };
    
        /**
         * Converts an absolute position of an item into a relative one.
         * @public
         * @param {Number} position - The absolute position to convert.
         * @returns {Number} - The converted position.
         */
        Owl.prototype.relative = function(position) {
            position -= this._clones.length / 2;
            return this.normalize(position, true);
        };
    
        /**
         * Gets the maximum position for the current item.
         * @public
         * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position.
         * @returns {Number}
         */
        Owl.prototype.maximum = function(relative) {
            var settings = this.settings,
                maximum = this._coordinates.length,
                iterator,
                reciprocalItemsWidth,
                elementWidth;
    
            if (settings.loop) {
                maximum = this._clones.length / 2 + this._items.length - 1;
            } else if (settings.autoWidth || settings.merge) {
                iterator = this._items.length;
                reciprocalItemsWidth = this._items[--iterator].width();
                elementWidth = this.$element.width();
                while (iterator--) {
                    reciprocalItemsWidth += this._items[iterator].width() + this.settings.margin;
                    if (reciprocalItemsWidth > elementWidth) {
                        break;
                    }
                }
                maximum = iterator + 1;
            } else if (settings.center) {
                maximum = this._items.length - 1;
            } else {
                maximum = this._items.length - settings.items;
            }
    
            if (relative) {
                maximum -= this._clones.length / 2;
            }
    
            return Math.max(maximum, 0);
        };
    
        /**
         * Gets the minimum position for the current item.
         * @public
         * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position.
         * @returns {Number}
         */
        Owl.prototype.minimum = function(relative) {
            return relative ? 0 : this._clones.length / 2;
        };
    
        /**
         * Gets an item at the specified relative position.
         * @public
         * @param {Number} [position] - The relative position of the item.
         * @return {$|Array.<$>} - The item at the given position or all items if no position was given.
         */
        Owl.prototype.items = function(position) {
            if (position === undefined) {
                return this._items.slice();
            }
    
            position = this.normalize(position, true);
            return this._items[position];
        };
    
        /**
         * Gets an item at the specified relative position.
         * @public
         * @param {Number} [position] - The relative position of the item.
         * @return {$|Array.<$>} - The item at the given position or all items if no position was given.
         */
        Owl.prototype.mergers = function(position) {
            if (position === undefined) {
                return this._mergers.slice();
            }
    
            position = this.normalize(position, true);
            return this._mergers[position];
        };
    
        /**
         * Gets the absolute positions of clones for an item.
         * @public
         * @param {Number} [position] - The relative position of the item.
         * @returns {Array.<Number>} - The absolute positions of clones for the item or all if no position was given.
         */
        Owl.prototype.clones = function(position) {
            var odd = this._clones.length / 2,
                even = odd + this._items.length,
                map = function(index) { return index % 2 === 0 ? even + index / 2 : odd - (index + 1) / 2 };
    
            if (position === undefined) {
                return $.map(this._clones, function(v, i) { return map(i) });
            }
    
            return $.map(this._clones, function(v, i) { return v === position ? map(i) : null });
        };
    
        /**
         * Sets the current animation speed.
         * @public
         * @param {Number} [speed] - The animation speed in milliseconds or nothing to leave it unchanged.
         * @returns {Number} - The current animation speed in milliseconds.
         */
        Owl.prototype.speed = function(speed) {
            if (speed !== undefined) {
                this._speed = speed;
            }
    
            return this._speed;
        };
    
        /**
         * Gets the coordinate of an item.
         * @todo The name of this method is missleanding.
         * @public
         * @param {Number} position - The absolute position of the item within `minimum()` and `maximum()`.
         * @returns {Number|Array.<Number>} - The coordinate of the item in pixel or all coordinates.
         */
        Owl.prototype.coordinates = function(position) {
            var multiplier = 1,
                newPosition = position - 1,
                coordinate;
    
            if (position === undefined) {
                return $.map(this._coordinates, $.proxy(function(coordinate, index) {
                    return this.coordinates(index);
                }, this));
            }
    
            if (this.settings.center) {
                if (this.settings.rtl) {
                    multiplier = -1;
                    newPosition = position + 1;
                }
    
                coordinate = this._coordinates[position];
                coordinate += (this.width() - coordinate + (this._coordinates[newPosition] || 0)) / 2 * multiplier;
            } else {
                coordinate = this._coordinates[newPosition] || 0;
            }
    
            coordinate = Math.ceil(coordinate);
    
            return coordinate;
        };
    
        /**
         * Calculates the speed for a translation.
         * @protected
         * @param {Number} from - The absolute position of the start item.
         * @param {Number} to - The absolute position of the target item.
         * @param {Number} [factor=undefined] - The time factor in milliseconds.
         * @returns {Number} - The time in milliseconds for the translation.
         */
        Owl.prototype.duration = function(from, to, factor) {
            if (factor === 0) {
                return 0;
            }
    
            return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed));
        };
    
        /**
         * Slides to the specified item.
         * @public
         * @param {Number} position - The position of the item.
         * @param {Number} [speed] - The time in milliseconds for the transition.
         */
        Owl.prototype.to = function(position, speed) {
            var current = this.current(),
                revert = null,
                distance = position - this.relative(current),
                direction = (distance > 0) - (distance < 0),
                items = this._items.length,
                minimum = this.minimum(),
                maximum = this.maximum();
    
            if (this.settings.loop) {
                if (!this.settings.rewind && Math.abs(distance) > items / 2) {
                    distance += direction * -1 * items;
                }
    
                position = current + distance;
                revert = ((position - minimum) % items + items) % items + minimum;
    
                if (revert !== position && revert - distance <= maximum && revert - distance > 0) {
                    current = revert - distance;
                    position = revert;
                    this.reset(current);
                }
            } else if (this.settings.rewind) {
                maximum += 1;
                position = (position % maximum + maximum) % maximum;
            } else {
                position = Math.max(minimum, Math.min(maximum, position));
            }
    
            this.speed(this.duration(current, position, speed));
            this.current(position);
    
            if (this.$element.is(':visible')) {
                this.update();
            }
        };
    
        /**
         * Slides to the next item.
         * @public
         * @param {Number} [speed] - The time in milliseconds for the transition.
         */
        Owl.prototype.next = function(speed) {
            speed = speed || false;
            this.to(this.relative(this.current()) + 1, speed);
        };
    
        /**
         * Slides to the previous item.
         * @public
         * @param {Number} [speed] - The time in milliseconds for the transition.
         */
        Owl.prototype.prev = function(speed) {
            speed = speed || false;
            this.to(this.relative(this.current()) - 1, speed);
        };
    
        /**
         * Handles the end of an animation.
         * @protected
         * @param {Event} event - The event arguments.
         */
        Owl.prototype.onTransitionEnd = function(event) {
    
            // if css2 animation then event object is undefined
            if (event !== undefined) {
                event.stopPropagation();
    
                // Catch only owl-stage transitionEnd event
                if ((event.target || event.srcElement || event.originalTarget) !== this.$stage.get(0)) {
                    return false;
                }
            }
    
            this.leave('animating');
            this.trigger('translated');
        };
    
        /**
         * Gets viewport width.
         * @protected
         * @return {Number} - The width in pixel.
         */
        Owl.prototype.viewport = function() {
            var width;
            if (this.options.responsiveBaseElement !== window) {
                width = $(this.options.responsiveBaseElement).width();
            } else if (window.innerWidth) {
                width = window.innerWidth;
            } else if (document.documentElement && document.documentElement.clientWidth) {
                width = document.documentElement.clientWidth;
            } else {
                console.warn('Can not detect viewport width.');
            }
            return width;
        };
    
        /**
         * Replaces the current content.
         * @public
         * @param {HTMLElement|$|String} content - The new content.
         */
        Owl.prototype.replace = function(content) {
            this.$stage.empty();
            this._items = [];
    
            if (content) {
                content = (content instanceof $) ? content : $(content);
            }
    
            if (this.settings.nestedItemSelector) {
                content = content.find('.' + this.settings.nestedItemSelector);
            }
    
            content.filter(function() {
                return this.nodeType === 1;
            }).each($.proxy(function(index, item) {
                item = this.prepare(item);
                this.$stage.append(item);
                this._items.push(item);
                this._mergers.push(item.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);
            }, this));
    
            this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0);
    
            this.invalidate('items');
        };
    
        /**
         * Adds an item.
         * @todo Use `item` instead of `content` for the event arguments.
         * @public
         * @param {HTMLElement|$|String} content - The item content to add.
         * @param {Number} [position] - The relative position at which to insert the item otherwise the item will be added to the end.
         */
        Owl.prototype.add = function(content, position) {
            var current = this.relative(this._current);
    
            position = position === undefined ? this._items.length : this.normalize(position, true);
            content = content instanceof $ ? content : $(content);
    
            this.trigger('add', { content: content, position: position });
    
            content = this.prepare(content);
    
            if (this._items.length === 0 || position === this._items.length) {
                this._items.length === 0 && this.$stage.append(content);
                this._items.length !== 0 && this._items[position - 1].after(content);
                this._items.push(content);
                this._mergers.push(content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);
            } else {
                this._items[position].before(content);
                this._items.splice(position, 0, content);
                this._mergers.splice(position, 0, content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);
            }
    
            this._items[current] && this.reset(this._items[current].index());
    
            this.invalidate('items');
    
            this.trigger('added', { content: content, position: position });
        };
    
        /**
         * Removes an item by its position.
         * @todo Use `item` instead of `content` for the event arguments.
         * @public
         * @param {Number} position - The relative position of the item to remove.
         */
        Owl.prototype.remove = function(position) {
            position = this.normalize(position, true);
    
            if (position === undefined) {
                return;
            }
    
            this.trigger('remove', { content: this._items[position], position: position });
    
            this._items[position].remove();
            this._items.splice(position, 1);
            this._mergers.splice(position, 1);
    
            this.invalidate('items');
    
            this.trigger('removed', { content: null, position: position });
        };
    
        /**
         * Preloads images with auto width.
         * @todo Replace by a more generic approach
         * @protected
         */
        Owl.prototype.preloadAutoWidthImages = function(images) {
            images.each($.proxy(function(i, element) {
                this.enter('pre-loading');
                element = $(element);
                $(new Image()).one('load', $.proxy(function(e) {
                    element.attr('src', e.target.src);
                    element.css('opacity', 1);
                    this.leave('pre-loading');
                    !this.is('pre-loading') && !this.is('initializing') && this.refresh();
                }, this)).attr('src', element.attr('src') || element.attr('data-src') || element.attr('data-src-retina'));
            }, this));
        };
    
        /**
         * Destroys the carousel.
         * @public
         */
        Owl.prototype.destroy = function() {
    
            this.$element.off('.owl.core');
            this.$stage.off('.owl.core');
            $(document).off('.owl.core');
    
            if (this.settings.responsive !== false) {
                window.clearTimeout(this.resizeTimer);
                this.off(window, 'resize', this._handlers.onThrottledResize);
            }
    
            for (var i in this._plugins) {
                this._plugins[i].destroy();
            }
    
            this.$stage.children('.cloned').remove();
    
            this.$stage.unwrap();
            this.$stage.children().contents().unwrap();
            this.$stage.children().unwrap();
    
            this.$element
                .removeClass(this.options.refreshClass)
                .removeClass(this.options.loadingClass)
                .removeClass(this.options.loadedClass)
                .removeClass(this.options.rtlClass)
                .removeClass(this.options.dragClass)
                .removeClass(this.options.grabClass)
                .attr('class', this.$element.attr('class').replace(new RegExp(this.options.responsiveClass + '-\\S+\\s', 'g'), ''))
                .removeData('owl.carousel');
        };
    
        /**
         * Operators to calculate right-to-left and left-to-right.
         * @protected
         * @param {Number} [a] - The left side operand.
         * @param {String} [o] - The operator.
         * @param {Number} [b] - The right side operand.
         */
        Owl.prototype.op = function(a, o, b) {
            var rtl = this.settings.rtl;
            switch (o) {
                case '<':
                    return rtl ? a > b : a < b;
                case '>':
                    return rtl ? a < b : a > b;
                case '>=':
                    return rtl ? a <= b : a >= b;
                case '<=':
                    return rtl ? a >= b : a <= b;
                default:
                    break;
            }
        };
    
        /**
         * Attaches to an internal event.
         * @protected
         * @param {HTMLElement} element - The event source.
         * @param {String} event - The event name.
         * @param {Function} listener - The event handler to attach.
         * @param {Boolean} capture - Wether the event should be handled at the capturing phase or not.
         */
        Owl.prototype.on = function(element, event, listener, capture) {
            if (element.addEventListener) {
                element.addEventListener(event, listener, capture);
            } else if (element.attachEvent) {
                element.attachEvent('on' + event, listener);
            }
        };
    
        /**
         * Detaches from an internal event.
         * @protected
         * @param {HTMLElement} element - The event source.
         * @param {String} event - The event name.
         * @param {Function} listener - The attached event handler to detach.
         * @param {Boolean} capture - Wether the attached event handler was registered as a capturing listener or not.
         */
        Owl.prototype.off = function(element, event, listener, capture) {
            if (element.removeEventListener) {
                element.removeEventListener(event, listener, capture);
            } else if (element.detachEvent) {
                element.detachEvent('on' + event, listener);
            }
        };
    
        /**
         * Triggers a public event.
         * @todo Remove `status`, `relatedTarget` should be used instead.
         * @protected
         * @param {String} name - The event name.
         * @param {*} [data=null] - The event data.
         * @param {String} [namespace=carousel] - The event namespace.
         * @param {String} [state] - The state which is associated with the event.
         * @param {Boolean} [enter=false] - Indicates if the call enters the specified state or not.
         * @returns {Event} - The event arguments.
         */
        Owl.prototype.trigger = function(name, data, namespace, state, enter) {
            var status = {
                item: { count: this._items.length, index: this.current() }
            }, handler = $.camelCase(
                $.grep([ 'on', name, namespace ], function(v) { return v })
                    .join('-').toLowerCase()
            ), event = $.Event(
                [ name, 'owl', namespace || 'carousel' ].join('.').toLowerCase(),
                $.extend({ relatedTarget: this }, status, data)
            );
    
            if (!this._supress[name]) {
                $.each(this._plugins, function(name, plugin) {
                    if (plugin.onTrigger) {
                        plugin.onTrigger(event);
                    }
                });
    
                this.register({ type: Owl.Type.Event, name: name });
                this.$element.trigger(event);
    
                if (this.settings && typeof this.settings[handler] === 'function') {
                    this.settings[handler].call(this, event);
                }
            }
    
            return event;
        };
    
        /**
         * Enters a state.
         * @param name - The state name.
         */
        Owl.prototype.enter = function(name) {
            $.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) {
                if (this._states.current[name] === undefined) {
                    this._states.current[name] = 0;
                }
    
                this._states.current[name]++;
            }, this));
        };
    
        /**
         * Leaves a state.
         * @param name - The state name.
         */
        Owl.prototype.leave = function(name) {
            $.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) {
                this._states.current[name]--;
            }, this));
        };
    
        /**
         * Registers an event or state.
         * @public
         * @param {Object} object - The event or state to register.
         */
        Owl.prototype.register = function(object) {
            if (object.type === Owl.Type.Event) {
                if (!$.event.special[object.name]) {
                    $.event.special[object.name] = {};
                }
    
                if (!$.event.special[object.name].owl) {
                    var _default = $.event.special[object.name]._default;
                    $.event.special[object.name]._default = function(e) {
                        if (_default && _default.apply && (!e.namespace || e.namespace.indexOf('owl') === -1)) {
                            return _default.apply(this, arguments);
                        }
                        return e.namespace && e.namespace.indexOf('owl') > -1;
                    };
                    $.event.special[object.name].owl = true;
                }
            } else if (object.type === Owl.Type.State) {
                if (!this._states.tags[object.name]) {
                    this._states.tags[object.name] = object.tags;
                } else {
                    this._states.tags[object.name] = this._states.tags[object.name].concat(object.tags);
                }
    
                this._states.tags[object.name] = $.grep(this._states.tags[object.name], $.proxy(function(tag, i) {
                    return $.inArray(tag, this._states.tags[object.name]) === i;
                }, this));
            }
        };
    
        /**
         * Suppresses events.
         * @protected
         * @param {Array.<String>} events - The events to suppress.
         */
        Owl.prototype.suppress = function(events) {
            $.each(events, $.proxy(function(index, event) {
                this._supress[event] = true;
            }, this));
        };
    
        /**
         * Releases suppressed events.
         * @protected
         * @param {Array.<String>} events - The events to release.
         */
        Owl.prototype.release = function(events) {
            $.each(events, $.proxy(function(index, event) {
                delete this._supress[event];
            }, this));
        };
    
        /**
         * Gets unified pointer coordinates from event.
         * @todo #261
         * @protected
         * @param {Event} - The `mousedown` or `touchstart` event.
         * @returns {Object} - Contains `x` and `y` coordinates of current pointer position.
         */
        Owl.prototype.pointer = function(event) {
            var result = { x: null, y: null };
    
            event = event.originalEvent || event || window.event;
    
            event = event.touches && event.touches.length ?
                event.touches[0] : event.changedTouches && event.changedTouches.length ?
                    event.changedTouches[0] : event;
    
            if (event.pageX) {
                result.x = event.pageX;
                result.y = event.pageY;
            } else {
                result.x = event.clientX;
                result.y = event.clientY;
            }
    
            return result;
        };
    
        /**
         * Determines if the input is a Number or something that can be coerced to a Number
         * @protected
         * @param {Number|String|Object|Array|Boolean|RegExp|Function|Symbol} - The input to be tested
         * @returns {Boolean} - An indication if the input is a Number or can be coerced to a Number
         */
        Owl.prototype.isNumeric = function(number) {
            return !isNaN(parseFloat(number));
        };
    
        /**
         * Gets the difference of two vectors.
         * @todo #261
         * @protected
         * @param {Object} - The first vector.
         * @param {Object} - The second vector.
         * @returns {Object} - The difference.
         */
        Owl.prototype.difference = function(first, second) {
            return {
                x: first.x - second.x,
                y: first.y - second.y
            };
        };
    
        /**
         * The $ Plugin for the Owl Carousel
         * @todo Navigation plugin `next` and `prev`
         * @public
         */
        $.fn.owlCarousel = function(option) {
            var args = Array.prototype.slice.call(arguments, 1);
    
            return this.each(function() {
                var $this = $(this),
                    data = $this.data('owl.carousel');
    
                if (!data) {
                    data = new Owl(this, typeof option == 'object' && option);
                    $this.data('owl.carousel', data);
    
                    $.each([
                        'next', 'prev', 'to', 'destroy', 'refresh', 'replace', 'add', 'remove'
                    ], function(i, event) {
                        data.register({ type: Owl.Type.Event, name: event });
                        data.$element.on(event + '.owl.carousel.core', $.proxy(function(e) {
                            if (e.namespace && e.relatedTarget !== this) {
                                this.suppress([ event ]);
                                data[event].apply(this, [].slice.call(arguments, 1));
                                this.release([ event ]);
                            }
                        }, data));
                    });
                }
    
                if (typeof option == 'string' && option.charAt(0) !== '_') {
                    data[option].apply(data, args);
                }
            });
        };
    
        /**
         * The constructor for the $ Plugin
         * @public
         */
        $.fn.owlCarousel.Constructor = Owl;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * AutoRefresh Plugin
     * @version 2.1.0
     * @author Artus Kolanowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
    
        /**
         * Creates the auto refresh plugin.
         * @class The Auto Refresh Plugin
         * @param {Owl} carousel - The Owl Carousel
         */
        var AutoRefresh = function(carousel) {
            /**
             * Reference to the core.
             * @protected
             * @type {Owl}
             */
            this._core = carousel;
    
            /**
             * Refresh interval.
             * @protected
             * @type {number}
             */
            this._interval = null;
    
            /**
             * Whether the element is currently visible or not.
             * @protected
             * @type {Boolean}
             */
            this._visible = null;
    
            /**
             * All event handlers.
             * @protected
             * @type {Object}
             */
            this._handlers = {
                'initialized.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.autoRefresh) {
                        this.watch();
                    }
                }, this)
            };
    
            // set default options
            this._core.options = $.extend({}, AutoRefresh.Defaults, this._core.options);
    
            // register event handlers
            this._core.$element.on(this._handlers);
        };
    
        /**
         * Default options.
         * @public
         */
        AutoRefresh.Defaults = {
            autoRefresh: true,
            autoRefreshInterval: 500
        };
    
        /**
         * Watches the element.
         */
        AutoRefresh.prototype.watch = function() {
            if (this._interval) {
                return;
            }
    
            this._visible = this._core.$element.is(':visible');
            this._interval = window.setInterval($.proxy(this.refresh, this), this._core.settings.autoRefreshInterval);
        };
    
        /**
         * Refreshes the element.
         */
        AutoRefresh.prototype.refresh = function() {
            if (this._core.$element.is(':visible') === this._visible) {
                return;
            }
    
            this._visible = !this._visible;
    
            this._core.$element.toggleClass('owl-hidden', !this._visible);
    
            this._visible && (this._core.invalidate('width') && this._core.refresh());
        };
    
        /**
         * Destroys the plugin.
         */
        AutoRefresh.prototype.destroy = function() {
            var handler, property;
    
            window.clearInterval(this._interval);
    
            for (handler in this._handlers) {
                this._core.$element.off(handler, this._handlers[handler]);
            }
            for (property in Object.getOwnPropertyNames(this)) {
                typeof this[property] != 'function' && (this[property] = null);
            }
        };
    
        $.fn.owlCarousel.Constructor.Plugins.AutoRefresh = AutoRefresh;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * Lazy Plugin
     * @version 2.1.0
     * @author Bartosz Wojciechowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
    
        /**
         * Creates the lazy plugin.
         * @class The Lazy Plugin
         * @param {Owl} carousel - The Owl Carousel
         */
        var Lazy = function(carousel) {
    
            /**
             * Reference to the core.
             * @protected
             * @type {Owl}
             */
            this._core = carousel;
    
            /**
             * Already loaded items.
             * @protected
             * @type {Array.<$>}
             */
            this._loaded = [];
    
            /**
             * Event handlers.
             * @protected
             * @type {Object}
             */
            this._handlers = {
                'initialized.owl.carousel change.owl.carousel resized.owl.carousel': $.proxy(function(e) {
                    if (!e.namespace) {
                        return;
                    }
    
                    if (!this._core.settings || !this._core.settings.lazyLoad) {
                        return;
                    }
    
                    if ((e.property && e.property.name == 'position') || e.type == 'initialized') {
                        var settings = this._core.settings,
                            n = (settings.center && Math.ceil(settings.items / 2) || settings.items),
                            i = ((settings.center && n * -1) || 0),
                            position = (e.property && e.property.value !== undefined ? e.property.value : this._core.current()) + i,
                            clones = this._core.clones().length,
                            load = $.proxy(function(i, v) { this.load(v) }, this);
    
                        while (i++ < n) {
                            this.load(clones / 2 + this._core.relative(position));
                            clones && $.each(this._core.clones(this._core.relative(position)), load);
                            position++;
                        }
                    }
                }, this)
            };
    
            // set the default options
            this._core.options = $.extend({}, Lazy.Defaults, this._core.options);
    
            // register event handler
            this._core.$element.on(this._handlers);
        };
    
        /**
         * Default options.
         * @public
         */
        Lazy.Defaults = {
            lazyLoad: false
        };
    
        /**
         * Loads all resources of an item at the specified position.
         * @param {Number} position - The absolute position of the item.
         * @protected
         */
        Lazy.prototype.load = function(position) {
            var $item = this._core.$stage.children().eq(position),
                $elements = $item && $item.find('.owl-lazy');
    
            if (!$elements || $.inArray($item.get(0), this._loaded) > -1) {
                return;
            }
    
            $elements.each($.proxy(function(index, element) {
                var $element = $(element), image,
                    url = (window.devicePixelRatio > 1 && $element.attr('data-src-retina')) || $element.attr('data-src');
    
                this._core.trigger('load', { element: $element, url: url }, 'lazy');
    
                if ($element.is('img')) {
                    $element.one('load.owl.lazy', $.proxy(function() {
                        $element.css('opacity', 1);
                        this._core.trigger('loaded', { element: $element, url: url }, 'lazy');
                    }, this)).attr('src', url);
                } else {
                    image = new Image();
                    image.onload = $.proxy(function() {
                        $element.css({
                            'background-image': 'url("' + url + '")',
                            'opacity': '1'
                        });
                        this._core.trigger('loaded', { element: $element, url: url }, 'lazy');
                    }, this);
                    image.src = url;
                }
            }, this));
    
            this._loaded.push($item.get(0));
        };
    
        /**
         * Destroys the plugin.
         * @public
         */
        Lazy.prototype.destroy = function() {
            var handler, property;
    
            for (handler in this.handlers) {
                this._core.$element.off(handler, this.handlers[handler]);
            }
            for (property in Object.getOwnPropertyNames(this)) {
                typeof this[property] != 'function' && (this[property] = null);
            }
        };
    
        $.fn.owlCarousel.Constructor.Plugins.Lazy = Lazy;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * AutoHeight Plugin
     * @version 2.1.0
     * @author Bartosz Wojciechowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
    
        /**
         * Creates the auto height plugin.
         * @class The Auto Height Plugin
         * @param {Owl} carousel - The Owl Carousel
         */
        var AutoHeight = function(carousel) {
            /**
             * Reference to the core.
             * @protected
             * @type {Owl}
             */
            this._core = carousel;
    
            /**
             * All event handlers.
             * @protected
             * @type {Object}
             */
            this._handlers = {
                'initialized.owl.carousel refreshed.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.autoHeight) {
                        this.update();
                    }
                }, this),
                'changed.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.autoHeight && e.property.name == 'position'){
                        this.update();
                    }
                }, this),
                'loaded.owl.lazy': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.autoHeight
                        && e.element.closest('.' + this._core.settings.itemClass).index() === this._core.current()) {
                        this.update();
                    }
                }, this)
            };
    
            // set default options
            this._core.options = $.extend({}, AutoHeight.Defaults, this._core.options);
    
            // register event handlers
            this._core.$element.on(this._handlers);
        };
    
        /**
         * Default options.
         * @public
         */
        AutoHeight.Defaults = {
            autoHeight: false,
            autoHeightClass: 'owl-height'
        };
    
        /**
         * Updates the view.
         */
        AutoHeight.prototype.update = function() {
            var start = this._core._current,
                end = start + this._core.settings.items,
                visible = this._core.$stage.children().toArray().slice(start, end),
                heights = [],
                maxheight = 0;
    
            $.each(visible, function(index, item) {
                heights.push($(item).height());
            });
    
            maxheight = Math.max.apply(null, heights);
    
            this._core.$stage.parent()
                .height(maxheight)
                .addClass(this._core.settings.autoHeightClass);
        };
    
        AutoHeight.prototype.destroy = function() {
            var handler, property;
    
            for (handler in this._handlers) {
                this._core.$element.off(handler, this._handlers[handler]);
            }
            for (property in Object.getOwnPropertyNames(this)) {
                typeof this[property] != 'function' && (this[property] = null);
            }
        };
    
        $.fn.owlCarousel.Constructor.Plugins.AutoHeight = AutoHeight;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * Video Plugin
     * @version 2.1.0
     * @author Bartosz Wojciechowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
    
        /**
         * Creates the video plugin.
         * @class The Video Plugin
         * @param {Owl} carousel - The Owl Carousel
         */
        var Video = function(carousel) {
            /**
             * Reference to the core.
             * @protected
             * @type {Owl}
             */
            this._core = carousel;
    
            /**
             * Cache all video URLs.
             * @protected
             * @type {Object}
             */
            this._videos = {};
    
            /**
             * Current playing item.
             * @protected
             * @type {$}
             */
            this._playing = null;
    
            /**
             * All event handlers.
             * @todo The cloned content removale is too late
             * @protected
             * @type {Object}
             */
            this._handlers = {
                'initialized.owl.carousel': $.proxy(function(e) {
                    if (e.namespace) {
                        this._core.register({ type: 'state', name: 'playing', tags: [ 'interacting' ] });
                    }
                }, this),
                'resize.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.video && this.isInFullScreen()) {
                        e.preventDefault();
                    }
                }, this),
                'refreshed.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.is('resizing')) {
                        this._core.$stage.find('.cloned .owl-video-frame').remove();
                    }
                }, this),
                'changed.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && e.property.name === 'position' && this._playing) {
                        this.stop();
                    }
                }, this),
                'prepared.owl.carousel': $.proxy(function(e) {
                    if (!e.namespace) {
                        return;
                    }
    
                    var $element = $(e.content).find('.owl-video');
    
                    if ($element.length) {
                        $element.css('display', 'none');
                        this.fetch($element, $(e.content));
                    }
                }, this)
            };
    
            // set default options
            this._core.options = $.extend({}, Video.Defaults, this._core.options);
    
            // register event handlers
            this._core.$element.on(this._handlers);
    
            this._core.$element.on('click.owl.video', '.owl-video-play-icon', $.proxy(function(e) {
                this.play(e);
            }, this));
        };
    
        /**
         * Default options.
         * @public
         */
        Video.Defaults = {
            video: false,
            videoHeight: false,
            videoWidth: false
        };
    
        /**
         * Gets the video ID and the type (YouTube/Vimeo/vzaar only).
         * @protected
         * @param {$} target - The target containing the video data.
         * @param {$} item - The item containing the video.
         */
        Video.prototype.fetch = function(target, item) {
                var type = (function() {
                        if (target.attr('data-vimeo-id')) {
                            return 'vimeo';
                        } else if (target.attr('data-vzaar-id')) {
                            return 'vzaar'
                        } else {
                            return 'youtube';
                        }
                    })(),
                    id = target.attr('data-vimeo-id') || target.attr('data-youtube-id') || target.attr('data-vzaar-id'),
                    width = target.attr('data-width') || this._core.settings.videoWidth,
                    height = target.attr('data-height') || this._core.settings.videoHeight,
                    url = target.attr('href');
    
            if (url) {
    
                /*
                        Parses the id's out of the following urls (and probably more):
                        https://www.youtube.com/watch?v=:id
                        https://youtu.be/:id
                        https://vimeo.com/:id
                        https://vimeo.com/channels/:channel/:id
                        https://vimeo.com/groups/:group/videos/:id
                        https://app.vzaar.com/videos/:id
    
                        Visual example: https://regexper.com/#(http%3A%7Chttps%3A%7C)%5C%2F%5C%2F(player.%7Cwww.%7Capp.)%3F(vimeo%5C.com%7Cyoutu(be%5C.com%7C%5C.be%7Cbe%5C.googleapis%5C.com)%7Cvzaar%5C.com)%5C%2F(video%5C%2F%7Cvideos%5C%2F%7Cembed%5C%2F%7Cchannels%5C%2F.%2B%5C%2F%7Cgroups%5C%2F.%2B%5C%2F%7Cwatch%5C%3Fv%3D%7Cv%5C%2F)%3F(%5BA-Za-z0-9._%25-%5D*)(%5C%26%5CS%2B)%3F
                */
    
                id = url.match(/(https:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
    
                if (id[3].indexOf('youtu') > -1) {
                    type = 'youtube';
                } else if (id[3].indexOf('vimeo') > -1) {
                    type = 'vimeo';
                } else if (id[3].indexOf('vzaar') > -1) {
                    type = 'vzaar';
                } else {
                    throw new Error('Video URL not supported.');
                }
                id = id[6];
            } else {
                throw new Error('Missing video URL.');
            }
    
            this._videos[url] = {
                type: type,
                id: id,
                width: width,
                height: height
            };
    
            item.attr('data-video', url);
    
            this.thumbnail(target, this._videos[url]);
        };
    
        /**
         * Creates video thumbnail.
         * @protected
         * @param {$} target - The target containing the video data.
         * @param {Object} info - The video info object.
         * @see `fetch`
         */
        Video.prototype.thumbnail = function(target, video) {
            var tnLink,
                icon,
                path,
                dimensions = video.width && video.height ? 'style="width:' + video.width + 'px;height:' + video.height + 'px;"' : '',
                customTn = target.find('img'),
                srcType = 'src',
                lazyClass = '',
                settings = this._core.settings,
                create = function(path) {
                    icon = '<div class="owl-video-play-icon"></div>';
    
                    if (settings.lazyLoad) {
                        tnLink = '<div class="owl-video-tn ' + lazyClass + '" ' + srcType + '="' + path + '"></div>';
                    } else {
                        tnLink = '<div class="owl-video-tn" style="opacity:1;background-image:url(' + path + ')"></div>';
                    }
                    target.after(tnLink);
                    target.after(icon);
                };
    
            // wrap video content into owl-video-wrapper div
            target.wrap('<div class="owl-video-wrapper"' + dimensions + '></div>');
    
            if (this._core.settings.lazyLoad) {
                srcType = 'data-src';
                lazyClass = 'owl-lazy';
            }
    
            // custom thumbnail
            if (customTn.length) {
                create(customTn.attr(srcType));
                customTn.remove();
                return false;
            }
    
            if (video.type === 'youtube') {
                path = "//img.youtube.com/vi/" + video.id + "/hqdefault.jpg";
                create(path);
            } else if (video.type === 'vimeo') {
                $.ajax({
                    type: 'GET',
                    url: '//vimeo.com/api/v2/video/' + video.id + '.json',
                    jsonp: 'callback',
                    dataType: 'jsonp',
                    success: function(data) {
                        path = data[0].thumbnail_large;
                        create(path);
                    }
                });
            } else if (video.type === 'vzaar') {
                $.ajax({
                    type: 'GET',
                    url: '//vzaar.com/api/videos/' + video.id + '.json',
                    jsonp: 'callback',
                    dataType: 'jsonp',
                    success: function(data) {
                        path = data.framegrab_url;
                        create(path);
                    }
                });
            }
        };
    
        /**
         * Stops the current video.
         * @public
         */
        Video.prototype.stop = function() {
            this._core.trigger('stop', null, 'video');
            this._playing.find('.owl-video-frame').remove();
            this._playing.removeClass('owl-video-playing');
            this._playing = null;
            this._core.leave('playing');
            this._core.trigger('stopped', null, 'video');
        };
    
        /**
         * Starts the current video.
         * @public
         * @param {Event} event - The event arguments.
         */
        Video.prototype.play = function(event) {
            var target = $(event.target),
                item = target.closest('.' + this._core.settings.itemClass),
                video = this._videos[item.attr('data-video')],
                width = video.width || '100%',
                height = video.height || this._core.$stage.height(),
                html;
    
            if (this._playing) {
                return;
            }
    
            this._core.enter('playing');
            this._core.trigger('play', null, 'video');
    
            item = this._core.items(this._core.relative(item.index()));
    
            this._core.reset(item.index());
    
            if (video.type === 'youtube') {
                html = '<iframe width="' + width + '" height="' + height + '" src="//www.youtube-nocookie.com/embed/' +
                    video.id + '?autoplay=1&rel=0&v=' + video.id + '" frameborder="0" allowfullscreen></iframe>';
            } else if (video.type === 'vimeo') {
                html = '<iframe src="//player.vimeo.com/video/' + video.id +
                    '?autoplay=1" width="' + width + '" height="' + height +
                    '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
            } else if (video.type === 'vzaar') {
                html = '<iframe frameborder="0"' + 'height="' + height + '"' + 'width="' + width +
                    '" allowfullscreen mozallowfullscreen webkitAllowFullScreen ' +
                    'src="//view.vzaar.com/' + video.id + '/player?autoplay=true"></iframe>';
            }
    
            $('<div class="owl-video-frame">' + html + '</div>').insertAfter(item.find('.owl-video'));
    
            this._playing = item.addClass('owl-video-playing');
        };
    
        /**
         * Checks whether an video is currently in full screen mode or not.
         * @todo Bad style because looks like a readonly method but changes members.
         * @protected
         * @returns {Boolean}
         */
        Video.prototype.isInFullScreen = function() {
            var element = document.fullscreenElement || document.mozFullScreenElement ||
                    document.webkitFullscreenElement;
    
            return element && $(element).parent().hasClass('owl-video-frame');
        };
    
        /**
         * Destroys the plugin.
         */
        Video.prototype.destroy = function() {
            var handler, property;
    
            this._core.$element.off('click.owl.video');
    
            for (handler in this._handlers) {
                this._core.$element.off(handler, this._handlers[handler]);
            }
            for (property in Object.getOwnPropertyNames(this)) {
                typeof this[property] != 'function' && (this[property] = null);
            }
        };
    
        $.fn.owlCarousel.Constructor.Plugins.Video = Video;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * Animate Plugin
     * @version 2.1.0
     * @author Bartosz Wojciechowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
    
        /**
         * Creates the animate plugin.
         * @class The Navigation Plugin
         * @param {Owl} scope - The Owl Carousel
         */
        var Animate = function(scope) {
            this.core = scope;
            this.core.options = $.extend({}, Animate.Defaults, this.core.options);
            this.swapping = true;
            this.previous = undefined;
            this.next = undefined;
    
            this.handlers = {
                'change.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && e.property.name == 'position') {
                        this.previous = this.core.current();
                        this.next = e.property.value;
                    }
                }, this),
                'drag.owl.carousel dragged.owl.carousel translated.owl.carousel': $.proxy(function(e) {
                    if (e.namespace) {
                        this.swapping = e.type == 'translated';
                    }
                }, this),
                'translate.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this.swapping && (this.core.options.animateOut || this.core.options.animateIn)) {
                        this.swap();
                    }
                }, this)
            };
    
            this.core.$element.on(this.handlers);
        };
    
        /**
         * Default options.
         * @public
         */
        Animate.Defaults = {
            animateOut: false,
            animateIn: false
        };
    
        /**
         * Toggles the animation classes whenever an translations starts.
         * @protected
         * @returns {Boolean|undefined}
         */
        Animate.prototype.swap = function() {
    
            if (this.core.settings.items !== 1) {
                return;
            }
    
            if (!$.support.animation || !$.support.transition) {
                return;
            }
    
            this.core.speed(0);
    
            var left,
                clear = $.proxy(this.clear, this),
                previous = this.core.$stage.children().eq(this.previous),
                next = this.core.$stage.children().eq(this.next),
                incoming = this.core.settings.animateIn,
                outgoing = this.core.settings.animateOut;
    
            if (this.core.current() === this.previous) {
                return;
            }
    
            if (outgoing) {
                left = this.core.coordinates(this.previous) - this.core.coordinates(this.next);
                previous.one($.support.animation.end, clear)
                    .css( { 'left': left + 'px' } )
                    .addClass('animated owl-animated-out')
                    .addClass(outgoing);
            }
    
            if (incoming) {
                next.one($.support.animation.end, clear)
                    .addClass('animated owl-animated-in')
                    .addClass(incoming);
            }
        };
    
        Animate.prototype.clear = function(e) {
            $(e.target).css( { 'left': '' } )
                .removeClass('animated owl-animated-out owl-animated-in')
                .removeClass(this.core.settings.animateIn)
                .removeClass(this.core.settings.animateOut);
            this.core.onTransitionEnd();
        };
    
        /**
         * Destroys the plugin.
         * @public
         */
        Animate.prototype.destroy = function() {
            var handler, property;
    
            for (handler in this.handlers) {
                this.core.$element.off(handler, this.handlers[handler]);
            }
            for (property in Object.getOwnPropertyNames(this)) {
                typeof this[property] != 'function' && (this[property] = null);
            }
        };
    
        $.fn.owlCarousel.Constructor.Plugins.Animate = Animate;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * Autoplay Plugin
     * @version 2.1.0
     * @author Bartosz Wojciechowski
     * @author Artus Kolanowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
    
        /**
         * Creates the autoplay plugin.
         * @class The Autoplay Plugin
         * @param {Owl} scope - The Owl Carousel
         */
        var Autoplay = function(carousel) {
            /**
             * Reference to the core.
             * @protected
             * @type {Owl}
             */
            this._core = carousel;
    
            /**
             * The autoplay timeout.
             * @type {Timeout}
             */
            this._timeout = null;
    
            /**
             * Indicates whenever the autoplay is paused.
             * @type {Boolean}
             */
            this._paused = false;
    
            /**
             * All event handlers.
             * @protected
             * @type {Object}
             */
            this._handlers = {
                'changed.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && e.property.name === 'settings') {
                        if (this._core.settings.autoplay) {
                            this.play();
                        } else {
                            this.stop();
                        }
                    } else if (e.namespace && e.property.name === 'position') {
                        //console.log('play?', e);
                        if (this._core.settings.autoplay) {
                            this._setAutoPlayInterval();
                        }
                    }
                }, this),
                'initialized.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.autoplay) {
                        this.play();
                    }
                }, this),
                'play.owl.autoplay': $.proxy(function(e, t, s) {
                    if (e.namespace) {
                        this.play(t, s);
                    }
                }, this),
                'stop.owl.autoplay': $.proxy(function(e) {
                    if (e.namespace) {
                        this.stop();
                    }
                }, this),
                'mouseover.owl.autoplay': $.proxy(function() {
                    if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
                        this.pause();
                    }
                }, this),
                'mouseleave.owl.autoplay': $.proxy(function() {
                    if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
                        this.play();
                    }
                }, this),
                'touchstart.owl.core': $.proxy(function() {
                    if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
                        this.pause();
                    }
                }, this),
                'touchend.owl.core': $.proxy(function() {
                    if (this._core.settings.autoplayHoverPause) {
                        this.play();
                    }
                }, this)
            };
    
            // register event handlers
            this._core.$element.on(this._handlers);
    
            // set default options
            this._core.options = $.extend({}, Autoplay.Defaults, this._core.options);
        };
    
        /**
         * Default options.
         * @public
         */
        Autoplay.Defaults = {
            autoplay: false,
            autoplayTimeout: 5000,
            autoplayHoverPause: false,
            autoplaySpeed: false
        };
    
        /**
         * Starts the autoplay.
         * @public
         * @param {Number} [timeout] - The interval before the next animation starts.
         * @param {Number} [speed] - The animation speed for the animations.
         */
        Autoplay.prototype.play = function(timeout, speed) {
            this._paused = false;
    
            if (this._core.is('rotating')) {
                return;
            }
    
            this._core.enter('rotating');
    
            this._setAutoPlayInterval();
        };
    
        /**
         * Gets a new timeout
         * @private
         * @param {Number} [timeout] - The interval before the next animation starts.
         * @param {Number} [speed] - The animation speed for the animations.
         * @return {Timeout}
         */
        Autoplay.prototype._getNextTimeout = function(timeout, speed) {
            if ( this._timeout ) {
                window.clearTimeout(this._timeout);
            }
            return window.setTimeout($.proxy(function() {
                if (this._paused || this._core.is('busy') || this._core.is('interacting') || document.hidden) {
                    return;
                }
                this._core.next(speed || this._core.settings.autoplaySpeed);
            }, this), timeout || this._core.settings.autoplayTimeout);
        };
    
        /**
         * Sets autoplay in motion.
         * @private
         */
        Autoplay.prototype._setAutoPlayInterval = function() {
            this._timeout = this._getNextTimeout();
        };
    
        /**
         * Stops the autoplay.
         * @public
         */
        Autoplay.prototype.stop = function() {
            if (!this._core.is('rotating')) {
                return;
            }
    
            window.clearTimeout(this._timeout);
            this._core.leave('rotating');
        };
    
        /**
         * Stops the autoplay.
         * @public
         */
        Autoplay.prototype.pause = function() {
            if (!this._core.is('rotating')) {
                return;
            }
    
            this._paused = true;
        };
    
        /**
         * Destroys the plugin.
         */
        Autoplay.prototype.destroy = function() {
            var handler, property;
    
            this.stop();
    
            for (handler in this._handlers) {
                this._core.$element.off(handler, this._handlers[handler]);
            }
            for (property in Object.getOwnPropertyNames(this)) {
                typeof this[property] != 'function' && (this[property] = null);
            }
        };
    
        $.fn.owlCarousel.Constructor.Plugins.autoplay = Autoplay;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * Navigation Plugin
     * @version 2.1.0
     * @author Artus Kolanowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
        'use strict';
    
        /**
         * Creates the navigation plugin.
         * @class The Navigation Plugin
         * @param {Owl} carousel - The Owl Carousel.
         */
        var Navigation = function(carousel) {
            /**
             * Reference to the core.
             * @protected
             * @type {Owl}
             */
            this._core = carousel;
    
            /**
             * Indicates whether the plugin is initialized or not.
             * @protected
             * @type {Boolean}
             */
            this._initialized = false;
    
            /**
             * The current paging indexes.
             * @protected
             * @type {Array}
             */
            this._pages = [];
    
            /**
             * All DOM elements of the user interface.
             * @protected
             * @type {Object}
             */
            this._controls = {};
    
            /**
             * Markup for an indicator.
             * @protected
             * @type {Array.<String>}
             */
            this._templates = [];
    
            /**
             * The carousel element.
             * @type {$}
             */
            this.$element = this._core.$element;
    
            /**
             * Overridden methods of the carousel.
             * @protected
             * @type {Object}
             */
            this._overrides = {
                next: this._core.next,
                prev: this._core.prev,
                to: this._core.to
            };
    
            /**
             * All event handlers.
             * @protected
             * @type {Object}
             */
            this._handlers = {
                'prepared.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.dotsData) {
                        this._templates.push('<div class="' + this._core.settings.dotClass + '">' +
                            $(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '</div>');
                    }
                }, this),
                'added.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.dotsData) {
                        this._templates.splice(e.position, 0, this._templates.pop());
                    }
                }, this),
                'remove.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.dotsData) {
                        this._templates.splice(e.position, 1);
                    }
                }, this),
                'changed.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && e.property.name == 'position') {
                        this.draw();
                    }
                }, this),
                'initialized.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && !this._initialized) {
                        this._core.trigger('initialize', null, 'navigation');
                        this.initialize();
                        this.update();
                        this.draw();
                        this._initialized = true;
                        this._core.trigger('initialized', null, 'navigation');
                    }
                }, this),
                'refreshed.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._initialized) {
                        this._core.trigger('refresh', null, 'navigation');
                        this.update();
                        this.draw();
                        this._core.trigger('refreshed', null, 'navigation');
                    }
                }, this)
            };
    
            // set default options
            this._core.options = $.extend({}, Navigation.Defaults, this._core.options);
    
            // register event handlers
            this.$element.on(this._handlers);
        };
    
        /**
         * Default options.
         * @public
         * @todo Rename `slideBy` to `navBy`
         */
        Navigation.Defaults = {
            nav: false,
            navText: [ 'prev', 'next' ],
            navSpeed: false,
            navElement: 'div',
            navContainer: false,
            navContainerClass: 'owl-nav',
            navClass: [ 'owl-prev', 'owl-next' ],
            slideBy: 1,
            dotClass: 'owl-dot',
            dotsClass: 'owl-dots',
            dots: true,
            dotsEach: false,
            dotsData: false,
            dotsSpeed: false,
            dotsContainer: false
        };
    
        /**
         * Initializes the layout of the plugin and extends the carousel.
         * @protected
         */
        Navigation.prototype.initialize = function() {
            var override,
                settings = this._core.settings;
    
            // create DOM structure for relative navigation
            this._controls.$relative = (settings.navContainer ? $(settings.navContainer)
                : $('<div>').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled');
    
            this._controls.$previous = $('<' + settings.navElement + '>')
                .addClass(settings.navClass[0])
                .html(settings.navText[0])
                .prependTo(this._controls.$relative)
                .on('click', $.proxy(function(e) {
                    this.prev(settings.navSpeed);
                }, this));
            this._controls.$next = $('<' + settings.navElement + '>')
                .addClass(settings.navClass[1])
                .html(settings.navText[1])
                .appendTo(this._controls.$relative)
                .on('click', $.proxy(function(e) {
                    this.next(settings.navSpeed);
                }, this));
    
            // create DOM structure for absolute navigation
            if (!settings.dotsData) {
                this._templates = [ $('<div>')
                    .addClass(settings.dotClass)
                    .append($('<span>'))
                    .prop('outerHTML') ];
            }
    
            this._controls.$absolute = (settings.dotsContainer ? $(settings.dotsContainer)
                : $('<div>').addClass(settings.dotsClass).appendTo(this.$element)).addClass('disabled');
    
            this._controls.$absolute.on('click', 'div', $.proxy(function(e) {
                var index = $(e.target).parent().is(this._controls.$absolute)
                    ? $(e.target).index() : $(e.target).parent().index();
    
                e.preventDefault();
    
                this.to(index, settings.dotsSpeed);
            }, this));
    
            // override public methods of the carousel
            for (override in this._overrides) {
                this._core[override] = $.proxy(this[override], this);
            }
        };
    
        /**
         * Destroys the plugin.
         * @protected
         */
        Navigation.prototype.destroy = function() {
            var handler, control, property, override;
    
            for (handler in this._handlers) {
                this.$element.off(handler, this._handlers[handler]);
            }
            for (control in this._controls) {
                this._controls[control].remove();
            }
            for (override in this.overides) {
                this._core[override] = this._overrides[override];
            }
            for (property in Object.getOwnPropertyNames(this)) {
                typeof this[property] != 'function' && (this[property] = null);
            }
        };
    
        /**
         * Updates the internal state.
         * @protected
         */
        Navigation.prototype.update = function() {
            var i, j, k,
                lower = this._core.clones().length / 2,
                upper = lower + this._core.items().length,
                maximum = this._core.maximum(true),
                settings = this._core.settings,
                size = settings.center || settings.autoWidth || settings.dotsData
                    ? 1 : settings.dotsEach || settings.items;
    
            if (settings.slideBy !== 'page') {
                settings.slideBy = Math.min(settings.slideBy, settings.items);
            }
    
            if (settings.dots || settings.slideBy == 'page') {
                this._pages = [];
    
                for (i = lower, j = 0, k = 0; i < upper; i++) {
                    if (j >= size || j === 0) {
                        this._pages.push({
                            start: Math.min(maximum, i - lower),
                            end: i - lower + size - 1
                        });
                        if (Math.min(maximum, i - lower) === maximum) {
                            break;
                        }
                        j = 0, ++k;
                    }
                    j += this._core.mergers(this._core.relative(i));
                }
            }
        };
    
        /**
         * Draws the user interface.
         * @todo The option `dotsData` wont work.
         * @protected
         */
        Navigation.prototype.draw = function() {
            var difference,
                settings = this._core.settings,
                disabled = this._core.items().length <= settings.items,
                index = this._core.relative(this._core.current()),
                loop = settings.loop || settings.rewind;
    
            this._controls.$relative.toggleClass('disabled', !settings.nav || disabled);
    
            if (settings.nav) {
                this._controls.$previous.toggleClass('disabled', !loop && index <= this._core.minimum(true));
                this._controls.$next.toggleClass('disabled', !loop && index >= this._core.maximum(true));
            }
    
            this._controls.$absolute.toggleClass('disabled', !settings.dots || disabled);
    
            if (settings.dots) {
                difference = this._pages.length - this._controls.$absolute.children().length;
    
                if (settings.dotsData && difference !== 0) {
                    this._controls.$absolute.html(this._templates.join(''));
                } else if (difference > 0) {
                    this._controls.$absolute.append(new Array(difference + 1).join(this._templates[0]));
                } else if (difference < 0) {
                    this._controls.$absolute.children().slice(difference).remove();
                }
    
                this._controls.$absolute.find('.active').removeClass('active');
                this._controls.$absolute.children().eq($.inArray(this.current(), this._pages)).addClass('active');
            }
        };
    
        /**
         * Extends event data.
         * @protected
         * @param {Event} event - The event object which gets thrown.
         */
        Navigation.prototype.onTrigger = function(event) {
            var settings = this._core.settings;
    
            event.page = {
                index: $.inArray(this.current(), this._pages),
                count: this._pages.length,
                size: settings && (settings.center || settings.autoWidth || settings.dotsData
                    ? 1 : settings.dotsEach || settings.items)
            };
        };
    
        /**
         * Gets the current page position of the carousel.
         * @protected
         * @returns {Number}
         */
        Navigation.prototype.current = function() {
            var current = this._core.relative(this._core.current());
            return $.grep(this._pages, $.proxy(function(page, index) {
                return page.start <= current && page.end >= current;
            }, this)).pop();
        };
    
        /**
         * Gets the current succesor/predecessor position.
         * @protected
         * @returns {Number}
         */
        Navigation.prototype.getPosition = function(successor) {
            var position, length,
                settings = this._core.settings;
    
            if (settings.slideBy == 'page') {
                position = $.inArray(this.current(), this._pages);
                length = this._pages.length;
                successor ? ++position : --position;
                position = this._pages[((position % length) + length) % length].start;
            } else {
                position = this._core.relative(this._core.current());
                length = this._core.items().length;
                successor ? position += settings.slideBy : position -= settings.slideBy;
            }
    
            return position;
        };
    
        /**
         * Slides to the next item or page.
         * @public
         * @param {Number} [speed=false] - The time in milliseconds for the transition.
         */
        Navigation.prototype.next = function(speed) {
            $.proxy(this._overrides.to, this._core)(this.getPosition(true), speed);
        };
    
        /**
         * Slides to the previous item or page.
         * @public
         * @param {Number} [speed=false] - The time in milliseconds for the transition.
         */
        Navigation.prototype.prev = function(speed) {
            $.proxy(this._overrides.to, this._core)(this.getPosition(false), speed);
        };
    
        /**
         * Slides to the specified item or page.
         * @public
         * @param {Number} position - The position of the item or page.
         * @param {Number} [speed] - The time in milliseconds for the transition.
         * @param {Boolean} [standard=false] - Whether to use the standard behaviour or not.
         */
        Navigation.prototype.to = function(position, speed, standard) {
            var length;
    
            if (!standard && this._pages.length) {
                length = this._pages.length;
                $.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
            } else {
                $.proxy(this._overrides.to, this._core)(position, speed);
            }
        };
    
        $.fn.owlCarousel.Constructor.Plugins.Navigation = Navigation;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * Hash Plugin
     * @version 2.1.0
     * @author Artus Kolanowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
        'use strict';
    
        /**
         * Creates the hash plugin.
         * @class The Hash Plugin
         * @param {Owl} carousel - The Owl Carousel
         */
        var Hash = function(carousel) {
            /**
             * Reference to the core.
             * @protected
             * @type {Owl}
             */
            this._core = carousel;
    
            /**
             * Hash index for the items.
             * @protected
             * @type {Object}
             */
            this._hashes = {};
    
            /**
             * The carousel element.
             * @type {$}
             */
            this.$element = this._core.$element;
    
            /**
             * All event handlers.
             * @protected
             * @type {Object}
             */
            this._handlers = {
                'initialized.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && this._core.settings.startPosition === 'URLHash') {
                        $(window).trigger('hashchange.owl.navigation');
                    }
                }, this),
                'prepared.owl.carousel': $.proxy(function(e) {
                    if (e.namespace) {
                        var hash = $(e.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');
    
                        if (!hash) {
                            return;
                        }
    
                        this._hashes[hash] = e.content;
                    }
                }, this),
                'changed.owl.carousel': $.proxy(function(e) {
                    if (e.namespace && e.property.name === 'position') {
                        var current = this._core.items(this._core.relative(this._core.current())),
                            hash = $.map(this._hashes, function(item, hash) {
                                return item === current ? hash : null;
                            }).join();
    
                        if (!hash || window.location.hash.slice(1) === hash) {
                            return;
                        }
    
                        window.location.hash = hash;
                    }
                }, this)
            };
    
            // set default options
            this._core.options = $.extend({}, Hash.Defaults, this._core.options);
    
            // register the event handlers
            this.$element.on(this._handlers);
    
            // register event listener for hash navigation
            $(window).on('hashchange.owl.navigation', $.proxy(function(e) {
                var hash = window.location.hash.substring(1),
                    items = this._core.$stage.children(),
                    position = this._hashes[hash] && items.index(this._hashes[hash]);
    
                if (position === undefined || position === this._core.current()) {
                    return;
                }
    
                this._core.to(this._core.relative(position), false, true);
            }, this));
        };
    
        /**
         * Default options.
         * @public
         */
        Hash.Defaults = {
            URLhashListener: false
        };
    
        /**
         * Destroys the plugin.
         * @public
         */
        Hash.prototype.destroy = function() {
            var handler, property;
    
            $(window).off('hashchange.owl.navigation');
    
            for (handler in this._handlers) {
                this._core.$element.off(handler, this._handlers[handler]);
            }
            for (property in Object.getOwnPropertyNames(this)) {
                typeof this[property] != 'function' && (this[property] = null);
            }
        };
    
        $.fn.owlCarousel.Constructor.Plugins.Hash = Hash;
    
    })(window.Zepto || window.$, window, document);
    
    /**
     * Support Plugin
     *
     * @version 2.1.0
     * @author Vivid Planet Software GmbH
     * @author Artus Kolanowski
     * @author David Deutsch
     * @license The MIT License (MIT)
     */
    ;(function($, window, document, undefined) {
    
        var style = $('<support>').get(0).style,
            prefixes = 'Webkit Moz O ms'.split(' '),
            events = {
                transition: {
                    end: {
                        WebkitTransition: 'webkitTransitionEnd',
                        MozTransition: 'transitionend',
                        OTransition: 'oTransitionEnd',
                        transition: 'transitionend'
                    }
                },
                animation: {
                    end: {
                        WebkitAnimation: 'webkitAnimationEnd',
                        MozAnimation: 'animationend',
                        OAnimation: 'oAnimationEnd',
                        animation: 'animationend'
                    }
                }
            },
            tests = {
                csstransforms: function() {
                    return !!test('transform');
                },
                csstransforms3d: function() {
                    return !!test('perspective');
                },
                csstransitions: function() {
                    return !!test('transition');
                },
                cssanimations: function() {
                    return !!test('animation');
                }
            };
    
        function test(property, prefixed) {
            var result = false,
                upper = property.charAt(0).toUpperCase() + property.slice(1);
    
            $.each((property + ' ' + prefixes.join(upper + ' ') + upper).split(' '), function(i, property) {
                if (style[property] !== undefined) {
                    result = prefixed ? property : true;
                    return false;
                }
            });
    
            return result;
        }
    
        function prefixed(property) {
            return test(property, true);
        }
    
        if (tests.csstransitions()) {
            /* jshint -W053 */
            $.support.transition = new String(prefixed('transition'))
            $.support.transition.end = events.transition.end[ $.support.transition ];
        }
    
        if (tests.cssanimations()) {
            /* jshint -W053 */
            $.support.animation = new String(prefixed('animation'))
            $.support.animation.end = events.animation.end[ $.support.animation ];
        }
    
        if (tests.csstransforms()) {
            /* jshint -W053 */
            $.support.transform = new String(prefixed('transform'));
            $.support.transform3d = tests.csstransforms3d();
        }
    
    })(window.Zepto||window.$,window,document);
    
    </script>

<script>
var gdprSiteConfig = {
    label: 'WR',
    pp_lightbox: true,
    cookie_banner: true,
    theme: 'dark' 
}
</script>
<script type="text/javascript" src="https://libraries.wmgartistservices.com/gdpr/script_v1.js?cached=0"></script>
</div>
      
  </div>
<div id="block-wmg-screensaverloader" data-block-plugin-id="block_content:e1be1e64-6ccb-4a56-b40f-849fc093d622">
  
    
      
            <div><div class="InitialPageLoader">
    <div class="PageLoaderGif">
        <img src="https://d2cstorage-a.akamaihd.net/wr/linkinpark/PageLoader_Logo_Gif-ezgif.com-speed.gif" alt="PageLoader_Logo_Gif">
    </div>
<!-- /sites/g/files/g2000018121/files/PageLoader_Logo_Gif.gif -->
</div>
<style>
    body.animate {
        animation: fadeInAnimation ease 3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }

    @keyframes fadeInAnimation {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    main,
    footer,
    .navwholewrap {
        visibility: hidden;
    }

    body {
        overflow: hidden;
        /* opacity: 0; */
    }

    .InitialPageLoader {
        position: fixed;
        background-image: url(/sites/g/files/g2000018121/files/loader_Bg_Desktop_img.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 9999999999999;
    }

    .PageLoaderGif {
        width: 10vw;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    @media (max-width: 1024px) and (orientation:portrait) {
        .InitialPageLoader {
            background-image: url(/sites/g/files/g2000018121/files/loader_Bg_Mob.png);
        }

        .PageLoaderGif {
            width: 25vw;
        }
    }
</style>

<script>
    //  $(document).ready(function () {
    //     $(".InitialPageLoader").css({"display": "none"});
    // });
    $(window).on('load', function () {
        setTimeout(function () {
            $(".InitialPageLoader").css({ "display": "none" });
            $("main,footer,.navwholewrap").css({ "visibility": "visible" });
            $("body").css({ "overflow": "unset"});
            jQuery("body").addClass("animate");

        }, 1000);
    });
</script></div>
      
  </div>
<div id="block-onetrustcssadmin" data-block-plugin-id="block_content:b8f0c013-3f68-42a0-a0ec-0ba8a6db3055">
  
    
      
            <div><style>

div#onetrust-consent-sdk {
	display: block !important;
}
span.sep {
    display:  inline-block !important;;
}
a.ot-sdk-show-settings {
    display: inline-block !important;
}
span.legal-divider.admin-staging {
   display: inline-block;
}
div#pp-footer {
    display: none !important;
   
}

</style></div>
      
  </div>
<div id="block-wmg-redesignmenu" data-block-plugin-id="block_content:246b085b-c167-4105-a381-403d5b8f40f4">
  
    
      
            <div><div class="navwholewrap">
    <div id="SiteLogo">
        <h1><a href="/?frontpage=true"><img src="/sites/g/files/g2000018121/files/2024-04/Logo%20%281%29.svg"
                    alt="Linkin Park" title="Linkin Park"></a></h1>
    </div>
    <div class="navtopwrap">
        <div id="SiteLogo">
            <h1><a href="/?frontpage=true"><img src="/sites/g/files/g2000018121/files/2024-04/Logo%20%281%29.svg"
                        alt="Linkin Park" title="Linkin Park"></a></h1>
        </div>
        <div id='closewrapper'>
            <span id="menu-mobile-nav" class="icon-ham">
                <span></span>
                <span></span>
                <span></span>
            </span>
        </div>
    </div>
    <div class="navwrapper">
        <div id='navbar' class='stable'>
       
            <li class="menu">
                <a id="video-nav" href="https://lprk.co/youtube" target="_blank" class='menu-link-nav'>videos</a>
            </li>
            <li class="menu archiveli">
                <a href="javascript:void(0)" class="archive-nav" class='menu-link-nav'>ARCHIVE
                    <img src="/sites/g/files/g2000018121/files/2024-04/whitepolygon.svg" class="polygon non-hover"
                        alt="">
                    <img src="/sites/g/files/g2000018121/files/2024-04/neonpolygonup.svg" class="polygon hover" alt="">
                    <img src="/sites/g/files/g2000018121/files/2024-04/neonpolygon.svg" class="polygon active" alt="">
                </a>
                <div class="archivesubmenu">
                    <a href="/HT20" class="asubmenulink hybt">
                        <div class="archivetext">
                            <span class="hyp"></span>HYBRID THEORY
                        </div>
                        <div class="tan">20<sup>TH</sup>
                            ANNIVERSARY</div>
                    </a>
                    <a href="/meteora20" class="asubmenulink meteo">
                        <div class="archivetext">
                            <span class="hyp"></span>METEORA
                        </div>
                        <div class="tan">20<sup>TH</sup>
                            ANNIVERSARY</div>
                    </a>
                    <a href="https://namegenerator.linkinpark.com/" target="_blank" class="asubmenulink namegenwrap">
                        <span class="hyp namegenhyp"></span>
                        <div class="tan namegen">NAME GENERATOR</div>
                    </a>
                </div>
            </li>
            <li class="menu">
                <a id="merch-nav" href="https://store.linkinpark.com/" target="_blank" class='menu-link-nav'
                    data-track="enter-store">store</a>
            </li>
            <li class="menu">
                <a id="tour-nav" href="http://lprk.co/LPU" target="_blank" class='menu-link-nav'
                    custom-link-name="Nav:LPU">lpu</a>

            </li>

        </div>
        <div class="subscribewrap">
            <a id="subscribe-nav" href="javascript:void(0)">NEWSLETTER SIGN UP</a></li>
        </div>
    </div>
    <div class="headerfooter">
        <div class="ftrsubbtn">
            <a href="javascript:void(0)">NEWSLETTER SIGN UP</a>
        </div>
        <div class="footerleftwrap">
            <div class="footersocials">
                <li class="social"><a href="https://instagram.com/linkinpark" target="_blank"
                        data-track="instagram-ftr"><i class="lpicon-instagram"></i></a></li>
                <li class="social"><a href="https://twitter.com/linkinpark" target="_blank" data-track="twitter-ftr"><i
                            class="lpicon-twitter"></i></a></li>
                <li class="social"><a href="https://www.tiktok.com/@linkinpark" target="_blank"
                        data-track="tiktok-ftr"><i class="lpicon-tiktok"></i></a></li>
                <li class="social"><a href="https://www.facebook.com/linkinPark" target="_blank"
                        data-track="facebook-ftr"><i class="lpicon-facebook2"></i></a></li>
                <li class="social discordsocial"><a href="https://discord.com/invite/linkinpark" target="_blank"
                        data-track="discord-ftr"><i class=""><img
                                src="/sites/g/files/g2000018121/files/2024-04/discord.svg" alt=""
                                class="nonhoverdiscord">

                            <img src="/sites/g/files/g2000018121/files/2024-04/discordhover.svg" alt=""
                                class="hoverdiscord"></i></a>
                </li>
                <li class="social"><a href="http://lprk.co/youtube" target="_blank" data-track="youtube-ftr"><i
                            class="lpicon-youtube"></i></a></li>
            </div>
            <div class="copyrightsection">
                <div class="copyrighttext">
                    © 2024 LINKIN PARK. ALL RIGHTS RESERVED.
                </div>
                <div class="footer-links">
                    <a target="_blank" class="footer-terms-of-use"
                        href="https://www.warnerrecords.com/terms-of-use">Terms
                        &amp; Conditions</a> <span class="sep">|</span>
                    <a class="footer-privacy-policy" target="_blank" href="/privacy-policy">Privacy Policy</a>
                    <span class="sep mmbr">|</span>
                    <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank">Cookies
                        Policy</a> <span class="sep mmbr">|</span><br>
                    <a class="ot-sdk-show-settings" style="cursor:pointer;">Cookies&nbsp;Settings</a><span
                        class="sep mmbr">|</span><br>
                    <a href="#" target="_blank">Redemption Codes</a><span class="sep mmbr">|</span><br>
<a class="orderhelp" href="https://www.linkinpark.com/warner-order-help">WARNER MUSIC STORE SUPPORT</a>
                </div>
            </div>
        </div>
    </div>

</div>
<script>
    jQuery(document).ready(function () {
        jQuery(".archive-nav").click(function () {
            jQuery("li.archiveli").toggleClass("archive-active");
        })
        jQuery(document).click(function (e) {
            if ($(e.target).closest(".archive-nav").length === 0) {
                jQuery("li.archiveli").removeClass("archive-active");
            }
        })

    })
</script>
<style>
    .headerfooter {
        display: none;
    }

    .navtopwrap {
        display: none;
    }

    #closewrapper {
        display: none;
    }

    body {
        padding: 0 !important;
    }

    div#toolbar-administration {
        display: none;
    }

    div#block-menuhtml {
        display: none;
    }

    div#block-footerhtml {
        display: none;
    }

    div#block-wmg-redesignmenu {
        background: #000000;
    }

    li.menu {
        display: block;
    }

    .navwholewrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .navwrapper {
        display: flex;
        align-items: center;
    }

    div#navbar {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .archivesubmenu {
        display: none;
    }

    div#SiteLogo {
        width: 10.113vw;
        margin-left: 1vw;
        padding: 0.938vw 0;
    }

    div#SiteLogo img {
        width: 100%;
    }

    h1,
    h2,
    .title {
        font-size: 0;
        margin: 0;
    }

    li.menu a {
        font-size: 0.938vw;
        text-transform: uppercase;
        font-family: "neue-haas-grotesk-display";
        font-weight: 400;
        letter-spacing: 0.075vw;
        text-decoration: none;
        color: #fff;
    }

    li.menu:last-child {
        margin-right: 0;
    }

    li.menu {
        margin-right: 3.125vw;
    }

    .subscribewrap a {
        font-size: 0.938vw;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
        letter-spacing: 0.075vw;
        color: #fff;
        padding-right: 1vw;
        text-decoration: none;
    }

    .navwholewrap {
        height: 3.125vw;
    }


    .hover {
        display: none;
    }

    img.polygon {
        padding-left: 0.25vw;
    }

    li.menu a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    a.archive-nav:hover .hover {
        display: block;
    }

    a.archive-nav:hover .non-hover {
        display: none;
    }

    li.menu.archiveli.archive-active .archivesubmenu {
        display: block;
        position: absolute;
        bottom: -6vw;
    }

    div#navbar {
        position: relative;
    }

    li.menu .archivesubmenu a div {
        color: #FFFFFF;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
        font-size: 0.833vw;
        letter-spacing: 0.067vw;
    }

    li.menu .archivesubmenu a {
        display: block;
    }

    li.menu .archivesubmenu a .tan {
        font-family: "neue-haas-grotesk-display";
        font-weight: 400;
    }

    img.polygon.active {
        display: none;
    }

    li.menu a:hover {
        opacity: 1;
        color: #44D62C;
    }

    li.menu.archiveli.archive-active .non-hover {
        display: none;
    }

    li.menu.archiveli.archive-active .active {
        display: block;
    }

    li.menu.archiveli.archive-active a.archive-nav {
        opacity: 1;
        color: #44D62C;
    }

    li.menu.archiveli.archive-active a.archive-nav:hover .hover {
        display: none;
    }

    li.menu.archiveli.archive-active .archivesubmenu {
        background: #000;
        width: 14.531vw;
        display: flex;
        flex-flow: column;
        align-items: center;
        padding-top: 1.563vw;
        bottom: auto;
        z-index: 999;
        padding-bottom: 1.146vw;
    }

    a.asubmenulink {
        padding-bottom: 1.25vw;
    }

    li.menu .archivesubmenu a {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    li.menu .archivesubmenu a:hover div {
        color: #44D62C;
    }

    .subscribewrap a {
        background: url(/sites/g/files/g2000018121/files/2024-04/newsletterbg.svg) no-repeat;
        display: block;
        background-size: 100% auto;
        background-position: left center;
        width: 16.302vw;
        text-align: right;
        padding: 0;
        height: 3.125vw;
        line-height: 3.125vw;
        padding-right: 1.146vw;
        color: #000;
    }

    img.polygon {
        width: 0.75vw;
    }

    .subscribewrap a:hover {
        background-image: url(/sites/g/files/g2000018121/files/2024-04/newsletterbghover.svg);

    }

    div#navbar {
        margin-right: 2.188vw;
    }

    div#SiteLogo img {
        width: 100%;
    }

    div#SiteLogo a {
        display: block;
    }

    .quickedit-field {
        padding: 0;
    }

    div#block-wmg-redesignmenu {
        width: 100%;
    }

    li.menu .archivesubmenu a div sup {
        font-size: 0.65vw;
    }

    body::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .body {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .subscribewrap a {
        padding-right: 1.5vw;
    }

    @media only screen and (max-width:1023px),
    only screen and (max-width:1024px) and (orientation:portrait) {
        .menuopened .headerfooter .ftrsubbtn {
            padding-top: 5.128vw;
            margin-top: 0;
        }

        li.menu .archivesubmenu a div sup {
            font-size: 3vw;
        }

        .navtopwrap {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .navtopwrap {
            height: 15.385vw;
        }

        .navwrapper {
            display: none;
        }

        div#SiteLogo {
            display: none;
        }

        .navtopwrap div#SiteLogo {
            width: 49.785vw;
            padding: 0;
            margin-left: 4.831vw;
        }

        div#closewrapper {
            display: block;
            margin-right: 4.744vw;
        }

        span#menu-mobile-nav span {
            width: 100%;
            background: #fff;
            height: 0.513vw;
            display: block;
            line-height: 0.513vw;
        }

        span#menu-mobile-nav.icon-ham {
            width: 10.769vw;
            height: 7.179vw;
            display: block;
        }

        span#menu-mobile-nav {
            position: relative;
        }

        span#menu-mobile-nav span:nth-child(1) {
            position: absolute;
            top: 0;
        }

        span#menu-mobile-nav span:nth-child(2) {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition: all 0.3s ease-out;
        }

        span#menu-mobile-nav span:nth-child(3) {
            position: absolute;
            bottom: 0;
        }

        .menuopened span#menu-mobile-nav.icon-close span:nth-child(2) {
            position: absolute;
            top: 50%;
            transform: rotate(45deg) translateY(-50%);
            width: 9.769vw;
        }

        .menuopened span#menu-mobile-nav.icon-close span:nth-child(1) {
            position: absolute;
            top: 50%;
            transform: rotate(-45deg) translateY(-50%);
            width: 9.769vw;
        }

        .menuopened span#menu-mobile-nav.icon-close span:nth-child(3) {
            display: none;
        }

        .menuopened span#menu-mobile-nav.icon-close {
            width: 7.615vw;
            height: auto;
            display: block;
        }

        body.toolbar-icon-10.toolbar-vertical.toolbar-fixed.toolbar-tray-open {
            margin: 0;
        }

        .navtopwrap div#SiteLogo {
            display: block;
        }

        .navtopwrap {
            width: 100%;
            background: #000;
        }

        .menuopened .navtopwrap {
            position: relative;
            top: 0;
        }

        .navwholewrap {
            height: auto;
        }

        div#block-wmg-redesignmenu {
            background: transparent;
        }

        .menuopened .navwrapper {
            display: block;
            position: relative;
            bottom: 0;
            background: transparent;
            width: 64.103vw;
            margin: 0 auto;
            text-align: left;
        }

        .menuopened .navwholewrap {
            height: 100vh;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 5;
            display: block;
            background: rgba(0, 0, 0, 0.75) 0% 0% no-repeat padding-box;
            opacity: 1;
            backdrop-filter: blur(2.051vw);
            -webkit-backdrop-filter: blur(2.051vw);
            overflow-y: scroll;
        }

        .homeversionone {}

        div#navbar {
            background: transparent;
            margin: 0 auto;
            flex-flow: column;
            padding: 9.487vw 0;
            align-items: flex-start;
        }

        li.menu a {
            font-size: 6.154vw;
            margin: 0 auto;
            font-weight: 700;
            letter-spacing: 0.492vw;
        }

        li.menu {
            margin-right: 0;
            margin-bottom: 6.923vw;
        }

        img.polygon {
            display: none !important;
        }

        .archivesubmenu {
            display: block;
            padding-left: 10.385vw;
            padding-top: 6.923vw;
        }

        li.menu .archivesubmenu a div {
            font-size: 4.615vw;
            letter-spacing: 0.369vw;
        }

        li.menu a {
            align-items: flex-start;
            justify-content: flex-start;
        }

        li.menu .archivesubmenu a {
            align-items: flex-start;
        }

        span.hyp {
            display: block;
            background: #44D62C;
            width: 5.128vw;
            height: 0.513vw;
            margin-right: 2.436vw;
        }

        .archivetext {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        a.asubmenulink {
            padding-bottom: 6.923vw;
        }

        a.asubmenulink:last-child {
            padding: 0;
        }

        .tan {
            padding-left: 7.564vw;
        }

        .subscribewrap {
            display: none;
        }

        li.menu.archiveli.archive-active .archivesubmenu {
            width: 100%;
            padding: 0;
            position: relative;
            display: block;
            padding-left: 10.385vw;
            padding-top: 6.923vw;
            background: transparent;
        }

        li.menu.archiveli.archive-active a.archive-nav {
            color: #fff;
        }

        li.menu .archivesubmenu a.asubmenulink.namegenwrap {
            display: flex;
            align-items: center;
            flex-flow: row;
        }

        li.menu .archivesubmenu a .tan.namegen {
            padding: 0;
        }

        .menuopened .headerfooter {
            padding-top: 2.5vw;
            margin-top: 0;
        }

    }
    
    @media only screen and (max-width:1024px) and (orientation:landscape) {
        div#block-wmg-redesignfooter {
            padding: 0 !important;
            margin-top:5vw !important;
        }
    }
</style>

<script>
    jQuery(document).ready(function () {
        jQuery("#menu-mobile-nav").click(function () {
            jQuery("body").toggleClass("menuopened");
            jQuery(this).toggleClass("icon-close");
        })
    })
</script></div>
      
  </div>
<div id="block-wmg-redesignnewsletterpopup" data-block-plugin-id="block_content:b3e8745e-043d-4a4b-a1b0-2bf9a2ced45b">
  
    
      
            <div><script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
<script>
    var onloadCallback = function () {
        grecaptcha.render('capchaWrapper', {
            'sitekey': '6LeMRr4ZAAAAAAdAcdr8AciejuYae24DWs5m55O1',
            'callback': verifyCallback,
            'theme': 'light',
            'expired-callback': 'handleCaptchaExpired'
        });
    };
    var verifyCallback = function (response) {
        jQuery('.popup-submit').addClass("passed");
    };
    var handleCaptchaExpired = function () {
        jQuery('.popup-submit').removeClass("passed");
    };
</script>
<script>
    jQuery('.close').click(function () {
        jQuery('.lightbox').hide();
    });

function isEmail(email) {
        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        return regex.test(email);
    }
jQuery(document).ready(function(){
 
 jQuery('.dummy-submit').click(function () {
   if (isEmail(document.querySelector("input.js-cm-email-input").value) && (document.querySelector("input#cm-privacy-consent").checked == true)) {
    jQuery('.popup-submit button').click();
    jQuery('.lightbox').hide();
   } 
   else{
    !isEmail(document.querySelector("input.js-cm-email-input").value) ? document.querySelector("input.js-cm-email-input").classList.add("error") : document.querySelector("input.js-cm-email-input").classList.remove("error");
    document.querySelector("input#cm-privacy-consent").checked == false ? document.querySelector("input#cm-privacy-consent").classList.add("error") : document.querySelector("input#cm-privacy-consent").classList.remove("error");
   }
    });
})
</script>

<div class="lightbox">
    <div class="lightboxBgWrapper">
        <div class="innerWrapper">
            <div class="close">X</div>
            <div>
                <h1 color="#000">LINKIN PARK | NEWSLETTER</h1>
                <div class="popup-content-wrapper">
                    <form class="js-cm-form" id="subForm"
                        action="https://www.createsend.com/t/subscribeerror?description=" method="post"
                        data-id="191722FC90141D02184CB1B62AB3DC267CAF5853ABCDF6C157BC89EDA9418D131AA79A42DC95AD7DCB0277BA238510EE99B6D99E6C714F403EE89E178E26565F">
                        <div>
                            <div><label>Email </label>
                                <input autocomplete="Email" aria-label="Email" class="js-cm-email-input qa-input-email"
                                    id="fieldEmail" maxlength="200" name="cm-jdtrmi-jdtrmi" required="" type="email">
                                <span class="input-error">Please enter a valid email address</span>
                            </div>
                            <div>
                                <div>
                                    <div>
                                        <div class="checkbox-popup">
                                            <input aria-required="" id="cm-privacy-consent" name="cm-privacy-consent"
                                                required="" type="checkbox"><label for="cm-privacy-consent">I AGREE TO
                                                RECEIVE INFO, NEWS, AND UPDATES VIA EMAIL. YOU MAY UNSUBSCRIBE AT ANY
                                                TIME.</label>
                                            <input id="cm-privacy-consent-hidden" name="cm-privacy-consent-hidden"
                                                type="hidden" value="true">

                                        </div>
                                    </div>
                                </div>
                                <p><a href="https://lprk.co/privacy" rel="noopener" target="_blank">Privacy
                                        Policy</a>
                                </p>
                            </div>
                        </div>
<div id="capchaWrapper"></div>
                        <div class="popup-submit">

                            <button type="submit">Subscribe</button>
                            <div class="dummy-submit"></div>
                        </div>

                    </form>
                </div>
                <script type="text/javascript"
                    src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>

            </div>

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


<style>
    .lightbox form#subForm input.error {
    border-color: red;
    /* background: red; */
  
}
    .popup-submit {
        position:relative;
    }
  
    .dummy-submit{
        position:absolute;
        width:100%;
        height:100%;
        left:0;
        top:0;
    }
.popup-submit > *{
pointer-events:none;
opacity: .5;
cursor: default;
}
.popup-submit.passed > *{
pointer-events:auto;
opacity:1;
cursor: pointer;
}

    div#block-wmg-redesignnewsletterpopup {
        display: none;
    }
.lightbox #subForm .popup-submit button:hover {
        background: #44D62C;
        color: #000;
    }
    .lightbox .checkbox-popup input#cm-privacy-consent {
        display: inline-block;
        vertical-align: middle;
    }

    .lightbox form#subForm label {
        display: inline-block;
        width: 90%;
        vertical-align: middle;
    }

    .lightbox .close {
        position: absolute;
        right: 1vw;
        top: 1vw;
        cursor: pointer;
        color: #44D62C;
        font-size: 2vw;
    }

    .lightbox .checkbox-popup input#cm-privacy-consent {
        width: 1.5vw !important;
        height: 1.5vw !important;
        background: transparent;
        padding: 0;
        float: none;
        margin-right: 1%;
        margin-left: 0;
        -moz-appearance: auto;
        -webkit-appearance: auto;
        cursor: pointer;
        color: #fff;
    }

    .lightbox form#subForm input,
    .lightbox form#subForm select {
        font-weight: 500;
        margin-top: 0.5vw;
        font-family: "neue-haas-grotesk-display";
        text-align: center;
    }

    .lightbox input#fieldName,
    .lightbox input#fieldEmail {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: solid 1px #fff;
        line-height: 2vw;
        color: #fff;
        -webkit-text-fill-color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 1.3vw;
        text-transform: uppercase;
        border-radius: 0;
        margin: 0;
    }

    .lightbox form#subForm p:last-child a:hover {
        color: #44D62C;
        text-decoration: none;
    }

    .lightbox form#subForm p:last-child a {
        font-size: 1vw;
    }

    .lightbox form#subForm p:last-child {
        margin: 0;
        text-align: center;
        padding-top: 0.5vw;
        /* font-size: 1vw; */
    }

    .lightbox .popup-submit {
        margin-top: 5vw;
    }

    div#capchaWrapper {
    width: 100%;
}

div#capchaWrapper > div {
    margin: 0 auto;
    width:100% !important;
    overflow: hidden;
}

div#capchaWrapper {
    margin-top: 2vw;
}
    /* .lightbox .popup-submit button {
        border: none;
        background-size: contain;
        height: 2vw;
        cursor: pointer;
        text-transform: uppercase;
        background: #fff;
        font-weight: 700;
        color: #000;
        padding: 0;
        width: 100%;
        font-family: "neue-haas-grotesk-display";
    } */
    #subForm button {
        font-size: 0.8vw;
        border: none;
        background-size: contain;
        margin-top: 0px !important;
        height: 30px;
        cursor: pointer;
        text-transform: uppercase;
        background: #fff;
        font-weight: 700;
        color: #000;
        height: 2vw !important;
        line-height: 2vw;
        width: 100%;
        font-family: "neue-haas-grotesk-display";
    }
.popup-submit:hover {
    background: #44D62C;
    opacity: 1;
}
    .lightbox .popup-content-wrapper {
        width: 70%;
        margin: 0 auto;
    }

    .lightbox form#subForm {
        max-width: 100% !important;
        width: 100%;
    }

    .lightbox span.input-error {
        font-size: 0.9vw;
        position: absolute;
        width: 100%;
        transform: translate(-50%, -50%);
        left: 50%;
        bottom: -1.2vw;
        letter-spacing: 0.06vw;
        display: none;
    }

    .lightbox span.input-error {
        color: #f00;
        font-family: "neue-haas-grotesk-display";
        font-weight: 400;
        font-style: normal;
    }

    div#block-wmg-redesignnewsletterpopup .lightbox input:-webkit-autofill,
    div#block-wmg-redesignnewsletterpopup .lightbox input:-webkit-autofill:hover {
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0px 1000px #0A0A0A inset;
        border: unset;
    }

    .innerWrapper h1 {
        color: #fff;
        font-size: 2vw;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
        padding-top: 1vw;
        text-align: center;
    }



    .lightbox {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 1042;
        width: 100%;
        height: 100%;
    }

    .lightbox .innerWrapper {
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background: #0A0A0A;
        padding: 0.3vw;
    }


    .lightboxBgWrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.8);
        cursor: pointer;
    }

    .lightbox .innerWrapper {
        width: 45%;
        height: 60vh;
        margin: 0 auto;
        border: 1px solid #44D62C;
    }

    .green-border {
        border-bottom: 1px solid #44D62C;
        width: 15%;
        /* margin: 0 auto; */
        margin: 1.5vw auto;
    }




    .lightbox .close:hover {
        opacity: 0.6;
    }

    div#capchaWrapper {
        text-align: center;
        padding-bottom: 0vw;
    }


    .g-recaptcha {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
    }

    div#block-wmg-redesignnewsletterpopup input:-webkit-autofill,
    div#block-wmg-redesignnewsletterpopup input:-webkit-autofill:hover,
    div#block-wmg-redesignnewsletterpopup input:-webkit-autofill:focus,
    div#block-wmg-redesignnewsletterpopup select:-webkit-autofill,
    div#block-wmg-redesignnewsletterpopup select:-webkit-autofill:hover,
    div#block-wmg-redesignnewsletterpopup select:-webkit-autofill:focus {

        -webkit-text-fill-color: #fff !important;
        -webkit-box-shadow: 0 0 0px 1000px #0A0A0A inset !important;
        border: none !important;
        border-bottom: solid 1px #fff !important;
    transition: background-color 5000s ease-in-out 0s;

    }

    .captchaCapture {
        width: 304px;
        margin: 0 auto;
    }

    .captchaCapture label.error {
        clear: both;
        width: auto;
        color: #ff999c;
        float: none;
        font-size: .7em;
        font-style: italic;
        text-transform: uppercase;
    }

    .lightbox form#subForm label {

        font-size: 0.8vw;
        padding-top: 0.5vw;
        text-transform: uppercase;
    }


    @media only screen and (max-width:1023px),
    only screen and (max-width:1024px) and (orientation:portrait) {
        .lightbox form#subForm label {
            font-size: 3vw;
vertical-align: top;
        }

        .lightbox .checkbox-popup input#cm-privacy-consent {
            width: 4.5vw !important;
            height: 4.5vw !important;
vertical-align: top;
        }

        .lightbox .close {
            font-size: 6vw;
            right: 3vw;
        }

        .lightbox .innerWrapper {
            padding: 4vw;
            height: 62vh;
            width: 80%;
        }

        #subForm button {
            height: 10vw !important;
            font-size: 5vw !important;
        }

        .lightbox input#fieldName,
        .lightbox input#fieldEmail {
            font-size: 4vw;
        }

        .lightbox form#subForm p:last-child a {
            font-size: 3vw;
        }

        .lightbox .popup-content-wrapper {
            width: 100%;
        }

        .lightbox .close {
            font-size: 6vw;
            right: 3vw;
        }

        .lightbox .innerWrapper h1 {
            font-size: 4.5vw;
            padding-top: 7vw;
        }


        .green-border {
            width: 40%;
            margin: 6vw auto;
        }


    }

    @media only screen and (max-width:1023px) and (orientation:landscape) {
        .lightbox .innerWrapper {
            height: 90vh;
            overflow-y: scroll;
        }
    }
</style></div>
      
  </div>
<div id="block-wmg-redirectsite-4" data-block-plugin-id="block_content:66e1819c-8fa3-458c-ac36-9c4d412619bf">
  
    
      
            <div><script>
window.location.href = 'https://fromzero.linkinpark.com';
</script></div>
      
  </div>

  </div>

  </header>

  
  

  

  

  

  <main role="main">
    <a id="main-content" tabindex="-1"></a>
    <div class="layout-content">
        <div>
    <div data-drupal-messages-fallback class="hidden"></div><div id="block-menuhtml" data-block-plugin-id="block_content:a023c4c4-7f88-4799-8699-2a9e02a7e181">
  
    
      
            <div><div id="Site-Logo">
	<h1><a href="/?frontpage=true"><img src="/sites/g/files/g2000018121/files/Linkin-Park.png" alt="Linkin Park" title="Linkin Park"></a></h1>
</div>
<div class="nav-wrapper">
	<div id='nav' class='stable'>
		<a id="music-nav" href="/music" class='menu-link'>music</a>
		<!--<a id="tour-nav" href="https://chester.linkinpark.com/" target="_blank" class='menu-link' custom-link-name = "Nav:Chester">chester</a>-->
		<a id="tour-nav" href="http://lprk.co/LPU" target="_blank" class='menu-link' custom-link-name = "Nav:LPU">lpu</a>
		<a id="video-nav" href="https://lprk.co/youtube" target="_blank" class='menu-link' custom-link-name = "Nav:Videos">videos</a>
        <a id="merch-nav" href="https://store.linkinpark.com/" target="_blank" class='menu-link' data-track="enter-store">store</a>
        <a id="hybrid-theory-nav" href="https://hybridtheory.linkinpark.com" target="_blank" class="menu-link" custom-link-name = "Nav:Hybrid Theory">Hybrid Theory</a>
		<ul class="footer-socials socials">
            <!--li><a id="subscribe-nav" href="https://lprk.co/connect" target="_blank" class='menu-link'>subscribe</a></li-->
            <li><a id="subscribe-nav" href="/mailing-list" class='menu-link'>subscribe</a></li>
			<!-- <li><a class="ms" href="https://mikeshinoda.com/" target="_blank" custom-link-name = "Mike Shinoda">MS</a></li>
			<li><a class="jh" href="https://joehahn.com/" target="_blank" custom-link-name = "Joe Hahn">JH</a></li> 
			<br class="mobile"><li><a class="fs-fb-link icon-facebook" href="https://www.facebook.com/linkinPark" target="_blank" data-track="facebook-ftr"></a></li>
			<li><a class="fs-tw-link icon-twitter" href="https://twitter.com/linkinpark" target="_blank" data-track="twitter-ftr"></a></li>
			<li><a class="fs-ig-link icon-instagram" href="https://instagram.com/linkinpark" target="_blank" data-track="instagram-ftr"></a></li><br class="mobile">
			<li>
				<a class="music-relief" href="https://musicforrelief.org/" target="_blank" custom-link-name = "Music for Relief">
					<img class="normal" src="/sites/g/files/g2000018121/files/music_for_relief.png" />
					<img class="hover" src="/sites/g/files/g2000018121/files/music_for_relief.png" />
				</a>
			</li>  -->
		</ul>
	</div>
	<div id='close-wrapper'>
		<span id="menu-mob" class='icon-menu'></span>
	</div>
</div></div>
      
  </div>
<div id="block-menujs" data-block-plugin-id="block_content:d00ae4c8-a868-4acb-bbab-1359abc24240">
  
    
      
            <div><script>

function stickyFooterHeight(){
	var footerHeight = $('footer').outerHeight();
	var windowHeight = window.innerHeight;
	var requiredHeight = windowHeight - footerHeight;
	$('main').css('min-height', requiredHeight);
}

    function doOnOrientationChange() {
        if (window.innerWidth <= 768) {
            jQuery('#close-wrapper').show();
            jQuery('#nav').hide();
            
        } else {
            jQuery('#nav').show();
            jQuery('#close-wrapper').hide();
        }
    }

doOnOrientationChange();
jQuery(window).resize(function(){
	//stickyFooterHeight();
doOnOrientationChange();
});

jQuery(window).bind('load', function(){
	//stickyFooterHeight();
});
jQuery(document).ready(function(){
jQuery('#menu-mob').on('click', function () {
                if (jQuery('#close-wrapper').hasClass('mob-clicked')) {
                    jQuery('#nav').hide();
                    jQuery('#close-wrapper').removeClass('mob-clicked');
                    jQuery('#menu-mob').removeClass('icon-cross');
                    jQuery('#menu-mob').addClass('icon-menu');
                } else {
                    jQuery('#nav').show();
                    jQuery('#close-wrapper').addClass('mob-clicked');
                    jQuery('#menu-mob').removeClass('icon-menu');
                    jQuery('#menu-mob').addClass('icon-cross');
                }
            });
            jQuery('.menu-link').click(function () {
                jQuery('#nav').hide();
                jQuery('#close-wrapper').removeClass('mob-clicked');
                jQuery('#menu-mob').removeClass('icon-cross');
                jQuery('#menu-mob').addClass('icon-menu');
            });
});
</script></div>
      
  </div>
<div id="block-wmg-orderhelppopup" data-block-plugin-id="block_content:9f70b016-2858-4f1d-90ad-6e5befa8cdc2">
  
    
      
            <div><style>
    @font-face {
        font-family: 'ordericon';
        src: url('/sites/g/files/g2000018121/files/2024-04/ordericon.eot?n539s7');
        src: url('/sites/g/files/g2000018121/files/2024-04/ordericon.eot?n539s7#iefix') format('embedded-opentype'),
            url('/sites/g/files/g2000018121/files/2024-04/ordericon.ttf?n539s7') format('truetype'),
            url('/sites/g/files/g2000018121/files/2024-04/ordericon.woff?n539s7') format('woff'),
            url('/sites/g/files/g2000018121/files/2024-04/ordericon.svg?n539s7#ordericon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    [class^="oicon-"],
    [class*=" oicon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'ordericon' !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;
    }

    .oicon-Polygonright:before {
        content: "\e900";
    }

    .oicon-squarearrow:before {
        content: "\e901";
    }

    .lightboxWrap {
        position: fixed;
        width: 100%;
        z-index: 9999;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.48) 0% 0% no-repeat padding-box;
        opacity: 1;
        backdrop-filter: blur(0.26vw);
        -webkit-backdrop-filter: blur(0.26vw);
    }

    .innerWrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 39.844vw;
        background: #000;
        border: 0.052vw solid #2DAC25;
        padding: 3.802vw;
        text-align: center;
height: auto !important;
    }

    .ordersubtitle {
        font-size: 0.938vw;
        letter-spacing: 0.056vw;
        color: #fff;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
    }

    br.mbl {
        display: none;
    }

    .order-title {
        font-size: 2.083vw;
        letter-spacing: 0.125vw;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
        margin-bottom: 2.813vw;
        width: 100%;
        text-align: left;
    }

    .lightboxleftWrap ul {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }

    .containWrap {
        display: flex;
        flex-flow: wrap;
        align-items: flex-start;
        justify-content: space-around;
    }

    .containWrap a u {
        font-size: 0.938vw;
        letter-spacing: 0.056vw;
        color: #44D62C;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
        padding-left: 0.5vw;
    }

    i.oicon-Polygonright {
        font-size: 0.5vw;
        color: #44D62C;
    }

    i.oicon-squarearrow {
        color: #44D62C;
        font-size: 0.85vw;
    }

    .lightboxrightWrap ul {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }

    ul.email-links {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }

    .LbrightinnerWrap ul {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }

    .LbrightinnerWrap ul {
        margin-top: 1.563vw;
    }

    .containWrap ul li {
        margin-top: 0.938vw;
    }

    .orderclose-btn {
        position: absolute;
        top: 1.5vw;
        width: 1.473vw;
        right: 1.5vw;
        cursor: pointer;
    }

    .orderclose-btn img {
        width: 100%;
    }

    .containWrap a:hover u {
        color: #169D00;
    }

    .containWrap a:hover i.oicon-Polygonright {
        color: #169D00;
    }

    .containWrap a:hover i.oicon-squarearrow {
        color: #169D00;
    }

    div#block-wmg-orderhelppopup {
        display: none;
    }
    .store-links li a i.oicon-Polygonright,.email-links li a i.oicon-Polygonright,.social-links li a i.oicon-Polygonright {
        position: relative;
        left: 0;
        transition: top ease 0.5s;
    }
    .store-links li a:hover i.oicon-Polygonright,.email-links li a:hover i.oicon-Polygonright,.social-links li a:hover i.oicon-Polygonright {
        left: 0.25vw;
    }
    /* .store-links li a:hover i{
        padding-left: 0.4vw;
    } */

    @media only screen and (max-width:1023px),
    only screen and (max-width:1024px) and (orientation:portrait) {
        .lightboxWrap {
            background: #000;
        }

        .innerWrapper {
            width: calc(100% - 7.692vw);
            height: calc(100vh - 7.179vw);
            border-width: 0.156vw;
            padding: 0;
            padding-top: 8.462vw;
            overflow: hidden;
        }

        .order-title {
            font-size: 9.231vw;
            letter-spacing: 0.554vw;
            line-height: 1;
            width: auto;
            padding-left: 9.231vw;
            margin-bottom: 7.436vw;
        }

        br.mbl {
            display: block;
        }

        .containWrap {
            flex-flow: column;
        }

        .ordersubtitle {
            font-size: 4.615vw;
            letter-spacing: 0.277vw;
        }

        .lightboxleftWrap {
            width: 62.487vw;
            margin: 0 auto;
        }

        .lightboxrightWrap {
            width: 62.487vw;
            margin: 0 auto;
        }

        .containWrap a u {
            font-size: 4.615vw;
            letter-spacing: 0.277vw;
            margin-left: 3vw;
            margin-right: 2vw;
        }

        .containWrap ul li {
            margin-top: 4.615vw;
        }

        i.oicon-Polygonright {
            font-size: 2vw;
        }

        .containWrap ul a {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        i.oicon-squarearrow {
            font-size: 4vw;
        }

        .total-wrappper {
            height: calc(100vh - 90vw);
            overflow-y: scroll;
        }

        .lightboxrightWrap ul {
            margin-top: 7.692vw;
        }

        .orderclose-btn {
            width: 6vw;
            top: 3vw;
            right: 3vw;
        }
    }
</style>
<div class="lightbox active" style="display: block;">
    <div class="lightboxWrap">
        <div class="innerWrapper">
            <div class="total-wrappper">
                <div class="orderclose-btn">
                    <img src="/sites/g/files/g2000018121/files/2024-04/X.svg" alt="X">
                </div>
                <div class="containWrap">
                    <div class="order-title">ORDER&nbsp; <br class="mbl"> HELP&nbsp; LINKS</div>
                    <div class="lightboxleftWrap">
                        <ul class="store-links">
                            <div class="store-tile ordersubtitle">STORE&nbsp; CONTACT&nbsp; PAGES:</div>
                            <li>
                                <a href="https://linkinparkwebstore.zendesk.com/hc/en-us/requests/new" target="_blank">
                                    <i class="oicon-Polygonright"></i>
                                    <u>US&nbsp; STORE</u>
                                    <i class="oicon-squarearrow"></i></a>
                            </li>
                            <li>
                                <a href="https://linkinpark.warnerartists.net/gb/contact.html" target="_blank">
                                    <i class="oicon-Polygonright"></i>

                                    <u>UK&nbsp; STORE</u>
                                    <i class="oicon-squarearrow"></i></a>
                            </li>
                            <li>
                                <a href="https://linkinpark.warnerartists.net/de/contact.html" target="_blank">
                                    <i class="oicon-Polygonright"></i>

                                    <u>DE&nbsp; STORE</u>
                                    <i class="oicon-squarearrow"></i></a>
                            </li>
                            <li>
                                <a href="https://linkinpark.warnerartists.net/es/contact.html" target="_blank">
                                    <i class="oicon-Polygonright"></i>

                                    <u>ES&nbsp; STORE</u>
                                    <i class="oicon-squarearrow"></i></a>
                            </li>
                            <li>
                                <a href="https://support.bestofboth.world/hc/fr/requests/new" target="_blank">
                                    <i class="oicon-Polygonright"></i>

                                    <u>FR&nbsp; STORE</u>
                                    <i class="oicon-squarearrow"></i></a>
                            </li>
                            <li>
                                <a href="https://linkinpark.warnerartists.net/it/contact.html" target="_blank">
                                    <i class="oicon-Polygonright"></i>

                                    <u>IT&nbsp; STORE</u>
                                    <i class="oicon-squarearrow"></i></a>
                            </li>
                            <li>
                                <a href="https://linkinpark.warnerartists.net/eu/contact.html" target="_blank">
                                    <i class="oicon-Polygonright"></i>

                                    <u>EU&nbsp; STORE</u>
                                    <i class="oicon-squarearrow"></i></a>
                            </li>
                            <li>
                                <a href="https://store.warnermusic.ca/pages/contact" target="_blank">
                                    <i class="oicon-Polygonright"></i>

                                    <u>CANADIAN&nbsp; STORE</u>

                                    <i class="oicon-squarearrow"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="lightboxrightWrap">
                        <ul class="email-links">
                            <div class="email-title ordersubtitle"> EMAILS:</div>

                            <li>
                                <a href="mailto:support@linkinparkwebstore.zendesk.com">
                                    <i class="oicon-Polygonright"></i>
                                    <u>US&nbsp; STORE</u></a>
                            </li>
                            <li>
                                <a href="mailto:onlineorders@merchfan.com.au">
                                    <i class="oicon-Polygonright"></i>
                                    <u>AUSTRALIAN&nbsp;
                                        STORE</u></a>
                            </li>
                            <li>
                                <a href="mailto:hello@wmgcustomerservice.com">
                                    <i class="oicon-Polygonright"></i>
                                    <u>UK/DE/EU&nbsp;
                                        STORE</u></a>
                            </li>
                            <li>
                                <a href="mailto:support@bestofboth.world">
                                    <i class="oicon-Polygonright"></i>
                                    <u>FR&nbsp;
                                        STORE</u></a>
                            </li>
                            <li>
                                <a href="mailto:canada.d2c@warnermusic.com">
                                    <i class="oicon-Polygonright"></i>
                                    <u>CANADA&nbsp;
                                        STORE</u></a>
                            </li>
                        </ul>
                        <div class="LbrightinnerWrap">
                            <ul class="social-links">
                                <div class="social-title ordersubtitle">SOCIALS:</div>

                                <li>
                                    <a href="https://twitter.com/WMG_Support" target="_blank">
                                        <i class="oicon-Polygonright"></i>
                                        <u>TWITTER</u>
                                        <i class="oicon-squarearrow"></i></a>
                                </li>
                                <li>
                                    <a href="https://www.instagram.com/wmg_support/" target="_blank">
                                        <i class="oicon-Polygonright"></i>

                                        <u>INSTAGRAM</u>
                                        <i class="oicon-squarearrow"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    jQuery(document).ready(function () {
        jQuery("a.orderhelp").click(function (e) {
            e.preventDefault();
            jQuery("div#block-wmg-orderhelppopup").show();
        })

        jQuery(".orderclose-btn").click(function () {
            jQuery("div#block-wmg-orderhelppopup").hide();
        })
    })
</script></div>
      
  </div>
<article data-history-node-id="14871" about="/homev4">

  
    

  
  <div>
    
            <div><link rel="stylesheet" href="https://use.typekit.net/xgw0gcv.css" />
<div class="homeversionone-main">
    <div class="homeversionone">

        <div class="hleft">
            <div class="hlefttop">
                <a href="https://papercuts.linkinpark.com/" target="_blank"><img src="/sites/g/files/g2000018121/files/2024-04/banner.jpg"
                        alt="banner"></a>
            </div>
            <div class="hleftbottom">
                <div class="hbtmleft">
                    <a href="https://papercuts.linkinpark.com/" target="_blank"><img
                            src="/sites/g/files/g2000018121/files/2024-04/var.png" alt="Music Bundle"></a>
                </div>
                <div class="hbttomtext">
                    <div class="hbtmtitle">PAPERCUTS</div>
                    <div class="havlnow">AVAILABLE NOW</div>
                    <div class="homebtn vinylbtn">
                        <a href="http://papercuts-booklet.linkinpark.com/" target="_blank">ALBUM BOOKLET >></a>
                    </div>
                    <div class="homebtn merchbtn">
                        <a href="https://lprk.co/store" target="_blank">SHOP MERCH >></a>
                    </div>
                    <div class="homebtn merchbtn">
                        <a href="https://papercuts.linkinpark.com/variants" target="_blank">SHOP VINYL >></a>
                    </div>

                </div>
            </div>
        </div>
        <div class="hright">
            <div class="hrighttop">
                <div class="hrghttitle">PAPERCUTS</div>
                <div class="haghtvar">ALBUM VARIANTS</div>
                <div class="stackimg">
                    <img src="/sites/g/files/g2000018121/files/2024-04/stack.svg" alt="stack">
                </div>
                <div class="homebtn viewnowbtn">
                    <a href="https://papercuts.linkinpark.com/variants" target="_blank">SHOP NOW >></a>
                </div>
            </div>
            <div class="hrightbottom">
                
                <!-- <div class="hrightbtmtitle">
                   <i> INSTRUMENTALS </i>
                </div>
                <div class="hdesc">ALL 20 TRACKS OFF PAPERCUTS ARE <br> NOW AVAILABLE AS INSTRUMENTALS</div> -->
                <div class="homebtn listenbtn">
                    <a href="https://lprk.co/instrumentals" target="_blank">LISTEN NOW >></a>
                </div>
               <!-- <div class="homebtn watchlbtn">
                    <a href="https://lprk.co/friendlyfire/youtube" target="_blank">WATCH NOW >></a>
                </div> -->
            </div>

        </div>

    </div>
   <div class="hbottomwrap">
    <div class="hbottom1">
        <div class="htbottom1Wrap">
            <div class="hrightbtmtitle">
                FRIENDLY<br>FIRE
            </div>
            <div class="hdesc">A NEW, UNRELEASED SONG FROM <br>THE ONE MORE LIGHT 2017 SESSIONS.</div>
            <div class="homebtn listenbtn">
                <a href="https://lprk.co/friendlyfire" target="_blank">LISTEN NOW >></a>
            </div>
            <div class="homebtn watchlbtn">
                <a href="https://lprk.co/friendlyfire/youtube" target="_blank">WATCH NOW >></a>
            </div>
        </div>

    </div>
    <div class="hbottom2">
        <div class="htbottom1Wrap">
            <div class="hrightbtmtitle">
                QWERTY
            </div>
            <div class="hdesc">A RARITY FROM THE 2006 MINUTES<br> TO MIDNIGHT RECORDING SESSIONS.</div>
            <div class="homebtn listenbtn">
                <a href="https://lprk.co/QWERTY" target="_blank">LISTEN NOW >></a>
            </div>
            <div class="homebtn watchlbtn">
                <a href="https://lprk.co/qwerty/youtube" target="_blank">WATCH NOW >></a>
            </div>
        </div>

    </div>
   </div>
</div>
<style>


   .htbottom1Wrap .hrightbtmtitle {
      position: relative;
      /* left: -10vw; */
}
    div#block-mainpagecontent {
        max-width: 100%;
        padding: 0;
    }
    
    main {
        background: url(/sites/g/files/g2000018121/files/2024-04/color%20treated%20image%20bg.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }

    .homeversionone {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 6.979vw;
        align-items: stretch;
        
    }
    .hbottomwrap {
           display: inline-flex;
          justify-content: center;
          margin: 0 auto;
        width: 100%;
        gap:1.4vw;
    }
    .hbottom {
        width: 68vw;
        display: flex;
        margin: 0 auto;
        background: url(/sites/g/files/g2000018121/files/image%402x.jpg) no-repeat center center;
        background-size: 100% auto;
            border: 5px solid #000;
        padding: 2vw 3vw;
        justify-content: space-between;
        margin-top: 1.458vw;
    }
    .hbottom2 .hrightbtmtitle{
        line-height: 1.25;
    }
    div#SiteLogo a:hover{
        opacity: 0.75;
    }
.hbottom1 {
        width: calc(34vw - 0.7vw);
        display: flex;
        margin: 0;
        background: url(/sites/g/files/g2000018121/files/FF.png) no-repeat center center #080808;
        background-size: 100% auto;
        background-size:cover;
            border: 5px solid #000;
            border:none;
        padding: 2vw 1.5vw;
        justify-content: space-between;
        position: relative;
        margin-top: 1.458vw;
    flex-direction: row-reverse;
    color: #000;
    }
.hbottom1:after {

    background: #808080;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    left: 0;
    top: 0;
    z-index: 0;
    content: '';
    position: absolute;
}
.hbottom1 .htbottom1Wrap .hrightbtmtitle{
    color:#000;
}
.hbottom1 .homebtn a{
    color: #000;
    border-color: #000;
}
.hbottom2 {
        width: calc(34vw - 0.7vw);
        display: flex;
        margin: 0;
        background: url(/sites/g/files/g2000018121/files/image%402x_0.png) no-repeat center center grey;
        background-size: 100% auto;
            border: 5px solid #000;
            border: none;
        padding: 2vw 1.5vw;
        justify-content: space-between;
        margin-top: 1.458vw;
       flex-direction: row-reverse;
    }
    .htbottom1Wrap {
         display: flex;
         flex-direction: column;
         z-index: 999;
  }
    }
    .hleft a {
        display: block;
    }

    .hleft {
        width: 43.542vw;
        margin-right: 1.458vw;
        background: #000;
    }

    .hlefttop {
        width: 40.417vw;
        margin: 0 auto;
        padding-top: 1.563vw;
    }

    .hlefttop img {
        width: 100%;
    }

    .hbtmleft {
        width: 17.5vw;
    }

    .homeversionone img {
        width: 40.417vw;
    }

    .hleftbottom {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hbtmtitle {
        font-family: "meno-banner", serif;
        font-weight: 400;
        font-style: italic;
        color: #44D62C;
        font-size: 2.083vw;
        letter-spacing: -0.01vw;
        line-height: 0.9;
    }

    .hbttomtext {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    .havlnow {
        font-family: "neue-haas-grotesk-display", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #fff;
        font-size: 2.188vw;
        letter-spacing: 0.131vw;
        line-height: 1;
        margin-bottom: 0.885vw;
    }

    .hbtmleft {
        margin-right: 1.146vw;
    }

    .homebtn a {
        width: 14.948vw;
        display: block;
        height: 2.604vw;
        line-height: 2.604vw;
        border: 0.052vw solid #fff;
        border-radius: 2.604vw;
        font-size: 0.885vw;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
        color: #fff;
        text-align: center;
    }

    .homebtn {
        margin: 0 auto;
        margin-bottom: 0.615vw;
        z-index: 1;
    }

    .hrighttop {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        background: #000;
        padding-top: 2.4vw;
        padding-bottom: 2vw;
        width: 100%;
        margin-bottom: 1.563vw;
    }

    .hright {
        width: 22.813vw;
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    .hrghttitle {
        font-family: "meno-banner", serif;
        font-weight: 400;
        font-style: italic;
        color: #44D62C;
        font-size: 1.563vw;
        letter-spacing: -0.008vw;
        line-height: 0.9;
    }

    .haghtvar {
        font-family: "neue-haas-grotesk-display", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #fff;
        font-size: 1.667vw;
        letter-spacing: 0.1vw;
        line-height: 1;
        margin-bottom: 0.777vw;
    }

    .stackimg {
        width: 20.938vw;
    }

    .homebtn.viewnowbtn {
        margin-top: 0.777vw;
        margin-bottom: 0;
    }

    .hrightbottom {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        background: url(/sites/g/files/g2000018121/files/LP%20PPRCTS%20INSTR%20COVER%402x.png) no-repeat transparent;
        background-size: contain;
        padding-top: 14.927vw;
        /* padding-bottom: 2.722vw; */
        background-position: bottom;
        min-height: 22.896vw;
        position: relative;
        z-index: 0;
    }
   .hrightbottom:after {
    content: '';
    background: #808080;
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    top: 0;
    height: 100%;
}
    .hrightbtmtitle {
        font-family: "meno-banner", serif;
        font-weight: 400;
        font-style: italic;
        color: #FFFFFF;
        font-size: 3vw;
        letter-spacing: 0;
        line-height: 0.9;
        text-align: center;
        z-index: 1;
    }
    .homebtn.watchlbtn {
    margin-bottom: 0;
}
    .hdesc {
        font-size: 0.885vw;
        text-align: center;
        letter-spacing: -0.021vw;
        font-family: "neue-haas-grotesk-text";
        font-weight: 400;
        margin-bottom: 1.214vw;
        z-index: 1;
    }

    .homebtn a:hover {
        background: #44D62C;
        border-color: #44D62C;
        color: #000;
    }

    .homeversionone-main {
        min-height: calc(100vh - 16vw);
        align-items: center;
        padding-bottom: 8.906vw;
    }


/* .hbottom1 .homebtn {
    margin-left: auto;
    margin-right: 0.5vw;
} */
    @media only screen and (max-width:1023px),
    only screen and (max-width:1032px) and (orientation:portrait) {
        #block-mainpagecontent > article > div:nth-child(2) > div > div > div.hbottomwrap > div.hbottom1 > div > div.hrightbtmtitle {
            margin-left: 0;
            /* font-size: 12.154vw; */
        }


  .htbottom1Wrap .hrightbtmtitle {
      position: static;;
}
        .homeversionone {
            min-height: auto;
            flex-flow: column;
            align-items: center;
            padding-top: 5.385vw;
            width: 95%;
            margin: 0 auto;
        }
.homeversionone img {
    width: 100%;
}
.homeversionone-main {
                padding-bottom: 20vw;
    }
        .hbottom {
    background: url(/sites/g/files/g2000018121/files/bg%402x.jpg) no-repeat center top;
    width: 100%;
    background-size: 100% auto;
    flex-direction: column;
    align-items: center;
    padding-top: 80vw;
    padding-bottom: 10vw;
}
.hbottom1 {
        margin: 0 auto;
        background:url(/sites/g/files/g2000018121/files/bg%402x_0.png) no-repeat center center #000;
        background-size: 100% auto;
        flex-direction: column;
    align-items: center;
    padding-top: 63vw;
    padding-bottom: 10vw;
        margin-top: 5.458vw;
        width: 95%;
    }

.hbottom2 {
        width: 95%;
        margin: 0 auto;
        background: url(/sites/g/files/g2000018121/files/bg%402x.png) no-repeat center center;
        background-size: 100% auto;
        flex-direction: column;
    align-items: center;
    padding-top: 80vw;
    padding-bottom: 10vw;
        margin-top: 5.458vw;
    }
.hbottomwrap {
           display: block;
          margin: 0 auto;
        width: 100%;
    }
        .hleft {
            width: 100%;
            margin: 0 auto;
            padding-bottom: 10.769vw;
        }

        .hlefttop {
            width: 90%;
            padding: 4.872vw 0;
        }

        .hbtmleft {
            margin: 0 auto;
            width: 90%;
        }

        .homeversionone {}

        .hleftbottom {
            flex-flow: column;
        }

        .hbtmtitle {
            font-size: 10.256vw;
            letter-spacing: -0.051vw;
            /* font-size: 12.154vw; */
        }

        .havlnow {
            font-size: 10.769vw;
            letter-spacing: 0.646vw;
            margin-bottom: 5.982vw;
        }

        .homebtn a {
            width: 73.59vw;
            border-radius: 12.821vw;
            height: 12.821vw;
            line-height: 12.821vw;
            font-size: 4.359vw;
            letter-spacing: 0.262vw;
            border-width: 0.256vw;
        }

        .homebtn {
            margin-bottom: 3.026vw;
        }

        .hrighttop {
            padding-top: 10.769vw;
            padding-bottom: 8.821vw;
            margin-bottom: 5.128vw;
            margin-top: -1vw;
            position: relative;
        }

        .hright {
            width: 100%;
        }

        .hrghttitle {
            font-size: 7.692vw;
            letter-spacing: -0.038vw;
        }

        .haghtvar {
            font-size: 8.205vw;
            letter-spacing: 0.492vw;
        }

        .stackimg {
            width: 90%;
            margin: 6.41vw 0;
        }

        .hrightbottom {
            background: url(/sites/g/files/g2000018121/files/LP%20PPRCTS%20INSTR%20COVER%402x.png) no-repeat;
            background-size: contain;
            min-height: 95vw;
            background-position: center;
            border: 2.564vw solid #000;
            padding-top: 66.577vw;
            /* padding-bottom: 11.538vw; */
        }

        .hrightbtmtitle {
            font-size: 16.154vw;
            /* line-height: 0.8; */
            line-height: 1;
        }

        .hdesc {
            font-size: 4.359vw;
            letter-spacing: -0.105vw;
            margin-bottom: 5.897vw;
            margin-top: 2.897vw;
        }
    }
</style>

<script>
    jQuery(document).ready(function () {
        jQuery("a#subscribe-nav , .ftrsubbtn a").click(function () {
            jQuery("body").toggleClass("newsletteropen");
        })

    })
</script></div>
      
  </div>

</article>

  </div>

    </div>
    
    
  </main>

      <footer role="contentinfo">
        <div>
    <div id="block-footerupdatedcss" data-block-plugin-id="block_content:e1e4ff6b-c5ee-4e21-8197-cac62472c7b5">
  
    
      
            <div><style>
    @font-face {
        font-family: 'icomoon';
        src: url('/sites/g/files/g2000010631/files/2020-08/icomoon_0.eot?cache');
        src: url('/sites/g/files/g2000010631/files/2020-08//icomoon_0.eot?cache') format('embedded-opentype'), url('/sites/g/files/g2000010631/files/2020-08//icomoon_0.ttf?cache') format('truetype'), url('/sites/g/files/g2000010631/files/2020-08//icomoon.woff?cache') format('woff'), url('/sites/g/files/g2000010631/files/2020-08//icomoon.svg?cache') 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-snapchat-ghost:before {
        content: "\e900";
    }

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

    .icon-line:before {
        content: "\e902";
    }

    .icon-google-plus:before {
        content: "\e903";
    }

    .icon-envelope:before {
        content: "\e904";
    }

    .icon-facebook:before {
        content: "\ea90";
    }

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

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

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

    .icon-tumblr:before {
        content: "\eab9";
    }

    .layout-container .section.site-footer {
        background: url("/sites/g/files/g2000018121/files/fcover_0.jpg?cache") no-repeat scroll 0 0 transparent;
        background-size: cover;
        padding: 90px 56px 0px 56px;
        overflow: hidden;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        letter-spacing: 0;
    }

    .layout-container .section.site-footer ul {
        margin-top: 0;
        margin: 0;
    }

    .layout-container .section.site-footer ul li {
        display: inline;
    }

    .layout-container .section.site-footer ul.social-menu.menu {
        padding: 60px 0;
    }

    .footer-logo {
        display: block;
        width: 86px;
        height: 96px;
    }

    .footer-logo img {
        width: 100%;
        height: auto;
    }

    /* Footer Menu */

    .footer-menu {
        margin-bottom: 60px;
    }

    .footer-menu li {
        padding: 0 16px;
    }

    .footer-menu li:first-child {
        padding-left: 0;
    }

    .footer-menu li:last-child {
        padding-right: 0;
        display: inline-block;
        vertical-align: bottom;
    }

    .footer-menu .subscribe-form input[type="email"] {
        border-color: #fff;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
    }

    .footer-menu a {
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
    }

    .layout-container .section.site-footer .social-menu li {
        padding: 0;
        margin-right: 38px;
    }

    .layout-container .section.site-footer .footer-menu li {
        padding: 0;
        margin-right: 33px;
    }

    .layout-container .section.site-footer .social-menu li:last-child {
        margin-right: 0;
    }

    .layout-container .section.site-footer .footer-menu li:last-child {
        margin-right: 0;
        display: inline-block;
        vertical-align: middle;
    }

    .layout-container .section.site-footer .footer-menu li {
        vertical-align: middle;
    }

    .layout-container .section.site-footer .social-menu li:last-child.social.newsletter {
        vertical-align: top;
    }

    .footer-menu a.no-hover:hover {
        color: #fff;
        opacity: 1;
        cursor: auto;
    }

    .layout-container .section.site-footer .subscribe-form input[type="email"] {
        width: 290px;
    }

    .emailoctopus-form-default .emailoctopus-error-message,
    p.emailoctopus-success-message {
        margin: 0;
        padding: 0;
    }

    .layout-container .section.site-footer p.emailoctopus-success-message {
        margin: 0;
    }

    /* Social Menu */

    .social-menu {
        margin-bottom: 70px;
    }

    .social-menu li {
        padding: 0 22px;
    }

    .social-menu a {
        font-size: 28px;
        color: #fff;
    }

    .copyright,
    .layout-container .section.site-footer .footer-links,
    .layout-container .section.site-footer .footer-links a {
        font-size: 11px;
        color: #fff;
        padding: 5px 0 5px;
        text-align: left;
        text-align: center;
        text-transform: uppercase;
    }

    /* Subscribe form */

    .subscribe-form {
        max-width: 295px;
        position: relative;
    }

    .subscribe-form label {
        display: block;
        margin-bottom: 15px;
    }

    .subscribe-form input[type="email"] {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: solid 1px #fff;
        line-height: 28px;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 16px;
    }

    .gecko.gecko1 .subscribe-form input[type="email"] {
        line-height: 15px;
    }

    .subscribe-form .arrow-button {
        display: inline-block;
        vertical-align: middle;
    }

    .subscribe-form ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
        -webkit-text-fill-color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 16px;
    }

    .subscribe-form ::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
        -webkit-text-fill-color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 16px;
    }

    .subscribe-form :-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
        -webkit-text-fill-color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 16px;
    }

    .subscribe-form :-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
        -webkit-text-fill-color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 16px;
    }

    /* Arrow button */

    .arrow-button,
    button.js-cm-submit-button {
        display: block;
        width: 42px;
        height: 28px;
        background: url("/sites/g/files/g2000018121/files/arrow-right-mlist.png?cache") no-repeat center center;
        background-size: 42px auto;
        border: none;
    }

    button.js-cm-submit-button:hover {
        opacity: 0.5;
    }

    .arrow-button:hover {
        opacity: 0.4;
    }

    /* Close button */

    .close-button {
        width: 27px;
        height: 27px;
        position: relative;
        background: transparent;
        border: none;
    }

    .close-button .line {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 26px;
        height: 2px;
        background-color: #FFF;
        display: block;
        transform: translate(-50%, -50%);
    }

    .close-button .line:nth-child(1) {
        margin-top: -7px
    }

    .close-button .line:nth-child(2) {
        margin-top: 7px
    }

    .close-button .line:nth-child(1),
    .close-button .line:nth-child(2) {
        transition: margin-top .2s 200ms ease-in-out, transform .2s 0ms ease-in-out, background .2s 200ms ease-in-out;
        transform-origin: 0 0;
    }

    .close-button .line:nth-child(1),
    .close-button .line:nth-child(2) {
        transition: margin-top .2s 100ms ease-in-out, transform .2s 200ms ease-in-out, background .2s 200ms ease-in-out;
    }

    .close-button .line:nth-child(1) {
        margin-top: -1px;
        transform: rotate(45deg) translate(-50%, -50%);
    }

    .close-button .line:nth-child(2) {
        margin-top: -1px;
        transform: rotate(-45deg) translate(-50%, -50%);
    }

    .close-button .line {
        background-color: #fff;
    }

    /* Free download - Subscribe form */

    .subscribe {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
        position: relative;
    }

    .subscribe .field {
        width: 100%;
        background: transparent;
        border: none;
        line-height: 28px;
        color: #202020;
        font-size: 18px;
        padding: 5px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .field,
    .field:hover,
    .field:focus {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .subscribe .field1 {
        border-bottom: solid 2px #000;
    }

    .subscribe .field2 {
        border-bottom: solid 2px #fff;
    }

    .subscribe .arrow-button1,
    .subscribe .arrow-button2 {
        position: absolute;
        right: 0;
        bottom: 2px;
        cursor: pointer;
    }

    .subscribe ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
        -webkit-text-fill-color: #fff;
        text-transform: uppercase;
        font-size: 18px;
    }

    .subscribe ::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
        -webkit-text-fill-color: #fff;
        text-transform: uppercase;
        font-size: 18px;
    }

    .subscribe :-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
        -webkit-text-fill-color: #fff;
        text-transform: uppercase;
        font-size: 18px;
    }

    .subscribe :-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
        -webkit-text-fill-color: #fff;
        text-transform: uppercase;
        font-size: 18px;
    }

    .subscribe .arrow-button1,
    .subscribe .arrow-button2 {
        width: 90px;
        height: 40px;
        top: 0;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 90px auto;
        background-color: transparent;
        border: none;
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }

    .subscribe .arrow-button1 {
        background-image: url("/sites/g/files/g2000018121/files/arrow-right-mlist.png?cache");
    }

    .subscribe .arrow-button2 {
        background-image: url("/sites/g/files/g2000018121/files/arrow-right-mlist.png?cache");
    }

    .subscribe .arrow-button1:hover,
    .subscribe .arrow-button2:hover,
    .subscribe .arrow-button1:focus,
    .subscribe .arrow-button2:focus {
        opacity: 0.7;
    }

    .subscribe .field {
        margin-bottom: 30px;
    }

    .subscribe.login {
        max-width: 585px;
    }

    .subscribe .inline-button {
        width: 82px;
        position: relative;
        float: right;
    }

    .subscribe-form input[type="email"],
    .free-download .subscribe-form input[type="email"] {
        margin-bottom: 0;
    }

    .clearfix:after {
        display: none;
    }

    /* Footer Subscribe */

    .layout-container .section.site-footer .subscribe .field {
        padding: 0;
    }

    /* Nav inner Subscribe and Footer Subscribe */

    .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
    .nav-inner .subscribe ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 16px;
    }

    .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
    .nav-inner .subscribe ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 16px;
    }

    .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
    .nav-inner .subscribe :-ms-input-placeholder {
        /* IE 10+ */
        font-size: 16px;
    }

    .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
    .nav-inner .subscribe :-moz-placeholder {
        /* Firefox 18- */
        font-size: 16px;
    }

    .section {
        background-color: #000;
        -webkit-backface-visibility: hidden;
        /* Chrome, Safari, Opera */
        backface-visibility: hidden;
    }

    /* Media Queries */

    input#fieldName,
    input#fieldEmail {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: solid 1px #fff;
        line-height: 28px;
        color: #fff;
        -webkit-text-fill-color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 16px;
        text-transform: uppercase;
        border-radius: 0;
        margin: 0;
    }

    form#subForm label {
        display: none;
    }

    br.mobile-break {
        display: none;
    }

    ::marker {
        display: none !important;
    }

    div#block-copyrightblock {
        display: none;
    }

    h2.emailoctopus-heading {
        display: none;
    }

    div.emailoctopus-form-default .emailoctopus-form-row-subscribe button {
        display: block;
        width: 42px;
        height: 28px;
        background: url(/sites/g/files/g2000018121/files/arrow-right-mlist.png?cache) no-repeat center center transparent;
        background-size: 42px auto;
        border: none;
        margin: 0;
        cursor: pointer;
    }

    form.emailoctopus-form.bound>div {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    div.emailoctopus-form-default .emailoctopus-form-row label {
        display: none;
    }

    .layout-container .section.site-footer .subscribe-form input[type="email"] {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: solid 1px #fff;
        line-height: 28px;
        color: #fff;
        -webkit-text-fill-color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 13px;
        text-transform: uppercase;
        border-radius: 0;
        margin: 0;
        height: 45px;
        letter-spacing: 0;
    }

    .layout-container .section.site-footer .subscribe-form input[type="email"]:-webkit-autofill,
    .layout-container .section.site-footer .subscribe-form input[type="email"]:-webkit-autofill:hover,
    .layout-container .section.site-footer .subscribe-form input[type="email"]:-webkit-autofill:focus {
        border-bottom: 1px solid #000;
        -webkit-text-fill-color: #fff !important;
        -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    }

    p.emailoctopus-success-message {
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        margin-top: 5px;
    }

    .special-terms {
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 15px;
        max-width: 490px;
        display: inline-block;
        text-align: left;
        margin: 10px;
        position: absolute;
        top: 25px;
        right: 0;
        background: #000;
        padding: 10px;
    }

    .special-terms-wrapper {
        text-align: right;
        position: relative;
        /*min-height: 107px;*/
    }

    div#terms {
        padding-top: 10px;
        text-transform: uppercase;
        font-size: 12px;
    }

    div#terms>a:after {
        content: 'Terms';
    }

    div#terms>a.showing:after {
        content: 'Hide';
    }

    .special-terms a,
    div#terms a {
        color: #fff;
        text-decoration: underline;
    }

    #block-pagetitle {
        display: none;
    }

    .footer-section.col-md-12.col-lg-11.align-right>.copyright,
    .footer-section.col-md-12.col-lg-12.align-right>.copyright {
        margin: 0;
        border: none;
    }

    * {
        box-sizing: border-box;
    }

    @media screen and (max-width: 1600px) {
        .footer-menu a {
            font-size: 15px;
        }

        .social-menu a {
            font-size: 22px;
        }

        .layout-container .section.site-footer .footer-menu li {
            margin-right: 30px;
        }

        .layout-container .section.site-footer .subscribe-form input.field {
            width: 200px;
        }

        /* Nav inner Subscribe and Footer Subscribe */
        .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
        .nav-inner .subscribe ::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            font-size: 15px;
            color: #fff;
            -webkit-text-fill-color: #fff;
        }

        .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
        .nav-inner .subscribe ::-moz-placeholder {
            /* Firefox 19+ */
            font-size: 15px;
            color: #fff;
            -webkit-text-fill-color: #fff;
        }

        .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
        .nav-inner .subscribe :-ms-input-placeholder {
            /* IE 10+ */
            font-size: 15px;
            color: #fff;
            -webkit-text-fill-color: #fff;
        }

        .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
        .nav-inner .subscribe :-moz-placeholder {
            /* Firefox 18- */
            font-size: 15px;
            color: #fff;
            -webkit-text-fill-color: #fff;
        }
    }

    @media screen and (max-width: 1500px) {
        .footer-logo {
            display: block;
        }

        .footer-menu a {
            font-size: 12px;
        }

        .social-menu li {
            padding: 0 16px;
        }

        .social-menu a {
            font-size: 21px;
        }

        .layout-container .section.site-footer .music-for-relief {
            width: 150px;
        }

        .event p a {
            font-size: 14px;
        }

        .footer-logo img {
            width: 100%;
            height: auto;
        }
    }

    /* Nav inner Subscribe and Footer Subscribe */

    .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
    .nav-inner .subscribe ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 13px;
        color: #fff;
        -webkit-text-fill-color: #fff;
    }

    .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
    .nav-inner .subscribe ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 13px;
        color: #fff;
        -webkit-text-fill-color: #fff;
    }

    .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
    .nav-inner .subscribe :-ms-input-placeholder {
        /* IE 10+ */
        font-size: 13px;
        color: #fff;
        -webkit-text-fill-color: #fff;
    }

    .layout-container .section.site-footer .subscribe ::-webkit-input-placeholder,
    .nav-inner .subscribe :-moz-placeholder {
        /* Firefox 18- */
        font-size: 13px;
        color: #fff;
        -webkit-text-fill-color: #fff;
    }

    a {
        text-decoration: none;
    }

    .site-footer a:hover {
        opacity: 0.5;
    }

    .layout-container .section.site-footer .footer-links {
        line-height: 0;
    }

    .copyright {
        padding-bottom: 10px;
    }

    @media screen and (max-width: 1250px) {
        .layout-container .section.site-footer {
            padding: 40% 56px 0;
        }

        .footer-section {
            width: 100%;
            text-align: center;
        }

        .footer-logo {
            height: auto;
            margin: 0 auto 40px;
        }

        .footer-menu {
            padding-left: 0;
        }
    }

    @media screen and (min-width: 1200px) {
        .col-lg-1 {
            width: 8.33333333%;
            float: left;
        }

        .col-lg-11 {
            width: 91.66666667%;
            float: left;
        }

        .col-lg-12 {
            width: 100%;
        }

        .layout-container .section.site-footer ul {
            margin-top: 0;
            text-align: right;
        }

        .layout-container .section.site-footer ul.social-menu {
            margin-top: 0;
            text-align: center;
        }

        .footer-section.col-md-12.col-lg-11.align-right>.copyright,
        .footer-section.col-md-12.col-lg-12.align-right>.copyright {
            text-align: center;
        }
    }

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

        /* Footer logo */
        .footer-logo {
            margin: 0 auto 80px auto;
        }

        .layout-container .section.site-footer ul li {
            display: inline-block;
            margin-bottom: 40px;
        }

        .layout-container .section.site-footer ul,
        .copyright {
            text-align: center;
        }

        .special-terms-wrapper {
            max-width: 610px;
            margin: 0 auto;
        }

        .layout-container .section.site-footer {
            background: url("/sites/g/files/g2000018121/files/fcover_footer.jpg?cache");
            background-size: 100% auto;
            background-repeat: repeat-y;
        }

        .layout-container .section.site-footer .social-menu {
            padding-left: 0;
        }
    }

    @media only screen and (min-width: 768px) {

        .footer-section.col-md-12.col-lg-11.align-right>.copyright,
        .footer-section.col-md-12.col-lg-12.align-right>.copyright {
            text-align: center;
            padding-bottom: 10px;
        }

        .layout-container .section.site-footer .footer-links {
            padding-bottom: 30px;
        }
    }

    @media only screen and (min-width: 1024px) {
        form#subForm>p {
            display: inline-block;
            vertical-align: bottom;
            margin: 0 10px 0 0;
        }

        .subscribe.subscribe-form>.copyright {
            margin: 10px 0 0;
            text-align: left;
        }

        form#subForm>p:last-child {
            margin-right: 0;
        }
    }

    @media only screen and (min-width: 768px) and (max-width:1023px) {
        .layout-container .section.site-footer .social-menu li {
            margin-right: 30px;
            margin-bottom: 0px;
        }

        .footer-logo {
            margin: 0 auto 40px auto;
        }
    }

    @media only screen and (max-width:767px) {
        .layout-container .section.site-footer .footer-links span {
            display: none;
        }

        body .layout-container .section.site-footer .footer-links {
            text-align: center;
            padding-bottom: 30px;
            line-height: 2;
        }

        .copyright,
        .layout-container .section.site-footer .footer-links,
        .layout-container .section.site-footer .footer-links a {
            padding: 5px 0 5px;
        }

        br.mobile-break {
            display: block;
        }

        .layout-container .section.site-footer ul.footer-menu.menu li:nth-child(3) {
            margin-right: 0;
            display: block;
        }

        input#fieldName,
        input#fieldEmail {
            line-height: 18px;
        }

        div#terms {
            text-align: center;
        }

        .special-terms-wrapper {
            min-height: 40px;
        }

        .layout-container .section.site-footer ul.footer-menu.menu li:nth-child(2) {
            margin-right: 0;
        }

        .layout-container .section.site-footer ul.social-menu.menu {
            padding: 10px 0;
        }

        .layout-container .section.site-footer .social-menu li {
            margin-right: 17px;
            margin-bottom: 15px;
        }

        .footer-logo {
            margin: 0 auto 20px auto;
        }

        .layout-container .section.site-footer .footer-menu li {
            margin-bottom: 10px;
        }

        .social-menu {
            margin-bottom: 40px;
        }

        .layout-container .section.site-footer {
            padding: 20px 15px 0px;
            background-size: cover;
        }

        .layout-container .section.site-footer ul {
            padding-left: 0;
        }

        body .layout-container .section.site-footer .footer-links a {
            padding: 0;
        }
    }

    @media screen and (max-width: 600px) {
        .social-menu {
            margin-bottom: 40px;
        }
    }

    @media only screen and (max-width:767px) and (orientation: portrait) {
        .layout-container .section.site-footer .social-menu li:nth-child(7) {
            margin-right: 0;
        }
    }

.subscribe.subscribe-form h1 {
    display: none;
}
form#subForm {
    max-width: 260px;
    width: 100%;
    position: relative;
top: 24px;
}
.subscribe-form form#subForm label {
    font-size: 9px;
    display: block;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}
form#subForm>* {
    display: inline-block;
    vertical-align: top;
    width: 80%;
}
.subscribe-form form#subForm input{
height: 24px;
}
.subscribe-form form#subForm label {
    font-size: 9px;
    display: grid;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
   padding-top: 4px;
    margin-bottom: 5px;
}
#subForm button{
	border: none;
    background-size: contain;
    margin-top: 20px;
    height: 30px;
    cursor: pointer;
    text-transform: uppercase;
    background: #fff;
    font-weight: 700;
color:#000;
}
form#subForm p:last-child {
    margin: 0;
    text-align: left;
}
form#subForm p:last-child a {
    font-size: 9px;
    color: #fff;
}
input#cm-privacy-consent {
    width: 10px !important;
    height: 10px !important;
    background: transparent;
    padding: 0;
    float: left;
	    margin-right: 5px;
    margin-left: 0;
    -moz-appearance: auto;
    -webkit-appearance: auto;
}
.special-terms-wrapper{
display:none;
}
.subscribe-form form#subForm input:-webkit-autofill,
.subscribe-form form#subForm    input:-webkit-autofill:focus,
.subscribe-form form#subForm    input:-webkit-autofill:active,
.subscribe-form form#subForm    select:-webkit-autofill {
-webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
        -webkit-text-fill-color: #fff;
        border: 1px solid #fff;
}
    @media only screen and (max-width:767px){
        form#subForm {
    padding-bottom: 30px;
}
    }
form#subForm p:last-child a{
text-decoration: underline;
}
#subForm p a:hover{
 text-decoration:none;
}
</style></div>
      
  </div>
<div id="block-wmg-redesignfooter" data-block-plugin-id="block_content:e50ff9ad-b348-4bec-9aab-d15a0ca221df">
  
    
      
            <div><div class="footerwrap">
    <div class="footerleftwrap">
        <div class="footersocials">
            <li class="social"><a href="https://instagram.com/linkinpark" target="_blank" data-track="instagram-ftr"><i
                        class="lpicon-instagram"></i></a></li>
            <li class="social"><a href="https://twitter.com/linkinpark" target="_blank" data-track="twitter-ftr"><i
                        class="lpicon-twitter"></i></a></li>
            <li class="social"><a href="https://www.tiktok.com/@linkinpark" target="_blank" data-track="tiktok-ftr"><i
                        class="lpicon-tiktok"></i></a></li>
            <li class="social"><a href="https://www.facebook.com/linkinPark" target="_blank"
                    data-track="facebook-ftr"><i class="lpicon-facebook2"></i></a></li>
            <li class="social discordsocial"><a href="https://discord.com/invite/linkinpark" target="_blank"
                    data-track="discord-ftr"><i class=""><img src="/sites/g/files/g2000018121/files/2024-04/discord.svg"
                            alt="" class="nonhoverdiscord">

                        <img src="/sites/g/files/g2000018121/files/2024-04/discordhover.svg" alt=""
                            class="hoverdiscord"></i></a>
            </li>
            <li class="social"><a href="http://lprk.co/youtube" target="_blank" data-track="youtube-ftr"><i
                        class="lpicon-youtube"></i></a></li>
        </div>
        <div class="copyrightsection">
            <div class="copyrighttext">
                © 2024 LINKIN PARK. ALL RIGHTS RESERVED.
            </div>
            <div class="footer-links">
                <a target="_blank" class="footer-terms-of-use" href="https://www.warnerrecords.com/terms-of-use">Terms
                    &amp; Conditions</a> <span class="sep">|</span>
                <a class="footer-privacy-policy" target="_blank" href="/privacy-policy">Privacy Policy</a>
                <span class="sep mmbr">|</span>
                <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank">Cookies
                    Policy</a> <span class="sep mmbr">|</span>
                <a class="ot-sdk-show-settings" style="cursor:pointer;">Cookies&nbsp;Settings</a><span
                    class="sep mmbr hideslash">|</span><br>
                <a href="https://redemptions.warnermusic.com/wr" target="_blank">Redemption Codes</a><span
                    class="sep">|</span>
                <a class="orderhelp" href="https://www.linkinpark.com/warner-order-help">WARNER MUSIC STORE SUPPORT</a>
            </div>
        </div>
    </div>
    <div class="footerrightwrap">
        <div class="ftrsubscribenowwrap">
            <div class="subscribenowftrtext">NEWSLETTER SIGN UP</div>
            <div class="ftrsubbtn">
                <a href="javascript:void(0)">SIGN UP</a>
            </div>
        </div>
    </div>
</div>
<style>
    @font-face {
        font-family: 'lpicon';
        src: url('/sites/g/files/g2000018121/files/2024-04/lpicon.eot?y70ya2');
        src: url('/sites/g/files/g2000018121/files/2024-04/lpicon.eot?y70ya2#iefix') format('embedded-opentype'),
            url('/sites/g/files/g2000018121/files/2024-04/lpicon.ttf?y70ya2') format('truetype'),
            url('/sites/g/files/g2000018121/files/2024-04/lpicon.woff?y70ya2') format('woff'),
            url('/sites/g/files/g2000018121/files/2024-04/lpicon.svg?y70ya2#lpicon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    [class^="lpicon-"],
    [class*=" lpicon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'lpicon' !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;
    }

    .lpicon-instagram:before {
        content: "\e900";
    }

    .lpicon-x:before {
        content: "\e903";
    }

    .lpicon-twitter:before {
        content: "\e903";
    }

    .lpicon-tiktok:before {
        content: "\e904";
    }

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

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

    .footerwrap {
        padding: 0 3.542vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footerleftwrap {
        width: 70.125vw;
    }

    div#block-wmg-redesignfooter {
        width: 100%;
        font-size: 0;
        position: relative;
        padding: 2.266vw 0;
    }

    li {
        display: block;
    }

    .footersocials {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    img.hoverdiscord {
        display: none;
    }

    img.nonhoverdiscord {}

    li.social.discordsocial img {
        width:1.546vw;
    }

    .footerwrap li.social {
        margin-right: 1.354vw;
        font-size: 0;
    }

    .footerwrap li.social:last-child {
        margin-right: 0;
    }

    .footerwrap li.social a {
        font-size: 1.25vw;
        color: #fff;
        display: block;
        text-decoration: none;
    }

    .footerwrap li.social a:hover {
        color: #44D62C;
        opacity: 1;
        display: block;
    }

    li.social.discordsocial a:hover .hoverdiscord {
        display: block;
    }

    li.social.discordsocial a:hover .nonhoverdiscord {
        display: none;
    }

    li.social.discordsocial a {
        font-size: 0;
    }

    .copyrightsection a,
    .copyrightsection span,
    .copyrighttext {
        color: #FFFFFF;
        font-family: "neue-haas-grotesk-display";
        font-weight: 400;
        font-size: 0.833vw;
        letter-spacing: 0.067vw;
        text-transform: uppercase;
    }

    .copyrighttext {
        margin: 0.911vw 0;
    }

    .footer-links {
        font-size: 0;
        line-height: 1.5;
    }

    span.sep {
        padding: 0 0.25vw;
    }

    .copyrightsection a {
        text-decoration: underline;
    }

    .copyrightsection a:hover {
        text-decoration: none;
    }

    .subscribenowftrtext {
        color: #FFFFFF;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
        font-size: 1.354vw;
        letter-spacing: 0.108vw;
        text-transform: uppercase;
        text-align: center;
    }

    .ftrsubbtn a {
        width: 19.74vw;
        background: #fff;
        color: #000;
        font-size: 0.938vw;
        text-transform: uppercase;
        font-family: "neue-haas-grotesk-display";
        font-weight: 700;
        letter-spacing: 0.075vw;
        text-align: center;
        height: 2.604vw;
        line-height: 2.604vw;
        text-decoration: none;
        display: block;
        margin: 0 auto;
    }

    .ftrsubbtn {
        margin-top: 1.042vw;
    }

    .ftrsubbtn a:hover {
        background: #44D62C;
    }

    footer {
        background: #000;
    }

    br.fmbr {
        display: none;
    }

    div#block-wmg-redesignnewsletterpopup {
        display: none;
    }

    div#block-wmg-redesignnewsletterpopup.newsletteropen {
        display: block;
    }

    a {
        text-decoration: none;
    }

    span.sep.mmbr.hideslash {
        display: none !important;
    }

    @media only screen and (max-width:1023px),
    only screen and (max-width:1024px) and (orientation:portrait) {
        .copyrightsection {
            text-align: center;
        }

        .subscribenowftrtext br {
            display: none;
        }

        .subscribenowftrtext br.fmbr {
            display: block;
        }

        .mmbr {
            display: none;
        }

        .menuopened .headerfooter {
            display: block;
            background: #000;
        }

        .footerleftwrap {
            width: 100%;
            padding: 6.538vw 0;
            padding-bottom: 27vw;
        }

        .footersocials {
            justify-content: center;
        }

        li.social.discordsocial img {
            width: 6.626vw;
        }

        li.social {
            margin-right: 6.41vw;
        }

        li.social:last-child {
            margin-right: 0;
        }

        li.social a {
            font-size: 5vw;
        }

        .copyrightsection a,
        .copyrightsection span,
        .copyrighttext {
            font-size: 3.846vw;
        }

        .copyrighttext {
            margin: 6.026vw 0;
        }

        span.sep {
            padding: 0 0.75vw;
        }

        span.sep.mmbr {
            display: none !important;
        }

        footer .footerleftwrap {
            display: none;
        }

        .footerwrap {
            justify-content: center;
        }

        .subscribenowftrtext {
            font-size: 6.667vw;
            letter-spacing: 0.533vw;
        }

        .ftrsubbtn {
            margin-top: 5.128vw;
        }

        .ftrsubbtn a {
            width: 76.923vw;
            height: 12.821vw;
            line-height: 12.821vw;
            font-size: 4.615vw;
            letter-spacing: 0.369vw;
        }

        span.sep {
            padding: 0 1.75vw;
        }

        div#block-wmg-redesignfooter {
            padding: 28.769vw 0;
        }
    }

    @media only screen and (min-width:1600px) and (orientation:landscape) {
        div#block-wmg-redesignfooter {
            position: fixed;
            bottom: 0;
        }
    }
</style>
<script>
    jQuery(document).ready(function () {
        console.log("inside")
        jQuery(".ftrsubbtn a, a#subscribe-nav, a#fsubscribe-nav").click(function (e) {
            e.preventDefault();
            console.log("inside click1");
            jQuery("#block-wmg-redesignnewsletterpopup").addClass("newsletteropen");
        })

        jQuery(".lightbox .close").click(function (e) {
            e.preventDefault();
            console.log("inside click3");
            jQuery("#block-wmg-redesignnewsletterpopup").toggleClass("newsletteropen");
        })

    })
</script></div>
      
  </div>
<div id="block-twitterxiconaddtion" data-block-plugin-id="block_content:8a4490e7-db75-478e-bac7-5d176c8b96e1">
  
    
      
            <div><style>
@font-face {
  font-family: 'twt-x';
  src:  url('/sites/g/files/g2000018121/files/2023-09/twt-x.eot?jjyo3s');
  src:  url('/sites/g/files/g2000018121/files/2023-09/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),
    url('/sites/g/files/g2000018121/files/2023-09/twt-x.ttf?jjyo3s') format('truetype'),
    url('/sites/g/files/g2000018121/files/2023-09/twt-x.woff?jjyo3s') format('woff'),
    url('/sites/g/files/g2000018121/files/2023-09/twt-x.svg?jjyo3s#twt-x') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="twtx-"], [class*=" twtx-"] {
  /* 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;
}

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

</style></div>
      
  </div>

  </div>

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

    
    
  </body>
</html>
