.fadeOut {
    display: none;
}

.fadeIn {
    display: block;
}

.thankyou.fadeOut.fadeIn {
    display: block;
}

.socialIcons_menu {
    text-align: center;
    width: 51%;
    margin: 0 auto;
}

.socialIcons_menu a {
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    font-size: 1.2vw;
    color: #fff;
}

.socialIcons_menu a:hover {
    opacity: 0.5;
}

.socialIcons_menu a.icon-soundcloud {
    font-size: 1.7vw;
}

.footerTotalWrapper {
    background-color: #292929;
}

.footer-mlist {
    width: 18vw;
}

.footer-mlist .mlistwrapper .mlform input:-webkit-autofill,
.footer-mlist .mlistwrapper .mlform input:-webkit-autofill:hover,
.footer-mlist .mlistwrapper .mlform input:-webkit-autofill:focus,
.footer-mlist .mlistwrapper .mlform textarea:-webkit-autofill,
.footer-mlist .mlistwrapper .mlform textarea:-webkit-autofill:hover,
.footer-mlist .mlistwrapper .mlform textarea:-webkit-autofill:focus,
.footer-mlist .mlistwrapper .mlform select:-webkit-autofill,
.footer-mlist .mlistwrapper .mlform select:-webkit-autofill:hover,
.footer-mlist .mlistwrapper .mlform select:-webkit-autofill:focus {
    color: #D8D9DA;
    -webkit-text-fill-color: #D8D9DA;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    opacity: 1;
}

.footer-mlist input:-webkit-autofill,
.footer-mlist input:-webkit-autofill:hover,
.footer-mlist input:-webkit-autofill:focus,
.footer-mlist textarea:-webkit-autofill,
.footer-mlist textarea:-webkit-autofill:hover,
.footer-mlist textarea:-webkit-autofill:focus,
.footer-mlist select:-webkit-autofill,
.footer-mlist select:-webkit-autofill:hover,
.footer-mlist select:-webkit-autofill:focus {
    -webkit-text-fill-color: #D8D9DA;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    border: 1px solid #D6D6D6;
}

.footer-mlist input::-webkit-input-placeholder {
    color: #D8D9DA;
    -webkit-text-fill-color: #D8D9DA;
    opacity: 1;
}

.footer-mlist input::-moz-placeholder {
    color: #D8D9DA;
    -webkit-text-fill-color: #D8D9DA;
    opacity: 1;
}

.footer-mlist input:-ms-input-placeholder {
    color: #D8D9DA;
    -webkit-text-fill-color: #D8D9DA;
    opacity: 1;
}

.footer-mlist input:-moz-placeholder {
    color: #D8D9DA;
    -webkit-text-fill-color: #D8D9DA;
    opacity: 1;
}

.mlistwrapper {
    width: 100%;
    margin: 0 auto;
}

.message-text {
    font-size: 6.0029vw;
    line-height: 7.7598vw;
    color: #D8D9DA;
    text-transform: uppercase;
    margin-bottom: 6.1478vw;
    text-align: center;
    padding-top: 4.3923vw;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.footer-mlist form.mlistFormOne.mlform.twostep {
    width: 100%;
    font-size: 0px;
    /* border-bottom: 3px solid #D8D9DA; */
    position: relative;
}

.footer-mlist .mlistwrapper .plain-ml-wrapper form.mlistFormOne div.email.fieldWrap,
body .footer-mlist form.mlistFormOne>div.submit {
    border-bottom: 3px solid #D8D9DA;
}

.footer-mlist .mlistwrapper .plain-ml-wrapper form.mlistFormOne div.email.fieldWrap:has(> input#email.errored) {
    border-color: red;
}

.footer-mlist form.mlistFormOne.mlform.twostep:has(.errored) {
    border-color: red;
}

.footer-mlist .mlistwrapper .plain-ml-wrapper form.mlistFormOne div.email.fieldWrap {
    width: 90%;
    display: inline-block;
    padding-bottom: 0.5vw;
}

.footer-mlist form.mlistFormOne>div.submit {
    width: 10%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    border: none;
    outline: none;
    padding-bottom: 0.5vw;
}

.footer-mlist span.input-error {
    position: absolute;
    left: 0px;
    top: -1.2vw;
    color: #ff0000;
    font-size: 0.7vw;
    text-transform: none;
}

.footer-mlist form.mlistFormOne>div.submit input.submit.mlistSubmit {
    width: 100%;
    padding: 0px;
    border: none;
    outline: none;
    background: url("../images/arrow.png");
    background-repeat: no-repeat;
    text-transform: uppercase;
    background-position: center;
    height: 1.2079vw;
    border: none;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    opacity: 1;
    background-size: 1vw auto;
}

.footer-mlist form.mlistFormOne>div.submit input.submit.mlistSubmit:hover {
    color: #D8D9DA;
    cursor: pointer;
    opacity: 0.5;
}

.footer-mlist .mlistwrapper .mlform input.email {
    box-sizing: border-box;
    background: transparent;
    color: #D8D9DA;
    font-size: 0.9882vw;
    outline: none;
    width: 100%;
    padding-left: 0px;
    text-align: left;
    border: none;
    height: 1.2079vw;
    line-height: 1.2079vw;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.primary-list-values {
    display: none;
    font-size: 0px;
}

.footer-mlist .mlistwrapper .mlform .terms {}

.footer-mlist .mlistwrapper .mlform .terms,
.footer-mlist .secondform .terms,
.footer-mlist .mlistwrapper .mlform .terms p.terms-message,
.footer-mlist .mlistwrapper .mlform .terms p.terms-message-2,
.footer-mlist .mlistwrapper .mlform p.terms-message a,
.footer-mlist .mlistwrapper .secondform p.terms-message a,
.footer-mlist .mlistwrapper .mlform .terms p.terms-message-2 a {
    color: #D8D9DA;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.footer-mlist .mlistwrapper .mlform p.terms-message a,
.footer-mlist .mlistwrapper .secondform p.terms-message a,
.footer-mlist .mlistwrapper .mlform .terms p.terms-message-2 a {
    text-decoration: underline;
}

.footer-mlist .mlistwrapper .mlform p.terms-message a:hover,
.footer-mlist .mlistwrapper .secondform p.terms-message a:hover,
.footer-mlist .mlistwrapper .mlform .terms p.terms-message-2 a:hover {
    text-decoration: none;
    opacity: 0.5;
}

.footer-mlist .mlistwrapper form.mlistFormOne {
    width: 100%;
    margin: 0;
}

.footer-mlist .mlistwrapper .mlform div.terms {
    width: 100%;
    position: relative;
}

.footer-mlist .mlistwrapper .secondform.singleform div.terms {
    width: 100%;
    margin: 0 auto;
    padding-top: 0.9vw;
}

.footer-mlist form.mlistFormTwo.mlform .terms {
    text-align: center;
    padding-bottom: 0px;
    padding-left: 0px;
    position: relative;
}

.footer-mlist .mlistwrapper .mlform a.terms {
    text-transform: uppercase;
    line-height: 0.7vw;
    padding-top: 0px;
    padding-left: 0px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #D8D9DA;
    top: -0.5vw;
    right: -3.5vw;
    text-decoration: none;
    position: absolute;
    font-size: 0.88vw;
}

.footer-mlist .mlistwrapper .mlform a.terms:hover,
.footer-mlist .mlistwrapper form.mlistFormTwo.mlform a.terms:hover {
    opacity: 0.5;
}

.footer-mlist .mlistwrapper form.mlistFormTwo.mlform a.terms {
    text-transform: uppercase;
    font-size: 0.8856vw;
    line-height: 0.7vw;
    padding-top: 0px;
    padding-left: 0px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #D8D9DA;
    text-decoration: none;
    position: unset;
    top: unset;
    right: unset;
}

/* .footer-mlist .mlistwrapper .mlform .terms:hover,
.footer-mlist .mlistwrapper .mlform p.terms-message a:hover,
.footer-mlist .mlistwrapper .secondform p.terms-message a:hover,
.footer-mlist .mlistwrapper .mlform .terms p.terms-message-2 a:hover {
    text-decoration: underline;
} */

.firstMlistForm .terms .close {
    display: none;
}

.mlistwrapper .mlform .terms p.terms-message {
    position: absolute;
    bottom: auto;
    top: -9.4vw;
    right: 0.3vw;
    font-size: 0.8856vw;
    line-height: 1vw;
    z-index: 1;
    width: 100%;
    background: #000;
    text-align: left;
    text-transform: none;
    margin: 0;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 0.5vw;
    box-sizing: border-box;
}

.mlistwrapper .mlform .terms p.terms-message-2 {
    position: absolute;
    bottom: 1vw;
    top: auto;
    right: unset;
    font-size: 0.8856vw;
    line-height: 1vw;
    z-index: 1;
    width: 100%;
    background: #000;
    text-align: left;
    text-transform: none;
    margin: 0;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 0.5vw;
    box-sizing: border-box;
}

.footer-mlist .secondform.singleform.fadeIn {
    background: #000;
    width: 30%;
    margin: 0 auto;
    padding: 0.8vw;
    box-sizing: border-box;
    position: absolute;
    bottom: 1vh;
    z-index: 100;
}

.footer-mlist div.plain-ml-wrapper span.secondFormClose {
    position: absolute;
    right: 0.5vw;
    top: -0.3vw;
    font-size: 2vw;
    cursor: pointer;
    color: #fff;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.footer-mlist div.plain-ml-wrapper span.secondFormClose:hover {
    opacity: 0.5;
}

.footer-mlist .welcome {
    text-align: center;
    margin-bottom: 1.3177vw;
}

.footer-mlist .mlistwrapper .secondform .welcome p,
.footer-mlist .mlistwrapper .secondform .welcome span {
    font-size: 1.3177vw;
    display: inline;
    color: #fff;
    text-transform: uppercase;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.footer-mlist .mlistwrapper form.mlistFormTwo>div {
    padding-bottom: 1vw;
}

.footer-mlist .mlistwrapper .plain-ml-wrapper div.fieldWrap {
    position: relative;
}

.footer-mlist .mlistwrapper .secondform input:not([type="submit"]) {
    background: transparent;
    width: 100%;
    height: 2.9282vw;
    padding: 0 0.7vw;
    font-size: 0.9882vw;
    box-sizing: border-box;
    color: #fff;
    border: 1px solid #fff;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
}

.footer-mlist form.mlistFormTwo.mlform {
    font-size: 0px;
}

input {
    outline: none !important;
    border-radius: 0 !important;
}

.footer-mlist select.country.form-control,
.footer-mlist .secondform div.dobDay.fieldWrap select,
.footer-mlist .dobMonth.fieldWrap select {
    background: url("../images/select_arrow_white.svg?asd") no-repeat transparent;
    width: 100%;
    color: #fff;
    height: 2.9282vw;
    padding: 0 0.7vw;
    border: 1px solid #fff;
    font-size: 0.9882vw;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 98% 50%;
    padding-right: 2vw;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0px;
    background-size: 1.5vw auto;
    outline: none !important;
    border-radius: 0 !important;
}

.footer-mlist form.mlistFormTwo .postalcode.fieldWrap,
.footer-mlist .secondform div.dobDay.fieldWrap {
    width: 48%;
    margin-right: 4%;
    display: inline-block;
}

.footer-mlist form.mlistFormTwo .postal_country,
.footer-mlist .dobMonth.fieldWrap {
    width: 48%;
    display: inline-block;
}

.footer-mlist .mlistwrapper .secondform .submit {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 0px;
}

.footer-mlist .mlistwrapper .secondform input.submit {
    background: transparent;
    border: 2px solid #fff;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    height: 2.7818vw;
    line-height: 2.8vw;
    color: #fff;
    font-size: 1vw;
    padding: 0px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    letter-spacing: 0px;
}

.footer-mlist .mlistwrapper .secondform input.submit:hover {
    opacity: 0.5;
    cursor: pointer;
}

.footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin {
    position: relative;
    margin: 0vw auto;
    width: 100%;
    text-align: left;
}

.footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked),
.footer-mlist .globaloptin [type="checkbox"]:checked {
    position: absolute;
    left: 0px;
    width: 2vw;
    height: 2vw;
    z-index: 10;
    top: 0;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    -webkit-appearance: none;
    padding: 0;
}

.footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin .goptin_checkbox {
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.4vw;
    color: #fff;
    text-align: left;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 1vw;
    padding-left: 2vw;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:before,
.footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:checked+label:before {
    color: #fff;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1.5vw;
    height: 1.5vw;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 0px;
    box-sizing: border-box;
}

.footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.footer-mlist .globaloptin [type="checkbox"]:not(:checked)+label:after,
.footer-mlist .globaloptin [type="checkbox"]:checked+label:after {
    content: "\2713";
    position: absolute;
    top: 0.1vw;
    line-height: 1;
    left: 0.2vw;
    font-size: 1.4vw;
    font-weight: normal;
    text-align: center;
}

.footer-mlist .globaloptin .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked),
.footer-mlist .globaloptin .globaloptin [type="checkbox"]:checked {
    position: absolute;
    left: 0px;
    width: 1.5vw;
    height: 1.5vw;
    z-index: 10;
    top: 0;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    -webkit-appearance: none;
    padding: 0;
}

.footer-mlist .thankyou.fadeIn {
    text-align: center;
    font-size: 1vw;
    text-transform: uppercase;
    color: #fff;
}

option {
    background: #000;
    color: #fff;
    padding: 0px;
}

.mob-br {
    display: none;
}

.disappear,
.sep-cookies {
    display: inline-block;
}

/* @media only screen and (max-width:1023px),
(min-width:1024px) and (max-width:1366px) and (orientation:portrait) { */
@media (max-width: 1024px) and (orientation:portrait) {
    body .footer-mlist select.country.form-control {
        font-size: 16px;
    }

    .mob-br {
        display: inline-block;
    }

    .disappear,
    .sep-cookies {
        display: none;
    }

    .footer-mlist {
        margin-bottom: 0;
        padding-bottom: 0px;
        width: 100%;
        margin-top: 0;
    }

    .mlistwrapper {
        width: 100%;
        margin: 0 auto;
    }

    .message-text {
        font-size: 34px;
        line-height: 43px;
        padding-top: 66px;
        padding-bottom: 70px;
        width: 100%;
        margin: 0 auto;
    }

    .mlform {
        width: 100%;
        margin: 0 auto;
    }

    .footer-mlist .mlistwrapper .mlform input.email {
        font-size: 20px;
        height: 35px;
        line-height: 35px;
        padding-left: 0px;
        text-align: left;
    }

    .footer-mlist .mlistwrapper .plain-ml-wrapper form.mlistFormOne div.email.fieldWrap {
        margin-right: 0%;
        width: 95%;
        display: inline-block;
        padding-bottom: 5px;
    }

    .footer-mlist form.mlistFormOne>div.submit {
        width: 5%;
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top;
        height: 25px;
        margin-top: 17.4px;
        padding-bottom: 5px;
    }

    .footer-mlist form.mlistFormOne>div.submit input.submit.mlistSubmit {
        width: 100%;
        height: 18px;
        line-height: 25px;
        background-size: 3vw auto;
    }

    .footer-mlist .mlistwrapper .mlform div.terms {
        width: 100%;
        margin: 0;
        padding-top: 5px;
        padding-right: 0px;
        text-align: center;
    }

    .footer-mlist span.input-error {
        position: absolute;
        left: 0px;
        top: -17px;
        color: #ff0000;
        font-size: 15px;
    }

    .footer-mlist .mlistwrapper .secondform .welcome p,
    .footer-mlist .mlistwrapper .secondform .welcome span {
        font-size: 24px;
        line-height: 30px;
    }


    .footer-mlist .welcome {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .footer-mlist .mlistwrapper form.mlistFormTwo>div {
        padding-bottom: 20px;
    }

    .footer-mlist .mlistwrapper .secondform input:not([type="submit"]) {
        height: 55px;
        padding: 0 8px;
        font-size: 16px;
        line-height: 55px;
    }

    .footer-mlist select.country.form-control,
    .footer-mlist .secondform div.dobDay.fieldWrap select,
    .footer-mlist .dobMonth.fieldWrap select {
        height: 55px;
        padding: 0 8px;
        border: 1px solid #fff;
        font-size: 16px;
        line-height: 55px;
        padding-right: 20px;
        background-position: 99% 50%;
        background-size: 4vw auto;

    }

    .footer-mlist select.country.form-control {
        padding-right: 33px;
    }

    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked),
    .footer-mlist .globaloptin [type="checkbox"]:checked {
        position: absolute;
        left: 0px;
        width: 20px;
        height: 20px;
    }

    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin .goptin_checkbox {
        line-height: 20px;
        font-size: 14px;
        padding-left: 27px;
    }

    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:before,
    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:checked+label:before {
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        background: transparent;
        border-radius: 0px;
        box-sizing: border-box;
    }

    .footer-mlist .globaloptin [type="checkbox"]:not(:checked)+label:after,
    .footer-mlist .globaloptin [type="checkbox"]:checked+label:after {
        top: 1px;
        line-height: 1;
        left: 4px;
        font-size: 17px;
        font-weight: normal;
        text-align: center;
    }

    .footer-mlist .mlistwrapper .secondform input.submit {
        font-size: 16px;
        height: 38px;
        line-height: 35px;
    }

    .footer-mlist .mlistwrapper .secondform.singleform div.terms {
        padding-top: 10px;
        text-align: center;
    }

    .footer-mlist .mlistwrapper form.mlistFormTwo.mlform a.terms {
        font-size: 10px;
        line-height: 15px;
    }

    .footer-mlist div.plain-ml-wrapper span.secondFormClose {
        position: absolute;
        right: 1px;
        font-size: 30px;
    }

    .footer-mlist .mlistwrapper .mlform .terms {
        padding-top: 15px;
        text-align: center;
    }

    .footer-mlist .mlistwrapper .mlform a.terms {
        font-size: 10px;
        line-height: 20px;
        top: unset;
        right: unset;
        position: unset;
        padding-right: 0px;
    }

    .mlistwrapper .mlform .terms p.terms-message,
    .mlistwrapper .mlform .terms p.terms-message-2 {
        font-size: 3.5vw;
        line-height: 4.2vw;
        top: unset;
        padding: 2vw;
        box-sizing: border-box;
        right: unset;
        bottom: 9vw;
    }

    .mlistwrapper .mlform .terms p.terms-message-2 {
        bottom: 6vw;
    }

    .footer-mlist .secondform.singleform.fadeIn {
        width: 100%;
        position: relative;
        bottom: unset;
        z-index: 100;
    }

    .footer-mlist .thankyou.fadeIn {
        font-size: 20px;
    }

    .socialIcons_menu {
        width: 90%;
    }

    .socialIcons_menu a {
        margin-left: 8px;
        margin-right: 8px;
        font-size: 20px;
    }

    .socialIcons_menu a.icon-soundcloud {
        font-size: 30px;
    }
}

.footer-mlist .mlistwrapper .mlform input {
    border-radius: 0;
    outline: none;
    appearance: none;
}

@media (max-width: 1024px) and (orientation:portrait) and (min-width: 767px) {

    .footer-mlist .mlistwrapper .mlform a.terms {
        font-size: 15px;
    }

    .mlistwrapper .mlform .terms p.terms-message {
        bottom: 4vw;
    }


}

@media (max-width: 1024px) and (orientation: landscape) {

.footer-mlist form.mlistFormOne>div.submit {
   
    padding-bottom: 0.3vw;
}
}

@media (max-width: 1023px) and (orientation: landscape) {

    .footer-mlist .mlistwrapper .mlform .terms p.terms-message-2 {
        font-size: 1.2856vw;
        font-weight: normal;
        line-height: 1.1;
    }
}


.footer-mlist .consent-placeholder {
    position: relative;
    margin: 3.5vh auto 0;
    display: block;
}

.plain-ml-wrapper label:not(.goptin_checkbox) {
    position: static;
    transform: none;
}

.footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
.footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
    position: absolute;
    left: 0px;
    width: 1.28vw;
    height: 1.28vw;
    z-index: 10;
    top: 0px;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    -webkit-appearance: none;
    padding: 0;
}

.footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
.footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: auto;
    width: 1.28vw;
    height: 1.28vw;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 0px;
    box-sizing: border-box;
}

.footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before {
    border-color: red;
}

.footer-mlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
    display: inline-block;
    box-sizing: border-box;
    line-height: 1;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.68vw;
    padding-left: 2.04vw;
    vertical-align: top;
    font-weight: 400;
    position: static;
    transform: none;
    pointer-events: auto;
    color: #ffffff;
}

.footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
    content: "\2713";
    position: absolute;
    top: 0.58vh;
    line-height: 1;
    left: 0.25vw;
    font-size: 1vw;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
    color: #ffffff;
}

.footer-mlist .consent-placeholder span.input-error {
    color: red;
    position: absolute;
    top: -3.25vh;
    left: 0;
    bottom: auto;
}

.footer-mlist .secondform .consent-placeholder {
    margin: 2vh auto;
}

.footer-mlist .plain-ml-wrapper .mlform .consent-placeholder label a,
.footer-mlist .plain-ml-wrapper .mlform .consent-placeholder label span {
    color: #fff;
}

.footer-mlist .plain-ml-wrapper .mlform .consent-placeholder label a {
    text-decoration: underline;
}

.footer-mlist .plain-ml-wrapper .mlform .consent-placeholder label a:hover {
    opacity: 0.5;
}

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

    .footer-mlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
        font-size: 3vw;
        padding-left: 6vw;
    }

    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
        width: 4vw;
        height: 4vw;
    }

    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
        top: 0.2vh;
        left: 0.5vw;
        font-size: 3.15vw;
    }
}

@media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
    .footer-mlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
        font-size: 1.268vw;
        padding-left: 3.54vw;
    }

    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
        top: 0;
        font-size: 2vw;
    }

    .footer-mlist .consent-placeholder {
        position: relative;
        margin: 2vh auto;
    }

    .footer-mlist .consent-placeholder span.input-error {
        top: -1.5vh;
    }

    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
    .footer-mlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
        width: 2.28vw;
        height: 2.28vw;
    }

}