.spotifyemailWrapper {
    position: fixed;
    width: 100%;
    background: rgba(0,0,0,0.6);
    height: 100vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size:20px;
    color:#fff;
    z-index:20;
}

.spotifySubmitButtonCode{
	margin-bottom:15px;
}

.contentOverall{
    position: fixed;
    width: 100%;
    background: #000;
    height: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 500px;
    margin: 0 auto;
}

.followOnSpotify {
    margin-bottom: 14px;
}

.inputfields{
	position:relative;
	max-width:300px;
	margin: 0 auto;
}

.spotifyemailWrapper .firstForm{
    position:relative;
}

.spotifyemailWrapper .firstForm a.closefirstform{
    position:absolute;
    right:10px;
    top:10px;
    font-size:20px;
    color:#beaeae;
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
}


.spotifyemailWrapper .firstForm .hand {
    position: absolute;
    top: -47px;
    left: 5px;
}

.sweepsWrapper.inactive {
    display: none;
}

.followWrapper{
    text-align:center;  
    padding-top:25px;
    font-family: Arial, Helvetica, sans-serif;
}
.logodeath {
    width: 45%;
    margin: 15px auto 15px;
}
.buttonsWrapper {
    max-width: 300px;
    margin: 0 auto;
}
.followWrapper .buttonsWrapper a{
    text-decoration:none;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    /* padding:15px 0; */
    border:1px solid;
    display:block;
    width:100%;
    margin:0 auto;
    max-width: 300px;
    height: 40px;
    line-height: 40px;
}

.spotifyEmailWithoutCode .firstForm .termsWrapper.first{
    margin: 0 auto;
    max-width: 303px;
    position: relative;
}

.spotifyEmailWithoutCode .firstForm .termsWrapper.first div.terms{
        margin: 0 auto;
    max-width: 300px;
}

.spotifyEmailWithoutCode .firstForm .termsWrapper.first .terms{
    text-decoration: underline;
}

.spotifyEmailWithoutCode .firstForm .termsWrapper.first .termsContent{
    position: absolute;
    bottom: 14px;
    background: #000;
    width: 100%;
    z-index: 3;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #beaeae;
}

.spotifyEmailWithoutCode .firstForm .termsContent, .firstForm .spotifyEmailWithoutCode .termsContent a{
    font-size: 7px;
    color: #beaeae;
    letter-spacing: 1.25px;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
}
.spotifyEmailWithoutCode .followWrapper .buttonsWrapper a.spoityButton,.spotifyEmailWithCode .followWrapper .buttonsWrapper a.spoityButtonCode{
    color:#9cbd9c;
    border-color:#9cbd9c;
}
.followWrapper .buttonsWrapper a.emailButton{
    color:#beaeae;
    border-color:#beaeae;
    margin-top:20px;
}
div.underlineText{
    color:#beaeae;
    font-size:10px;
    padding-top:10px;
}

.FollowSpotifyFirstForm{
    color:#9cbd9c;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    position: fixed;
    width: 100%;
    background: rgba(0,0,0,0.6);
    height: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 500px;
    margin: 0 auto;
}
.FollowSpotifyFirstForm .dummy{
    position:relative;
}

.FollowSpotifyFirstForm .dummy .hand {
    position: absolute;
    top: -47px;
    left: 5px;
}
.loginLang{
font-size: 12px;
    padding: 30px 0 15px;
    color:#9cbd9c;
}

#mlistLightBox .loginLang,#mlistLightBoxCode .loginLang{
	color:#BEAEAE;
	text-align:center;
}
.titleSpoitify{
    font-size: 10px;
    padding: 0 0 15px;
    max-width: 280px;
    margin: 0 auto;
    line-height: 15px;
}
.purchase-text,.agree-text,.agree-text a,.spotifyErrorMsg,.spotifyErrorMsgCode{
    font-size: 8px;
    padding: 0px 0 15px;
    max-width: 296px;
    margin: 0 auto;
    line-height: 12px;
    color:#9cbd9c;
}
.agree-text a{
    text-decoration:underline;
}
.agree-text a:hover{
    text-decoration:none;
}
input#spotifyAgreeOne,input#spotifyAgreeOneCode {
    display: inline-block;
    vertical-align: top;
}
.agree-text {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}
.spotifySubmitButton a,.FollowSpoitfySecondSubmit,.spotifySubmitButton a,.FollowSpoitfySecondSubmitCode{
	text-decoration:none;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    padding:15px 10px;
    border:1px solid;
    display:block;
    width:65%;
    margin:0 auto;
    color:#9cbd9c;
}
 .FollowSpoitfySecondSubmit.buttons,.FollowSpoitfySecondSubmitCode.buttons {
    padding: 10px 5px;
    color:#beaeae;
}
#mlistLightBox .mlist-submit,#mlistLightBoxCode .mlist-submit{
    padding: 10px 5px;
        font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
        width: 300px;
    margin: 0 auto;
}

.spotifySubmitButton a:hover,.FollowSpoitfySecondSubmit:hover,.FollowSpoitfySecondSubmitCode:hover{
	opacity:0.5;
}
.FollowSpoitfySecondSubmit a.terms,.FollowSpoitfySecondSubmitCode a.terms {
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;
    color:#9cbd9c;
}

.FollowSpoitfySecondSubmit .termsWrapper.first div.terms,.FollowSpoitfySecondSubmitCode .termsWrapper.first div.terms {
    text-align: center;
}
.FollowSpoitfySecondSubmit .termsContent a,.FollowSpoitfySecondSubmitCode .termsContent a{
	color:#9cbd9c;
}
.dummy .mlist-checks,.FollowSpoitfySecondSubmit .mlist-checks,.FollowSpoitfySecondSubmitCode .mlist-checks{
	margin:5px 0;
}
.FollowSpoitfySecondSubmit .termsContent ,.FollowSpoitfySecondSubmit .termsContent a,
.FollowSpoitfySecondSubmitCode .termsContent ,.FollowSpoitfySecondSubmitCode .termsContent a{
    text-align: center;
    font-size: 8px;
    line-height: 8px;
    letter-spacing: 1px;
    color:#9cbd9c;
}

.purchase-text {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}
.dummy .termsContent{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
    padding:0;
    max-width: 355px;
    margin: 0 auto;
    line-height: 12px;
    color:#9cbd9c;
}
#spotifyLightBox label.global-list,#mlistLightBox label.global-list,#mlistLightBoxCode label.global-list{
    padding-left: 50px;
}
.FollowSpotifySecondForm{
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
    text-align:center;
    color:#beaeae;
    line-height:18px;
}
.FollowSpotifySecondForm  a.closefirstform{
    position:absolute;
    right:10px;
    top:10px;
    font-size:20px;
   color:#beaeae;
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
}

.FollowSpotifySecondForm .hand {
    position: absolute;
    top: -47px;
    left: 5px;
}

.FollowSpotifySecondForm .thankyouMessage {
        padding: 25px 0 15px;
    line-height: 18px;
    font-size: 12px;
}
.FollowSpotifySecondForm .thankyou-message.embed{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
    text-align:center;
    color:#beaeae;
}
.FollowSpotifySecondForm .formData {
    max-width: 100%;
    margin: 0 auto;
}
.FollowSpotifySecondForm .formwrap {
    max-width: 50%;
    margin: 0 auto;
}
.FollowSpotifySecondForm .termsWrapper.first{
	max-width:400px;
	margin: 0 auto;
}
.FollowSpotifySecondForm input, .FollowSpotifySecondForm select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px;
    text-align:center;
   color:#beaeae;
        text-align: left;
            height: 25px;
}
.FollowSpotifySecondForm .inputItem {
    margin: 10px 0;
}
.thankyouMessage {
    padding: 30px 0 15px;
    line-height: 18px;
}
.FollowSpotifySecondForm .termsContent {
    color:#beaeae;
    text-align: center;
    letter-spacing: 0;
    line-height: 9px;
}
#mlistLightBox input#email,#mlistLightBoxCode input#email{
    text-align:left;
}

.FollowSpotifySecondForm .inputItem {
    margin: 10px 0;
}

.FollowSpotifySecondForm .inputItem.birthday {
    font-size: 0;
}

.FollowSpotifySecondForm select#dobMonth,.FollowSpotifySecondForm select#dobDay {
    display: inline-block;
    width: 49%;
}

.FollowSpotifySecondForm select#dobMonth {
    margin-right: 2%;
}

.FollowSpotifySecondForm .agree-text{
	font-size: 7px;
    	color:#beaeae;
}

.FollowSpotifySecondForm .termsWrapper.first div.terms {
    text-align: center;
}

.FollowSpotifySecondForm .terms a{
	color:#beaeae;
}
.FollowSpoitfySecondSubmit .mlist-checks,.FollowSpoitfySecondSubmitCode .mlist-checks{
	margin:0;
}


#mlistLightBox,#mlistLightBoxCode{
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	color:#beaeae;
	text-align:center;
}
#mlistLightBox .hand,#mlistLightBoxCode .hand {
    position: absolute;
    top: -47px;
    left: 5px;
}

#mlistLightBox .mlist-wrapper,#mlistLightBoxCode .mlist-wrapper {
    font-size: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
}

#mlistLightBox .purchase-text ,#mlistLightBoxCode .purchase-text{
       max-width: 300px;
    margin: 41px auto 0;
     color:#beaeae;
}

#mlistLightBox .terms-wrapper.mlist-checks,#mlistLightBoxCode .terms-wrapper.mlist-checks  {
    max-width: 300px;
    margin: 0 auto;
    color:#beaeae;
}

#mlistLightBox .agree-text,#mlistLightBox .agree-text a,
#mlistLightBoxCode .agree-text,#mlistLightBoxCode .agree-text a{
	color:#beaeae;
}

#mlistLightBox label.error,#mlistLightBoxCode label.error{
	position:relative;
	top:0
}
#spotifyLightBox .mfp-close-btn-in .mfp-close{
    color: #9cbd9c;
}
.mlist-checks input.error + label:before {
    border: 1px solid #ff0000 !important;
}

#spotifyLightBox .mlist-checks [type=checkbox]:not(:checked) + label:after,#spotifyLightBox .mlist-checks [type=checkbox]:checked + label:after,
#mlistLightBox .mlist-checks [type=checkbox]:not(:checked) + label:after,#mlistLightBoxCode .mlist-checks [type=checkbox]:checked + label:after,
#spotifyLightBox .mlist-checks [type=checkbox]:not(:checked) + label:after,#spotifyLightBox .mlist-checks [type=checkbox]:checked + label:after,
#mlistLightBoxCode .mlist-checks [type=checkbox]:not(:checked) + label:after,#mlistLightBoxCode .mlist-checks [type=checkbox]:checked + label:after{
    color: #beaeae;
        top: 6px;
}
#mlistLightBox input.error+ label .global-list:before, #mlistLightBox input.error+ label+ .global-list:before,
#mlistLightBoxCode input.error+ label .global-list:before, #mlistLightBoxCode input.error+ label+ .global-list:before {
    border: 1px solid #ff0000 !important;
}
#mlistLightBox .mlist-checks label.error,#mlistLightBoxCode .mlist-checks label.error {
    display: none !important;
    /* display: none; */
}
input#agreeOne {
    display: inline-block;
    vertical-align: top;
}
#mlistLightBox .mlist-checks input,#mlistLightBoxCode .mlist-checks input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    padding: 0;
    opacity: 0;
    z-index: 100;
    cursor: pointer;
    margin: 0;
}
#mlistLightBox .global-list:before,#mlistLightBoxCode .global-list:before {
    content: '\2713';
    position: absolute;
    display: inline-block;
    vertical-align: top;
    text-indent: -9999px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    box-sizing: border-box;
     color: #beaeae;
    background: transparent;
    border: 1px solid #beaeae;
    width: 20px;
    height: 20px;
top: 5px;
    left: 2px;
}
#mlistLightBox input[type="checkbox"]:not(:checked) ~ label::after,#mlistLightBox input[type="checkbox"]:not(:checked) ~ label::after,
#mlistLightBoxCode input[type="checkbox"]:not(:checked) ~ label::after,#mlistLightBoxCode input[type="checkbox"]:not(:checked) ~ label::after   {
    opacity: 0;
    transform: scale(0);
}
#mlistLightBox input[type="checkbox"]:not(:checked) ~ label::after, #mlistLightBox input[type="checkbox"]:checked ~ label::after,
#mlistLightBoxCode input[type="checkbox"]:not(:checked) ~ label::after, #mlistLightBoxCode input[type="checkbox"]:checked ~ label::after {
    color: #beaeae;
    content: "\2714";
    font-size: 12px;
    left: 7px;
    position: absolute;
    top: 3px;
}
#mlistLightBox  input:checked+ label:after,#mlistLightBoxCode   input:checked+ label+ label:after {
    content: '';
    line-height: 18px;
    font-size: 12px;
    color: #beaeae;
    display: block;
    text-indent: 0;
    font-size: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    text-align: center;
    box-sizing: border-box;

}
.headertitle {
    font-size: 10px;
    margin-bottom: 15px;
    line-height: 15px;
    color: #beaeae;
    padding:0 10px;
}
.spotifyEmailWithCode .headertitle{
    color: #beaeae;
    max-width: 425px;
    margin: 20px auto;
}
.spotifyEmailWithCode .purchase-text{
    max-width: 400px;
    line-height: 15px;
}

.spotifyEmailWithCode .agree-text {
    max-width: 400px;
}

.spotifyEmailWithCode label.global-list{
        padding-left: 40px;
}

.spotifyEmailWithCode .terms-wrapper.mlist-checks {
    max-width: 450px;
    margin: 0 auto;
}   

.spotifyEmailWithCode .headertitle span{
    display:block;
    padding-bottom: 15px;
}
.spotifyEmailWithoutCode .logodeath img{
    width: 85%;
}

.spotifyEmailWithCode .termsContent{
    display:block;
}
@media all and (max-width: 767px) {
    	.FollowSpotifyFirstForm {
		color: #9cbd9c;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		position: relative;
		width: 100%;
		background: rgba(0,0,0,0.6);
		height: auto;
		left: 0;
		top: 0;
		transform: none;
		max-width: 500px;
		margin: 0 auto;
	}
    .contentOverall{
		max-width: 95%;
    }
    .FollowSpotifyFirstForm{
        max-width: 95%;
    }
    .followWrapper .buttonsWrapper a{
        font-size: 10px;
    }
    .loginLang{
        font-size: 10px;
    }
    .spotifySubmitButton a, .FollowSpoitfySecondSubmit,.FollowSpoitfySecondSubmitCode{
        padding: 8px 5px; 
    }
    .dummy .termsContent {
       max-width: 251px;
    }    
    .purchase-text, .agree-text, .agree-text a, .spotifyErrorMsg,.agree-text a, .spotifyErrorMsgCode{
        max-width: 230px;
    }
    #spotifyLightBox label.global-list, #mlistLightBox label.global-list,.#mlistLightBoxCode label.global-list{
        padding-left: 30px;
    }
    .spotifyemailWrapper{
            overflow-x: scroll;
    }
    .contentOverall{
        position: relative;
        width: 100%;
        background:#000;
        height: 500px;
        left: 0;
        top: 32px;
        transform: none;
        max-width: 500px;
        margin: 0 auto;
        overflow-x: visible;
        margin-bottom: 10px;
    }
    .spotifyEmailWithCode .followWrapper{
        padding: 10px;
    }
}
.spotifyemailWrapper.spotifyEmailWithoutCode  .FollowSpotifySecondForm .termsContent a{
	text-decoration:underline !important;
	display:inline-block;
}