body {

    margin: 0;

    padding: 0;

    background: url(../assets/Overlay.png) repeat-x scroll center top / auto 100%, url('../assets/RepeatableBG.png') repeat left top;

    -webkit-text-size-adjust: none;

    /*

    background: url('../assets/Mobile.jpg') no-repeat scroll center top;

    opacity: 0.5;

*/

    text-align: center;

}



img {

    max-width: 100%;

    height: auto;

}



main {

    /*    background: url(../assets/Overlay.png) repeat-x scroll center top / auto 100%;*/

}



.albumArt {

    padding: 29px 0 0;

}



.albumName {

    color: #fff;

    font-family: 'Helvetica LT W01 Black';

    font-size: 60px;

    line-height: 0.8;

    margin-top: -22px;

    letter-spacing: 0.6px;

    padding-bottom: 8px;

    text-shadow: -4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000;

}

section.headerSection.second .albumName {

    margin-top: 40px;

}

.availableOn {

    font-size: 32.38px;

    font-family: 'Helvetica LT W01 Black';

    color: #fff;

    line-height: 0.8;

    letter-spacing: 0.3px;

    padding-right: 11px;

    padding-bottom: 11px;

    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;

}



.buttonWrapper {

    display: inline-block;

    position: relative;

}



.buttonWrapper>span {

    display: inline-block;

    vertical-align: top;

}



.buttonWrapper span>a {

    display: inline-block;

    width: 227px;

    background: #fff;

    color: #000;

    text-decoration: none;

    height: 50px;

    line-height: 50px;

    font-family: 'Helvetica LT W01 Bold';

    letter-spacing: 2.8px;

    font-size: 14px;

}



.preOrderButtonTour {

    margin-right: 23px;

}



.buttonWrapper a i {

    font-size: 24px;

    line-height: 1;

    display: inline-block;

    vertical-align: middle;

}



.terms:after {

    content: "Terms";

}



.showing .terms:after {

    content: "Hide";

}



.termsContent {

    position: absolute;

    background: #fff;

    color: #000;

    width: 100%;

    right: 0;

    box-sizing: border-box;

    padding: 10px;

    z-index: 1;

    font-family: 'Helvetica LT W01 Roman';

    font-size: 12px;

    text-align: center;

    top: 75px;

    display: none;

}



.termsContent a {

    color: #000;

    transition: all 0.5s ease-in-out;

}



.termsContent a:hover {

    color: #ef4654;

}



a.terms {

    font-size: 12px;

    color: #fff;

    font-family: 'Helvetica LT W01 Roman';

    text-decoration: none;

    margin-top: 7px;

    display: inline-block;

    transition: all 0.5s ease-in-out;

}



a.terms:hover {

    color: #ef4654;

}



.buttonWrapper .spotifyDisclaimer {

    color: #fff;

    font-family: 'Helvetica LT W01 Roman';

    font-size: 12px;

    letter-spacing: 0.6px;

    display: block;

    padding-top: 9px;

}



.videoSection {

    padding-top: 20px;

    max-width: 641px;

    margin: 0 auto 29px;

    width: 92%;

}



.videoWrapper {

    position: relative;

    height: 0;

    padding-bottom: 56.25%;

}



.videoWrapper iframe {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.mailinglistSection {

    padding: 71px 0 96px;

    box-sizing: border-box;

}



.tourSection {

    margin: 0 auto;

    max-width: 635px;

    box-sizing: border-box;

    padding-bottom: 140px;

}



.tourHeading {

    font-size: 32.38px;

    font-family: 'Helvetica LT W01 Black';

    color: #fff;

    line-height: 0.8;

    letter-spacing: 0.3px;

    padding-bottom: 62px;

    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}



.widgetRow {

    font-size: 0;

    text-align: left;

    padding-bottom: 31px;

}



.widgetRow>div {

    display: inline-block;

    vertical-align: middle;

    color: #d7d7d7;

    font-family: 'Helvetica LT W01 Black';

    font-size: 16px;

    text-transform: uppercase;

    line-height: 1;

}



.date {

    width: 100px;

    padding-top: 9px;

}



.day {

    font-size: 27px;

    line-height: 1;

}



.venueAndCity {

    width: calc(100% - 282px);

    padding-top: 9px;

}



.venue {

    padding-bottom: 7px;

}



.ticket {

    width: 182px;

    text-align: center;

}



.ticket a {

    display: inline-block;

    text-decoration: none;

    color: #000;

    background: #fff;

    font-family: 'Helvetica LT W01 Bold';

    height: 50px;

    line-height: 50px;

    width: 100%;

    font-size: 14px;

}



.enterSite {

    padding-bottom: 55px;

}



.enterSite a {

    font-size: 14px;

    text-decoration: none;

    color: #000;

    font-family: 'Helvetica LT W01 Bold';

    background: #fff;

    display: inline-block;

    height: 49px;

    line-height: 49px;

    width: 182px;

    letter-spacing: 1px;

}



.socialWrapper a {

    display: inline-block;

    margin-right: 26px;

    color: #fff;

    font-size: 27px;

    transition: all 0.5s ease-in-out

}



.socialWrapper a:hover {

    color: #ef4654;

}



a.soundcloud {

    font-size: 37px;

}



a.apple-music {

    font-size: 30px;

}



.copyrRightWrapper,

.copyrRightWrapper a {

    font-family: "proxima-nova", sans-serif;

    font-style: normal;

    font-weight: 400;

    font-size: 11px;

    color: #fff;

    letter-spacing: 2.2px;

    text-decoration: none;

    transition: all 0.5s ease-in-out;

}



.copyrRightWrapper a:hover {

    color: #ef4654;

}



.copyrRightWrapper {

    padding: 47px 0 54px;

}



.albumArt .mobile {

    display: none;

}



.slice {

    position: relative;

    overflow: hidden;

}



.slice:before,

.slice:after {

    content: "";

    position: absolute;

    width: 0%;

    height: 100%;

    background: #ef4654;

    top: 0;

    z-index: 0;

    transform: rotate(-12deg);

    transition: width 0.5s ease-in-out;

}



.slice:before {

    left: 0;

    transform-origin: 0% 100%;

}



.slice:after {

    right: 0;

    transform-origin: 100% 0;

}



.no-touch .slice:hover:after,

.no-touch .slice:hover:before {

    width: 102%;

}



.no-touch .ticket .slice:hover:after,

.no-touch .ticket .slice:hover:before {

    width: 105%;

}



.slice span {

    position: relative;

    z-index: 1;

}



.saved {

    pointer-events: none;

}



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

    /*

    body {

        background-position: left 286px top 90px;

    }

*/

    .albumArt {

        width: 92.7%;

        margin: 0 auto;

        padding-top: 38px;

    }

    .albumName {font-size: 24.86px;text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;margin-top: 8px;letter-spacing: 0.2px;line-height: normal;}

    .availableOn {font-size: 18.75px;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;padding-right: 0;padding-bottom: 29px;line-height: normal;}

    .buttonWrapper>span {

        display: block;

    }

    .preOrderButtonTour {

        margin: 0 0 19px;

    }

    .buttonWrapper span>a {

        width: 288px;

    }

    .buttonWrapper .spotifyDisclaimer {

        font-size: 16.03px;

        padding-top: 21px;

    }

    .termsContent {

        top: 145px;

    }

    .videoSection {

        padding-top: 58px;

        margin-bottom: 14px;

    }

    .mailinglistSection {

        padding: 48px 0 47px;

    }

    .tourHeading {

        font-size: 30px;

        padding-bottom: 42px;

    }

    .widgetRow {

        padding-bottom: 19px;

    }

    .widgetRow>div {

        display: block;

        width: 100%;

        text-align: center;

        font-size: 14px;

    }

    .month {

        font-size: 16px;

    }

    .venue {

        padding: 10px 0 5px;

    }

    .city {

        padding-bottom: 11px;

    }

    .ticket a {

        max-width: 182px;

    }

    .enterSite {

        padding-bottom: 66px;

    }

    .socialWrapper iframe {

        display: block;

        margin: 21px auto 0;

    }

    .socialWrapper a {

        font-size: 19px;

        margin-right: 19px;

    }

    a.apple-music {

        font-size: 24px;

    }

    a.soundcloud {

        font-size: 24px;

        margin-right: 0;

    }

    .hideSep {

        display: block;

        font-size: 0;

    }

    .albumArt img {

        display: none;

    }

    .albumArt .mobile {

        display: block;

        margin: 0 auto;

    }

    .copyrRightWrapper {

        padding: 28px 0 31px;

        line-height: 1.7;

    }

    .copyText {

        padding-bottom: 3px;

        display: inline-block;

    }

}



section.merchSection {

    max-width: 600px;

    margin: 0 auto;

    text-align: center;

    padding-top: 30px;

}

.merchImage img{

    width: 49%;
}

.subText p{

    width: 60%;

    margin: 0 auto;

    color: #fff;

    font-family: 'Helvetica LT W01 Black';

    font-size: 16px;

    line-height: 1;

    padding-bottom: 11px;

    text-shadow: 
    -2px -2px 0 #000, 
    2px -2px 0 #000, 
    -2px 2px 0 #000, 
    2px 2px 0 #000;
}
@media only screen and (max-width:767px){

    section.merchSection{

        width:90%;

    }

    .subText p{

        width: 100%;

    }

}


button.wmg-button {
    display: inline-block;
    width: 227px;
    background: #fff;
    color: #000 !important;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    font-family: 'Helvetica LT W01 Bold';
    letter-spacing: 2.8px;
    font-size: 14px;
    border: none;
}


span.presaveButton.One {
    display: none;
}

.tourSection .bit-widget .bit-top-track-button {
    display: none;
}

.tourSection .bit-widget .bit-nav-bar-container{
    display: none;
}

.tourSection .bit-widget .bit-upcoming-events {
    margin: 0;
    border: 0;
}

.tourSection .bit-widget .bit-event {
    display: block;
    padding: 0;
    border: 0;
    font-size: 0;
    padding-bottom: 20px;
}

.tourSection .bit-widget .bit-event .bit-details {
    width: 70%;
    text-align: left;
    display: inline-block !important;
    vertical-align: middle;
    color: #d7d7d7;
    font-family: 'Helvetica LT W01 Black';
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
}

.tourSection .bit-widget .bit-event .bit-details.bit-event-buttons {
    width: 25%;
    margin-left: 5%;
    display: inline-block;
    vertical-align: middle;
}
.tourSection .bit-widget .bit-event .bit-details > div {
    display: inline-block;
    vertical-align: top;
    width: 35%;
}
.tourSection .bit-widget .bit-event .bit-details .bit-venue {
    display: inline-block;
    width: 65%;
    margin-bottom: 5px;
}
.tourSection .bit-widget .bit-event .bit-details .bit-location{
    display: inline-block;
    width: 65%;
    margin-left: 35%;
    margin-top: 0;
}

.tourSection .bit-widget .bit-event .bit-details > div.bit-rsvp-container {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
}
.tourSection .bit-widget .bit-event .bit-details > div.bit-offers-container {
    width: 100%;
}
.tourSection a.bit-play-my-city-button{
    display: none;
}
.tourSection .bit-widget .bit-event .bit-details.bit-event-buttons a {
    background: #fff;
    color: #000;
    border: 0;
}
.tourSection .bit-widget .bit-event .bit-details > div.bit-rsvp-container a {
    font-size: 0;
    height: 44px;
}
.tourSection .bit-widget .bit-event .bit-details > div.bit-rsvp-container a span {
    font-size: 14px;
}
.bit-rsvp-container:after {
    content: "RSVP";
    position: absolute;
    top: 50%;left: 50%;
    color: #000;
    font-size: 14px;
    z-index: 1;
    transform: translate(-50%, -50%);
    cursor:pointer;
}


.bit-rsvp-container {
    position: relative;
}

.no-touch .bit-rsvp-container:hover .slice:after, .no-touch .bit-rsvp-container:hover .slice:before{
    width:102%;
}

@media only screen and (max-width:767px){
    .tourSection .bit-widget .bit-event .bit-details{
        display: block;
        width: 100%;
    }
    .tourSection .bit-widget .bit-event .bit-details > div {
        display: block;
        width: 100%;
    }
    .tourSection .bit-widget .bit-event .bit-details .bit-date{
        text-align: center;
        padding-bottom: 15px;
        display: block;
    }
    .tourSection .bit-widget .bit-event .bit-details .bit-venue {
        display: block;
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }
    .tourSection .bit-widget .bit-event .bit-details .bit-location {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .tourSection .bit-widget .bit-event .bit-details.bit-event-buttons {
        width: 95%;
        margin-left: 0;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }
    .tourSection .bit-widget .bit-event .bit-details > div.bit-rsvp-container {
        width: 48%;
        margin-right: 4%;
        display: inline-block;
        margin-bottom: 10px;
    }
    .tourSection .bit-widget .bit-event .bit-details > div.bit-offers-container {
        width: 48%;
        display: inline-block;
        margin: 0;
    }
    .tourSection {
        margin: 0 auto;
        max-width: 300px;
        box-sizing: border-box;
        padding-bottom: 140px;
    }
}