/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 30, 2023 */
@font-face {
    font-family: 'nanamiblack';
    src: url('../fonts/nanami-black-webfont.woff2') format('woff2'),
        url('../fonts/nanami-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nanamiregular';
    src: url('../fonts/nanami-regular-webfont.woff2') format('woff2'),
        url('../fonts/nanami-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background: #000000;
    font-family: 'nanamiregular';
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    background: url(/images/lightboxbg.png);
    background-position: center;
    background-size: cover;
    padding-bottom: 1%;
}

.tourheader-title a:hover {
    opacity: 0.5;
}

.olivertreelogo {
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.olivertreelogo a {
    font-size: 60px;
    text-decoration: none;
}

.olivertreelogo a:hover {
    opacity: .8;
    color: #fff;
}

.header .logo {
    max-width: 370px;
    display: none;
}

.mo {
    display: none;
}

a.playVideo span:hover {
    opacity: 0.5;
}

.header-title {
    font-size: 92.67px;
    padding: 54px 0 40px;
    letter-spacing: 1.85px;
    line-height: 68px;
}
.tourheader-title{
    font-family : nanamiregular;
    font-weight :400;
    text-align: center;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 6vw;
    letter-spacing: 0.2vw;
    line-height: 68px;
    padding-top:  2.6vw;
    padding-bottom: 2.6vw;
}
.tourheader-title a{
    color: #FFFFFF;
    text-decoration: none;
}
.presaveContent{
    font-size: 0.885vw;
    line-height: 1.406vw;
    letter-spacing: 0.018vw;
    color: #FFFFFF;
    font-family : nanamiregular;
    font-weight :700;
    text-align: center;
    width: 38.802vw;
    margin: 0 auto;
}
.albumPreorderContnet {
	font-size: 0.9vw;
	line-height: 1.3;
	letter-spacing: 0.014vw;
	color: #FFFFFF;
	font-family: nanamiregular;
	font-weight: 700;
	text-align: center;
	width: auto;
	margin: 0 auto;
	margin-top: 1.068vw;
}
.preSaveAddLink,.preSaveOrderLink{
    display: block;   
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase !important;
    color: #fff !important;
    background: #E1001E !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: 'nanamiregular';
    font-size: 0.938vw !important;
    letter-spacing: 0.019vw !important;
    border: 0 !important;
    width: 15.208vw;
    height: 3.542vw;
    padding: 0;
    line-height: 3.542vw;
    min-width: auto;
    border-radius: 0;
    padding: 0 0.625vw;
    margin: 0 auto;
    margin-top: 1.068vw;
}
.preSaveAddLink:hover,.preSaveOrderLink:hover{    
    -webkit-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    -webkit-transform: rotate(-5deg) !important;
    -ms-transform: rotate(-5deg) !important;
    -o-transform: rotate(-5deg) !important;
    transform: rotate(-5deg) !important;
    border: 0 !important;
}
.preSaveOrderLink{
    margin: 0 auto;
    margin-top: 0.833vw;
}
.seated-no-events{
    font-size: 0.885vw;
    line-height: 2.292vw;
    letter-spacing: 0.018vw;
    color: #FFFFFF;
    font-family : nanamiregular;
    font-weight :700;
    text-align: center;
    width: 38.802vw;
    margin: 0 auto;
    margin-top: 3.819vw;
}
.seated-follow-box{
    font-size: 0.885vw;
    line-height: 2.292vw;
    letter-spacing: 0.018vw;
    color: #FFFFFF;
    font-family : nanamiregular;
    font-weight :700;
    text-align: center;
    width: 38.802vw;
    margin: 0 auto;
    margin-top: 0.491vw !important;
    padding: 0 !important;
}
.seated-follow-text{
    margin-top: -1.491vw;
    padding: 3vw 0;
}

.Image-wrapper {
    margin: 0 auto;
    font-size: 0;
    margin-top: 14px;
    margin-bottom: 0px;
}

div#outerWrapper {
    background: #000000;
    max-width: 100%;
    width: 96%;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 2%;
}

img {
    max-width: 100%;
    height: auto;
}

label.error {
    color: #fe0000;
}

.header .logo:hover {
    opacity: 0.5;
}

.video-wrapper,
.video-carousel {
    max-width: 620px;
    width: 100%;
    margin: 60px auto 0 auto;
}

.video-wrapper .videoEmbed {
    padding-bottom: 57.25%;
    height: 0;
    position: relative;
    cursor: pointer;
}

.video-wrapper .videoEmbed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.playVideo span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: url("../images/playicon_blue.png");
    width: 58px;
    height: 58px;
    background-size: 100% auto;
}

span.ytplay a {
    display: inline-block;
    position: absolute;
    font-size: 0;
    z-index: 100;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

span.ytplay a i {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    box-sizing: border-box;
    padding-left: 3px;
    transition: 200ms all ease-in-out;
}

span.ytplay a:hover i {
    opacity: 0.5;
}

.tourLB.homeTourLB .right span.videoimage,
.touch-device .tourLB.homeTourLB .right .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url("../images/cowgirl.jpg");*/
    /*background-image: url("../images/OliverTree_Bounce_Thumb.jpg");*/
	/*background-image: url("../images/OliverTree_Bounce_ThumbV2.jpg");*/
	/* background-image: url("../images/OliverTree_OneandOnly_Thumbnail.jpg"); */
	/*background-image: url("../images/OliverTree_FairweatherFriends_Thumb.jpg");*/
	background-image: url("../images/OliverTree_WithYou_1920x1080.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.sixteen span.videoimage,
.touch-device .sixteen .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url("../images/cowgirl.jpg");*/
    /* background-image: url("../images/OliverTree_SwingAMiss_WebGIF.gif"); */
    background-image: url("../images/FF-Website-617x346.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.eighteen span.videoimage,
.touch-device .eighteen .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url("../images/cowgirl.jpg");*/
    background-image: url("../images/suitcase.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.nineteen span.videoimage,
.touch-device .nineteen .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url("../images/cowgirl.jpg");*/
    background-image: url("../images/KSI_Voices_Thumb.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.twentyone span.videoimage, .touch-device .twentyone .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url(../images/cowgirl.jpg); */
    background-image: url(../images/OliverTree_Bounce_ThumbV2.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.twentytwo span.videoimage, .touch-device .twentytwo .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url(../images/cowgirl.jpg); */
    background-image: url(../images/OliverTree_OneandOnly_Thumbnail.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.twentythree span.videoimage, .touch-device .twentythree .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url(../images/cowgirl.jpg); */
    background-image: url(../images/OliverTree_Essence_Thumb.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.twentyfour span.videoimage, .touch-device .twentyfour .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url(../images/cowgirl.jpg); */
    background-image: url(../images/OliverTree_FairweatherFriends_Thumb.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.twentyfive span.videoimage, .touch-device .twentyfive .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url(../images/cowgirl.jpg); */
    background-image: url(../images/OliverTree_WithYou_1920x1080.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}


.twenty span.videoimage,
.touch-device .twenty .video-wrapper span.videoimage,
.albumWrap .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url("../images/cowgirl.jpg");*/
    background-image: url("../images/here-we-go-again.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.seventeen span.videoimage,
.touch-device .seventeen .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    /* background-image: url("../images/cowgirl.jpg");*/
    background-image: url("../images/missyou.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.thirteen span.videoimage,
.touch-device .one .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/TheInternet_VideoCut_WebsiteGif.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.one span.videoimage,
.touch-device .one .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/OliverTree_Site_Gif.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.two span.videoimage,
.touch-device .two .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/Oliver-Head-GIF-617x346.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.three span.videoimage,
.touch-device .three .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/Oliver-Chainsaw.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.four span.videoimage,
.touch-device .four .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/Oliver-DoYouFeelMe-GIF-617x346.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.five span.videoimage,
.touch-device .five .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/vid_oliverthumbnail.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.six span.videoimage,
.touch-device .six .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/cashmachine.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.seven span.videoimage,
.touch-device .seven .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/Let-Me-Down.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.nine span.videoimage,
.touch-device .nine .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("../images/scooterThumb.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.eight span.videoimage,
.touch-device .eight .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("../images/BuryMeAlive_YT_Thumb.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.ten span.videoimage,
.touch-device .ten .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("../images/Im Gone_YouTube Thumbnail.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.eleven span.videoimage,
.touch-device .eleven .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/Life-Goes-On.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.twelve span.videoimage,
.touch-device .twelve .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/OliverTree_turnItUp.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.fourteen span.videoimage,
.touch-device .fourteen .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/Cowboy.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.fifteen span.videoimage,
.touch-device .fifteen .video-wrapper span.videoimage {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/OliverTree-FG-Website.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.copyFirst span {
    text-transform: lowercase;
}

.video-wrapper .copySecond a {
    background: #E1001E;
    font-size: 18px;
    letter-spacing: 0.36px;
    max-width: 250px;
    height: 50px;
    line-height: 50px;
    padding: 0;
}

.video-carousel.owl-carousel .owl-dots {
    /* margin-top: 15px; */
    /* display: none; */
}


/*
 .imageWrapper {
 max-width: 440px;
 margin: 0px auto;
 }*/

img.albumImage {
    width: 100%;
    height: auto;
}

.copyFirst {
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    letter-spacing: 0.96px;
    /* font-weight: 700; */
    color: #fff;
    font-family: 'nanamiregular';
}

.copySecond>div {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-right: 12px;
}

.copySecond .listenWrap {
    max-width: 122px;
}

.copySecond .downloadWrap {
    max-width: 174px;
}

.copySecond .bundleWrap {
    max-width: 235px;
    margin-right: 0;
}

.copySecond a {
    position: relative;
    display: inline-block;
    width: 45%;
    margin: 0px 10px;
    text-decoration: none;
    font-size: 25.04px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.7;
    padding-top: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #E1001E !important;
    font-size: 18px;
    letter-spacing: 0.72px;
    /* max-width: 250px; */
    height: 50px;
    font-family: 'nanamiregular';
    /* font-weight: bold; */
    line-height: 50px;
    padding: 0;
}

.AlbumWrapper li .copySecond>div a {
    width: 100%;
    margin: 0 auto;
}

.copySecond a:hover {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.socialLinks a {
    color: #fff;
}

.socialLinks {}

li.Image-wrapper.nine .copyFirst {
    display: none;
}

li.Image-wrapper.nine .copySecond {
    padding-top: 20px;
}

.debutalbumText {
    font-size: 38px;
    letter-spacing: 0.76px;
    line-height: 50px;
}

.albumName {
    font-size: 18px;
    letter-spacing: 0.36px;
    line-height: 30px;
    margin: 20px 0 0 0;
}

.albumName1 {
    font-size: 42px;
    letter-spacing: 0.84px;
    line-height: 44px;
}

.newAlbum .albumWrap {
    padding-top: 40px;
}

.availableText {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0.76px;
}

.newReleaseWrap {
    padding-bottom: 14px;
}

.preSaveWrap,
.preOrderWrap {
    display: inline-block;
    width: 47%;
    font-size: 0;
}

.topText {
    font-size: 20px;
    padding-bottom: 10px;
}

.bottomText {
    font-size: 11px;
    padding-top: 10px;
    letter-spacing: 0.22px;
    max-width: 94%;
    margin: 0 auto;
    font-weight: normal;
}

.copySecond .downloadWrap .bottomText {
    max-width: 90%;
}

.preButton a {
    width: 85%;
}

.preSaveWrap {
    margin-right: 6%;
}

a.shopBtn {
    width: 250px;
    height: 62px;
    line-height: 62px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.36px;
    background: transparent;
    border: 1px solid #fff;
    margin-top: 30px;
    font-family: 'nanamiregular';
    /* font-weight: bold; */
}

a.shopBtn:hover {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    font-family: 'nanamiregular';
}


/*.socialLinks ul li.follow {
 display: block;
 text-align: center;
 width: 100%;
 padding: 20px 0 50px 0;
 }*/

.socialLinks ul li.follow iframe {
    width: 93px;
}

.mlist-subscribe {
    font-size: 38px;
}

.socialLinks ul li.follow {
    margin-right: 0;
    padding-top: 7px;
}

.socialLinks ul li {
    margin-right: 23px;
    display: inline-block;
    vertical-align: middle;
}

.socialLinks ul li.fs-tt {
    width: 16px;
    vertical-align: baseline;
}


/*social-icons*/

.socialLinks ul li a {
    text-decoration: none;
    font-size: 20px;
    vertical-align: bottom;
    outline: none;
}

.socialLinks ul li a:hover {
    opacity: 0.5;
}

.socialLinks ul li a.icon-soundcloud {
    font-size: 26px;
}


/*tour*/

.tourTitle {
    font-size: 38px;
    padding-bottom: 30px;
}

.tourmain {
    font-size: 0;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 50px;
}

.date-wrapper {
    display: inline-block;
    font-size: 38px;
    width: 15%;
    vertical-align: middle;
    line-height: 1;
    margin-right: 2%;
}

.venue-wrapper {
    display: inline-block;
    font-size: 38px;
    width: 53%;
    vertical-align: top;
    line-height: 1;
    text-align: left;
}

.button-wrapper {
    display: inline-block;
    font-size: 38px;
    width: 30%;
    vertical-align: top;
}

.tourdetails {
    font-size: 38px;
}

.tour {
    font-size: 0;
    padding: 28px 0;
}

.guest-text {
    font-size: 22px;
}

.date-wrapper span {
    display: block;
}

.button-wrapper a {
    text-decoration: none;
    color: #fff;
    width: 195px;
    height: 60px;
    background: #43db14;
    display: block;
    line-height: 1.7;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.button-wrapper a:hover {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.venue {
    /* padding-bottom: 8px; */
}

.place {
    padding-top: 8px;
}


/*footer*/

ul.footer-social {
    padding: 0;
}

div#footer span {
    display: inline-block;
    font-family: 'nanamiregular';
}

span.atl-logo {
    padding-right: 20px;
}

div#footer a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    /* vertical-align: middle; */
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-text-size-adjust: none;
    font-size: 10px;
    letter-spacing: 0.2px;
    font-family: 'nanamiregular';
}

div#footer a:hover {
    opacity: 0.5;
    -webkit-transition: all 0.5s ease-in-out;
}

div#footer {
    padding: 30px 0 26px;
}

.termsWrapper.first.desktop-terms {
    display: block;
    text-align: right;
    width: 93%;
}

.termsWrapper.first.mobile-terms {
    display: none;
}

.touch-device .video-wrapper span.videoimage {
    /* background-image: url("https://d2cstorage-a.akamaihd.net/atl/olivertreemusic/OliverTree_Site_Gif.gif"); */
}


/*Menu update*/

.menu-wrapper ul {
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.menu-wrapper ul li {
    display: inline-block;
}

.flexorder {
    position: absolute;
    top: 0 revert;
    top: 6%;
    right: 0;
}

.menu-wrapper ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-text-size-adjust: none;
    letter-spacing: 1px;
    font-family: 'nanamiregular';
    width: 116px;
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    letter-spacing: 0.56px;
}

.menu-wrapper ul li a:hover {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.menu-wrapper {
    margin-bottom: 20px;
}

.Merch-Wrapper {
    margin: 0 auto;
    max-width: 1000px;
    width: 90%;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.merchContents {
    display: flex;
    flex-wrap: wrap;
}

.newAlbum.hate-album .albumName1 {
    font-size: 2.049780380673499vw;
    letter-spacing: v 0.04099560761346999vw;
    line-height: 44px;
    font-family: 'nanamiregular';
    font-weight: 400;
    font-style: normal;
}


/* .merchContents li:last-child .merchImage {
    padding-top: 21%;
} */


/* .merchContents li:last-child .merchButton {
    padding-right: 26%;
} */


/*Ipad*/

a.playVideo span:hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: url(../images/playicon_blue.png);
    width: 58px;
    height: 58px;
    background-size: 100% auto;
    opacity: 0.5;
}

.presaveWrap a.tilter:hover,
.albumWrap a.preorderBtn:hover,
.applesubmitButton.submitButton:hover {
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.header-section .sub-text {
    text-transform: none;
    font-family: 'nanamiregular';
}

.albumLinks {
    margin-top: 20px;
}

#appleLightBox .email-error {
    display: none;
    position: absolute;
    margin-top: 6px;
}
input#email.error {
    border-color: red;
}
body a#apple-btn,
body .applesubmitButton a.overflowButton {
    height: 45px;
    line-height: 45px;
    color: #fff;
    text-decoration: none;
}
.copytext > span {
    display: inline-block;
    vertical-align: middle;
}
.presaveWrap .presaveOnSpotify .termsContent a {
    margin: 0;
    padding: 0;
    display: initial;
}
@media only all and (min-width: 768px) and (max-width: 1024px) {
    .copyFirst {
        font-size: 39.01px;
        padding-top: 10px;
        letter-spacing: 1px;
    }

    div#footer {
        font-size: 15.99px;
    }

    div#footer span {
        vertical-align: bottom;
    }

    /* div#footer .Ipad-sep1 {
        display: none;
    } */
}

@media only all and (min-width: 768px) and (max-width: 1023px) {

    /* div#footer .Ipad-sep {
        display: none;
    } */
    .copytext {
        line-height: 1.8;
    }
}


/*mobile*/

@media only screen and (max-width: 480px) and (min-width: 320px) {
    .date-wrapper {
        width: 24%;
    }

    .venue-wrapper {
        width: 72%;
        margin-left: 2%;
    }

    .button-wrapper {
        margin-left: 28%;
    }
}

@media only screen and (max-width: 767px) and (min-width: 481px) {
    .button-wrapper {
        margin-left: 17%;
    }

    .date-wrapper {
        width: 15%;
        margin: 0px;
    }

    .venue-wrapper {
        width: 82%;
        margin-left: 0%;
    }
}

@media only all and (max-width: 1023px) {
    div#outerWrapper {
        padding: 0 10px;
        box-sizing: border-box;
    }
		body.touch-device.mobile.safari.HomePage .newAlbum.desktopStyle {
			margin-top:1vh;
		}
    .header-title {
        font-size: 46.33px;
    }

    .Image-wrapper {
        margin: 0 auto;
        font-size: 0;
    }

    .Image-wrapper {
        display: block;
        width: 90%;
        position: relative;
        text-align: left;
        margin-bottom: 0;
    }

    body .albumWrap .albumName,
    body .newAlbum .releaseTime,
    body .newAlbum.hate-album .albumName {
        font-size: 18px;
        letter-spacing: 0.36px;
        margin: 10px 0;
        line-height: 32px;
        margin: 0px auto;
    }

    .newAlbum .albumWrap {
        padding-top: 0;
    }

    body .sub-text {
        font-size: 11px;
        letter-spacing: 0.22px;
    }

    body .albumWrap .presaveOnSpotify, body .albumWrap .presaveOnApple {
        width: 160px;
    }

    body .albumWrap .presaveOnSpotify a.spotifyButton.tilter,
    body .albumWrap .presaveOnApple a.appleButton.tilter,
    body .albumWrap a.preorderBtn {
        font-size: 16px;
        letter-spacing: 0.32px;
        height: 40px;
        line-height: 40px;
    }

    .copyWrapper {
        text-align: center;
    }

    .copyFirst {
        font-size: 23px;
        padding-top: 30px;
        padding-bottom: 12px;
    }

    .video-wrapper .copySecond a {
        font-size: 19px;
        line-height: 50px;
        height: 50px;
    }

    .video-wrapper .copySecond a {
        width: 200px;
        padding-top: 2px;
        margin-top: 5px;
    }

    .preSaveWrap,
    .preOrderWrap {
        display: block;
        width: 100%;
    }

    .preSaveWrap {
        margin: 0;
        padding-bottom: 10px;
    }

    ul.footer-social {
        margin: 0;
    }

    .socialLinks ul li {
        margin-right: 8px;
    }

    .guest-text {
        font-size: 13px;
        line-height: 1.3;
    }

    .date-wrapper,
    .venue-wrapper,
    .button-wrapper {
        font-size: 25px;
    }

    div#footer span.atl-logo {
        display: block;
        padding-right: 0;
        padding-bottom: 10px;
    }

    div#footer {
        font-size: 15.99px;
        letter-spacing: 0.32px;
        /*max-width: 295px;*/
        margin: 0 auto;
        padding: 25px 0 40px;
        line-height: 2;
    }

    div#footer span.Ipad-sep,
    div#footer span.pp-mob,
    div#footer span.why-mob {
        display: none;
    }

    .tourdetails {
        max-width: 100%;
        margin: 0 auto;
    }

    .button-wrapper {
        display: block;
        width: 0;
        padding-top: 20px;
    }

    .button-wrapper a {
        width: 128px;
        height: 44px;
        line-height: 1.8;
    }

    .video-wrapper {
        margin: 50px auto 0 auto;
    }

    .Merch-Wrapper {
        margin: 50px auto 50px;
    }

    .socialLinks {}

    .menu-wrapper ul li a {
        font-size: 16px;
    }

    .menu-wrapper ul li {
        margin: 0 5px;
    }

    a.shopBtn {
        font-size: 22px;
        width: 200px;
    }
}

@media only all and (max-width: 1023px) {

    .copySecond a:hover,
    .button-wrapper a:hover,
    .merchButton a:hover {
        transform: none;
    }

    .newAlbum.hate-album .albumName {
        font-size: 18px;
        letter-spacing: 0.32px;
        line-height: 1.5;
    }

    .newAlbum.hate-album .albumName1 {
        font-size: 34px;
        letter-spacing: 0.68px;
        line-height: 1.5;
    }

    h1#site-name a {
        font-size: 50px;
        text-decoration: none;
    }

    .olivertreelogo {
        position: absolute;
        top: 1%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: 100%;
    }

    #outerWrapper .flexorder {
        top: 8%;
    }

    div#footer span {
        display: initial;
    }
}

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

    .copySecond a:hover,
    .button-wrapper a:hover,
    .merchButton a:hover {
        transform: none;
    }
}


/* Merch Block */

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.merchContents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.merchContents li {
    width: 31.2%;
    margin-right: 3.2%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 3.4%;
}

.merchContents li:nth-child(3n) {
    margin-right: 0;
}


/* .merchContents li:nth-child(4) {
    width: 39%;
} */

.merchContents li:last-child {
    margin-right: 0;
    /* width: 36%; */
}

.merchTitle {
    font-size: 42px;
    padding: 120.45px 0 26.55px;
    letter-spacing: 0.84px;
    line-height: 44px;
    font-family: 'nanamiregular';
}

.merchButton a {
    display: block;
    width: 135px;
    margin: 22px auto 0;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.36px;
    height: 45px;
    line-height: 45px;
    font-family: 'nanamiregular';
    /* font-weight: bold; */
    background: #ff027f;
    background: #E1001E;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.merchButton a:hover {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

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

    .merchTitle {
        font-size: 38px;
        padding: 10px 0 45px;
    }

    ul.merchContents {
        flex-direction: column;
    }

    .merchContents li,
    .merchContents li:nth-child(4),
    .merchContents li:last-child,
    .merchContents li:nth-child(3n) {
        width: 100%;
        max-width: 280px;
        margin: 0 auto 50px;
    }

    .merchContents li:last-child .merchImage {
        padding-top: 0;
    }

    .merchContents li:last-child .merchButton {
        padding-right: 0;
    }

    .availableText {
        margin: 0 auto;
    }
}

@media only all and (max-width: 1023px) {
    .merchButton a:hover {
        transform: none;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .merchButton a:hover {
        transform: none;
    }
}


/* Album Update */

.image-one-desk,
.image-two-desk,
.image-three-desk {
    display: inline-block;
}

.image-one-mobile,
.image-two-mobile {
    display: none;
}


/* .Image-wrapper.one .copySecond a {
    background: #ff027f;
}

.Image-wrapper.three .copySecond a {
    background: #ff027f;
}

.Image-wrapper.four .copySecond a {
    background: #ff027f;
}

.Image-wrapper.two .copySecond a {
    background: #ff027f;
}

.Image-wrapper.five .copySecond a {
    background: #ff027f;
} */

.AlbumWrapper {
    max-width: 556px;
    margin: 0 auto;
    padding: 0;
}

div#musicSection {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media only all and (max-width: 767px) {
    div#musicSection {
        margin-top: 50px;
    }
    div#footer span.pp-mob{
        display: inline-block;
    }
    .mo {
        display: none;
    }

    /* .flexorder{
    		display: flex;
    		flex-direction: column;
	} */
    .flexorder {
        position: absolute;
        top: 0 revert;
        top: 11vh;
        right: 20%;
    }

    .header .logo {
        width: 75%;
    }

    .header-title {
        order: 2;
        padding: 20px 0 0px;
        font-size: 40.33px;
        line-height: 40px;
    }

    .menu-wrapper {
        margin: 20px 0px 20px;
        order: 1;
    }

    .menu-wrapper ul li {
        margin: 0 3px;
    }

    .menu-wrapper ul li a {
        font-size: 14px;
        height: 23px;
        /* padding: 2px 5px 0; */
        width: 50px;
        line-height: unset;
    }

    body .cookietest_bno .content-column,
    body .cookietest_bno .button,
    body #cookietest {
        font-size: 8px;
    }

    .copySecond .listenWrap {
        /* max-width: 140px; */
    }

    .copySecond .downloadWrap {
        margin-right: 0;
    }

    .copySecond .bundleWrap {
        margin-top: 14px;
    }

    .aspect-ratio-box {
        padding-top: 153.62686%;
    }

    div#outerWrapper {
        padding: 0 10px;
        box-sizing: border-box;
        padding-top: 60%;
    }
}

ul.video-carousel li {
    display: block;
}

body .lightbox-bg.nooverlay {
    display: none !important;
}

body .square.box {
    left: 0;
}


/* div#musicSection {
    display: none;
} */

.newReleaseWrap {}

.primary-footer {
    display: none;
}

.socials-menu-mobile.active {
    z-index: 1000;
}

@media only all and (max-width: 1023px) {
    div#outerWrapper {
        padding-top: 0;
    }

    .aspect-ratio-box {
        padding-top: 153.62686%;
        width: 100%;
    }

    .socialLinks ul li.fs-tt {
        width: 14px;
    }
}

@media only all and (max-width: 767px) {
    div#outerWrapper {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 4px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .flexorder {
        position: absolute;
        top: 0 revert;
        top: 12%;
        right: 23%;
    }

    .menu-wrapper ul li a {
        width: 100px;
    }

    .header .logo {
        width: 52%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .menu-wrapper ul li a {
        width: 75px;
    }
}

@media all and (max-width: 767px) and (orientation: landscape) {
    .flexorder {
        position: absolute;
        top: 0 revert;
        top: 19%;
        right: 17%;
    }

    .menu-wrapper ul li a {
        width: 100px;
    }

    .menu-wrapper ul li {
        margin: 0 2px;
    }

    div#outerWrapper {
        padding-top: 18%;
    }
}

.arrow_box .terms,
.arrow_box .terms .micro,
.arrow_box .terms a {
    color: #000;
    font-family: 'nanamiregular';
    font-size: 8px;
    margin: 0px;
}

.arrow_box h3 {
    color: #000;
    margin: 0px;
}

.house-page button:focus {
    outline: none;
}

.arrow_box .terms .terms__body.micro {
    position: absolute;
    background: #fff;
    padding: 10px;
    width: 270px;
    border-radius: 10px;
    left: 0px;
}

.arrow_box input#email {
    background: #fff;
    color: #000;
    -webkit-text-fill-color: #000;
    background-color: white !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.desktop-signup .mlist--single-field-form .mlist-primary-submit button#submit:hover {
    color: #FFDF56;
}

.header .logo:hover {
    opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .flexorder {
        position: absolute;
        top: 0 revert;
        top: 12%;
        right: 23%;
        width: 100%;
        text-align: center;
        right: unset;
    }
}

.owl-carousel .owl-stage-outer {
    padding-bottom: 30px;
}

@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
    .flexorder {
        position: absolute;
        top: 0 revert;
        top: 12%;
        right: 23%;
        width: 100%;
        text-align: center;
        top: 12%;
        right: unset;
    }
}

.arrow_box .terms a:hover {
    color: #000;
}

.arrow_box .terms a {
    text-decoration: underline;
}

.desktop-signup .mlist--single-field-form .mlist-primary-submit .btn {
    margin-bottom: 5px;
}

@media(min-width: 1024px) {
    .header .logo {
        max-width: 370px;
    }

    .menu-wrapper ul li a {
        width: 100px;
    }

    .flexorder {
        right: 50px;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .menu-wrapper ul li a {
        width: 80px;
    }

    .flexorder {
        top: 2.5%;
    }

    .olivertreelogo a {
        font-size: 35px;
    }
}

div#footer {
    font-family: 'nanamiregular';
    font-size: 10px;
}

@media(max-width: 1023px) {
    .flexorder {
        position: absolute;
        width: 100%;
        text-align: center;
        right: unset;
        left: 0px;
    }

    div#appleLightBox {
        margin-top: 30px;
    }

    #appleLightBox fieldset .mlist-field {
        width: 100%;
        text-align: center;
        display: block;
        margin: 10px auto;
    }

    body .applesubmitButton,
    .mlist-submit.tilter.submitButton {
        width: 30%;
        height: auto;
        display: block;
        margin: 0 auto;
    }


    body a#apple-btn,
    body .applesubmitButton a.overflowButton {
        font-size: 16px;
    }

    #appleLightBox .email-error {
        top: -24px;
        left: 8px;
    }
}

@media(max-width: 1024px) and (min-width: 1023px) and (orientation: landscape) {
    .flexorder {
        position: absolute;
        top: 12vh;
        right: -4px;
        width: 100%;
        text-align: center;
    }

    .menu-wrapper ul li a {
        width: 91px;
    }
}

@media(min-width: 1025px) {
    .flexorder {
        right: 50px;
    }
}

.overlay {
    display: block;
    /* background-image: linear-gradient(#15140e ,#15140E); */
    position: relative;
    /* width: 100%; */
    /* height: 30px; */
    /* background: red; */
    /* background: url(../images/gradient.svg); */
}

.inner-gradient {
    background-image: linear-gradient(180deg, #383434, #15140E);
    /* position: absolute; */
    top: -5%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /* display: block; */
    background-size: cover;
    /* background: url(../images/gradient.svg); */
    z-index: 9999999999999999999;
}

@media only screen and (min-width: 1025px) {
    body.lightboxToggle.tourPage.no-touch div#header {
        min-height: calc(100vh - 118px);
    }
}


/* Styling for updates from 84279 */

.newAlbum .albumWrap {
    max-width: 80vw;
	width:100%;
    margin: 0px auto;
}
#outerWrapper .albumContent, #outerWrapper .firstForm.sweepsWrapper {
    max-width: 620px !important;
    margin: 0 auto;
    width: 100%;
}
.newAlbum {
    margin: 10px 0 70px;
}

.newAlbum .preOrder,
.newAlbum .preSave {
    display: inline-block;
    width: 49%;
    padding: 0;
    margin-bottom: 15px;
}

.newAlbum .preOrder {
    margin-right: 2%;
}

.newAlbum a.listenNowLink {
    background: #E1001E;
    text-decoration: none;
}

.newAlbum a.preOrderLink,
.newAlbum a.preSaveLink,
.newAlbum a.deluxeLink {
    background: #E1001E;
}

.newReleaseWrap .newText,
.newAlbum .releaseTime {
    font-size: 30px;
    line-height: 30px;
}

.newAlbum .newText,
.newAlbum .releaseTime {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.36px;
}

/* .newAlbum.hate-album .albumName {
    font-size: 2.049780380673499vw;
    letter-spacing: 0.04099560761346999vw;
    line-height: 44px;
} */

.newAlbum.hate-album {
    margin: 100px 0px;
}

.newAlbum.hate-album a.listenNowLink {
    margin: 0 auto;
    max-width: 250px;
    height: 50px;
    line-height: 50px;
}

@media only all and (max-width: 767px) {
    .newAlbum {
        margin: 200px 0 70px;
        margin-top: 10px;
    }

    .newReleaseWrap .newText,
    .newAlbum .newText,
    .newAlbum .releaseTime,
    .debutalbumText,
    .availableText {
        font-size: 20px;
    }

    .newAlbum.hate-album {
        margin: 50px 0px 120px;
    }

    .newAlbum.hate-album a.listenNowLink {
        margin: 0 auto;
        max-width: 200px;
        line-height: 50px;
        height: 50px;
    }
}

@media only screen and (max-width: 900px) and (orientation: landscape) {
    .menu-wrapper {
        margin: 50px 0px 20px;
        order: 1;
    }
}

.followtermsWrapper.first a.terms.showing::after {
    content: 'HIDE';
}

.followtermsWrapper.first a.terms::after {
    content: 'TERMS';
}

/* .presaveOnSpotify, .presaveOnApple {
    position: relative;
} */
.albumWrap .presaveWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 87%;
    margin: 0px auto;
}
.tourLB.homeTourLB .albumWrap .presaveWrap{
    width: 100%;
}
.pre-o {
    width: 100%;
}

.pre-order {
    margin: 1vw 0;
}

.albumWrap a.preorderBtn {
    height: 3vw;
    line-height: 3.2vw;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    background: #E1001E;
    font-size: 1.171303074670571vw;
    letter-spacing: 0.02342606149341142vw;
    text-decoration: none;
    font-family: 'nanamiregular';
    color: #fff;
}

.albumWrap .presaveOnSpotify,
.albumWrap .presaveOnApple {
    position: relative;
    width: 45%;
}

.albumWrap .presaveOnSpotify {
    margin-right: 10%;
}

.albumWrap .presaveOnSpotify a.spotifyButton.tilter {
    height: 3vw;
    line-height: 3.2vw;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    background: #E1001E;
    font-size: 1.171303074670571vw;
    letter-spacing: 0.02342606149341142vw;
    text-decoration: none;
    font-family: 'nanamiregular';
}

.albumWrap .presaveOnApple a.appleButton.tilter {
    height: 3vw;
    line-height: 3.2vw;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    background: #E1001E;
    font-size: 1.171303074670571vw;
    letter-spacing: 0.02342606149341142vw;
    text-decoration: none;
    font-family: 'nanamiregular';
}

.albumWrap .terms {
    position: absolute;
    left: 50%;
    top: 100%;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
}

.presaveWrap .presaveOnSpotify a {
    background: transparent;
    font-family: 'nanamiregular';
    border: none;
    font-size: 10px;
    color: #fff;
    border-bottom: none;
    display: inline-block;
    outline: none;
    text-decoration: none;
    font-weight: normal;
    margin-top: 10px;
    letter-spacing: 0.29px;
    height: unset;
    line-height: unset;
}

.albumWrap .termsContent {
    font-size: 7px;
    position: absolute;
    top: 70px;
    width: 30vw;
    width: 94%;
    z-index: 999;
    background: #000;
    max-width: 100%;
    padding-top: 0;
    padding: 5px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

.albumWrap .termsContent .artistName {
    font-size: 10px;
}

.albumWrap a.external-link {
    background: transparent;
    font-size: 10px;
    height: 0;
    width: 0;
}

.albumWrap .termsContent a {
    background: transparent;
    font-size: 7px;
    height: 0;
    width: 0;
    text-decoration: underline;
}

fieldset .mlist-field {
    width: 91%;
    margin-right: 0;
    display: inline-block;
    margin-top: 2.1354166666666665vw;
    vertical-align: bottom;
    position: relative;
    text-align: left;
}

input#email {
    font-size: 1.0416666666666667vw;
    width: 96%;
    color: #fff;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    box-shadow: none;
    outline: none;
    background: transparent;
    text-align: left;
    -webkit-text-fill-color: #fff;
    line-height: 2vw;
    text-transform: uppercase;
    font-family: 'nanamiregular';
    font-style: normal;
    font-weight: 700;
}

.applesubmitButton,
.mlist-submit.tilter.submitButton {
    display: inline-block;
    width: 8%;
    vertical-align: bottom;
    position: relative;
    font-size: 2vw;
    height: 3vw;
}

a#apple-btn,
.applesubmitButton a.overflowButton {
    height: 2.6vw;
    line-height: 2.6vw;
}

.applesubmitButton a.overflowButton {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    left: 0;
    cursor: pointer;
}

@media only all and (max-width: 1023px){
body.touch-device.mobile.safari .newAlbum.desktopStyle {
    margin: 19vh 0 70px;
}
.albumWrap .presaveWrap{
    width:330px;
}
.albumWrap .presaveOnSpotify {
    margin-right: 3%;
}
}
@media only screen and (max-width: 767px) and (orientation:portrait) {
    body .page {
        min-height: 120vh;
        position: relative;
    }
    
    body .house-page {
        top: unset;
    }    
}
@media only screen and (max-width: 1024px) {
    .albumWrap .albumName {
        text-align: center;
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: 0.52px;
        color: #FFFFFF;
        text-transform: uppercase;
        margin: 0;
        font-family: 'nanamiregular';
    }

    body .albumWrap .albumName1,
    body .newAlbum.hate-album .albumName1 {
        text-align: center;
        font-size: 34px;
        line-height: 1.5;
        letter-spacing: 0.68px;
        color: #FFFFFF;
        text-transform: uppercase;
        /* margin: 0px 0; */
        font-family: 'nanamiregular';
    }
}

@media screen and (min-width: 1024px) {
    div#footer {
        padding: 2.635vw 0 3.124vw 0;
    }

    .albumContent {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .header-section .sub-text {
        font-size: 0.805vw;
        letter-spacing: 0.22px;
    }

    .presaveWrap a:hover {
        color: #fff;
    }

    .presaveWrap .presaveOnSpotify a,
    .presaveWrap .presaveOnApple a {
        font-size: 0.732vw;
    }

    .albumWrap .termsContent,
    .albumWrap .termsContent a {
        font-size: 8px;
        display: initial;
    }

    .albumWrap .termsContent {
        padding: 0.3vw;
        line-height: 1.3;
        margin: 0;
        top: 5vw;
        width: 100%;
    }

    .presavePopupSection .applesubmitButton a.overflowButton {
        background: #E1001E;
        font-size: 18px;
    }

    .presavePopupSection fieldset .mlist-field {
        width: 80%;
        /* margin-top: 0; */
        /* vertical-align: middle; */
    }

    .presavePopupSection .applesubmitButton.submitButton {
        width: 19%;
        height: 45px;
        /* vertical-align: middle; */
    }
}


@media (max-width: 1024px) and (orientation: portrait){
    .tourheader-title {
        font-size: 46px;
        letter-spacing: 0.8px;
        line-height: 68px;
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .presaveContent {
        font-size: 15px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFFFFF;      
        width: 96%;
        margin: 0 auto;
    }
    .albumPreorderContnet {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.24px;
        color: #FFFFFF;       
        width: 80%;
        margin: 0 auto;
        margin-top: 15.29px;
    }
    .preSaveAddLink, .preSaveOrderLink {
        font-size: 16px !important;
        letter-spacing: 0.32px !important;
        width: 262px;
        height: 62px;
        line-height: 62px;
        padding: 0 0.625vw;
        margin: 0 auto;
        margin-top: 29.49px;
    }
    .preSaveOrderLink {
        margin-top: 8px;
    }
    .seated-no-events {
        font-size: 15px;
        line-height: 44px;
        letter-spacing: 0.3px;
        width: 96%;
        margin: 0 auto;
        margin-top: 45.15px;
    }
    .seated-follow-box {
        font-size: 15px;
        line-height: 19px;
        letter-spacing: 0.3px;    
        width: 96%;
        margin: 0 auto;
        margin-top: 0;
    }
    .seated-follow-text {
        margin-top: -11px;
    }
    div#outerWrapper {       
        margin-top: 17%;
    }
}

@media (max-width: 767px) and (orientation: portrait){
    div#outerWrapper {       
        margin-top: 2%;
    }
}
@media (min-width: 600px) and (max-width: 1024px) and (orientation: landscape){
    .tourLB.homeTourLB .albumWrap .albumName1, .tourLB.homeTourLB .newAlbum.hate-album .albumName1{
        font-size: 3vw;
    }
}