.pepContent {
    background: #007bcc;
    padding-bottom: 10vh;
    text-align: center;
}

.PEP .pepContent {
    background: #fbdd00;
}

.peptitle {
    text-transform: uppercase;
    font-size: 28px;
    color: #000;
    line-height: 1;
    padding-bottom: 10px;
}

.PEP .peptitle {
    color: #e30000;
}

.pepContent div#secondform {
    background: transparent;
}

.pepContent .mlistheader {
    font-size: 22px;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1;
}

.PEP .pepContent .mlistheader {
    color: #e30000;
}

.pepContent #mlform input#email {
    border: 1px solid #fff;
}

.pepContent #mlform input#email.errored {
    border: 1px solid #e30000;
}

.PEP .pepContent #mlform input#email {
    border: 1px solid #e30000;
}

.pepContent input#submit {
    border: 1px solid #e30000;
    color: #e30000;
    background: #000;
}

.PEP .pepContent input#submit {
    border: 1px solid #e30000;
    color: #fbdd00;
    background: #e30000;
}

.pepContent input#submit:hover,
.pepContent #secondform input#submit:hover {
    border: 1px solid #FBDD00;
    color: #FBDD00;
    background: transparent;
    opacity: 1;
}

.DED .pepContent input#submit:hover,
.DED .pepContent #secondform input#submit:hover {
    background: #F70000;
    color: #007AC6;
    border: 1px solid #F70000;
    opacity: 1;
}

.PEP .pepContent input#submit:hover,
.PEP .pepContent #secondform input#submit:hover {
    border: 1px solid #e30000;
    color: #e30000;
    background: transparent;
}

.pepContent #mlform #terms .terms-message,
.pepContent #secondform #terms .terms-message,
.pepContent .plain-ml-wrapper p.terms-message-2 {
    color: #e30000;
    background: #000;
    border: 1px solid #e30000;
    text-align: center;
    letter-spacing: 0;
}

.PEP .pepContent #mlform #terms .terms-message,
.PEP .pepContent #secondform #terms .terms-message,
.PEP .pepContent .plain-ml-wrapper p.terms-message-2 {
    color: #fbdd00;
    background: #e30000;
    border: 1px solid #e30000;
    text-align: center;
    letter-spacing: 0;
}

.pepContent #mlform p.terms-message a,
.pepContent #secondform p.terms-message a,
.pepContent div#secondform #terms .terms-message-2 a {
    color: #e30000;
}

.PEP .pepContent #mlform p.terms-message a,
.PEP .pepContent #secondform p.terms-message a,
.PEP .pepContent div#secondform #terms .terms-message-2 a {
    color: #fbdd00;
}

.pepContent .welcome p,
.pepContent .plain-ml-wrapper label,
.pepContent #secondform label.goptin_checkbox,
.pepContent div#secondform #terms a,
.pepContent div.plain-ml-wrapper span#secondFormClose,
.pepContent input#goptin_checkbox:checked:after,
.pepContent div#thankyou {
    color: #fff;
}

.PEP .pepContent .welcome p,
.PEP .pepContent .plain-ml-wrapper label,
.PEP .pepContent #secondform label.goptin_checkbox,
.PEP .pepContent div#secondform #terms a,
.PEP .pepContent div.plain-ml-wrapper span#secondFormClose,
.PEP .pepContent input#goptin_checkbox:checked:after,
.PEP .pepContent div#thankyou {
    color: #e30000;
}

.PEP .pepContent #mlform input#email {
    color: #e30000;
}

.PEP .pepContent #mlform .terms {
    color: #e30000;
}

.pepContent #secondform input#submit {
    color: #e30000;
    background: #000;
    border: 1px solid #e30000;
}

.pepContent #secondform input,
.pepContent #secondform select {
    color: #fff;
    border: 1px solid #fff;
}

.PEP .pepContent #secondform input#submit {
    color: #fbdd00;
    background: #e30000;
    border: 1px solid #e30000;
}

.PEP .footerSocial .pepContent #secondform input#submit {
    color: #081CCF;
    background: #fbdd00;
    border: 1px solid #fbdd00;
}

.PEP .pepContent #secondform input,
.PEP .pepContent #secondform select {
    color: #e30000;
    border: 1px solid #e30000;
    background: transparent;
}

/*.toggleMode {
    position: absolute;
    bottom: 16px;
    left: 44px;
}*/
.toggleMode {
    position: absolute;
    bottom: auto;
    left: 294px;
    top: 43px;
    z-index: 999;
    text-align: left;
}

/*.dedMode>div,
.pepMode>div {
    display: inline-block;
    vertical-align: middle;
}*/
.dedMode>div, .pepMode>div {
    display: block;
    vertical-align: baseline;
}

.dedToggle,
.pepToggle {
    margin-right: 10px;
    font-size: 0;
    cursor: pointer;
}

.dedToggle:hover,
.pepToggle:hover {
    opacity: 0.7;
}

.dedText,
.pepText {
    line-height: 1;
    justify-items: center;
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #fbdd00;
}


/* .DED .pepContent {
    display: none;
}

.PEP .pepContent {
    display: block;
} */

body.PEP {
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #fff;
    font-family: "din-condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
    background-color: #000000;
    background: url(../images/Header-Desktop.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 102vh;
    /* position: relative; */
    z-index: 10000;
    background-attachment: fixed;
    scroll-behavior: smooth;
}

.PEP .txt,
.PEP .allvideos a,
.PEP .tourTitle,
.PEP #bitWrapper .bit-widget .bit-event .bit-date {
    color: #fbdd00;
}

.PEP #bitWrapper .bit-widget .bit-event .bit-location,
.PEP #bitWrapper .bit-venue {
    color: #fff;
}

.PEP #bitWrapper .bit-widget .bit-event .bit-button.bit-rsvp {
    background: #FBDD00;
    color: #081CCF;
    border: 1px solid #FBDD00;
}

.PEP #bitWrapper .bit-widget .bit-event .bit-offers.bit-button {
    background: #FBDD00;
    border-color: #081CCF;
    color: #081CCF;
}

.PEP #bitWrapper .bit-widget .bit-event .bit-button.bit-rsvp:hover {
    background: #081CCF;
    color: #FBDD00;
}

.PEP #bitWrapper .bit-widget {
    background: transparent;
}

.PEP #bitWrapper .bit-widget .bit-event .bit-offers.bit-button:hover {
    background: #081CCF;
    border-color: #FBDD00;
    color: #FBDD00;
}

.PEP .watchit span.play-img {
    background: url(../images/playbutton-new.png) center;
    background-size: 100% 100%;
}

.PEP .watchit span.play-img:hover {
    background: url(../images/playbutton-new-hover.png) center;
}

.PEP .Header-Video-Album {
    padding-top: 50px;
    background: #000000;
    height: 115vh;
    min-height: 100vh;
    background: url(../images/MusicBg.jpg) no-repeat #ff3521;
    background-size: cover;
    box-sizing: border-box;
    background-position: left top;
    position: relative;
}

.PEP .tourOuterWrapper.home {
    background: #081CCF;
}

.PEP div#merchsection {
    background: #FBDD00
}

.PEP .shop-link a {
    color: #FBDD00;
    background: #E30000;
    border: 1px solid #E30000;
}

.PEP .country-name a {
    color: #fff;
}

.PEP .country-name a:hover {
    color: #E30000;
}

.PEP .shop-link a:hover {
    background: #FBDD00;
    color: #E30000;
    border: 1px solid #E30000;
}

.PEP .footerSocial,
.PEP .footerSocial ul.socialIcons {
    background: #081CCF;
}

.PEP .copyRightWrapper,
.PEP .copyRightWrapper a,
.PEP .footerSocial .socialIcons a {
    color: #fbdd00;
}

.PEP .pepContent input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #e30000;
    opacity: 1;
    /* Firefox */
}

.PEP .pepContent :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #e30000;
}

.PEP .pepContent ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #e30000;
}

.PEP .footerSocial .pepContent input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.PEP .footerSocial .pepContent :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.PEP .footerSocial .pepContent ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.PEP option {
    background: #fbdd00;
    color: #e30000;
}

.DED .pepContent.pep,
.DED .mlistwrapper.pep,
.DED .Header-Video-Album.pep,
.DED .videoWholeWrapper.pep {
    display: none;
}

.PEP .pepContent.ded,
.PEP .mlistwrapper.ded,
.PEP .Header-Video-Album.ded,
.PEP .videoWholeWrapper.ded {
    display: none;
}

.PEP .musicbg {
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center;
    width: 100%;
}

.PEP .getItNow a {
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border: 1px solid #fff;
    display: inline-block;
    transition: all 0.5s ease-in-out;
}

.PEP .albumContent:first-child .getItNow a {
    border: 1px solid #E30000;
    color: #E30000;
    background: #FBDD00;
}

.PEP .getItNow a:hover {
    background: #E30000 !important;
    border: 1px solid #FBDD00 !important;
    color: #FBDD00 !important;
}

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

.PEP .musicOverallWrapper .total-wrap {
    max-width: 87%;
    margin: 0 auto;
}

.PEP .albumContent {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 320px;
    padding: 32px 12.5px;
    border: 1px solid #FBDD00;
    margin: 0 auto;
    margin-right: 0;
    padding: 32px 23px;
    margin-left: 65%;
}

#videoSectionstart1 .videoBG img {
    width: 100%;
    height: auto;
}

#videoSectionstart1 .videoBG img.mobile {
    display: none;
}

.PEP .videoWholeWrapper {
    min-height: initial;
}

.PEP .pepContent #secondform select {
    background: url(../images/drop.png) no-repeat center right;
    background-size: 11% auto;
}

.DED .footerSocial .pepContent.ded,
.PEP .footerSocial .pepContent.pep {
    background: transparent;
}

.DED .footerSocial .pepContent.ded .peptitle,
.PEP .footerSocial .pepContent.pep .peptitle,
.footerSocial .pepContent.ded .mlistheader,
.footerSocial .pepContent.pep .mlistheader {
    display: none;
}

.PEP .footerSocial .pepContent.pep #mlform input#email {
    color: #fff;
    border: 1px solid #fff;
}

.PEP .footerSocial .pepContent input#submit {
    border: 1px solid #fbdd00;
    color: #081CCF;
    background: #fbdd00;
}

.PEP .footerSocial .pepContent input#submit:hover,
.PEP .footerSocial .pepContent #secondform input#submit:hover {
    border: 1px solid #FBDD00;
    color: #FBDD00;
    background: transparent;
    opacity: 1;
}

.PEP .footerSocial .pepContent #mlform .terms {
    color: #fff;
}

.PEP .footerSocial .pepContent #mlform #terms .terms-message,
.PEP .footerSocial .pepContent #secondform #terms .terms-message,
.PEP .footerSocial .pepContent .plain-ml-wrapper p.terms-message-2 {
    color: #081CCF;
    background: #fbdd00;
    border: 1px solid #fbdd00;
    text-align: center;
    letter-spacing: 0;
}

.PEP .footerSocial .pepContent #mlform p.terms-message a,
.PEP .footerSocial .pepContent #secondform p.terms-message a,
.PEP .footerSocial .pepContent div#secondform #terms .terms-message-2 a {
    color: #081CCF;
}

.PEP .footerSocial .pepContent .welcome p,
.PEP .footerSocial .pepContent .plain-ml-wrapper label,
.PEP .footerSocial .pepContent #secondform label.goptin_checkbox,
.PEP .footerSocial .pepContent div#secondform #terms a,
.PEP .footerSocial .pepContent div.plain-ml-wrapper span#secondFormClose,
.PEP .footerSocial .pepContent input#goptin_checkbox:checked:after,
.PEP .footerSocial .pepContent div#thankyou {
    color: #fbdd00;
}

.PEP .footerSocial .pepContent #secondform input,
.PEP .footerSocial .pepContent #secondform select {
    color: #fbdd00;
    border: 1px solid #fbdd00;
}

.PEP .footerSocial .pepContent option {
    background: #081CCF;
    color: #fbdd00;
}

.PEP .footerSocial .pepContent #mlform input#email.errored {
    border: 1px solid #e30000;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .PEP .Header-Video-Album {
        padding-top: 5vh;
        background: url(../images/MusicBgMob.jpg) no-repeat transparent;
        background-size: cover;
        background-position: center top;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .PEP .Header-Video-Album {
        background: url(../images/MusicBgMob.jpg) no-repeat transparent;
        background-size: cover;
        background-position: center top;
    }
}

@media only screen and (max-width: 1024px) {
    .PEP #firstMlistForm input#submit {
        background: #E30000;
        border-color: #e30000;
        color: #fbdd00;
    }
    .PEP .footerSocial #firstMlistForm input#submit {
        background: #fbdd00;
        border-color: #fbdd00;
        color: #081CCF;
    }
    .PEP #firstMlistForm #mlform #terms .terms-message,
    .PEP #firstMlistForm #secondform #terms .terms-message,
    .PEP #firstMlistForm #mlform #terms .terms-message a,
    .PEP #firstMlistForm #secondform #terms .terms-message a {
        background: #e30000;
        color: #fbdd00;
        border-color: #e30000;
    }
    .PEP .footerSocial #firstMlistForm #mlform #terms .terms-message,
    .PEP .footerSocial #firstMlistForm #secondform #terms .terms-message,
    .PEP .footerSocial #firstMlistForm #mlform #terms .terms-message a,
    .PEP .footerSocial #firstMlistForm #secondform #terms .terms-message a {
        background: #fbdd00;
        color: #081CCF;
        border-color: #fbdd00;
    }
    .pepContent #firstMlistForm div#secondform {
        background: transparent;
    }
    .pepContent #firstMlistForm #secondform input,
    .pepContent #firstMlistForm #secondform select,
    .pepContent #firstMlistForm #secondform input,
    .pepContent #secondform select {
        border-color: #000;
        color: #000;
    }
    .DED .footerSocial .pepContent #firstMlistForm #secondform input,
    .DED .footerSocial .pepContent #firstMlistForm #secondform select,
    .DED .footerSocial .pepContent #firstMlistForm #secondform input,
    .DED .footerSocial .pepContent #secondform select {
        border-color: #fff;
        color: #fff;
    }
    .PEP .pepContent #firstMlistForm #secondform input,
    .PEP .pepContent #firstMlistForm #secondform select,
    .PEP .pepContent #firstMlistForm #secondform input,
    .PEP .pepContent #secondform select {
        border-color: #e30000;
        color: #e30000;
    }
    .PEP .footerSocial .pepContent #firstMlistForm #secondform input,
    .PEP .footerSocial .pepContent #firstMlistForm #secondform select,
    .PEP .footerSocial .pepContent #firstMlistForm #secondform input,
    .PEP .footerSocial .pepContent #secondform select {
        border-color: #fbdd00;
        color: #fbdd00;
    }
    .pepContent #firstMlistForm #secondform .welcome,
    .pepContent #firstMlistForm label,
    .pepContent #firstMlistForm #secondform label.goptin_checkbox,
    .pepContent #firstMlistForm div#secondform #terms a,
    .pepContent #firstMlistForm input#goptin_checkbox:checked:after,
    .pepContent div.plain-ml-wrapper span#secondFormClose {
        color: #000;
    }
    .DED .footerSocial .pepContent #firstMlistForm #secondform .welcome,
    .DED .footerSocial .pepContent #firstMlistForm label,
    .DED .footerSocial .pepContent #firstMlistForm #secondform label.goptin_checkbox,
    .DED .footerSocial .pepContent #firstMlistForm div#secondform #terms a,
    .DED .footerSocial .pepContent #firstMlistForm input#goptin_checkbox:checked:after,
    .DED .footerSocial .pepContent div.plain-ml-wrapper span#secondFormClose {
        color: #fff;
    }
    .DED .footerSocial .pepContent #firstMlistForm div#secondform #terms p.terms-message-2.fadeIn a {
        color: #A40000;
    }
    .PEP .pepContent #firstMlistForm #secondform .welcome,
    .PEP .pepContent #firstMlistForm label,
    .PEP .pepContent #firstMlistForm #secondform label.goptin_checkbox,
    .PEP .pepContent #firstMlistForm div#secondform #terms a,
    .PEP .pepContent #firstMlistForm input#goptin_checkbox:checked:after,
    .PEP .pepContent div.plain-ml-wrapper span#secondFormClose {
        color: #e30000;
    }
    .PEP .footerSocial .pepContent #firstMlistForm #secondform .welcome,
    .PEP .footerSocial .pepContent #firstMlistForm label,
    .PEP .footerSocial .pepContent #firstMlistForm #secondform label.goptin_checkbox,
    .PEP .footerSocial .pepContent #firstMlistForm div#secondform #terms a,
    .PEP .footerSocial .pepContent #firstMlistForm input#goptin_checkbox:checked:after,
    .PEP .footerSocial .pepContent div.plain-ml-wrapper span#secondFormClose {
        color: #fbdd00;
    }
    .pepContent #firstMlistForm #secondform input#submit {
        color: #e30000;
    }
    .PEP .pepContent #firstMlistForm #secondform input#submit {
        color: #fbdd00;
    }
    .PEP #firstMlistForm p.terms-message-2 {
        background: #e30000;
        color: #fbdd00;
    }
    .PEP .footerSocial #firstMlistForm p.terms-message-2 {
        background: #fbdd00;
        color: #081CCF;
    }
    .PEP .footerSocial .pepContent #firstMlistForm #secondform input#submit {
        color: #081CCF;
        background: #fbdd00;
        border: #fbdd00;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .PEP .headerOurerWrapper {
        background: url(../images/Header-Desktop.png);
        background-size: cover;
        background-position: top;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) and (orientation: landscape) {
    .PEP div#musicSectionstart {
        padding-top: 9vh;
    }
    .PEP .musicOverallWrapper .total-wrap .albumContent {
        margin: 0 auto;
        margin-right: 0;
        padding: 10px;
        margin-left: 65%;
        width: 150px;
    }
    .PEP .getItNow {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    .PEP div#musicSectionstart {
        min-height: 100vh;
        height: auto;
        background: url(../images/MusicBg.jpg) no-repeat transparent;
        background-size: cover;
    }
    .PEP .albumfirstLine {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
    .pepContent #secondform {
        position: relative;
        bottom: auto;
        height: auto;
        overflow-y: initial;
    }
    .toggleMode {
        position: absolute;
        top: 110px;
        left: 44px;
    }
}

@media only screen and (max-width: 1023px) {
    .PEP #videoSectionstart1 .videoBG img.mobile {
        display: block;
    }
    #videoSectionstart1 .videoBG img.desktop {
        display: none;
    }
    .pepContent .mlistheader {
        max-width: 280px;
        margin: 0 auto 20px;
        line-height: 1.3;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .PEP .albumContent:first-child {
        margin: 0 auto;
        margin-top: 55%;
        max-width: 400px;
        padding: 32px 23px;
    }
}

@media only screen and (max-width: 767px) {
    .PEP .Header-Video-Album {
        padding-top: 300px;
        background: url(../images/MusicBgMob.jpg) no-repeat transparent;
        background-size: cover;
        /* box-sizing: border-box; */
        background-position: top;
    }
    .PEP .headerOurerWrapper {
        background-attachment: unset;
    }
    body.PEP .headerOurerWrapper {
        background-attachment: fixed;
        background: url(../images/Mob-header.png) no-repeat;
        background-size: 100% auto;
        /* background: none; */
        background-size: cover;
    }
    .PEP .Header-Video-Album {
        height: auto;
        min-height: 95vh;
    }
    .PEP .albumContent:first-child {
        margin: 0 auto;
        padding: 28px 23px;
        margin-bottom: 61px;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .PEP .Header-Video-Album {
        padding-top: 235px;
    }
    .modes span.logoTitle {
        display: none;
    }
    .modes .nav-toggle {
        margin: 0 auto;
    }
    .modes .menu-logo-wrapper {
        position: fixed;
        z-index: 999;
        left: 0;
        right: 0;
        width: 15%;
        margin: 0 auto;
    }
    .modes .mobilemenu {
        padding: 20px 0 15px 0;
    }
    .modes .menu-content ul.menu.showed {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .modes ul.menu.showed::before {
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
    }
    .modes img.artistLogoDesk {
        max-width: 39%;
        margin: 0 0 0 auto;
        display: block;
    }
    .modes .logoWrapper {
        left: auto;
    }
    .toggleMode {
        position: absolute;
        top: 33px;
        left: 10px;
    }
    .dedMode>div,
    .pepMode>div {
        display: block;
        vertical-align: middle;
        text-align: left;
        line-height: 2;
    }
}

.DED .footerSocial .pepContent #secondform select,
.DED .pepContent #secondform select {
    background: url(../images/arrow_drop_down_white.svg) no-repeat center right;
    background-size: 11% auto;
}

.PEP .pepContent #secondform select {
    background: url(../images/arrow_drop_down.svg) no-repeat center right;
    background-size: 11% auto;
}

.PEP .footerSocial .pepContent #secondform select {
    background: url(../images/arrow_drop_down_yellow.svg) no-repeat center right;
    background-size: 11% auto;
}