@font-face {
    font-family: 'twt-x';
    src:  url('../fonts/twt-x.eot?jjyo3s');
    src:  url('../fonts/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),
      url('../fonts/twt-x.ttf?jjyo3s') format('truetype'),
      url('../fonts/twt-x.woff?jjyo3s') format('woff'),
      url('../fonts/twt-x.svg?jjyo3s#twt-x') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  
  [class^="twtx-"], [class*=" twtx-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'twt-x' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .twtx-x:before {
    content: "\e901";
  }
  
  @font-face {
        font-family: 'icomoon';
        src: url('../fonts/icomoon.eot?hsglbn');
        src: url('../fonts/icomoon.eot?hsglbn#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?hsglbn') format('truetype'), url('../fonts/icomoon.woff?hsglbn') format('woff'), url('../fonts/icomoon.svg?hsglbn#icomoon') format('svg');
        font-style: normal;
    }
    
    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-cart:before {
        content: "\e93a";
    }
    
    .icon-facebook:before {
        content: "\ea90";
    }
    
    .icon-instagram:before {
        content: "\ea92";
    }
    
    .icon-spotify:before {
        content: "\ea94";
    }
    
    .icon-twitter:before {
        content: "\ea96";
    }
    
    .icon-youtube:before {
        content: "\ea9d";
    }
    
    .icon-appleinc:before {
        content: "\eabe";
    }
    
    .icon-soundcloud:before {
        content: "\eac3";
    }
    
    body {
        overflow-x: hidden;
        background: #000;
        margin: 0;
        text-align: center;
        color: #C89343;
        font-style: normal;
        font-family: 'Impact W01';
        background-repeat: no-repeat;
        font-size: 0;
        text-transform: uppercase;
        line-height: 1;
        background: url('../assets/deskBG.jpg') 0 0 no-repeat;
        background-size: cover;
    }
    /* body:before {
content: " ";
width: 100%;
height: 100%;
position: fixed;
z-index: 0;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
}

body::after {
content: "";
background: url('../assets/bccon.gif') no-repeat scroll center top / cover;
background-position: center;
position: fixed;
width: 100%;
height: 100vh;
display: block;
z-index: -1;
top: 0;
left: 0;

}
*/
    
    body::-webkit-scrollbar {
        width: 0 !important
    }
    
    body {
        overflow: -moz-scrollbars-none;
    }
    
    body {
        -ms-overflow-style: none;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    a {
        text-decoration: none;
        outline: none;
        color: #C89343;
        transition: all 0.3s ease-in-out;
    }
    
    .buttons {
        transition: all 0.3s;
    }
    
    .overallWrapper {
        display: block;
        font-size: 0;
        width: 100%;
        vertical-align: top;
        /* position: relative; */
        margin: 0 auto;
        /* min-height: calc(100vh - 73px); */
        height: 100vh;
    }
    
    .overallInnerWrapper {}
    
    .uparrow {
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 15px solid #fff;
        position: absolute;
        top: -11%;
        left: 75%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    
    #mlistLightBox .uparrow {
        left: 50%;
        top: -7px;
        border-top: none;
        border-bottom: 15px solid #fff;
    }
    
    form#emailOnly,
    div#appleSignUp {
        position: relative;
    }
    
    .followPopupSection {
        max-width: 88%;
        margin: 0 auto;
        margin: 0 auto 0 0;
    }
    /*Sweeps inactive state css*/
    
    .sweepsWrapper.inactive {
        display: none;
    }
    
    .innerSweeps {
        text-transform: uppercase;
        font-size: 12px;
        color: #C89343;
        max-width: 325px;
        margin: 0 auto;
        padding-bottom: 20px;
        font-style: normal;
        line-height: 1.35;
        min-height: calc(100vh - 375px);
    }
    
    .innerSweeps a {
        color: #C89343;
        text-decoration: underline;
    }
    
    .innerSweeps a:hover {
        opacity: 0.5;
    }
    /*Sweeps inactive state css*/
    /*Footer css*/
    
    ul.footer-social {
        width: 100%;
        padding-inline-start: unset;
        margin-block-start: unset;
        margin-block-end: unset;
        padding-bottom: 0;
    }
    
    ul.footer-social li {
        text-decoration: none;
        list-style-type: none;
        display: inline-block;
    }
    
    ul.footer-social li:last-child a {
        margin: 0;
    }
    
    .footerWrapper span,
    .footerWrapper a {
        background: transparent;
    }
    
    .footerFollowWrapper a.icon-soundcloud {
        font-size: 26px;
        margin-left: 0;
    }
    
    .footerWrapper a:hover,
    .followLinks a:hover {
        opacity: 0.5;
    }
    
    .footerFollowWrapper {
        width: 100%;
    }
    
    .copyrightWrapper {
        width: 100%;
        font-family: 'Impact W01';
    }
    
    .footerWrapper span,
    .footerWrapper a {
        font-style: normal;
        text-decoration: none;
        line-height: 1;
        text-align: center;
    }
    
    .footerWrapper {
        padding: 0;
        margin-top: 0vh;
        position: static;
        bottom: 0;
        width: 100%;
        margin-bottom: 1vh;
    }
    
    .footerFollowWrapper a,
    .footerFollowWrapper iframe {
        display: inline-block;
        vertical-align: middle;
    }
    
    span.separator {
        padding: 0;
    }
    
    span.separator.hideSep.mobsep {
        display: none;
    }
    /* .copyrightWrapper span.mobbrk {
display: none;
} */
    
    .footerWrapper span,
    .footerWrapper a {
        font-size: 8px;
        color: #C89343;
        font-style: normal;
        text-decoration: none;
        vertical-align: middle;
        line-height: 1.5;
        text-align: center;
        display: inline-block;
        letter-spacing: 0.4px;
    }
    
    .footerFollowWrapper a {
        font-size: 19px;
        margin-right: 35px;
        color: #C89343;
        text-decoration: none;
        line-height: 1;
    }
    
    .copyrightWrapper span {
        display: inline-block;
        vertical-align: middle;
    }
    
    span.separator {
        margin: auto 2px;
        vertical-align: middle;
        font-size: 6px;
    }
    /* Footer CSS */
    /* Firstform CSS */
    
    .firstForm.sweepsWrapper {
        text-align: center;
    }
    
    .additionalHeader {
        font-size: 10px;
        padding-bottom: 15px;
        line-height: 1.35;
    }
    
    a.tilter.inactive {
        opacity: 0.5;
    }
    
    .firstForm .contentWrapper {
        width: 100%;
        margin: 0 auto;
    }
    
    .headerText {
        width: 18%;
        margin: 25px auto;
    }
    
    .streamText {
        font-size: 0.9vw;
        line-height: 1.2;
        text-transform: initial;
    }
    
    .mobbrk,
    .mob {
        display: none;
    }
    
    .followWrapper {
        padding: 0px;
        padding-top: 3vh;
        position: relative;
        max-width: 88%;
        margin: 0 auto;
        font-size: 0;
        text-align: left;
    }
    
    .signupText {
        font-size: 0.7vw;
        padding-top: 0;
        font-family: 'Impact W01';
        text-decoration: underline;
        word-spacing: 0;
    }
    
    .sat {
        padding-left: 0;
    }
    
    i.fab.fa-apple {
        font-size: 17px;
    }
    
    i.fab.fa-spotify {
        font-size: 14px;
        text-indent: -19px;
    }
    
    div#spotifyLightBox,
    div#youtubeLightBox {
        position: relative;
    }
    
    .followOnSpotify,
    .followOnyoutube,
    .followOnApple,
    .mlistSignUpEmail {
        display: inline-block;
        /* width: 41%; */
        width: 33%;
        font-size: 0;
        vertical-align: top;
        margin-left: 3%;
    }
    
    .mlistdesktop .mlistSignUpEmail {
        width: 10%;
        display: inline-block;
        vertical-align: bottom;
        margin-left: 10px;
    }
    
    .followOnSpotify,
    .followOnApple {
        text-align: center;
    }
    
    .FollowSpotifyWrapper {
        padding-top: 15px;
    }
    
    .mlistSignUpEmail {
        margin-top: 2vh;
        width: 100%;
    }
    
    .followOnyoutube,
    .mlistSignUpEmail,
    .followOnApple {
        margin-left: 0;
    }
    
    .customButton,
    a.tilter {
        display: block;
        margin: 0px auto;
        height: 40px;
        line-height: 40px;
        text-decoration: none;
        font-size: 12px;
        color: #C89343;
        text-transform: uppercase;
        border: 1.5px solid #C89343;
        border-radius: 0;
        letter-spacing: 0;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
        display: block;
        margin: 0px auto;
        height: 6.1vh;
        line-height: 5.1vh;
        text-decoration: none;
        font-size: 1vw;
        color: #C89343;
        text-transform: uppercase;
        border: 0.2vw solid #C89343;
        border-radius: 0;
        letter-spacing: 0;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
    }
    
    .header-section {
        text-align: left;
        width: 88%;
        margin: 0 auto;
        padding-top: 14%;
    }
    /* FirstForm CSS */
    /* email Css */
    
    .followPopupSection>div {
        /* background: #fff; */
        margin: 0 auto;
        margin-bottom: 10px;
    }
    
    fieldset {
        padding: 0;
        border: none;
        margin: 0 auto;
        /*max-width: 291px;*/
    }
    
    #errorMsg,
    #serverError {
        color: #ff0000;
    }
    
    .mlist-header,
    .commonHeaderText {
        color: #C89343;
        font-size: 3vw;
        font-style: normal;
        line-height: 1.2;
        word-spacing: initial;
    }
    
    .mlist-header {
        font-size: 18px;
        letter-spacing: 0px;
        margin-bottom: 15px;
        padding-top: 20px;
        text-align: center;
        color: #000;
        line-height: 22px;
    }
    
    input,
    select {
        text-transform: capitalize;
        letter-spacing: 0;
    }
    
    input,
    select {
        font-family: 'Impact W01';
        width: 278px;
        background: rgba(255, 255, 255, 0.6);
        border: 0;
        text-transform: uppercase;
        letter-spacing: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        outline: none;
        padding: 9px 0;
        color: #000;
        font-size: 10px;
        letter-spacing: 0px;
        font-style: normal;
        margin: 0 auto;
        height: 36px;
        line-height: 36px;
        padding: 0;
        text-align: center;
        text-align-last: center;
        text-indent: 8px;
    }
    
    input#email {
        border: 0;
        width: 100%;
        font-size: 14px;
        letter-spacing: 0px;
        font-style: normal;
        display: block;
        height: 36px;
        line-height: 1;
        padding: 0;
        text-align: center;
        color: #fff;
        text-align-last: center;
        background: #C89343;
        margin: 0 auto;
        text-transform: uppercase;
        -webkit-text-fill-color: #fff;
        margin-top: 10px;
        font-family: 'Impact W01';
    }
    
    div#mlistLightBox {
        /* background: #fff; */
        margin-top: 0;
    }
    /* div#appleSignUp .uparrow, */
    
    div#spotifyLightBox .uparrow {
        left: 25%;
        top: -14%;
    }
    
    .termsWrapper.first {
        width: 93%;
        margin: 0 auto;
    }
    /* .termsContent {
max-width: 800px;
margin: 0 auto;
} */
    
    .agree-text,
    .purchase-text {
        padding-left: 11px;
        display: inline-block;
        width: calc(100% - 24px);
        box-sizing: border-box;
        font-size: 8px;
        color: #C89343;
        font-style: normal;
        line-height: 1.5;
        margin-top: -4px;
        text-align: left;
        vertical-align: middle;
        letter-spacing: 0px;
        text-transform: initial;
        font-family: 'Impact W01';
    }
    
    .purchase-text {
        font-size: 8px;
        line-height: 1.5;
        text-align: left;
        padding: 0;
        padding-bottom: 3px;
        color: #000;
        letter-spacing: 0px;
        text-transform: uppercase
    }
    
    .mlist-outer-wrapper .purchase-text {
        padding-top: 20px;
    }
    
    .mlist-checks {
        position: relative;
        margin-top: 14px;
        max-width: 95%;
        margin: 8px auto 0;
        font-size: 0;
    }
    
    .mlist-checks [type=checkbox]:not(:checked),
    .mlist-checks [type=checkbox]:checked {
        display: inline;
        position: absolute;
        left: 0;
        width: 15px;
        height: 15px;
        margin: 0;
        top: -4px;
        opacity: 0;
        z-index: 10;
        cursor: pointer;
        margin: 0;
        padding-left: 0;
    }
    
    .mlist-checks input {
        display: block;
        position: absolute;
        left: 4px;
        top: -4px;
        width: 15px;
        height: 15px;
        box-sizing: border-box;
        padding: 0;
        opacity: 0;
        z-index: 100;
        cursor: pointer;
        margin: 0;
    }
    
    label.global-list {
        margin: 18px 0 12px 0;
    }
    
    .global-list:before {
        content: "\2713";
        position: relative;
        display: inline-block;
        vertical-align: top;
        text-indent: -9999px;
        font-size: 12px;
        text-align: center;
        line-height: 18px;
        box-sizing: border-box;
        color: #fff;
        border: 0;
        width: 15px;
        height: 15px;
        margin: 0;
        top: -4px;
        background: #C89343;
    }
    
    .agree-text a {
        color: #C89343;
        text-decoration: underline;
    }
    
    .mlist-submit input {
        display: block;
        width: 190px;
        margin: 0px auto;
        height: 48px;
        line-height: 48px;
        text-decoration: none;
        font-size: 14px;
        /* font-family: "proxima-nova"; */
        color: #C89343;
        text-transform: uppercase;
        background: transparent;
        /*border: 1px solid #fff;*/
        border-radius: 0;
        letter-spacing: 1px;
        box-sizing: border-box;
        padding: 0px;
        cursor: pointer;
    }
    
    .mlist-submit {
        width: 86%;
        margin: 0 auto;
    }
    
    .mlistLightBox input.submit {
        border: 3px solid #C89343;
        letter-spacing: 0px;
        width: 100%;
        text-align: center;
        height: 35.58px;
        line-height: 35.58px;
        text-align-last: unset;
        text-indent: 0;
        transition: all 0.5s ease-in-out;
        margin-top: 12px;
        margin-bottom: 9px;
    }
    /* email CSS */
    /* applemusic CSS */
    
    .submitButton,
    .emailSubmitButton {
        cursor: pointer;
    }
    
    .submitButton,
    .emailSubmitButton {
        margin-top: 18px;
        position: relative;
    }
    
    .submitButton {
        position: relative;
        width: 86%;
        display: inline-block;
        margin: 0 auto;
    }
    
    .submitButton a {
        font-size: 14px;
        color: #C89343;
        display: inline-block;
        text-transform: uppercase;
        border: 1.5px solid #C89343;
        letter-spacing: 0px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        height: 35.58px;
        line-height: 35.58px;
        text-align-last: unset;
        text-indent: 0;
        transition: all 0.5s ease-in-out;
        margin-top: 12px;
        margin-bottom: 9px;
    }
    
    .submitButton a,
    .emailSubmitButton a {
        font-size: 14px;
        color: #C89343;
        display: inline-block;
        text-transform: uppercase;
        border: 1.5px solid #C89343;
        letter-spacing: 0px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        height: 45px;
        line-height: 45px;
        text-align-last: unset;
        text-indent: 0;
        transition: all 0.5s ease-in-out;
        /* margin-top: 12px;
        margin-bottom: 9px; */
    }
    
    a.overflowButton {
        position: absolute;
        right: 0;
        z-index: 1;
        top: 0;
        left: 0;
        border: none;
    }
    /* applemusic CSS */
    /* spotifyYoutube CSS */
    
    .sub-header {
        font-size: 18px;
        line-height: 20px;
        padding: 23px 0;
        color: #000;
    }
    
    #spotifyErrorMsg,
    #youtubeErrorMsg {
        display: none;
    }
    /* spotifyYoutube CSS */
    /* SecondForm CSS */
    
    .FollowSharedSecondForm {
        color: #C89343;
        padding: 10px 0 14px;
        width: 289px;
        margin: 0 auto;
        margin-top: 30px;
    }
    
    .thankyouMessage,
    .thankyou-message.embed {
        font-size: 32px;
        color: #C89343;
        margin: 0 auto;
        width: 100%;
        line-height: 1;
        letter-spacing: 2.2px;
    }
    
    .additional-CDC .inputItem label {
        display: none;
    }
    
    .additional-CDC .inputItem.birthday label {
        display: block;
        font-size: 10px;
        color: #C89343;
        letter-spacing: 0;
        text-align: center;
        font-family: 'Impact W01';
    }
    
    .big {
        font-size: 19px;
        line-height: 1.35;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #C89343;
        word-spacing: 1px;
    }
    
    .additional-CDC {
        max-width: 600px;
        margin: 0 auto;
        padding-top: 25px;
    }
    
    select#country {
        padding-right: 15px;
        text-indent: 44px;
    }
    
    .formData {
        /* background: #111111; */
        width: 100%;
        /* max-width: 506px; */
        margin: 0 auto;
        border-radius: 10px;
        /* border: 1px solid #1a1a1a; */
        /* padding: 59px 65px 59px 35px; */
        box-sizing: border-box;
    }
    
    .inputItem {
        margin-bottom: 20px;
        font-size: 0;
    }
    
    .inputItem label {
        letter-spacing: 1.5px;
        width: 90%;
        margin: 0 auto;
        display: block;
        text-align: left;
        font-size: 15px;
        color: #000;
        letter-spacing: 1.4px;
        padding-bottom: 5px;
        text-transform: uppercase;
    }
    
    .inputItem.zip,
    .inputItem.country {
        display: inline-block;
        width: 132px;
        margin-bottom: 12px;
    }
    
    input.zipCode,
    select#country {
        width: 100%;
    }
    
    .inputItem.country {
        margin-left: 14px;
    }
    
    select {
        padding-right: 8px;
        text-indent: 0;
    }
    
    select {
        background: rgba(255, 255, 255, 0.6);
        text-align-last: left;
        background-size: 4%;
        background-image: url(../assets/angle-down-solid.svg);
        background-repeat: no-repeat;
        background-size: 10px;
        background-position: right 7% center;
    }
    
    option {
        background: #000;
        color: #C89343;
    }
    
    #dobMonth,
    #dobDay {
        display: inline-block;
        width: 132px;
        /* text-align: center;
text-align-last: center; */
        text-indent: 52px;
    }
    
    #dobMonth {
        margin-right: 14px;
    }
    
    .secondForm.sweepsWrapper .mlist-checks {
        position: relative;
        margin-top: 14px;
        width: 278px;
        margin: 0px auto 0;
        font-size: 0;
        display: inline-block;
    }
    
    .secondForm.sweepsWrapper .mlist-checks input {
        display: block;
        position: absolute;
        left: -1px;
        top: -4px;
        width: 12px;
        height: 12px;
        box-sizing: border-box;
        padding: 0;
        opacity: 0;
        z-index: 100;
        cursor: pointer;
        margin: 0;
    }
    
    .additional-CDC label.global-list {
        margin-bottom: 22px;
    }
    
    .FollowSharedSecondSubmit.buttons.tilter {
        max-width: 275.58px;
        /* display: inline-block; */
        height: 35.58px;
        line-height: 35.58px;
        width: 100%;
        background: #fff;
        font-size: 13px;
        color: #131313;
        letter-spacing: 0;
        text-transform: uppercase;
        cursor: pointer;
        margin: 0 auto;
        margin-top: 15px;
    }
    
    .secondForm.sweepsWrapper .global-list:before {
        content: "\2713";
        position: relative;
        display: inline-block;
        vertical-align: top;
        text-indent: -9999px;
        font-size: 12px;
        text-align: center;
        line-height: 18px;
        box-sizing: border-box;
        color: #fff;
        border: 1px solid #C89343;
        width: 12px;
        height: 12px;
        margin: 0;
        top: -4px;
        background: #C89343;
        left: -7px;
    }
    
    .secondForm.sweepsWrapper input:checked+label:after,
    .secondForm.sweepsWrapper input:checked+label+label:after {
        content: "\2713";
        line-height: 19px;
        color: #fff;
        display: block;
        text-indent: 0;
        font-size: 11px;
        position: absolute;
        top: -8px;
        left: 3px;
        text-align: center;
        box-sizing: border-box;
    }
    
    .FollowSharedSecondForm .global-list:before {
        background: #fff;
        border-color: #C89343;
    }
    
    .FollowSharedSecondForm .agree-text {
        color: #C89343;
    }
    
    .FollowSharedSecondForm input:checked+label:after {
        color: #000;
    }
    
    .secondForm.sweepsWrapper .agree-text {
        text-transform: uppercase;
        padding-left: 6px;
        font-size: 9px;
    }
    
    .FollowSharedSecondSubmit.buttons.tilter:hover {
        opacity: 0.5;
    }
    
    .music-section {
        padding: 40px 0px 10px;
        width: 100%;
        max-width: 92%;
        margin: 0 auto;
    }
    
    .music-leftWrapper {
        width: 100%;
        text-align: center;
        display: block;
        vertical-align: middle;
        margin-top: 60px;
    }
    
    .musci-header {
        font-size: 13px;
        color: #C89343;
        padding-bottom: 3px;
        letter-spacing: 0;
        line-height: 1.3;
        padding-top: 25px;
    }
    
    .musci-image {
        width: 70%;
        margin: 0 auto;
    }
    
    .musci-image a:hover {
        opacity: 0.5;
    }
    
    .music-rightWrapper {
        display: inline-block;
        width: 30%;
        /*vertical-align: middle;*/
    }
    
    .listen-button {
        padding-top: 5px;
    }
    
    a.tilter.listenlink {
        display: inline-block;
        height: 41px;
        line-height: 41px;
        width: 128px;
        background: #000;
        font-size: 13px;
        color: #C89343;
        /*border: 1px solid #000;*/
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    a.tilter.listenlink:hover {
        background: #fff;
        color: #000;
    }
    /* SecondForm CSS */
    
    .mlist-checks label.error {
        display: none !important;
    }
    
    input.error+label .global-list:before,
    input.error+label+.global-list:before {
        border: 2px solid #ff0000;
    }
    
    .mlistLightBox input.submit:hover {
        opacity: 0.5;
    }
    
    .mlist-checks input.error+label:before {
        border: 2px solid #ff0000;
    }
    
    .agree-text a:hover {
        opacity: 0.7;
        text-decoration: underline;
    }
    
    input:checked+label:after,
    input:checked+label+label:after {
        content: "\2713";
        line-height: 19px;
        color: #fff;
        display: block;
        text-indent: 0;
        font-size: 13px;
        position: absolute;
        top: -6px;
        left: 8px;
        text-align: center;
        box-sizing: border-box;
    }
    
    .customButton:hover,
    .followWrapper a:hover {
        opacity: 0.5;
    }
    
     ::-webkit-input-placeholder {
        text-align: center;
        text-align-last: center;
    }
    
     :-moz-placeholder {
        /* Firefox 18- */
        text-align: center;
        text-align-last: center;
    }
    
     ::-moz-placeholder {
        /* Firefox 19+ */
        text-align: center;
        text-align-last: center;
    }
    
     :-ms-input-placeholder {
        text-align: center;
        text-align-last: center;
    }
    
    input#email::placeholder {
        text-align-last: center;
        text-align: center;
    }
    
    .secondFormheader {
        padding: 4px 0 90px;
    }
    
    .thankyou-message.embed {
        line-height: 1;
    }
    
    input#email+label.error {
        /* width: calc(100% - 30px); */
        /* margin-right: 0; */
        /* margin-left: auto; */
        position: static;
        bottom: 64px;
    }
    
    label.error {
        color: #ff0000;
        text-align: left;
        display: block;
        letter-spacing: 1px;
        font-size: 8px;
    }
    
    .mlistLightBox label.error {
        color: red;
        font-size: 8px;
        padding-top: 4px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    
    input::-webkit-input-placeholder {
        color: #000;
        opacity: 1;
    }
    
    input:-moz-placeholder {
        /* Firefox 18- */
        color: #000;
        opacity: 1;
    }
    
    input::-moz-placeholder {
        /* Firefox 19+ */
        color: #000;
        opacity: 1;
    }
    
    input:-ms-input-placeholder {
        color: #000;
        opacity: 1;
    }
    
    select::-ms-expand {
        display: none;
    }
    
    input#email::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }
    
    input#email:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
        opacity: 1;
    }
    
    input#email::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
        opacity: 1;
    }
    
    input#email:-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }
    
    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        color: #000;
        -webkit-text-fill-color: #000;
        -webkit-box-shadow: 0 0 0 1000px transparent inset;
        box-shadow: 0 0 0 1000px transparent inset;
        transition: background-color 5000s ease-in-out 0s;
    }
    
    input#email:-webkit-autofill {
        color: #fff;
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0 1000px transparent inset;
        box-shadow: 0 0 0 1000px transparent inset;
        transition: background-color 5000s ease-in-out 0s;
    }
    
    br.mobile {
        display: none;
    }
    
    label[for="emailId"],
    label[for="country"] {
        display: block;
        text-align: left;
        font-size: 12px;
        color: #555;
        letter-spacing: 1.4px;
        padding-bottom: 5px;
        text-transform: uppercase;
    }
    
    .email-error {
        color: red;
        font-size: 9px;
        padding-top: 4px;
        display: none;
    }
    
    .submitButton a.overflowButton:hover,
    .emailSubmitButton a.overflowButton:hover,
    .submitButton a.overflowButton:hover {
        opacity: 0.5;
    }
    
    .emailSubmitButton a:hover,
    .submitButton a:hover {
        opacity: 0.5;
    }
    
    .mlist-field {
        position: relative;
        max-width: 86%;
        margin: 0 auto;
    }
    
    input#email.error {
        border: 2px solid #ff0000;
        box-sizing: border-box;
    }
    
    .followWrapper a.active {
        /* background: #fff;
color: #000; */
    }
    
    .followWrapper a.active:hover {
        opacity: 1;
    }
    
    .followWrapper a.signupText.active {
        background: transparent;
        color: inherit;
    }
    
    .desk {
        display: block;
    }
    
    body .wmgsdk-modal {
        display: none
    }
    
    .newHeader {
        font-size: 1.1vw;
        font-family: adobe-handwriting-ernie, sans-serif;
        font-weight: 300;
        font-style: normal;
        text-transform: lowercase;
        margin: 2vh 0;
        line-height: 1;
    }
    
    .handle {
        font-size: 1vw;
        font-family: adobe-handwriting-ernie, sans-serif;
        font-weight: 300;
        font-style: normal;
        text-transform: lowercase;
        /* color: #252222; */
        color: #000;
    }
    
    a.tilter.active {
        background: #C89343;
        color: #fff;
    }
    
    .swipeMessage {
        font-size: 1vw;
        color: #C89343;
        position: absolute;
        bottom: 5vh;
        left: 0;
        right: 0;
    }
    
    @media only screen and (max-width: 1300px) {
        .firstForm.sweepsWrapper {}
        .footerWrapper ul.footer-social a {
            margin-right: 12px;
            display: inline-block;
        }
        .desk {
            display: none;
        }
        .headerdescriptionText {
            padding-bottom: 5px;
        }
        img.mobileOnly {
            display: block;
        }
        a.overflowButton {
            transform: none;
        }
        img.desktopOnly {
            display: none;
        }
        .overallWrapper {
            padding-bottom: 0px;
            padding-top: 0;
            position: relative;
        }
        .mlist-submit {
            margin-top: 20px;
        }
        .footerFollowWrapper a {
            margin-right: 8px;
        }
        .tourRow {
            font-size: 8px;
        }
        br.mobile {
            display: inline-block;
        }
        .followSpotify {
            /* max-width: 260px; */
            margin: 0 auto;
            font-size: 28px;
            width: 100%;
            margin: 0 auto;
        }
        span.hideSep {
            font-size: 0;
            display: block;
        }
        /*.thankyouMessage br {
    display: none;
}*/
        .secondForm.sweepsWrapper .mlist-checks {
            position: relative;
            margin-top: 14px;
            max-width: 100%;
            margin: 10px auto 0;
            font-size: 0;
            display: inline-block;
        }
        .FollowSharedSecondForm {
            width: 100%;
            margin: 0 auto;
            padding: 0px 0 26px;
        }
        .secondFormheader {
            padding: 0 0 43px;
        }
        .additional-CDC label.global-list {
            margin: 15px 0;
        }
        .footerWrapper a:last-child {
            display: block;
        }
        span.separator.hideSep {
            display: inline-block;
        }
        .footerInnerWrapper {
            max-width: 270px;
            margin: 0 auto;
            text-align: center;
        }
        .secondForm .footerWrapper {
            padding: 10px 0 10px;
        }
        .footerWrapper a:last-child {
            display: inline-block;
            margin: 0px;
        }
        .sub-header {
            font-size: 15px;
            max-width: 300px;
            margin: 0 auto;
            letter-spacing: 0;
            line-height: 18px;
        }
        .sub-header br {
            display: none;
        }
        .footerFollowWrapper a {
            font-size: 20px;
            margin-right: 11px;
        }
        .logo-wrapper {
            font-size: 0;
        }
        .sub-thanks {
            font-size: 14px;
        }
        .mlist-field {
            max-width: 93%;
            margin: 0 auto;
        }
        .submitButton {
            width: 93%;
            /*margin-top: 10px;*/
            margin-top: 5px;
        }
        .header-section {
            padding-top: 8%;
        }
        .mlist-header,
        .commonHeaderText {
            font-size: 2.8vw;
        }
        .mlist-submit {
            width: 93%;
        }
        .mlist-outer-wrapper .purchase-text {
            width: 100%;
        }
        .mlist-checks {
            max-width: 100%;
            width: 100%;
        }
    }
    
    @media only screen and (max-width:1023px) {
        .copyrightWrapper {
            margin-top: 25px;
        }
        span.separator {
            margin: auto 3px;
            vertical-align: middle;
            font-size: 8px;
        }
        i.fab.fa-apple {
            font-size: 17px;
        }
        i.fab.fa-spotify {
            font-size: 14px;
            text-indent: -19px;
        }
        /* body::after {
    content: "";
    background-size: 237%;
    background-position: 59% 0;
} */
        .mlist-header,
        .commonHeaderText {
            font-size: 38px;
            letter-spacing: 0;
            word-spacing: 0;
        }
        .headerText {
            width: 40%;
            padding-top: 20%;
        }
        .FollowYoutubeFirstForm .termsContent,
        .FollowSpotifyFirstForm .termsContent {
            max-width: 93%;
            margin: 0 auto;
        }
        .FollowYoutubeFirstForm .purchase-text,
        .FollowSpotifyFirstForm .purchase-text {
            width: 100%;
        }
        .overallWrapper {
            width: auto;
            background: none;
            margin: 0;
        }
        .overallInnerWrapper {}
        /* body {
    background: url(../assets/Bg-left-mobile.png) no-repeat center top, url(../assets/Bg2.png) no-repeat center top;
    background-color: #000;
    background-size: 100% auto;
} */
        .footerWrapper ul.footer-social a {
            margin-right: 21px;
            font-size: 23px;
        }
        .footerFollowWrapper ul.footer-social a.icon-soundcloud {
            font-size: 31px;
        }
        .newHeader {
            font-size: 18px;
            margin: 10px 0 20px;
        }
        .streamText {
            padding-top: 2px;
            font-size: 13px;
            letter-spacing: 0;
        }
        .followWrapper {
            padding-top: 20px;
            max-width: 90%;
        }
        .followPopupSection {
            max-width: 90%;
            margin: 0 auto;
        }
        .signupText {
            padding-top: 10px;
            font-size: 10px;
        }
        .footerWrapper {
            padding: 15px 0 15px;
        }
        .global-list:before {
            left: -4px;
        }
        input:checked+label:after,
        input:checked+label+label:after {
            content: "\2713";
            left: 4px;
            font-size: 10px;
        }
        .secondForm.sweepsWrapper .global-list:before {
            left: 1px;
        }
        .secondForm.sweepsWrapper input:checked+label:after,
        .secondForm.sweepsWrapper input:checked+label+label:after {
            left: 7px;
            font-size: 10px;
        }
        .additional-CDC {
            max-width: 278px;
        }
        .big {
            width: 278px;
            margin: 0 auto;
        }
        .secondForm.sweepsWrapper .mlist-checks input {
            left: 7px;
            top: -2px;
            width: 13px;
            height: 13px;
        }
        .customButton,
        a.tilter {
            display: block;
            margin: 0px auto;
            height: 45px;
            line-height: 36px;
            text-decoration: none;
            font-size: 16px;
            color: #C89343;
            text-transform: uppercase;
            border: 3px solid #C89343;
            border-radius: 0;
            letter-spacing: 0;
            box-sizing: border-box;
            position: relative;
            cursor: pointer;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .firstForm .contentWrapper {
            padding-top: 10px;
        }
        .footerWrapper span.separator:nth-child(8) {
            display: none;
        }
        .secondForm.sweepsWrapper input:checked+label:after,
        .secondForm.sweepsWrapper input:checked+label+label:after {
            left: 8px;
        }
        .innerSweeps {
            min-height: calc(100vh - 541px);
        }
    }
    
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .secondForm.sweepsWrapper input:checked+label:after,
        .secondForm.sweepsWrapper input:checked+label+label:after {
            font-size: 10px;
        }
        .additional-CDC {
            max-width: 278px;
        }
        .big {
            width: 278px;
            margin: 0 auto;
        }
        .overallWrapper {
            display: block;
            font-size: 0;
            width: 35%;
            vertical-align: top;
            position: relative;
            margin: 0 auto;
        }
    }
    
    @media only screen and (max-width:767px) {
        .headerText {
            width: 85%;
            padding-top: 20px;
            margin: 0 auto;
        }
        .swipeMessage {
            font-size: 16px;
            bottom: 7vh;
        }
        .innerSweeps {
            min-height: calc(100vh - 453px);
        }
        .followWrapper {
            max-width: 90%;
        }
        .followPopupSection {
            max-width: 86%;
            margin-left: 2%;
        }
        .submitButton a,
        .emailSubmitButton a {
            width: 100%;
            font-size: 16px;
            height: 40px;
            line-height: 40px;
        }
        .mlistLightBox input.submit {
            font-size: 16px;
            height: 40px;
            line-height: 35px;
        }
        .big {
            width: 60.4%;
            margin: 0 auto;
            font-size: 15px;
        }
        input,
        select {
            font-size: 12px;
        }
        .FollowSharedSecondSubmit.buttons.tilter {
            font-size: 12px;
        }
        .musci-header {
            font-size: 15px;
        }
        #dobMonth,
        #dobDay {
            text-indent: 50px;
        }
        select#country {
            text-indent: 40px;
        }
        span.separator.hideSep {
            display: block;
            font-size: 0;
        }
    }
    
    @media only screen and (max-width: 767px) and (orientation: landscape) {
        .overallWrapper {
            height: auto;
        }
    }
    /* @media only screen and (min-width: 2000px) {
.followPopupSection,
.followWrapper {
    max-width: 66%;
}
} */
    
    @media only screen and (min-width: 1025px) {
        .agree-text,
        .purchase-text {
            padding-left: 1vw;
            display: inline-block;
            width: calc(100% - 2vw);
            box-sizing: border-box;
            font-size: 0.6vw;
            color: #C89343;
            font-style: normal;
            line-height: 1.2;
            margin-top: -4px;
            text-align: left;
            vertical-align: middle;
            letter-spacing: 0px;
            text-transform: initial;
            font-family: 'Impact W01';
        }
        .mlist-outer-wrapper .purchase-text {
            padding-top: 1.5vh;
        }
        .mlistLightBox input.submit {
            border: 3px solid #C89343;
            letter-spacing: 0px;
            width: 100%;
            text-align: center;
            height: 6vh;
            line-height: 1;
            text-align-last: unset;
            text-indent: 0;
            transition: all 0.5s ease-in-out;
            margin-top: 2vh;
            margin-bottom: 0;
            font-size: 1.2vw;
        }
        input#email {
            /* border: 0; */
            width: 100%;
            font-size: 1.2vw;
            letter-spacing: 0px;
            font-style: normal;
            display: block;
            height: 6vh;
            line-height: 6vh;
            padding: 0;
            text-align: center;
            color: #fff;
            text-align-last: center;
            background: #C89343;
            margin: 0 auto;
            text-transform: uppercase;
            -webkit-text-fill-color: #fff;
            margin-top: 1vh;
            font-family: 'Impact W01';
        }
        .global-list:before {
            content: "\2713";
            position: relative;
            display: inline-block;
            vertical-align: top;
            text-indent: -9999px;
            font-size: 0;
            text-align: center;
            line-height: 1;
            box-sizing: border-box;
            color: #fff;
            border: 0;
            width: 2.5vh;
            height: 2.5vh;
            margin: 0;
            top: -0.5vh;
            background: #C89343;
        }
        input:checked+label:after,
        input:checked+label+label:after {
            content: "\2713";
            line-height: 1;
            color: #fff;
            display: block;
            text-indent: 0;
            font-size: 1vw;
            position: absolute;
            top: -0.5vh;
            left: 1.5vh;
            text-align: center;
            box-sizing: border-box;
        }
        .mlist-checks [type=checkbox]:not(:checked),
        .mlist-checks [type=checkbox]:checked {
            width: 2.5vh;
            height: 2.5vh;
            left: 0.5vw;
        }
        .submitButton a,
        .emailSubmitButton a {
            font-size: 1.2vw;
            color: #C89343;
            display: inline-block;
            text-transform: uppercase;
            border: 0.2vw solid #C89343;
            letter-spacing: 0px;
            width: 100%;
            margin: 0 auto;
            text-align: center;
            height: 6vh;
            line-height: 6vh;
            text-align-last: unset;
            text-indent: 0;
            transition: all 0.5s ease-in-out;
            margin-top: 2.5vh;
            margin-bottom: 0;
        }
        a.overflowButton {
            border: none;
        }
        .email-error,
        .mlistLightBox label.error {
            color: red;
            font-size: 0.7vw;
            padding-top: 0.5vh;
        }
        .footerFollowWrapper {
            display: inline-block;
            width: 48%;
            vertical-align: middle;
            text-align: left;
        }
        .copyrightWrapper {
            font-family: 'Impact W01';
            display: inline-block;
            width: 50%;
            vertical-align: middle;
            text-align: right;
            margin-right: 2vh;
        }
        .footerWrapper span,
        .footerWrapper a {
            letter-spacing: 0;
            font-size: 0.7vw;
        }
        span.separator {
            margin: auto 0.5vh;
            font-size: 0.7vw;
        }
        .footerFollowWrapper a {
            font-size: 1.3vw;
            margin-right: 3vh;
        }
        .footerFollowWrapper a.icon-soundcloud {
            font-size: 2vw;
        }
    }
    /*video css*/
    
    .video-embed {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        margin: 0 auto;
        z-index: 1;
    }
    
    .videoimage {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    
    a.play_button {
        display: inline-block;
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        line-height: 0;
        z-index: 999;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    
    .video-embed iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100% !important;
    }
    
    .videoContent {
        max-width: 18vw;
        margin: 0 auto;
        z-index: 999999;
        margin-top: 22vh;
        margin-left: 10vh;
    }
    
    .videoimage img {
        width: 100%;
    }
    
    .play-pause a {
        cursor: pointer;
    }
    
    body {
        position: relative;
    }
    
    .auido-controls {
        position: absolute;
        top: 2vh;
        right: 2vh;
        display: none;
    }
    
    .auido-controls.show {
        display: block;
        z-index: 99999;
    }
    
    .play-pause a img {
        width: 3vw;
    }
    
    .play-pause a:hover {
        opacity: 0.7;
    }
    
    @media only screen and (max-width: 1024px) {
        .videoContent {
            max-width: 500px;
            margin: 65px auto 30px;
        }
        .mlist-header,
        .commonHeaderText {
            font-size: 40px;
        }
        .newHeader {
            font-size: 16px;
            margin: 15px 0;
        }
        .streamText {
            font-size: 14px;
        }
        .followWrapper {
            padding-top: 20px;
        }
        .followOnSpotify,
        .followOnyoutube,
        .followOnApple,
        .mlistSignUpEmail {
            width: 34%;
        }
        .customButton,
        a.tilter {
            height: 40px;
            line-height: 36px;
            text-decoration: none;
            font-size: 16px;
            color: #C89343;
            text-transform: uppercase;
            border: 3px solid #C89343;
            border-radius: 0;
            letter-spacing: 0;
            box-sizing: border-box;
            position: relative;
            cursor: pointer;
            display: block;
            margin: 0px auto;
        }
        .mlistSignUpEmail {
            margin-top: 10px;
        }
        .signupText {
            font-size: 10px;
        }
        .header-section {
            padding-top: 25px;
        }
        .mlist-field {
            max-width: 85%;
            margin: 0 auto;
        }
        input#email {
            font-size: 16px;
        }
        .mlist-outer-wrapper .purchase-text {
            padding-top: 5px;
        }
        .mlist-checks {
            max-width: 94%;
            width: 100%;
        }
        .mlist-submit {
            margin-top: 10px;
            width: 86%;
        }
        .submitButton {
            width: 85%;
            margin-top: 10px;
        }
        .submitButton a,
        .emailSubmitButton a {
            font-size: 16px;
            /* border: 3px solid #C89343; */
        }
        .mlistLightBox input.submit {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 16px;
            height: 36px;
            line-height: 1;
        }
        .swipeMessage {
            font-size: 20px;
            color: #C89343;
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
        }
        .copyrightWrapper {
            margin-top: 13px;
        }
        .footerWrapper span,
        .footerWrapper a,
        span.separator {
            font-size: 11px;
        }
        .play-pause a img {
            width: auto;
        }
    }
    /* video tag */
    
    .videoWrap {
        width: 51%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100vh;
    }
    
    video#myVideo2 {
        height: 100%;
        width: 100%;
    }
    
    @media all and (max-width:767px) and (orientation: portrait) {
        /* .swipeMessage {
            display: none;
        } */
    }
    
    @media all and (max-width:1024px) {
        .mlistSignUpEmail {
            position: absolute;
            bottom: -20px;
            left: 0;
            width: 100%;
            z-index: 9999;
        }
        .mlistSignUpEmail.email {
            position: relative;
            bottom: auto;
            left: auto;
        }
    }
    
    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
        .mlistSignUpEmail {
            position: absolute;
            bottom: -20px;
            left: 0;
            width: 100%;
            z-index: 9999;
        }
        .mlistSignUpEmail.email {
            position: relative;
            bottom: auto;
            left: auto;
        }
    }
    
    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
        .mlistSignUpEmail {
            position: absolute;
            bottom: -20px;
            left: 0;
            width: 100%;
            z-index: 9999;
        }
        .mlistSignUpEmail.email {
            position: relative;
            bottom: auto;
            left: auto;
        }
    }
    
    .global-list:before {
        display: none;
    }
    
    .agree-text,
    .purchase-text {
        padding-left: 0;
    }