/* Music CSS starts*/ div#musicContent .albumArt.desk { position: relative; font-size: 0px; } div#musicContent .song-title { font-size: 2vw; letter-spacing: 0.050vw; line-height: 2.5vw; font-family: 'suisse_intlsemi_bold'; padding-bottom: 0.7916vw; text-transform: uppercase; color: #FFFFFF; } div#musicContent .hoverwrap { position: absolute; text-align: center; display: block; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; opacity: 0; } .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } div#musicContent .albumArt.desk:hover .hoverwrap { background-color: rgb(0 0 0 / 50%); opacity: 1; } div#musicContent .albumArt.desk a { font-size: 1.1666vw; letter-spacing: 0.02916vw; text-transform: uppercase; font-family: 'suisse_intlsemi_bold'; text-decoration: none; display: inline-block; text-align: center; width: 100%; color: #FFFFFF; } div#musicContent .albumArt.desk a:hover { opacity: 0.5; box-sizing: border-box; } /*Music CSS ends */ div#footer form#mlistFormOne { width: 77%; margin: 0 auto; } div#footer input#email { width: 100%; height: 3.75vw; box-sizing: border-box; font-size: 1.1666vw; letter-spacing: 0.02916vw; background-color: transparent; color: #FFFFFF; border: 1px solid #FFFFFF; text-transform: uppercase; font-family: 'suisse_intlsemi_bold'; padding-left: 0.8333vw; } div#footer input#submit { width: 100%; box-sizing: border-box; height: 2.833vw; line-height: 3vw; font-size: 1.1666vw; letter-spacing: 0.02916vw; background-color: transparent; color: #000000; text-transform: uppercase; font-family: 'suisse_intlsemi_bold'; border: 0px; /* filter: blur(0.5px); */ cursor: pointer; } div#footer input#submit:hover { filter: blur(1px); } div#footer .email.fieldWrap { width: 83%; margin: 0 auto; padding-bottom: 0.6666vw; position: relative; } div#footer div.submit { width: 83%; margin: 0 auto; position: relative; } div#footer a.terms { font-size: 0.6666vw; letter-spacing: 0.0166vw; line-height: 0.8333vw; text-decoration: none; text-transform: uppercase; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; } div#footer p.terms-message { font-size: 0.6666vw; letter-spacing: 0.0166vw; line-height: 0.8333vw; text-decoration: none; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; padding: 5px; margin: 0px; text-transform: uppercase; } div#footer p.terms-message a { text-decoration: underline; color: #FFFFFF; } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgb(255 255 255); -webkit-text-fill-color: rgb(255 255 255); opacity: 1; } div#footer div#terms { width: 64%; margin: 0 auto; padding-top: 0.33vw; } div#footer label.error { position: absolute; color: red; font-family: 'suisse_intlsemi_bold'; } div#footer label#email { font-size: 1.1666vw; letter-spacing: 0.02916vw; color: #FFFFFF; text-transform: uppercase; font-family: 'suisse_intlsemi_bold'; } .mlistheader { display: none; } input:focus { outline: none; } div#footer input#email { display: block; } div#footer .email.fieldWrap label#email { position: absolute; left: 0.8333vw; top: 0px; pointer-events: none; transform: translateY(1.2833vw); } div#footer .email.fieldWrap input#email:valid, div#footer .email.fieldWrap input#email:hover { outline: none; } .email.fieldWrap label#email { transition: all 0.3s ease-in-out; } .email.fieldWrap input#email:valid+label#email, .email.fieldWrap input#email:hover+label#email, .input--filled label#email { transform: translateY(-2.2vw); left: 0px; font-size: 0.83333vw; } div#footer .email.fieldWrap.input--filled label { transform: translateY(-2.2vw) !important; left: 0px !important; font-size: 0.83333vw !important; } div#footer .email.fieldWrap input#email:hover+span+label#email { transform: translateY(-2.2vw); left: 0px; font-size: 0.83333vw; } span.input-error { position: absolute; color: rgb(255 0 0); font-size: 1.166vw; top: -1.2vw; font-family: 'suisse_intlsemi_bold'; } .plain-ml-wrapper input:-webkit-autofill, .plain-ml-wrapper select:-webkit-autofill, .plain-ml-wrapper textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; background-color: transparent; transition: background-color 0.5s ease 5000s; } option { color: #000000 !important; background-color: #FFFFFF !important; padding: 0px !important; margin: 0px !important; align-items: center; } form#mlistFormTwo { width: 40%; margin: 0 auto; } .welcome { width: 46%; margin: 0 auto; text-align: center; } .welcome p { margin: 0px; font-size: 2vw; line-height: 2.5vw; letter-spacing: 0.050vw; color: #FFFFFF; font-family: 'suisse_intlsemi_bold' !important; text-transform: uppercase; padding-bottom: 1.14vw; } .message { width: 82%; margin: 0 auto; font-size: 0.8333vw; letter-spacing: 0.02916vw; background-color: transparent; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; padding-bottom: 0.8333vw; } span#secondFormClose { color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; right: 24.5vw; position: absolute; top: 3.5vw; font-size: 1.5vw; cursor: pointer; } form#mlistFormTwo .name { width: 100%; padding-bottom: 1.14vw; } form#mlistFormTwo input#first { width: 100%; height: 2.75vw; background: transparent; border: 1px solid #FFFFFF; box-sizing: border-box; font-size: 1.1666vw; letter-spacing: 0.02916vw; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; text-transform: uppercase; padding-left: 1.25vw; line-height: 2.75vw; } form#mlistFormTwo label { font-size: 1.1666vw; letter-spacing: 0.02916vw; background-color: transparent; color: #FFFFFF; text-transform: uppercase; font-family: 'suisse_intlsemi_bold'; display: block; } form#mlistFormTwo .birthday { width: 100%; padding-bottom: 1.14vw; } form#mlistFormTwo .dobMonth.fieldWrap { display: inline-block; width: 48%; margin-right: 3%; } form#mlistFormTwo .dobDay.fieldWrap { display: inline-block; width: 48%; } form#mlistFormTwo select#dobMonth, form#mlistFormTwo select#dobDay { width: 100%; height: 2.75vw; background: transparent; border: 1px solid #FFFFFF; box-sizing: border-box; font-size: 1.1666vw; letter-spacing: 0.02916vw; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; text-transform: uppercase; padding-left: 1.25vw; line-height: 2.75vw; } .fadeOut { display: none; } .fadeIn { display: block; } .thankyou.fadeOut.fadeIn { display: block !important; } form#mlistFormTwo input#submit { box-sizing: border-box; height: 2.833vw; font-size: 1.1666vw; letter-spacing: 0.02916vw; background-color: transparent; color: #000000; text-transform: uppercase; font-family: 'suisse_intlsemi_bold'; border: 0px; line-height: 3.1vw; /* filter: blur(0.5px); */ } form#mlistFormTwo input#submit:hover { filter: blur(1px); } div#footer div.submit::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #FFFFFF; filter: blur(1px); z-index: -1; } div#footer div.submit:hover:after { filter: blur(4px); } div#secondform { position: fixed; top: 0; left: 0; background: rgba(38, 38, 38, 0.09); -webkit-backdrop-filter: blur(43px) saturate(65%) contrast(128%); backdrop-filter: blur(43px) saturate(65%) contrast(128%); max-width: 100%; width: 100%; margin: 0 auto; height: 100vh; padding: 0; z-index: 99; align-items: center; flex-direction: column; justify-content: center; } div#secondform.fadeIn { display: flex; } .postalcode.fieldWrap { width: 100%; padding-bottom: 1.14vw; } .postal_country { width: 100%; padding-bottom: 1.14vw; } input#postalcode, select#country { width: 100%; box-sizing: border-box; height: 2.75vw; background: transparent; border: 1px solid #FFFFFF; font-size: 1.1666vw; letter-spacing: 0.02916vw; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; text-transform: uppercase; padding-left: 1.25vw; line-height: 2.75vw; } form#mlistFormTwo label.goptin_checkbox { font-size: 0.8333vw; letter-spacing: 0.02916vw; background-color: transparent; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; display: inline-block; width: 93%; text-transform: uppercase; } input#goptin_checkbox { display: inline-block; vertical-align: top; } form#mlistFormTwo div.submit { width: 35%; margin: 0 auto; margin-top: 0.8333vw; } form#mlistFormTwo div#terms { width: 100%; margin: 0 auto; text-align: center; } form#mlistFormTwo p.terms-message-2 { font-size: 0.6666vw; letter-spacing: 0.0166vw; line-height: 0.8333vw; text-decoration: none; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; padding: 5px; position: absolute; width: 39%; margin: 0px; text-transform: uppercase; } form#mlistFormTwo p.terms-message-2 a { text-decoration: underline; color: #FFFFFF; } form#mlistFormTwo p.terms-message-2 a:hover, div#footer p.terms-message a:hover { opacity: 0.5; } div#thankyou { font-size: 1.1666vw; letter-spacing: 0.02916vw; color: #FFFFFF; text-transform: uppercase; font-family: 'suisse_intlsemi_bold'; text-align: center; } label.birthday { text-align: center; } select#country, form#mlistFormTwo select#dobMonth, form#mlistFormTwo select#dobDay { background: url("../images/arrow_drop_down_circle.svg") right 10px center transparent; background-repeat: no-repeat; -webkit-appearance: none; background-size: 1.6667vw; } body div#secondform #goptin_checkbox { background-color: #FFFFFF; -webkit-appearance: none; height: 1.25vw; width: 1.25vw; border: none; position: relative; padding: 0; outline: 0; content: ''; cursor: pointer; border-radius: 50px; vertical-align: middle; } body div#secondform #goptin_checkbox:checked:after { content: '\2713'; font-size: 0.9166vw; color: #000000; position: absolute; top: 0; left: 0.333vw; height: 1.25vw; } input::placeholder { font-size: 1.1666vw; letter-spacing: 0.02916vw; color: #FFFFFF; font-family: 'suisse_intlsemi_bold'; text-transform: uppercase; } span#secondFormClose:hover { opacity: 0.5; } .socials1 a { text-decoration: none; color: #FFFFFF; padding-right: 1vw; text-align: center; } .copyright1 a, .copyright1 { font-size: 0.6666vw; letter-spacing: 0.0166vw; line-height: 0.8333vw; color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-family: 'suisse_intlsemi_bold'; text-align: center; } .socials1 { text-align: center; } input, select, textarea { appearance: none; -webkit-appearance: none; border-radius: 0px; } input[type="text"] { -webkit-appearance: none; border-radius: 0px; } .secondFormInnerWrapper { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); vertical-align: middle; text-align: center; width: 100%; } div#footer a.terms:hover { opacity: 0.5; } @media screen and (max-width:1023px) { div#footer form#mlistFormOne { width: 100%; } div#footer .email.fieldWrap { width: 100%; margin: 0 auto; } div#footer div.submit { width: 100%; margin: 0 auto; } div#footer input#email { height: 45px; font-size: 16px; letter-spacing: 0.35px; line-height: 45px; padding: 10px; } div#footer input#submit { height: 34px; font-size: 14px; letter-spacing: 0.35px; line-height: 37px; } div#footer div#terms { width: 100%; margin: 0 auto; } div#footer .email.fieldWrap { padding-bottom: 8px; } div#footer label#email { font-size: 14px !important; letter-spacing: 0.35px; line-height: 34px; } div#footer a.terms { font-size: 8px; letter-spacing: 0.2px; line-height: 10px; } div#footer p.terms-message { font-size: 8px; letter-spacing: 0.2px; line-height: 10px; } div#footer .email.fieldWrap label#email { left: 10px; top: 0px; pointer-events: none; transform: translateY(7px); } .email.fieldWrap input#email:valid+label#email, .email.fieldWrap input#email:hover+label#email, div#footer .email.fieldWrap.input--filled label#email { transform: translateY(-32px) !important; left: 0px; font-size: 10px; } .email.fieldWrap.input--filled label { transform: translateY(-40px) !important; left: 0px !important; font-size: 10px; } div#footer .email.fieldWrap input#email:hover+span+label#email { transform: translateY(-40px); left: 0px; font-size: 10px; } span.input-error { font-size: 14px; top: -27px; } div#musicContent .song-title { font-size: 24px; line-height: 30px; letter-spacing: 0.6px; } div#musicContent .albumArt.desk a { line-height: 34px; font-size: 14px; letter-spacing: 0.35px; } .welcome { width: 100%; margin-top: 45px; } .welcome p { font-size: 28px; line-height: 37px; letter-spacing: 0.7px; padding-bottom: 30px; } form#mlistFormTwo { width: 84%; margin: 0 auto; } form#mlistFormTwo input#first { height: 45px; font-size: 14px; letter-spacing: 0.35px; line-height: 18px; } input#postalcode, select#country { height: 45px; font-size: 14px; letter-spacing: 0.35px; line-height: 18px; } form#mlistFormTwo select#dobMonth, form#mlistFormTwo select#dobDay { height: 45px; font-size: 14px; letter-spacing: 0.35px; line-height: 18px; } form#mlistFormTwo .name, .postalcode.fieldWrap, .postal_country { width: 100%; padding-bottom: 10px; } form#mlistFormTwo .birthday { width: 100%; padding-bottom: 10px; } .globaloptin.fieldWrap.input--filled { padding-bottom: 10px; } form#mlistFormTwo .dobMonth.fieldWrap { width: 47%; margin-right: 6%; } div.birthday { font-size: 0; } div#secondform.fadeIn { overflow: scroll; display: block; /* padding: 25px 0 25px; */ box-sizing: border-box; } form#mlistFormTwo .dobDay.fieldWrap { width: 47%; } body div#secondform #goptin_checkbox { height: 14px; width: 14px; } form#mlistFormTwo label.goptin_checkbox { font-size: 8px; letter-spacing: 0.2px; line-height: 10px; } form#mlistFormTwo div#terms { width: 100%; margin: 0 auto; text-align: center; } input::placeholder { font-size: 14px; letter-spacing: 0.35px; line-height: 18px; } select#country, form#mlistFormTwo select#dobMonth, form#mlistFormTwo select#dobDay { background-size: 20px; } form#mlistFormTwo label { font-size: 10px; line-height: 13px; letter-spacing: 0.25px; } form#mlistFormTwo p.terms-message-2 { font-size: 7px; letter-spacing: 0.2px; line-height: 10px; width: 80%; margin: 0 auto; } span#secondFormClose { font-size: 18px; cursor: pointer; right: 20px; } .copyright1 a, .copyright1 { font-size: 8px; letter-spacing: 0.2px; line-height: 10px; } .message { font-size: 11px; letter-spacing: 0.2px; line-height: 14px; padding-bottom: 20px; } body div#secondform #goptin_checkbox:checked:after { font-size: 11px; left: 3px; } body div#secondform #goptin_checkbox { vertical-align: unset; } div#thankyou { font-size: 20px; } } @media screen and (min-width:1920px) { div#footer input#submit { line-height: 3vw; } } @media screen and (min-width:2560px) { div#footer input#email { border: 2px solid #FFFFFF; } } @media screen and (min-width:1024px) and (max-width:1366px) and (orientation:portrait) { span#secondFormClose { top: 40.5vw; } } div#footer input#email.errored { border: 1px solid red; }