@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?fb5xwr');
    src: url('../fonts/icomoon.eot?fb5xwr#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?fb5xwr') format('truetype'), url('../fonts/icomoon.woff?fb5xwr') format('woff'), url('../fonts/icomoon.svg?fb5xwr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

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

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

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

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

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

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

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

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

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

body {
    color: #FFFFFF;
    overflow-x: hidden;
    background: #000;
}

body {
    margin: 0;
    text-align: center;
    color: #FFFFFF;
    font-style: normal;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    background-repeat: no-repeat;
    font-size: 0;
    text-transform: uppercase;
    line-height: 1;
}

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

a {
    text-decoration: none;
    outline: none;
}

.buttons {
    transition: all 0.3s;
}

.leftWrapper img {
    width: 59.5%;
    position: fixed;
    top: 0;
    left: 0;
}

.leftWrapper {
    font-size: 0;
    display: inline-block;
    width: 59.5%;
    vertical-align: top;
    height: 100vh;
}

.overallWrapper {
    display: inline-block;
    font-size: 0;
    width: 40.5%;
    vertical-align: top;
    background: #000000;
    background-size: cover;
    min-height: 100vh;
    position: relative;
}

.popupWrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    font-size: 20px;
    background: #000;
    z-index: 10000000000;
    width: 90%;
    max-width: 600px;
    box-sizing: border-box;
    color: #fff;
    text-transform: initial;
    /* padding: 20px; */
}

.popupInner {
    padding: 30px 15px;
    position: relative;
    font-size: 18px;
    color: #fff;
}

.popupInner a {
    text-decoration: underline;
}

.popupInner a.popupClose {
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
}

.popupInner a:hover {
    opacity: 0.5;
}

.overallInnerWrapper {
    min-height: calc(100vh - 115px);
}


/* .overallInnerWrapper {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */


/* .uparrow {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 15px solid #fff;
    position: absolute;
    top: -7px;
    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%);
} */

form#emailOnly,
div#appleSignUp {
    position: relative;
}


/*Sweeps inactive state css*/

.sweepsWrapper.inactive {
    display: none;
}

.innerSweeps {
    text-transform: uppercase;
    /* font-weight: 800; */
    font-size: 17px;
    color: #fff;
    max-width: 325px;
    margin: 0 auto;
    padding-bottom: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.innerSweeps a {
    color: #fff;
    text-decoration: underline;
}

.innerSweeps a:hover {
    /* opacity: 0.5; */
    color: #EB3922;
}


/*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: 15px;
    padding: 0 0 15px;
}

ul.footer-social li {
    text-decoration: none;
    list-style-type: none;
    display: inline-block;
    /* font-weight: 500; */
}

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 {
    color: #EB3922;
}

.footerFollowWrapper {
    width: 100%;
}

.copyrightWrapper {
    width: 100%;
}

.footerWrapper span,
.footerWrapper a {
    font-style: normal;
    text-decoration: none;
    line-height: 1;
    text-align: center;
}

.footerWrapper {
    padding: 37px 0 25px;
    margin-top: 0vh;
    position: static;
    bottom: 0;
    width: 100%;
}

.footerFollowWrapper a,
.footerFollowWrapper iframe {
    display: inline-block;
    vertical-align: middle;
}

span.separator {
    padding: 0;
}

span.separator.hideSep.mobsep {
    display: none;
}

.copyrightWrapper span.mobbrk {
    display: block;
}

.footerWrapper span,
.footerWrapper a {
    font-size: 8px;
    color: #fff;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    /* letter-spacing: 0.09px; */
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}

.footerFollowWrapper a {
    font-size: 13px;
    margin-right: 26px;
    color: #fff;
    text-decoration: none;
}

.copyrightWrapper {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    /* font-weight: bold; */
}

.copyrightWrapper span {
    display: inline-block;
    vertical-align: middle;
}


/* Footer CSS */


/* Firstform CSS */

.firstForm.sweepsWrapper {
    padding-bottom: 2%;
    padding-top: 50px;
    min-height: calc(100vh - 150px);
}

.additionalHeader {
    font-size: 10px;
    padding-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    line-height: 14px;
    text-transform: none;
}

a.tilter.inactive {
    background: #000000;
}

.firstForm .contentWrapper {
    max-width: 388px;
    margin: 0 auto;
    width: 100%;
}

.commonHeaderText {
    margin-bottom: 50px;
}

.headerText {
    width: 385px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
    letter-spacing: 0;
    font-size: 50px;
    /* font-weight: 400; */
    color: #EB3922;
    text-transform: uppercase;
}

.streamText {
    font-size: 20px;
    padding: 22px 0 20px;
    font-weight: normal;
    line-height: 24px;
}

.mobbrk,
.mob {
    display: none;
}

.followWrapper {
    padding: 0px;
    padding-top: 13px;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    font-size: 0;
    max-width: 320px;
    margin: 0 auto;
    background: #EB3922;
}

.signupText {
    font-size: 7px;
    padding-top: 5px;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    /* font-weight: 400; */
}

div#mlistLightBox {
    background: #EB3922;
}

div#spotifyLightBox,
div#youtubeLightBox {
    padding: 0px 0 30px;
    position: relative;
}

a.overflowButton {
    margin-bottom: 30px;
}

.followOnSpotify,
.followOnyoutube,
.followOnApple,
.mlistSignUpEmail {
    display: block;
    width: 100%;
    font-size: 0;
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 4%;
    /* text-align: center; */
}

.followOnyoutube,
.mlistSignUpEmail,
.followOnApple {
    margin-right: 0;
}

.customButton,
a.tilter {
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1.65px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #000000;
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 18px;
    cursor: pointer;
    margin: 0 auto 15px;
}

.mlistSignUpEmail a {
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    text-decoration: underline;
    font-family: 'Montserrat', sans-serif;
    text-transform: none;
}

.mlistSignUpEmail {
    margin-bottom: 0;
}

.followWrapper .mlistSignUpEmail a:hover,
.followWrapper .mlistSignUpEmail a.active {
    color: #000;
    background: none;
}

.mlistSignUpEmail {
    padding: 8px 0 32px;
}

.followWrapper .mlistSignUpEmail a {
    background: none;
    width: auto;
    letter-spacing: 0;
    margin-bottom: 0;
    height: auto;
}


/* FirstForm CSS */


/* email Css */

.followPopupSection>div {
    /* background: #fff;
	margin: 0 auto; 
	margin-top: 10px; */
}

.followPopupSection {
    max-width: 320px;
    margin: 0 auto;
    background: #EB3922;
}

fieldset {
    padding: 0 0 0px;
    border: none;
    margin: 0 auto;
    /*max-width: 291px;*/
}

#errorMsg,
#serverError {
    color: black;
}

.mlist-header,
.commonHeaderText {
    color: #fff;
    font-size: 13px;
    /* font-weight: 800; */
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    line-height: 22px;
    text-transform: none;
}

.mlist-header {
    font-size: 18px;
    letter-spacing: 0px;
    margin-bottom: 15px;
    padding-top: 20px;
    text-align: center;
    color: #000;
    line-height: 22px;
    /* font-weight: 900; */
}

input,
select {
    text-transform: capitalize;
    letter-spacing: 0;
    /* font-weight: 500; */
}

input,
select {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    /* font-weight: 600; */
    width: 278px;
    background: #fff;
    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: 11px;
    letter-spacing: 0px;
    font-style: normal;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: left;
    text-align-last: left;
    text-indent: 8px;
    font-family: 'Montserrat', sans-serif;
    text-transform: none;
}

input#email {
    border: 0;
    width: 284px;
    font-size: 11px;
    letter-spacing: 0px;
    font-style: normal;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    text-align-last: left;
    background: #FFFFFF;
    margin: 0 auto;
    /* font-weight: 600; */
    text-transform: uppercase;
    -webkit-text-fill-color: #363A38;
    margin-top: 0;
    /* font-family: 'Bebas Neue', cursive; */
    font-family: 'Montserrat', sans-serif;
    border: 2px solid transparent;
}

div#mlistLightBox {
    /* background: #fff;
	margin-top: 10px; */
}


/* div#appleSignUp .uparrow, div#spotifyLightBox .uparrow {
    left: 25%;
} */

.termsWrapper.first {
    width: 93%;
    margin: 0 auto;
}

.termsContent {
    max-width: 284px;
    margin: 0 auto;
}

.agree-text,
.purchase-text {
    padding-left: 11px;
    display: inline-block;
    width: calc(100% - 15px);
    box-sizing: border-box;
    font-size: 8px;
    color: #363A38;
    font-style: normal;
    /* font-weight: 400; */
    line-height: 14px;
    margin-top: -4px;
    text-align: left;
    vertical-align: middle;
    letter-spacing: 0px;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

.purchase-text {
    font-size: 8px;
    line-height: 14px;
    font-weight: normal;
    text-align: left;
    padding: 0;
    padding-bottom: 3px;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
}

.formData .agree-text {
    width: calc(100% - 21px);
    top: 0;
    margin-top: -3px;
}

.mlist-outer-wrapper .purchase-text {
    padding-top: 15px;
    padding-bottom: 6px;
}

.mlist-checks {
    position: relative;
    margin-top: 14px;
    max-width: 100%;
    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: 17px;
    height: 17px;
    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: 17px;
    height: 17px;
    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: #000;
    border: 0;
    width: 15px;
    height: 15px;
    margin: 0;
    top: -4px;
    background: #fff;
}

.agree-text a {
    color: #fff;
    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"; */
    /* font-weight: 300; */
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    /*border: 1px solid #fff;*/
    border-radius: 0;
    letter-spacing: 1px;
    box-sizing: border-box;
    padding: 0px;
    cursor: pointer;
}

.mlistLightBox input.submit {
    background: #000;
    letter-spacing: 0px;
    border: none;
    text-align: center;
    text-align-last: unset;
    text-indent: 0;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1.65px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #000000;
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 18px;
    cursor: pointer;
    margin: 25px auto 40px;
}


/* email CSS */


/* applemusic CSS */

.submitButton,
.emailSubmitButton {
    cursor: pointer;
}

.submitButton,
.emailSubmitButton {
    margin-top: 18px;
    position: relative;
}

.submitButton {
    position: relative;
    width: 278px;
    display: inline-block;
    margin: 0 auto;
}


/* .submitButton a {
	font-size: 14px;
    color: #FFFFFF;
    display: inline-block;
    text-transform: uppercase;
    background: #363A38;
    /* font-weight: 800; */


/* letter-spacing: 0px;
    border: none;
    width: 278px;
    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 {
    border: none;
    margin: 0 auto;
    text-align-last: unset;
    text-indent: 0;
    transition: all 0.5s ease-in-out;
    margin-top: 12px;
    margin-bottom: 9px;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1.65px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #000000;
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 18px;
    cursor: pointer;
}

a.overflowButton {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    left: 0;
}


/* applemusic CSS */


/* spotifyYoutube CSS */

.sub-header {
    font-size: 18px;
    line-height: 20px;
    padding: 23px 0;
    color: #000;
    /* font-weight: 900; */
}

#spotifyErrorMsg,
#youtubeErrorMsg {
    display: none;
}


/* spotifyYoutube CSS */


/* SecondForm CSS */

.FollowSharedSecondForm {
    color: #fff;
    padding: 40px 0 14px;
    width: 320px;
    margin: 0 auto;
    margin-top: 30px;
    background: #EB3922;
}

.thankyouMessage,
.thankyou-message.embed {
    font-size: 32px;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    line-height: 1;
    /* font-weight: 400; */
    letter-spacing: 2.2px;
}


/* .additional-CDC .inputItem label {
    display: none;
} */

.additional-CDC .inputItem.birthday label {
    display: block;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0;
}

.big {
    font-size: 20px;
    /* font-weight: 800; */
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    line-height: 24px;
    margin-bottom: 10px;
}

.additional-CDC {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 0px;
    width: 100%;
    overflow: hidden;
}

select#country {
    padding-right: 15px;
}

.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: 18px;
    font-size: 0;
}

.inputItem.firstName {
    margin-bottom: 9px;
}

.inputItem label {
    letter-spacing: 1.5px;
    width: 278px;
    margin: 0 auto;
    display: block;
    text-align: left;
    font-size: 9px;
    color: #fff;
    letter-spacing: 0;
    padding-bottom: 5px;
    text-transform: uppercase;
    /* font-weight: 500; */
    font-family: 'Montserrat', sans-serif;
}

.inputItem.zip,
.inputItem.country {
    display: inline-block;
    width: 132px;
    margin-bottom: 9px;
}

input.zipCode,
select#country {
    width: 100%;
}

.inputItem.country {
    margin-left: 9px;
}

select {
    padding-left: 8px;
    text-indent: 0;
}

select {
    background: #fff;
    text-align-last: left;
    background-size: 13px;
    background-image: url(../assets/select-arrows.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
}

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

#dobMonth,
#dobDay {
    display: inline-block;
    width: 132px;
    text-align: center;
    text-align-last: left;
}

#dobMonth {
    margin-right: 14px;
}

.secondForm.sweepsWrapper .mlist-checks {
    position: relative;
    margin-top: 14px;
    max-width: 278px;
    margin: 0px auto 0;
    font-size: 0;
    display: inline-block;
}

.secondForm.sweepsWrapper .mlist-checks input {
    display: block;
    position: absolute;
    left: 0;
    top: -4px;
    width: 21px;
    height: 21px;
    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: 17px;
    color: #131313;
    /* font-weight: 800; */
    letter-spacing: 0;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 20px;
    background: #000;
    letter-spacing: 0px;
    border: none;
    text-align: center;
    text-align-last: unset;
    text-indent: 0;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1.65px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #000000;
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 18px;
    cursor: pointer;
    margin: 20px auto 24px;
}

.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 #fff;
    width: 21px;
    height: 21px;
    margin: 0;
    top: 0px;
    background: #fff;
    left: 0px;
}

.secondForm.sweepsWrapper input:checked+label:after,
.secondForm.sweepsWrapper input:checked+label+label:after {
    content: "\2714";
    line-height: 19px;
    color: #000;
    display: block;
    text-indent: 0;
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 4px;
    text-align: center;
    box-sizing: border-box;
}

.FollowSharedSecondForm .global-list:before {
    background: #fff;
    border-color: #fff;
}

.FollowSharedSecondForm .agree-text {
    color: #fff;
}

.FollowSharedSecondForm input:checked+label:after {
    color: #000;
}

.secondForm.sweepsWrapper .agree-text {
    text-transform: none;
    padding-left: 10px;
    font-size: 10px;
}

.FollowSharedSecondSubmit.buttons.tilter:hover {
    /* opacity: 0.5; */
    color: #EB3922;
}

.music-section {
    padding: 40px 0px 10px;
    width: 100%;
    max-width: 92%;
    margin: 0 auto;
}

.music-leftWrapper {
    width: 56%;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.musci-header {
    font-size: 18px;
    color: #000;
    padding-bottom: 3px;
    letter-spacing: 0;
    /* font-weight: 900; */
    line-height: 23px;
}

.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: #fff;
    /*border: 1px solid #000;*/
    /* font-weight: 900; */
    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 black;
}

.mlistLightBox input.submit:hover {
    color: #EB3922
}

.mlist-checks input.error+label:before {
    border: 2px solid black;
}

.agree-text a:hover {
    opacity: 0.7;
    text-decoration: none;
}

input:checked+label:after,
input:checked+label+label:after {
    content: "\2714";
    line-height: 19px;
    color: #000;
    display: block;
    text-indent: 0;
    font-size: 13px;
    position: absolute;
    top: -4px;
    left: 2px;
    text-align: center;
    box-sizing: border-box;
}

.customButton:hover,
.followWrapper a:hover {
    /* opacity: 0.5; */
    color: #EB3922;
}

::-webkit-input-placeholder {
    text-align: left;
    text-align-last: left;
}

:-moz-placeholder {
    /* Firefox 18- */
    text-align: left;
    text-align-last: left;
}

::-moz-placeholder {
    /* Firefox 19+ */
    text-align: left;
    text-align-last: left;
}

:-ms-input-placeholder {
    text-align: left;
    text-align-last: left;
}

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: black;
    text-align: left;
    display: block;
    letter-spacing: 1px;
    font-size: 8px;
}

.mlistLightBox label.error {
    color: black;
    font-size: 9px;
    padding-top: 4px;
    /* font-weight: 600; */
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

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

input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    opacity: 1;
}

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

input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

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

input#email::-webkit-input-placeholder {
    color: #363A38;
    opacity: 1;
}

input#email:-moz-placeholder {
    /* Firefox 18- */
    color: #363A38;
    opacity: 1;
}

input#email::-moz-placeholder {
    /* Firefox 19+ */
    color: #363A38;
    opacity: 1;
}

input#email:-ms-input-placeholder {
    color: #363A38;
    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 #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
}

input#email:-webkit-autofill {
    color: #000;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
}

br.mobile {
    display: none;
}

label[for="emailId"],
label[for="country"] {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #000;
    letter-spacing: 1.4px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.email-error {
    color: black;
    font-size: 9px;
    padding-top: 4px;
    display: none;
    /* font-weight: 600; */
}

.submitButton a.overflowButton:hover,
.emailSubmitButton a.overflowButton:hover,
.submitButton a.overflowButton:hover {
    /* opacity: 0.5; */
    color: #EB3922;
}

.emailSubmitButton a:hover,
.submitButton a:hover {
    /* opacity: 0.5; */
    color: #EB3922;
}

.mlist-field {
    position: relative;
    max-width: 560px;
    margin: 0 auto;
}

input#email.error {
    border: 2px solid black;
    box-sizing: border-box;
}

.followWrapper a.active {
    background: #000;
    color: #EB3922;
}

.desk {
    display: block;
}

div#appleLightBox {
    padding-bottom: 30px;
}

.commonHeaderText {
    display: block !important;
}

.mbl {
    display: none;
}

.leftImageWrapper {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .overallWrapper.mlistdesktop {
        min-height: 120vh;
    }

    .overallWrapper {
        min-height: 100.1vh;
    }
}

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

    input,
    select,
    input#email {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .firstForm .contentWrapper {
        padding-top: 0vh;
        max-width: 100%;
    }

    .desk {
        display: none;
    }

    .footerWrapper span.separator:nth-child(8) {
        display: none;
    }

    .header-section .headerText {
        padding-bottom: 0vh;
    }

    .commonHeaderText {
        display: block !important;
        padding-bottom: 040px;
        max-width: 388px;
        margin: 0 auto;
    }

    .secondForm.sweepsWrapper input:checked+label:after,
    .secondForm.sweepsWrapper input:checked+label+label:after {
        left: 8px;
    }

    .headerText {
        width: 385px;
    }

    .innerSweeps {
        min-height: calc(100vh - 85vh);
    }
}

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

    /* .firstForm.sweepsWrapper {
	    padding-bottom: 0%;
    	padding-top: 0%;	
	} */
    .footerWrapper ul.footer-social a {
        margin-right: 12px;
        display: inline-block;
    }

    body {
        margin: 0;
        height: auto;
    }

    .headerdescriptionText {
        padding-bottom: 5px;
    }

    img.mobileOnly {
        display: block;
    }

    a.overflowButton {
        transform: none;
    }

    span.separator.hideSep.mobsep {
        display: none;
    }

    img.desktopOnly {
        display: none;
    }

    .overallWrapper {
        padding-bottom: 0px;
        padding-top: 0;
    }

    .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: 40px 0 1px;
    }

    .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: 18px;
		margin-right: 11px;
	} */
    .logo-wrapper {
        font-size: 0;
    }

    .sub-thanks {
        font-size: 14px;
    }

    .mlist-field {
        max-width: 100%;
        margin: 0 auto;
    }

    .mlist-outer-wrapper .purchase-text {
        width: 100%;
    }

    .mlist-checks {
        /* max-width: 100%; */
        width: 100%;
    }
}

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

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

    .footerWrapper a:hover,
    .followLinks a:hover {
        color: #000;
    }

    .firstForm.sweepsWrapper {
        min-height: 0;
        padding-top: 0;
    }

    .header-section {
        position: relative;
    }

    .header-innerWrap {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .leftWrapper {
        height: auto;
        min-height: 100vh;
        display: none;
    }

    .leftImageWrapper {
        display: block;
    }

    .headerText {
        padding-bottom: 0%;
        margin-top: 16px;
        width: 385px;
    }

    .FollowYoutubeFirstForm .termsContent,
    .FollowSpotifyFirstForm .termsContent {
        max-width: 93%;
    }

    .FollowYoutubeFirstForm .purchase-text,
    .FollowSpotifyFirstForm .purchase-text {
        width: 100%;
    }

    .leftWrapper img,
    .leftImageWrapper img {
        position: relative;
        width: 100%;
    }

    .leftWrapper {
        width: 100%;
    }

    .desk {
        display: block;
    }

    .overallWrapper {
        width: 100% !important;
        min-height: auto;
        background: none;
        height: auto;
    }

    .overallInnerWrapper {
        position: static;
        width: 100%;
        top: auto;
        left: auto;
        transform: none;
    }

    .overallInnerWrapper {
        min-height: auto;
    }

    .sweepsInnerWrap {
        min-height: calc(100vh - 120px);
        background: url('../assets/Bg-left-mobile.jpg') no-repeat;
        background-size: cover;
    }

    .firstForm .contentWrapper {
        max-width: 100%;
    }

    body {
        background-color: #EB3922;
        background-size: 100% auto;
    }

    .footerWrapper ul.footer-social a {
        margin-right: 28px;
    }

    span.separator:not(first-child) {
        margin-left: 5px;
    }

    .streamText {
        padding-top: 32px;
    }

    .followWrapper {
        padding-top: 20px;
    }

    .signupText {
        padding-top: 7px;
    }

    .footerWrapper {
        padding: 35px 0 15px;
    }

    .global-list:before {
        left: -4px;
    }

    input:checked+label:after,
    input:checked+label+label:after {
        left: 0px;
        font-size: 7px;
    }

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

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .leftWrapper,
    .leftWrapper img {
        width: 50%;
    }

    .leftWrapper img {
        width: 70%;
    }

    .overallWrapper {
        width: 50%;
    }

    .secondForm.sweepsWrapper input:checked+label:after,
    .secondForm.sweepsWrapper input:checked+label+label:after {
        font-size: 10px;
    }
}

@media only screen and (max-width:767px) {
    span.copyText {
        display: block;
    }

    .innerSweeps a:hover {
        /* opacity: 0.5; */
        color: #EB3922;
    }

    .headerText {
        width: 300px;
        font-size: 35px;
        line-height: 35px;
    }

    .commonHeaderText {
        max-width: 280px;
        margin: 0 auto;
        padding-bottom: 7vh;
    }

    .overallWrapper {}

    .followWrapper {
        padding-top: 0;
    }
}


/*Mobile portrait mode Css*/

@media only screen and (max-width:480px) {
    .desk {
        display: none;
    }

    img.mbl {
        display: block;
    }
}


/*Album section*/

.album-title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 21px;
}

.album-section {
    max-width: 180px;
    margin: 0 auto;
    padding-top: 12px;
}

.album-image {
    display: block;
    font-size: 0;
    margin-bottom: 20px;
}

a.album-play {
    background: #000;
    letter-spacing: 0px;
    border: none;
    text-align: center;
    text-align-last: unset;
    text-indent: 0;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1.65px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #000000;
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 18px;
    cursor: pointer;
    margin: 20px auto 40px;
}

a.album-play:hover {
    color: #EB3922;
}