.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px
}

body {
    font-family: Oswald;
    color: #333;
    line-height: 20px
}
.promotional_banner_container{
    background-image: url("/redesign/graphics/black_friday_topBar-pattern_StartFromCenter.png");
    background-color: #993b3b;
    width: 100%;
    height: 100%
    max-height: 72px;
    background-position: center;
}
.promotional_banner{
    margin: auto;
    text-align: center;
}
h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 55px;
    font-weight: 500
}

h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase
}

p {
    margin-bottom: 10px;
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    line-height: 30px
}

strong {
    font-weight: 700
}

blockquote {
    margin-bottom: 0;
    padding: 10px 20px 10px 45px;
    border-left: 2px solid #a11f1f;
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    line-height: 36px
}

.nav {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9999;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__container {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo-link {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px
}

.nav__button {
    margin-left: 15px;
    padding: 8px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #141414;
    border-radius: 3px;
    color: #141414;
    text-decoration: none
}

.gift_certificate_link{
    border-color:rgb(241,241,241);
    margin-left: auto;
    white-space: nowrap;
}

.container {
    position: relative;
    width: 1200px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.hero__container {
    position: relative;
    z-index: 999;
    width: 1200px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px
}

.hero__grid {
    grid-column-gap: 50px;
    -ms-grid-columns: .9fr 1fr;
    grid-template-columns: .9fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.sec__title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 70px;
    line-height: 70px;
    text-transform: uppercase
}

.sec__title.inline {
    display: inline-block
}

.sec__title.end {
    display: inline
}

.sec__title.start {
    display: inline
}

.yellow {
    color: #fcbf00
}

.section {
    padding-right: 20px;
    padding-left: 20px
}

.section.section--quotes {
    position: relative;
    z-index: 10;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #fff
}

.signup-section {
    position: relative;
    z-index: 15;
    overflow: hidden;
    padding-right: 20px;
    padding-bottom: 100px;
    padding-left: 20px;
    border-bottom: 1px solid #333;
    background-color: #141414;
    color: #fff
}

.hero__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(mobile_back.jpeg)!important;
    color: #fff;
    background-size: cover !important;
}

.body-wrapper {
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-bottom: 400px;
    margin-left: auto
}

.intro__grid {
    position: relative;
    z-index: 15;
    grid-column-gap: 50px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.play-pick {
    position: relative;
    z-index: 1;
    width: 90px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: perspective(850px);
    transform: perspective(850px)
}

.lightbox {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -10px;
    margin-bottom: -10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .13)), to(rgba(0, 0, 0, .13))), url(/assets/webflow082019/images/Intro-Video.jpg);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .13), rgba(0, 0, 0, .13)), url(/assets/webflow082019/images/Intro-Video.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .13), rgba(0, 0, 0, .13)), url(/assets/webflow082019/images/Intro-Video.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    box-shadow: 0 3px 50px 0 #000;
    opacity: 1;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none
}

.hero__sub-title--free {
    z-index: 10;
    margin-top: 0;
    margin-bottom: -10px;
    margin-left: 10px;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    font-family: 'Permanent Marker', sans-serif;
    color: #fcbf00;
    font-size: 70px;
    line-height: 50px;
    font-weight: 400
}

.song-row__item {
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 4px;
    box-shadow: 6px 6px 8px -6px rgba(0, 0, 0, .48);
    color: #fff
}

.song-row__item:hover {
    z-index: 50
}

.song-row__item.nirvana {
    background-image: url(../images/artists/eagles-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.sheeran {
    position: static;
    background-image: url(../images/artists/muddy-waters-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.cash {
    position: static;
    background-image: url(../images/artists/rihanna-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px)
}

.song-row__item.hendrix {
    position: static;
    background-image: url(../images/artists/ac-dc-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.who {
    position: relative;
    z-index: 99;
    background-image: url(../images/artists/linkin-park-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.stones {
    position: relative;
    background-image: url(../images/artists/ccr-v3-square-446x446.jpeg);
    background-position: 50% 80%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.queen {
    position: relative;
    z-index: 10;
    background-image: url(../images/artists/the-animals-new-500x463.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.lynard {
    background-image: url(../images/artists/lynyrd-skynyrd-v2-300x600.jpeg);
    background-position: 50% 95%;
    background-size: cover;
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px)
}

.song-row__item.lennon {
    position: static;
    background-image: url(../images/artists/imagine-dragons-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px)
}

.song-row__item.clapton {
    position: static;
    background-image: url(../images/artists/metallica-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.beatles {
    position: static;
    background-image: url(../images/artists/johnny-cash-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px)
}

.song-row__item.eagles {
    position: static;
    background-image: url(../images/the-eagles.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.jackson {
    background-image: url(../images/artists/queen-v2-498x521.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.song-row__item.stripes {
    background-image: url(../images/artists/white-stripes-v2-300x600.jpeg);
    background-position: 50% 95%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.song-row__item.zz-top {
    position: relative;
    z-index: 99;
    background-image: url(../images/artists/the-beatles-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.cooper {
    position: relative;
    z-index: 99;
    background-image: url(../images/artists/john-legend-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.bangles {
    position: relative;
    z-index: 99;
    background-image: url(../images/artists/santana-new.jpeg);
    background-position: 50% 90%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.guns {
    background-image: url(../images/artists/eric-clapton-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.song-row__item.zepelin {
    position: relative;
    z-index: 99;
    background-image: url(../images/artists/joan-jett-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.maroon5 {
    position: static;
    background-image: url(../images/artists/pink-floyd-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.metallica {
    position: static;
    background-image: url(../images/artists/kurt-kobain-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px)
}

.song-row__item.elvis {
    position: static;
    background-image: url(../images/artists/poison-new-510x584.jpeg);
    background-position: 50% 90%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.pearljam {
    background-image: url(../images/artists/rolling-stones-v3-500x500.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.travelling {
    background-image: url(../images/artists/maroon-5-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.doobie {
    background-image: url(../images/artists/shawn-mendes-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.cream {
    margin-top: 30px;
    background-image: url(../images/artists/bb-king-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.ryanadams {
    background-image: url(../images/artists/led-zep-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.stevenicks {
    margin-top: 30px;
    background-image: url(../images/artists/stevie-nicks-new.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.grateful-dead {
    margin-top: 30px;
    background-image: url(../images/artists/zz-top-v2-637x413.jpeg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.boston {
    position: static;
    background-image: url(../images/artists/boston-new-527x421.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.song-row__item.kiss {
    position: static;
    background-image: url(../images/artists/srv-new.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.section__title {
    position: relative;
    z-index: 15;
    margin-top: 0;
    font-size: 80px;
    line-height: 80px;
    text-transform: uppercase
}

.section__title.section__title--quote {
    margin-right: 20px
}

.section__title.tracks {
    z-index: 99;
    text-align: center
}

.section__title.section__title--signup {
    margin-bottom: 50px;
    padding-bottom: 40px;
    border-bottom: 1px solid #494949;
    text-align: center
}

.song__title {
    display: none;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase
}

.song__artist {
    display: none;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600
}

.system__container {
    position: relative;
    z-index: 100;
    width: 960px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.hero__bg-video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 100%
}

.hero__curve-grey {
    z-index: 10;
    margin-top: 80px
}

.hero__bg-video-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .71)), to(rgba(0, 0, 0, .71)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .71), rgba(0, 0, 0, .71));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .71), rgba(0, 0, 0, .71))
}

.lightbox__text {
    position: absolute;
    width: 150px;
    margin-top: 90px;
    margin-left: 95px
}

.countdown-wrapper {
    padding: 25px 40px 30px;
    border-radius: 3px;
    background-color: #fff;
    color: #141414;
    text-align: center
}

.countdown {
    display: inline-block;
    min-width: 240px;
    margin-top: -5px;
    padding: 12px 25px 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #f1f1f1;
    border-radius: 4px;
    text-transform: uppercase
}

.promo__title {
    z-index: 10;
    margin-top: 0;
    margin-bottom: 25px;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    font-family: 'Permanent Marker', sans-serif;
    color: #fcbf00;
    font-size: 45px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: -2px
}

.divider {
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    background-color: hsla(0, 0%, 100%, .14)
}

.quote__image {
    overflow: hidden;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: -25px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 2px;
    background-image: url(../images/bg-funway-2.jpg);
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: -13px 13px 40px -7px rgba(0, 0, 0, .2)
}

.quote__image.phil {
    background-image: url(../images/bg-funway-1.jpg)
}

.quote__image.susan {
    background-image: url(../images/bg-funway.jpg)
}

.quote__image.eric {
    background-image: url(../images/pixpoetry-BXMYP2waN2Q-unsplash_compressed.jpg)
}

.quote__image.jen {
    background-image: url(../images/mariana-vusiatytska-1PlJFiOyacw-unsplash_compressed.jpg)
}

.quote__image.sherat {
    background-image: url(../images/fotografia-ges-PRVvL8bfcTA-unsplash_compressed.jpg)
}

.quote__name {
    font-size: 25px;
    line-height: 40px;
    font-weight: 600;
    text-transform: uppercase
}

.quote__name.quote__name--slider {
    margin-bottom: 10px;
    padding-top: 20px;
    padding-left: 45px
}

.curve-grey-wrapper {
    overflow: hidden;
    width: 100%;
    background-color: #fff
}

.section__title-script {
    z-index: 10;
    margin-top: -40px;
    margin-bottom: -10px;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    font-family: 'Permanent Marker', sans-serif;
    color: #fcbf00;
    font-size: 90px;
    line-height: 70px;
    font-weight: 400
}
.section__price-script{
    font-size: 25px;
    display: block;
}
.section__title-script.inline {
    display: inline-block
}

.section__title-script.tracks {
    display: inline-block
}

.system-section {
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #141414;
    color: #fff;
    text-align: center
}

.mini-container {
    width: 600px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.slider {
    min-height: 550px;
    background-color: transparent
}

.slider__arrow {
    height: 40px;
    margin-top: auto;
    margin-bottom: 0;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #a7a7a7;
    font-size: 20px
}

.slider__arrow:hover {
    color: #a11f1f
}

.slider__nav {
    font-size: 6px
}

.slider__grid {
    height: 100%;
    padding-bottom: 60px;
    grid-auto-flow: row dense;
    grid-column-gap: 70px
}

.slider__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 2px solid #a11f1f
}

.footer {
    position: fixed;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 400px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #141414;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(70%, #141414), color-stop(0, #000));
    background-image: -webkit-linear-gradient(left, #141414 70%, #000 0);
    background-image: linear-gradient(90deg, #141414 70%, #000 0);
    color: #fff
}

.footer__container {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 1200px;
    height: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    grid-auto-flow: row dense;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.footer__title {
    margin-bottom: 30px;
    color: #525252;
    font-size: 18px;
    text-transform: uppercase
}

.footer__title.footer__title--app {
    color: #fcbf00;
    font-size: 27px;
    line-height: 33px
}

.footer__app-link {
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.footer__app-link:hover {
    opacity: .7
}

.footer__link {
    display: block;
    margin-bottom: 5px;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    text-decoration: none
}

.footer__link:hover {
    color: #a11f1f
}

.footer__copyright {
    margin-top: 40px;
    font-family: 'Work Sans', sans-serif;
    color: #525252;
    font-size: 11px;
    line-height: 14px
}

.footer__get-app {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -50px;
    margin-bottom: -50px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000
}

.footer__nav-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -50px;
    margin-bottom: -50px;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #333;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .57)), to(#141414)), url(/index_redesign_assets/images2/slide-img1.jpeg);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .57), #141414), url(/index_redesign_assets/images2/slide-img1.jpeg);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .57), #141414), url(/index_redesign_assets/images2/slide-img1.jpeg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover
}

.footer__tagline {
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase
}

.footer__logo {
    margin-bottom: 20px
}

.footer__app__arrow {
    position: absolute;
    left: -30px;
    top: 50%;
    right: auto;
    bottom: 0;
    width: 80px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.footer__left-panel {
    padding-right: 40px
}

.play-pick-wrapper {
    position: relative;
    margin-bottom: 10px;
    -webkit-transform: perspective(-30px) translate3d(0, 0, 1px) perspective(850px);
    transform: perspective(-30px) translate3d(0, 0, 1px) perspective(850px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.play-pick-red {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 90px
}

.system__bg-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -25%;
    z-index: 0;
    overflow: hidden;
    background-image: url(../images/alf-williamsen-476120-unsplash_compressed.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.system__grid {
    margin-top: 50px;
    margin-bottom: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 0;
    grid-row-gap: 0;
    -ms-grid-columns: 1fr 80px 1fr 140px 1fr 80px 1fr;
    grid-template-columns: 1fr 80px 1fr 140px 1fr 80px 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto
}

.system__bar-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 20px;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1
}

.system__fund-2 {
    position: relative;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__fund-2:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.system__fund-1 {
    position: relative;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__fund-1:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.arrrow-red-1 {
    width: 25px;
    min-width: 25px
}

.system__country-1 {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__country-1:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.system__blues-1 {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__blues-1:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.system__rock-1 {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__rock-1:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.system__blues-2 {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__blues-2:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.system__country-2 {
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__country-2:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.system__rock-2 {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__rock-2:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.system__bar-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 55%;
    height: 20px;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1
}

.beginner-text {
    margin-right: 5px
}

.tracks-section {
    position: relative;
    height: 300vh;
    padding-bottom: 100px;
    background-color: #fff
}

.tracks__sticky {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    right: 0;
    overflow: hidden;
    height: 100vh;
    max-width: 100%;
    padding-top: 300px
}

.sticky__grid {
    position: relative;
    width: 350vh;
    margin-top: -30%;
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    grid-column-gap: 16px;
    -ms-grid-columns: 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw;
    grid-template-columns: 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw 20vw;
    -ms-grid-rows: 20vw 20vw 20vw 20vw 20vw;
    grid-template-rows: 20vw 20vw 20vw 20vw 20vw
}

.tracks__gradient {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 9999;
    min-height: 190px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.tracks__gradient.top {
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 9999;
    -webkit-transform: rotateX(180deg) rotateY(0) rotateZ(0);
    transform: rotateX(180deg) rotateY(0) rotateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.tracks__track {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    -webkit-transform: perspective(4000px) translate3d(0, 0, -10px) perspective(4000px) rotateX(49deg) rotateY(0) rotateZ(39deg);
    transform: perspective(4000px) translate3d(0, 0, -10px) perspective(4000px) rotateX(49deg) rotateY(0) rotateZ(39deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.tracks__text-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.tracks__list {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100vh;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: perspective(5000px) translate3d(0, 0, 50px);
    transform: perspective(5000px) translate3d(0, 0, 50px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.track-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px;
    padding: 10px 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15);
    text-align: center;
    text-transform: uppercase
}

.track-details__song-title {
    margin-right: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 17px;
    line-height: 27px
}

.track-details__artist {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    line-height: 20px
}

.nav__bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05)
}

.slide {
    overflow: hidden
}

.system__icon-wrapper {
    z-index: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.system__flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -95px
}

.system__modal__col {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.system__modal__col.logo {
    width: 190px;
    margin-right: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.system__modal-title {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 45px;
    text-transform: uppercase
}

.system__modal__logo {
    position: relative;
    z-index: 1;
    border-radius: 50%
}

.system__modal__logo.unrounded {
    border-radius: 3px
}

.system__modal__closer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
    display: block;
    color: #818181;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase
}

.tracks__text-border {
    position: relative;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 40px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .3);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.system__mobile-grid {
    display: none
}

.system__bar-two-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 55%;
    height: 20px;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1
}

.system__modal-level-2 {
    margin-top: 10px;
    color: #a11f1f;
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase
}

.system__bar-nine-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 20px;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1
}

.system__fund-1-2 {
    position: relative;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__fund-1-2:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.system__modal-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 95px;
    padding-top: 40px;
    padding-right: 60px;
    padding-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 -1px 40px 0 rgba(0, 0, 0, .66);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    color: #141414;
    text-align: left
}

.system__modal-wrapper.hide {
    display: none
}

.system__lead-line-2 {
    position: absolute;
    left: -150px;
    top: 50%;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 20px;
    padding-right: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #f1f1f1;
    color: #a11f1f;
    font-weight: 600
}

.system__bar-eight-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 20px;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1
}

.system__bar-six-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 90px;
    height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-left-radius: 10px;
    background-color: #f1f1f1
}

.system__bar-three-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 75%;
    margin-right: 45%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #f1f1f1
}

.system__blues-22 {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__blues-22:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.arrrow-red-1-2 {
    width: 25px;
    min-width: 25px
}

.system__bar-four-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 90px;
    height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 10px;
    background-color: #f1f1f1
}

.system__bar-seven-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 20px;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1
}

.system__bar-one-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 20px;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1
}

.system__bar-five-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 90px;
    height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1
}

.system__fund-2-2 {
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.system__fund-2-2:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.button-one {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    padding: 20px 30px;
    border: 1px solid #fcbf00;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none
}

.button-one:hover {
    color: #424fff
}

.button-one.button--home-hero {
    color: #141414;
    font-size: 23px;
    line-height: 30px
}

.button-one.button--home-hero:hover {
    border-color: #fcbf00;
    color: #fcbf00
}

.button__text {
    position: relative;
    z-index: 10;
    text-decoration: none;
    text-transform: uppercase
}

.button__fill-top {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    height: 50%;
    background-color: #fcbf00
}

.button__fill-bottom {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    height: 50%;
    background-color: #fcbf00
}

.button__fill-left {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: 0;
    width: 50%;
    background-color: #fcbf00
}

.button__fill-right {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background-color: #fcbf00
}

.curve-top {
    position: relative;
    z-index: 98;
    width: 105vw;
    max-width: 105vw;
    margin-top: -3px;
    margin-left: -2.5vw
}

.system__curve-bottom {
    position: relative;
    z-index: 97;
    width: 110vw;
    max-width: none;
    margin-bottom: -1px;
    margin-left: -5vw
}

.slider__arrow__icon {
    margin-left: 0
}

.slider__arrow__icon.right {
    margin-right: 0;
    margin-left: 45px
}

.signup__grid-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tc-scroller {
    overflow: auto;
    max-height: 130px;
    margin-top: 20px;
    padding: 10px 20px 10px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 4px;
    font-size: 10px;
    text-align: left
}

.signup__img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .89)), to(rgba(0, 0, 0, .89))), url(../images/chris-arock-PglA50z0X4s-unsplash-compressed.jpg);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .89), rgba(0, 0, 0, .89)), url(../images/chris-arock-PglA50z0X4s-unsplash-compressed.jpg);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .89), rgba(0, 0, 0, .89)), url(../images/chris-arock-PglA50z0X4s-unsplash-compressed.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto, cover
}

.tracks__p {
    text-align: center
}

.hero__ticker-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 191px;
    height: 76px;
    margin-bottom: -9px
}

.hero__words-ticker__easy {
    font-family: 'Permanent Marker', sans-serif;
    color: #fcbf00;
    font-size: 80px;
    line-height: 70px;
    letter-spacing: -6px;
    text-transform: uppercase
}

.hero__words-ticker__fast {
    font-family: 'Permanent Marker', sans-serif;
    color: #fcbf00;
    font-size: 80px;
    line-height: 70px;
    letter-spacing: -6px;
    text-transform: uppercase
}

.hero__words-ticker__fun {
    font-family: 'Permanent Marker', sans-serif;
    color: #fcbf00;
    font-size: 80px;
    line-height: 70px;
    letter-spacing: 0;
    text-transform: uppercase
}

.hero__text-wrapper {
    max-width: 434px
}

@media (max-width:991px) {
    h2 {
        font-size: 29px;
        line-height: 34px
    }
    .hero__grid {
        display: block
    }
    .sec__title {
        font-size: 65px;
        line-height: 70px
    }
    .sec__title.end {
        font-size: 70px
    }
    .sec__title.start {
        font-size: 70px
    }
    .hero__wrapper {
        padding-top: 100px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .body-wrapper {
        margin-bottom: 0
    }
    .intro__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-column-gap: 50px;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }
    .lightbox {
        min-height: 350px
    }
    .section__title.section__title--quote {
        font-size: 50px;
        line-height: 55px
    }
    .promo__title {
        font-size: 40px;
        line-height: 40px
    }
    .quote__image {
        min-height: 250px;
        -webkit-box-flex: 0;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .quote__image.susan {
        -webkit-box-flex: 0;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .quote__image.eric {
        -webkit-box-flex: 0;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .quote__image.jen {
        -webkit-box-flex: 0;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .quote__image.sherat {
        -webkit-box-flex: 0;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .quote__name.quote__name--slider {
        padding-top: 10px;
        padding-left: 25px
    }
    .slider {
        min-height: 390px
    }
    .slider__grid {
        grid-row-gap: 0
    }
    .footer {
        position: static;
        height: auto
    }
    .footer__nav-panel {
        padding-left: 20px
    }
    .footer__tagline {
        font-size: 40px;
        line-height: 45px
    }
    .footer__app__arrow {
        left: -25px;
        width: 60px
    }
    .footer__left-panel {
        padding-right: 20px
    }
    .system__grid {
        display: none;
        -ms-grid-columns: 1fr 40px 1fr 120px 1fr 40px 1fr;
        grid-template-columns: 1fr 40px 1fr 120px 1fr 40px 1fr
    }
    .system__bar-one {
        width: 20px;
        height: auto;
        margin-right: 0;
        margin-left: 0
    }
    .system__fund-2:hover {
        -webkit-transform: none;
        transform: none
    }
    .system__fund-1:hover {
        -webkit-transform: none;
        transform: none
    }
    .arrrow-red-1 {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .system__blues-2:hover {
        -webkit-transform: none;
        transform: none
    }
    .system__bar-two.mobile-hor {
        position: relative;
        z-index: 0;
        overflow: visible;
        width: auto;
        margin-right: 12.5%;
        margin-left: 12.5%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
    .sticky__grid {
        -ms-grid-columns: 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw;
        grid-template-columns: 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw 30vw;
        -ms-grid-rows: 30vw 30vw 30vw;
        grid-template-rows: 30vw 30vw 30vw
    }
    .tracks__track {
        -webkit-transform: perspective(0) translate3d(0, 0, -10px) perspective(4000px) rotateX(30deg) rotateY(0) rotateZ(39deg);
        transform: perspective(0) translate3d(0, 0, -10px) perspective(4000px) rotateX(30deg) rotateY(0) rotateZ(39deg)
    }
    .track-details {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .slider__p {
        font-size: 17px;
        line-height: 25px
    }
    .system__mobile-grid {
        display: -ms-grid;
        display: grid;
        margin-top: 50px;
        grid-auto-columns: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 0;
        -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
        grid-template-columns: 1fr 50px 1fr 50px 1fr;
        -ms-grid-rows: auto 50px auto 50px 80px auto 50px auto;
        grid-template-rows: auto 50px auto 50px 80px auto 50px auto
    }
    .system__mobile-hor__vert-bar {
        position: relative;
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 20px;
        height: 100px;
        margin-top: 100px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f1f1f1
    }
    .curve-top {
        margin-left: -5.5vw
    }
    .system__curve-bottom {
        left: -1%;
        right: -1%;
        margin-top: 50px
    }
}

@media (max-width:767px) {
    .sec__title {
        font-size: 50px;
        line-height: 50px
    }
    .sec__title.inline {
        font-size: 60px;
        line-height: 60px
    }
    .sec__title.start {
        line-height: 70px
    }
    .section.section--quotes {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .lightbox {
        min-height: 280px;
        margin-top: 20px
    }
    .hero__sub-title--free {
        margin-left: 0
    }
    .section__title.section__title--quote {
        font-size: 40px;
        line-height: 45px
    }
    .section__title.tracks {
        font-size: 60px;
        line-height: 60px
    }
    .section__title.section__title--signup {
        font-size: 50px;
        line-height: 50px
    }
    .countdown-wrapper {
        padding-right: 20px;
        padding-left: 20px
    }
    .quote__image {
        margin-right: 0;
        margin-left: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .quote__image.susan {
        margin-right: 0;
        margin-left: 0;
        box-shadow: none
    }
    .quote__image.eric {
        margin-right: 0;
        margin-left: 0;
        box-shadow: none
    }
    .quote__image.jen {
        margin-right: 0;
        margin-left: 0;
        box-shadow: none
    }
    .quote__image.sherat {
        margin-right: 0;
        margin-left: 0;
        box-shadow: none
    }
    .quote__name.quote__name--slider {
        padding-left: 0;
        font-size: 20px;
        line-height: 30px
    }
    .section__title-script.inline {
        font-size: 70px
    }
    .section__title-script.tracks {
        font-size: 70px
    }
    .slider {
        min-height: 580px
    }
    .slider__grid {
        display: block;
        grid-column-gap: 50px
    }
    .slider__details {
        border-left-style: none
    }
    .footer__container {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: 1fr 20px 1fr
    }
    .footer__nav-panel {
        display: none
    }
    .sticky__grid {
        -ms-grid-columns: 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw;
        grid-template-columns: 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw 40vw;
        -ms-grid-rows: 40vw 40vw 40vw;
        grid-template-rows: 40vw 40vw 40vw
    }
    .tracks__text-border {
        margin-right: 20px;
        margin-left: 20px;
        padding-right: 24px;
        padding-bottom: 15px;
        padding-left: 24px
    }
    .system__mobile-grid {
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: 1fr 20px 1fr 20px 1fr
    }
    .button-one.button--home-hero {
        margin-top: 10px
    }
    .curve-top {
        max-width: 104vw
    }
    .nav__button {
        padding: 8px 8px;
    }
    .gift_certificate_link{
        border: 0px;
        padding: 0px;
        text-decoration: underline;
    }
}

@media (max-width:479px) {
    h2 {
        font-size: 24px;
        line-height: 33px
    }
    p {
        font-size: 18px;
        line-height: 28px
    }
    .sec__title {
        margin-bottom: 10px;
        font-size: 41px;
        line-height: 50px
    }
    .sec__title.inline {
        font-size: 50px;
        line-height: 45px
    }
    .sec__title.end {
        font-size: 50px;
        line-height: 50px
    }
    .sec__title.start {
        font-size: 50px;
        line-height: 50px
    }
    .section.section--quotes {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .signup-section {
        padding-bottom: 50px
    }
    .play-pick {
        width: 70px
    }
    .lightbox {
        min-height: 57vw;
        margin-bottom: 0;
        font-size: 20px;
        line-height: 15px;
        font-weight: 500
    }
    .hero__sub-title--free {
        font-size: 50px
    }
    .section__title.section__title--quote {
        margin-right: 0
    }
    .section__title.tracks {
        font-size: 10vw;
        line-height: 12vw
    }
    .section__title.section__title--signup {
        margin-top: 50px;
        margin-bottom: 0
    }
    .system__container {
        padding-top: 20px
    }
    .lightbox__text {
        width: 135px;
        margin-top: 74px;
        margin-left: 70px
    }
    .promo__title {
        font-size: 30px;
        line-height: 30px
    }
    .section__title-script.inline {
        font-size: 66px;
        line-height: 55px
    }
    .section__title-script.tracks {
        font-size: 12vw;
        line-height: 12vw
    }
    .slider {
        min-height: 700px
    }
    .footer__container {
        -ms-grid-columns: 1.2fr 20px 1fr;
        grid-template-columns: 1.2fr 20px 1fr
    }
    .footer__get-app {
        padding-right: 0
    }
    .footer__app__arrow {
        display: none
    }
    .system__bar-one {
        width: 12px
    }
    .arrrow-red-1 {
        width: 12px;
        min-width: auto
    }
    .system__bar-two.mobile-hor {
        height: 12px;
        margin-right: 14%;
        margin-left: 14%
    }
    .tracks__gradient {
        bottom: -1px;
        min-height: 120px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(90%, #fff));
        background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff 90%);
        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 90%)
    }
    .tracks__track {
        position: relative;
        z-index: -1
    }
    .tracks__text-container {
        -webkit-transform: perspective(8000px) translate3d(0, 0, 80px) perspective(5000px);
        transform: perspective(8000px) translate3d(0, 0, 80px) perspective(5000px)
    }
    .tracks__list {
        z-index: 0
    }
    .track-details {
        margin-left: 0
    }
    .track-details__song-title {
        font-size: 14px;
        line-height: 24px
    }
    .track-details__artist {
        font-size: 11px
    }
    .tracks__text-border {
        margin-right: 10px;
        margin-left: 10px;
        padding: 33px 10px 20px;
        -webkit-transform: translate3d(0, 0, 60px);
        transform: translate3d(0, 0, 60px)
    }
    .system__mobile-grid {
        -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
        grid-template-columns: 1fr 10px 1fr 10px 1fr;
        -ms-grid-rows: auto 30px auto 25px 30px auto 40px auto;
        grid-template-rows: auto 30px auto 25px 30px auto 40px auto
    }
    .system__mobile-hor__vert-bar {
        width: 12px;
        height: 40px;
        margin-top: 45px
    }
    .button-one.button--home-hero {
        padding: 10px 20px
    }
    .button__text {
        font-size: 18px;
        line-height: 35px
    }
    .curve-top {
        width: 106vw;
        max-width: 106vw;
        margin-left: -8.5vw
    }
    .system__curve-bottom {
        margin-left: -7vw
    }
    .tracks__p {
        margin-right: 20px;
        margin-left: 20px
    }
    .hero__ticker-wrapper {
        width: 140px;
        margin-top: -20px;
        margin-bottom: -19px
    }
    .hero__words-ticker__easy {
        font-size: 60px
    }
    .hero__words-ticker__fast {
        font-size: 60px
    }
    .hero__words-ticker__fun {
        font-size: 60px
    }
}

#w-node-eb5b679737b7-2c59604c {
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
    -ms-grid-row: 2;
    grid-row-start: 2
}

#w-node-eb5b679737be-2c59604c {
    -ms-grid-column-span: 2;
    grid-column-end: 4;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 6;
    -ms-grid-row: 4;
    grid-row-start: 4
}

#w-node-eb5b679737c5-2c59604c {
    -ms-grid-column-span: 2;
    grid-column-end: 7;
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-row-span: 2;
    grid-row-end: 6;
    -ms-grid-row: 4;
    grid-row-start: 4
}

#w-node-eb5b679737cc-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 8;
    -ms-grid-column: 7;
    grid-column-start: 7;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
    -ms-grid-row: 4;
    grid-row-start: 4
}

#w-node-eb5b679737d3-2c59604c {
    -ms-grid-column-span: 2;
    grid-column-end: 10;
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-row-span: 2;
    grid-row-end: 6;
    -ms-grid-row: 4;
    grid-row-start: 4
}

#w-node-eb5b679737da-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4
}

#w-node-eb5b679737e1-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
    -ms-grid-row: 5;
    grid-row-start: 5
}

#w-node-eb5b679737e8-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
    -ms-grid-row: 4;
    grid-row-start: 4
}

#w-node-eb5b679737ef-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1
}

#w-node-eb5b679737f6-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1
}

#w-node-eb5b679737fc-2c59604c {
    -ms-grid-column: 7;
    grid-column-start: 7;
    -ms-grid-column-span: 1;
    grid-column-end: 8;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

#w-node-eb5b67973803-2c59604c {
    -ms-grid-column-span: 2;
    grid-column-end: 5;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1
}

#w-node-eb5b6797380a-2c59604c {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-column-span: 1;
    grid-column-end: 6;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

#w-node-eb5b67973811-2c59604c {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 1;
    grid-column-end: 7;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

#w-node-eb5b67973818-2c59604c {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-column-span: 1;
    grid-column-end: 6;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
}

#w-node-eb5b6797381f-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 6;
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3
}

#w-node-eb5b67973825-2c59604c {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4
}

#w-node-eb5b6797382c-2c59604c {
    -ms-grid-column: 4;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4
}

#w-node-eb5b67973833-2c59604c {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 2;
    grid-column-end: 8;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4
}

#w-node-eb5b6797383a-2c59604c {
    -ms-grid-column-span: 2;
    grid-column-end: 10;
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1
}

#w-node-eb5b67973840-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 9;
    -ms-grid-column: 8;
    grid-column-start: 8;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3
}

#w-node-eb5b67973847-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 10;
    -ms-grid-column: 9;
    grid-column-start: 9;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3
}

#w-node-eb5b6797384e-2c59604c {
    -ms-grid-column: 10;
    grid-column-start: 10;
    -ms-grid-column-span: 1;
    grid-column-end: 11;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

#w-node-eb5b67973855-2c59604c {
    -ms-grid-column: 11;
    grid-column-start: 11;
    -ms-grid-column-span: 1;
    grid-column-end: 12;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

#w-node-eb5b6797385c-2c59604c {
    -ms-grid-column: 10;
    grid-column-start: 10;
    -ms-grid-column-span: 1;
    grid-column-end: 11;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
}

#w-node-eb5b67973863-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 11;
    -ms-grid-column: 10;
    grid-column-start: 10;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3
}

#w-node-eb5b6797386a-2c59604c {
    -ms-grid-column: 11;
    grid-column-start: 11;
    -ms-grid-column-span: 2;
    grid-column-end: 13;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4
}

#w-node-eb5b67973871-2c59604c {
    -ms-grid-column: 12;
    grid-column-start: 12;
    -ms-grid-column-span: 1;
    grid-column-end: 13;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

#w-node-eb5b67973878-2c59604c {
    -ms-grid-column: 10;
    grid-column-start: 10;
    -ms-grid-column-span: 1;
    grid-column-end: 11;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5
}

#w-node-eb5b6797387f-2c59604c {
    -ms-grid-column: 11;
    grid-column-start: 11;
    -ms-grid-column-span: 1;
    grid-column-end: 12;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5
}

#w-node-eb5b67973886-2c59604c {
    -ms-grid-column: 10;
    grid-column-start: 10;
    -ms-grid-column-span: 1;
    grid-column-end: 11;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-row-span: 1;
    grid-row-end: 6
}

#w-node-2ccb105cf5dc-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-align: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

#w-node-2ccb105cf5ea-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-align: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

#w-node-2ccb105cf5f8-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 6;
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-align: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

#w-node-2ccb105cf606-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 8;
    -ms-grid-column: 7;
    grid-column-start: 7;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-align: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

#w-node-2ccb105cf614-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 8;
    -ms-grid-column: 7;
    grid-column-start: 7;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center
}

#w-node-2ccb105cf622-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 6;
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center
}

#w-node-2ccb105cf630-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 6;
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-align: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

#w-node-2ccb105cf63e-2c59604c {
    -ms-grid-column-span: 1;
    grid-column-end: 8;
    -ms-grid-column: 7;
    grid-column-start: 7;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-align: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

#w-node-2ccb105cf64c-2c59604c {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 1;
    grid-column-end: 7;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

#w-node-2ccb105cf64e-2c59604c {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
}

#w-node-2ccb105cf652-2c59604c {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
}

#w-node-2ccb105cf654-2c59604c {
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
}

#w-node-2ccb105cf656-2c59604c {
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 5;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4;
    -ms-grid-row-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-grid-column-align: end;
    justify-self: end
}

#w-node-2ccb105cf65d-2c59604c {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 1;
    grid-column-end: 7;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3
}

#w-node-2ccb105cf65f-2c59604c {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 1;
    grid-column-end: 7;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4
}

@media screen and (max-width:991px) {
    #w-node-e32c844fe0ca-2c59604c {
        -ms-grid-column-span: 1;
        grid-column-end: 4;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 2;
        -ms-grid-row: 1;
        grid-row-start: 1
    }
}

@media screen and (max-width:991px) {
    #w-node-33c6e2f92d45-2c59604c {
        -ms-grid-column-span: 1;
        grid-column-end: 4;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 4;
        -ms-grid-row: 3;
        grid-row-start: 3
    }
}

@media screen and (max-width:991px) {
    #w-node-b326bb560973-2c59604c {
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 7;
        -ms-grid-row: 6;
        grid-row-start: 6
    }
}

@media screen and (max-width:479px) {
    #w-node-b326bb560973-2c59604c {
        -webkit-align-self: end;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end
    }
}

@media screen and (max-width:991px) {
    #w-node-b093bed3827d-2c59604c {
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 9;
        -ms-grid-row: 8;
        grid-row-start: 8
    }
}

@media screen and (max-width:991px) {
    #w-node-442e1dfa871e-2c59604c {
        -ms-grid-column-span: 1;
        grid-column-end: 4;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 9;
        -ms-grid-row: 8;
        grid-row-start: 8
    }
}

@media screen and (max-width:991px) {
    #w-node-96a06d44322d-2c59604c {
        -ms-grid-column-span: 1;
        grid-column-end: 4;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row-span: 1;
        grid-row-end: 7;
        -ms-grid-row: 6;
        grid-row-start: 6
    }
}

@media screen and (max-width:479px) {
    #w-node-96a06d44322d-2c59604c {
        -webkit-align-self: end;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end
    }
}

@media screen and (max-width:991px) {
    #w-node-f63da8a904f8-2c59604c {
        -ms-grid-column-span: 1;
        grid-column-end: 6;
        -ms-grid-column: 5;
        grid-column-start: 5;
        -ms-grid-row-span: 1;
        grid-row-end: 7;
        -ms-grid-row: 6;
        grid-row-start: 6
    }
}

@media screen and (max-width:479px) {
    #w-node-f63da8a904f8-2c59604c {
        -webkit-align-self: end;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end
    }
}

@media screen and (max-width:991px) {
    #w-node-5acfd472a732-2c59604c {
        -ms-grid-column-span: 1;
        grid-column-end: 6;
        -ms-grid-column: 5;
        grid-column-start: 5;
        -ms-grid-row-span: 1;
        grid-row-end: 9;
        -ms-grid-row: 8;
        grid-row-start: 8
    }
}

#w-node-b4e04535a814-2c59604c {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

@media screen and (max-width:991px) {
    #w-node-b4e04535a814-2c59604c {
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
        -ms-grid-row-span: 1;
        grid-row-end: 3;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

#w-node-878256dfea4b-2c59604c {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

@media screen and (max-width:991px) {
    #w-node-878256dfea4b-2c59604c {
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row: 4;
        grid-row-start: 4;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
        -ms-grid-row-span: 1;
        grid-row-end: 5;
        -ms-grid-column-align: center;
        justify-self: center;
        -ms-grid-row-align: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }
}

#w-node-a1d36c5d3e5b-2c59604c {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

@media screen and (max-width:991px) {
    #w-node-a1d36c5d3e5b-2c59604c {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row: 7;
        grid-row-start: 7;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-row-span: 1;
        grid-row-end: 8;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

#w-node-f638d352b441-2c59604c {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

@media screen and (max-width:991px) {
    #w-node-f638d352b441-2c59604c {
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-row: 7;
        grid-row-start: 7;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
        -ms-grid-row-span: 1;
        grid-row-end: 8;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

#w-node-eba014ddc3c8-2c59604c {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

@media screen and (max-width:991px) {
    #w-node-eba014ddc3c8-2c59604c {
        -ms-grid-column: 5;
        grid-column-start: 5;
        -ms-grid-row: 7;
        grid-row-start: 7;
        -ms-grid-column-span: 1;
        grid-column-end: 6;
        -ms-grid-row-span: 1;
        grid-row-end: 8;
        -ms-grid-column-align: center;
        justify-self: center
    }
}

#w-node-ee8183a1a204-2c59604c {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2
}

@media screen and (max-width:991px) {
    #w-node-ee8183a1a204-2c59604c {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row: 5;
        grid-row-start: 5;
        -ms-grid-column-span: 5;
        grid-column-end: 6;
        -ms-grid-row-span: 1;
        grid-row-end: 6;
        -ms-grid-row-align: start;
        -ms-flex-item-align: start;
        align-self: start;
        -ms-grid-column-align: stretch;
        justify-self: stretch
    }
}

#w-node-985f88dcce7b-2c59604c {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
}

#w-node-985f88dcce81-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2
}

#w-node-132eb579e3c7-2c59604c {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

#w-node-da6368dea7e8-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-row-align: end;
    -ms-flex-item-align: end;
    align-self: end
}

#w-node-da6368dea7eb-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 3;
    grid-row-start: span 3;
    -ms-grid-row-span: 3;
    grid-row-end: span 3
}

#w-node-f2f5aa31b512-2c59604c {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

#w-node-aceeb30695fa-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-row-align: end;
    -ms-flex-item-align: end;
    align-self: end
}

#w-node-aceeb30695fd-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 3;
    grid-row-start: span 3;
    -ms-grid-row-span: 3;
    grid-row-end: span 3
}

#w-node-aceeb3069602-2c59604c {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

#w-node-577a308b13f5-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-row-align: end;
    -ms-flex-item-align: end;
    align-self: end
}

#w-node-577a308b13f8-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 3;
    grid-row-start: span 3;
    -ms-grid-row-span: 3;
    grid-row-end: span 3
}

#w-node-577a308b13fd-2c59604c {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

#w-node-436c9aae4ba6-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-row-align: end;
    -ms-flex-item-align: end;
    align-self: end
}

#w-node-436c9aae4ba9-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 3;
    grid-row-start: span 3;
    -ms-grid-row-span: 3;
    grid-row-end: span 3
}

#w-node-436c9aae4bae-2c59604c {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

#w-node-4eb1584d59cd-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-row-align: end;
    -ms-flex-item-align: end;
    align-self: end
}

#w-node-4eb1584d59cf-2c59604c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 3;
    grid-row-start: span 3;
    -ms-grid-row-span: 3;
    grid-row-end: span 3
}

#w-node-4eb1584d59d4-2c59604c {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

@media screen and (max-width:991px) {
    #w-node-e26d3805c9cb-2c59604c {
        -ms-grid-column-span: 2;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 3;
        -ms-grid-row: 2;
        grid-row-start: 2
    }
}

#w-node-c3290f4862e3-2c59604c {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

@media screen and (max-width:991px) {
    #w-node-c3290f4862e3-2c59604c {
        -ms-grid-column-span: 2;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: .99609375;
        grid-row-end: 1.99609375;
        -ms-grid-row: 1;
        grid-row-start: 1
    }
}

#w-node-a811c9b574d4-2c59604c {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1
}

#w-node-331c4a13bff2-2c59604c {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1
}

@media screen and (max-width:767px) {
    #w-node-331c4a13bff2-2c59604c {
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2
    }
}

@media (max-width:991px) {
    .lightbox {
        min-height: 450px!important;
        margin-top: 15px!important
    }
    .pick_container {
        background: #000!important
    }
}

@media (max-width:983px) {
    .pick_container {
        margin-top: -100px!important;
        background: #000!important;
        padding-top: 150px!important
    }
}

.tracks__sticky {
    height: 97vh
}

.tracks-section {
    padding-bottom: 40px
}
@media (max-width:450px) {
    .lightbox {
        min-height: 250px !important;
        margin-top: 15px !important
    }
    .countdown-wrapper {
        padding-right: 0px;
        padding-left: 0px;
    }
    .signup-section {
        padding-right: 0px;
        padding-left: 0px;
    }
    .terms-and-signup-wrapper {
        max-width: 95%;
    }
}