@font-face {
    font-family: 'editorial_newregular';
    src: url('../fonts/editorial_new_regular-webfont.woff2') format('woff2'),
         url('../fonts/editorial_new_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'helvetica_neueregular';
    src: url('../fonts/helveticaneue-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'helveticaneuebold';
    src: url('../fonts/helveticaneue_bold-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {

    margin: 0;

    font-family: 'helvetica_neueregular'; font-size: 16px; line-height: 24px; font-weight:400;

    background-color: #b5a897;

}



img {

    max-width: 100%;

    height: auto;

    vertical-align: middle;

}

* {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}

a {

    color: #eef79a;

}

h1, .h1 {

    font-size: 72px;

    line-height: 1.2;

    font-family: 'editorial_newregular';

    font-weight: 400;

    color: #f0f6a5;

    margin-top: 0px;

    margin-bottom: 0px;

}
.grain {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 300;
    transform: translateZ(0);
  }
  .grain:before {
    content: "";
    top: -10rem;
    left: -10rem;
    width: calc(100% + 20rem);
    height: calc(100% + 20rem);
    z-index: 9999;
    position: absolute;
    background-image: url("../images/Image_gaussian_noise_example.png");
    opacity: 0.15;
    pointer-events: none;
    -webkit-animation: noise 1s steps(2) infinite;
    animation: noise 1s steps(2) infinite;
  }
.grid-wrap {

    overflow: hidden;

    height:calc(100vh - 139px);

    width: 100vw;

    position: relative;

}

.seated-event-date-cell {
    font-size: 15px;
}

#grid_bg_wrapper {

    display: grid;

    grid-template-columns: repeat(27, 400px) 71px;

    grid-template-rows: repeat(24, 300px);

    position: absolute;

    cursor: grabbing;

}

#grid_bg_wrapper.grab {

    cursor: grab;

}

#grid_bg_wrapper img {

    pointer-events: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#grid_bg_wrapper .grid_bg_col img {

    height: 300px;

    width: 400px;

}



#grid_bg_wrapper .grid_bg_col:nth-child(28n) img {

    height: 300px;

    width: 71px;

}

.wrapper {

    overflow: hidden;

}
.main-content {
    position: relative;
    overflow: hidden;
} 
.container {

    max-width:1368px;

    padding-left: 16px;

    padding-right: 16px;

    margin-left: auto;

    margin-right: auto;

}

.exploreBtnWrap {
    pointer-events: none;
    position: absolute;

    top:30px;

    left: 50%;

    z-index:301;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

}

.exploreBtnWrap .btn {

    font-size: 11px;

    line-height: 16px;

    color:#eef79a;

    background-color: #041b3d;

    padding: 11px 30px;

    border-radius: 50px;

    min-width: 270px;

    width: 100%;

    text-align: center;

}

.headerTitle {
    pointer-events: none;
    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    z-index:301;

    text-align: center;

}

.headerTitle .h1 {

    font-size: 90px;

    line-height: 1;
    letter-spacing: -2px;
    text-transform: uppercase;

}
.headerTitle .raw_logo {
    max-width: 340px;
    width: 100%;
    margin-left:auto;
    margin-right: auto;
}

.headerTitle .subtitle {

    font-size: 28px;

    line-height: 1.2;

    color: #f0f6a5;
    pointer-events: all;

}
.headerTitle .subtitle a {
    text-decoration: none;
}

.site_header {

    background-color:#05193c;

    padding:40px 16px;

}

.site_header .row {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

} 

.site_header .row .col {

    width: 33.33%;

}

.siteLogo {

    max-width:115px;

}

.siteLogo a {

    display: block;

}

nav {}

nav ul {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

    display: flex;

    align-items: center;

    justify-content: center;

}

nav ul li {} 

nav ul li a {

    font-size:17px;

    line-height: 30px;

    color: #eef79a; 

    text-decoration: none;

    text-transform: uppercase;

    padding:9px 16px;

    display: block;

}

.social ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.social ul li {

    padding: 0 4px;

}

.social ul li a {

    color: #05193c;

    font-size:15px;

    transition: .3s;

    text-align: center;

    background-color: #eef79a;

    padding:1px;

    border-radius: 32px;

    width:26px;

    height:26px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

}

.fa-tiktok::before {

content:"";

background: url(../images/site/tiktok.png) no-repeat;

background-size: contain;

background-position: center center;

width: 15px;

height: 15px;

display: block;

}

.fa-discord::before {

    content:"";

    background: url(../images/site/discord.png) no-repeat;

    background-size: contain;

    background-position: center center;

    width: 15px;

    height: 15px;

    display: block;

}

.fa-laylo::before {

    content:"";

    background: url(../images/site/laylo.png) no-repeat;

    background-size: contain;

    background-position: center center;

    width: 15px;

    height: 15px;

    display: block;

}

.tour-section {
    padding-top:100px;
    position: relative;
    z-index: 301;
}

.tour-section h1, .merch-section .title {

    text-align: center;

    padding-bottom: 60px;

}

.tourContent {

    height: 730px;

    overflow-y: auto;

}

.merch-section {
    padding-top: 100px;
    padding-bottom:40px;
    position: relative;
    z-index: 301;
} 

.merchQuotes {

    font-family: 'editorial_newregular';

    font-weight: 400;

    font-size:72px;

    line-height: 1.15;

    color:#05193c;

    text-align: right;

    margin-bottom: 80px;

}
.merchQuotes span {
    display: block;
}
.merchQuotes span.text_1 {
    padding-right: 175px;
}
.merchQuotes span.text_2 {
    padding-right: 125px;
}

.merch-products-wrap {display: flex; flex-wrap: wrap;}

.merch-products-col {width: 50%; text-align: left; margin-bottom: 60px;}

.merch-products-col .btn {

    text-decoration: none;

    text-transform: uppercase;

    border: #eef79a 2px solid;

    color: #eef79a;

    background-color: transparent;

    padding: 12px 36px;
    font-family: 'helvetica_neueregular';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.030em;
    min-width: 146px;

    display: inline-block;

    text-align: center;

    cursor: pointer;

    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

}

.merch-products-col a {

    text-decoration: none;

    display: block;

}

.merch-products-col .btn:hover {

    background-color: #eef79a;

    color: #041b3d;

}

.merch-products-col h4 {

    font-size: 24px;

    line-height: 30px;

    color: #eef79a;

    font-weight: 400;

    letter-spacing: 0.030em;

    margin-top: 0px;
    margin-bottom: 8px;
    text-align: center;

}

.merch-products-col .price {

    font-size: 24px;

    line-height: 30px;

    color: #eef79a;

    letter-spacing: 0.030em;
    text-align: center;

}

.bgImage {

    background: url(../images/site/raw-web-bg.jpg) no-repeat;

    background-position:top center;

    background-size: 100%;

}

.site_footer {

    background-color: #05193c;

    padding-top:18px;

    padding-bottom:18px;

}

.copyright {

    font-size: 14px;

    color: #fff;

}

.seated-events-table {

    border-top:rgba(5,25,60,0.2) 1px solid !important;

}

.seated-event-row {

    border-bottom: rgba(5,25,60,0.2) 1px solid !important;

}

.seated-event-link1, .seated-event-link1:visited, .seated-event-link3, .seated-event-link3:visited {

    background-color: transparent !important;

    text-transform: uppercase !important;

    font-size: 16px !important;

    color: #05193c !important;

    border-color: #05193c !important;

    border-width: 1px !important;

    border-radius: 0px !important;

    transition: color 0.3s ease-in-out;

    padding: 11px 40px !important;

    display: inline-block;

}

.seated-event-link1:hover, .seated-event-link3:hover {

 background-color: #05193c !important;

 color:#eef79a !important;   

 padding: 11px 40px !important;

}
.seated-follow-text {
    color: #05193c;
}
.seated-event-description-cells {

    font-size: 20px;

    color: #05193c;

    letter-spacing: 0.030em;

}

.seated-follow-link, .seated-follow-link:visited {

    color:#05193c !important;

    border: 2px solid #05193c !important;

    background: transparent !important;

    border-radius: 0px !important;

    font-size:16px !important;

    overflow: hidden;

    padding: 12px 30px !important;

}

.seated-follow-link:hover {

    background-color: #05193c !important;

 color:#eef79a !important;  

}

.button_text_mng{text-align: center;}
.button_text_mng .btn{margin-top: 20px;}

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

    h1, .h1 {font-size:60px;}

    .container {max-width:1170px;}

    .grid-wrap {height: calc(100vh - 99px);}

    .headerTitle .h1 {font-size: 72px;}

    .headerTitle .subtitle {font-size: 24px;}

    .site_header {padding: 20px 16px;}

}

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

    .container {max-width:950px;}

    .grid-wrap {height: calc(100vh - 91px);}

    .headerTitle .h1 {font-size: 60px;}

    .siteLogo {max-width: 100px;}

    nav ul li a {font-size: 16px; padding: 9px 10px;}

    .social ul li a {font-size: 14px; width: 26px; height: 26px;}

    .fa-tiktok::before, .fa-discord::before, .fa-laylo::before {

        width: 14px;

        height: 14px;

    }

    .tour-section {

        padding-top: 60px;

    }

    .tour-section h1, .merch-section .title {

        padding-bottom: 30px;

    }

    .merch-section {

        padding-top: 60px;

        padding-bottom: 60px;

    }

    .merchQuotes {

        font-size: 45px;

        margin-bottom: 60px;

    }
    .merchQuotes span.text_1 {
        padding-right: 100px;
    }
    .merchQuotes span.text_2 {
        padding-right: 70px;
    }
    .merch-products-col h4, .merch-products-col .price {

        font-size: 20px;

        line-height: 24px;

    }

    .site_footer {

        padding-top: 12px;

        padding-bottom: 12px;

    }

    h1, .h1 {

        font-size: 45px;

    }

}

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

    .container {

        max-width:740px;

    }

    .social ul li {

        padding: 0 2px;

    }

    

}

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

    .container {

        max-width:100%;

    }

    .grid-wrap {

        height: calc(100vh - 183px);

    }

    .headerTitle {

        width: calc(100% - 30px);

    }
    .headerTitle .raw_logo {
        max-width: 280px;
    }

    .site_header {

        padding: 20px 0px;

    }

    .siteLogo {

        max-width:100px;

        margin-left: auto;

        margin-right: auto;

    }

    .site_header .row .col {

        width: 100%;

    }

    

    nav ul li a {

        line-height: 20px;

    }

    .social ul {

        justify-content: center;

        margin-top: 12px;

        margin-bottom: 12px;

    }

    .social ul li {

        padding: 0 6px;

    }

    .social ul li a {

        font-size: 16px;

        width:30px;

        height:30px;

    }

    .fa-tiktok::before, .fa-discord::before, .fa-laylo::before {

        width: 16px;

        height: 16px;

    }

    .copyright { 

        font-size: 14px;

    }

    .merch-products-col {
        width: 100%;
        text-align:center;
    }
    .seated-event-link1, .seated-event-link1:visited, .seated-event-link3, .seated-event-link3:visited {
        padding: 7px 40px !important;
    }
    .seated-event-link1:hover, .seated-event-link3:hover {
        padding:7px 40px !important;
    }
    .Chainsaw_HoodieButton{flex-direction: column;}
}

@-webkit-keyframes noise {
    to { transform: translate3d(-7rem,0,0) }
  }

  @keyframes noise {
    0% { transform: translate3d(0,9rem,0) }
    10% { transform: translate3d(-1rem,-4rem,0) }
    20% { transform: translate3d(-8rem,2rem,0) }
    30% { transform: translate3d(9rem,-9rem,0) }
    40% { transform: translate3d(-2rem,7rem,0) }
    50% { transform: translate3d(-9rem,-4rem,0) }
    60% { transform: translate3d(2rem,6rem,0) }
    70% { transform: translate3d(7rem,-8rem,0) }
    80% { transform: translate3d(-9rem,1rem,0) }
    90% { transform: translate3d(6rem,-5rem,0) }
    to { transform: translate3d(-7rem,0,0) }
  }