/** merch section **/

div.merchSection{
max-width:700px;
margin:0 auto;
/*margin-top:120px;*/
}
.merchSection div.imageHolder{
position:relative;
}
.merchSection .shopNowBtn{
    position: absolute;
    bottom: 22px;
    font-size: 14px;
    color: #000;
    font-family: 'Cinzel';
    border: 2px solid;
    background: grey;
    padding: 10px;
    left: 14px;
    text-decoration: none;
}
.shopNowBtn:hover{
    opacity: .5;
}
.shopNowBtnWrap{
	text-align: center;
	margin-top: 24px;
}
.shopNowBtnLink
{
	margin: 0 auto;
    text-align: center;
    background: #fff;
    border: 5px solid #000;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-decoration: none;
    font-family: 'Cinzel';
    color: #1d0053;
    background-color: white;
	width: 240px;
    letter-spacing: 3px;
	cursor:pointer;
}
.shopNowBtnLink:hover{
	opacity:.5;
}
/* icomoon fonts */

@font-face {

	font-family: 'icomoon';

	src: url('../fonts/icomoon.eot?m2c33g');

	src: url('../fonts/icomoon.eot?m2c33g#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?m2c33g') format('truetype'), url('../fonts/icomoon.woff?m2c33g') format('woff'), url('../fonts/icomoon.svg?m2c33g#icomoon') format('svg');

	font-weight: normal;

	font-style: normal;

}



[class^="icon-"], [class*=" icon-"] {

	/* use !important to prevent issues with browser extensions that change fonts */

	font-family: 'icomoon' !important;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.icon-shopping-cart:before {

	content: "\e901";

}

.icon-footer-instagram:before {

	content: "\e900";

}

.icon-facebook:before {

	content: "\ea90";

}

.icon-instagram:before {

	content: "\ea92";

}

.icon-spotify:before {

	content: "\ea94";

}

.icon-twitter:before {

	content: "\ea96";

}

.icon-youtube:before {

	content: "\ea9d";

}

.icon-apple:before {

	content: "\eabe";

}
@font-face {
  font-family: 'twt-x';
  src:  url('../fonts/twt-x.eot?jjyo3s');
  src:  url('../fonts/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),
    url('../fonts/twt-x.ttf?jjyo3s') format('truetype'),
    url('../fonts/twt-x.woff?jjyo3s') format('woff'),
    url('../fonts/twt-x.svg?jjyo3s#twt-x') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="twt-"], [class*=" twt-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'twt-x' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.twt-x:before {
  content: "\e901";
}

body {

    background: url(../images/newbg_apr16_v2.png) repeat bottom center;

    margin: 0;
    -webkit-text-size-adjust: 100%;

}

/* Header section*/

img.header-image-logo{

    width:100%;

    margin:0;

}

img {

    width: 100%;

}

.header-image {

    position: relative;

}

.logo-MIW {

    position: absolute;

    top: 78.5%;

    transform: translateX(-50%);

    bottom: 0;
    
    left:50%;

    width: 76%;

    text-align: center;

}

img.disguise {

    width: 71%;

}

/* pre-order portion */

.pre-order-links {width: 640px;
    margin: 7% auto 0;
    text-align: center;
    display: block;
}

.enter-site{
    display: block;
}

a.enter-button{
    font-size: 36px;
    font-family: 'Cinzel';
    color: #1d0053;
    background-color: white;
    letter-spacing: 13px;
    width: 340px;
    display: block;
    padding: 10px 3px 10px 19px;
    margin: 25px auto 40px;
    text-decoration: none;
    border: 5px solid rgb(29, 0, 83);
    text-align: center;
}

a.enter-button:hover {
    opacity: 0.5;
}

.subtitle, .available-date {

    padding-bottom: 30px;

    text-align: center;

    font-family: 'Cinzel';

    font-size:4.8vw;

    color: #fff;

    letter-spacing: 15px;

    text-shadow: 6px 2px 8px #00002e;

}
a.pre-order-button{
        margin: 0 auto;
}
a.pre-order-button:hover{
    opacity: .5;
}
a.pre-save-button:hover{
    opacity: .5;
}
.pre-order-links > a{display: block;margin: 20px 0 20px 0;/**height: 68px;line-height: 68px; **/ padding:10px; text-align: center;text-decoration: none;border-width: 5px;border-color: rgb(29, 0, 83);border-style: solid;/* box-sizing: border-box; */display: block;}

a.pre-order-button {font-size: 36px;font-family: 'Cinzel';color:#1d0053;background-color: white;letter-spacing: 13px;width: 380px;text-align: center;padding-left: 15px;     margin: 0 auto;}

a.pre-save-button {font-size: 36px;font-family: 'Cinzel';color:#1d0053;background-color: white;letter-spacing: 13px;display: block;padding-left: 10px; margin: 0 auto; margin-top:60px;}

/*

.disguise {

    width: 100%;

    margin: 0 auto;

    max-width: 465px;

}

a.see-your-disguise {

    line-height: 1.0;

    margin: 0 auto;

    font-size: 36px;

    text-align: center;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    background-color: white;

    text-shadow: 2px 2px 15px #000000;

}
.see-your-disguise span {

    font-size: 16px;

}

*/

/* video section*/

div#video-wrap {

    

    margin: 0 auto;

    padding: 34px 0 34px 0;

    max-width: 640px;

    margin-top: 50px;

    margin-bottom: 58px;

}

div#video-wrap .secondvideo{
    margin-top: 90px;
    margin-bottom: 20px;
}

div#video-wrap .thirdvideo{
    margin-top: 70px;
    margin-bottom: 20px;
}

/*tour section */

.tour-section {

	max-width: 700px;

	margin: 0 auto;

    margin-top: 80px;

    margin-bottom: 18px;

}

.tour-section .seated-events-table {

    border-top: none;

  }

.tour-section .seated-events-table .seated-event-row{

    border-bottom: none;

    padding: 20px 10px;

}
.tour-section  .seated-event-details-cell {
    display: block;
    opacity: 1;
    padding-left: 22.8%;
    color: #fff;
    font-family: 'Cinzel';
    text-shadow: 2px 2px 3px #fff;
    text-align:left;
}

.seated-event-date-cell, .seated-event-venue-cell, .seated-event-link-cells

{

    color:#fff !important;

    font-size: 14px;

    font-family: 'Cinzel';

    text-transform: uppercase;

    letter-spacing: 0.5px;

}

.tour-section .seated-event-link-cells {

    display: block !important;
    text-shadow: 2px 2px 3px #fff;

}

.seated-event-description-cells {

    width: 80% !important;

}

.seated-event-date-cell {

    width: 20% !important;

    display: inline-block;

    margin-right: 2%;

}

.seated-event-venue-cell {

    display: inline-block !important;

	width: 76% !important;

}

.seated-event-venue-name {

    width: 58% !important;

    display: inline-block !important;

    padding-right: 5px;

    vertical-align: top;
    text-shadow: 2px 2px 3px #fff;

}

.seated-event-venue-location {

    width: 38% !important;

    display: inline-block !important;

    vertical-align: top;
    text-shadow: 2px 2px 3px #fff;

}

.seated-event-row .seated-event-link-cells .seated-event-link1, .seated-event-row .seated-event-link-cells .seated-event-link1:visited,

.seated-event-row .seated-event-link-cells .seated-event-link2,.seated-event-row .seated-event-link-cells .seated-event-link2:visited {

    border-width: 5px;

    border-color: rgb(29, 0, 83);

    border-style: solid;

}


/* socials */

footer {

    margin-top: 26px;

}

.socials {
    margin: 0 auto;
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 32px;

}

.socials > a {

    margin-right: 17px;

    text-decoration: none;

    color: #fff;

}

.socials > a:last-child {

    margin-right: 0;

}
.socials > a:hover {
    opacity: 0.5;
}
img.spotify-follow {

    width: 17%;

    vertical-align: middle;

}

/* copyright */

.copyright {

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 11px;

    padding-bottom: 59px;

    font-family: 'Cinzel';

    color: #fff;

}

.copyright > a {

    text-decoration: none;

    font-family: 'Cinzel';

    color: #fff;

}
.copyright > a:hover {
    opacity: 0.5;
}


#video-innerwrap{
    text-align: center;
}
div#video-innerwrap > div {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

div#video-innerwrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 767px) {
    div.merchSection{
        max-width: 80%;
    }
    .outer-wrapper {
      margin-top: 54px;
    }
    .pre-order-links {
        width: 97%;
        margin: 0 auto 0;
    }
    a.pre-order-button{
        width: 95%;
    }
    a.pre-order-button,a.pre-save-button{
        font-size: 10px;
        box-sizing: border-box;
    }
    a.pre-order-button, a.pre-save-button{
        letter-spacing: 6px;
    }
    a.pre-save-button{
        width: 95%;
        padding-left: 13px;
    }
    .enter-site a {
        width: 63%;
        /* max-width: 500px; */
        font-size: 10px;
        margin-bottom: 72px;
        padding: 10px 0px 10px 12px;
    }
    .subtitle, .available-date{
        letter-spacing: 9px;
    }
    .pre-order-links > a{
       height: auto;
    }
    div#video-wrap {
        width: 86%;
        max-width: 80%;
        margin:0 auto;
        margin-top: 30px;
        
    }
    #video-outerwrap {
        width: 100%;
        position: relative;
      /*  padding-top: 56.25%; */
    }
    
    div#video-wrap .secondvideo{
        margin-top: 20px;
    }
    div#video-wrap .thirdvideo{
        margin-top: 0px;
    }
	#video-outerwrap iframe {
       /* width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px; */
        
            width: 320px;
    height: 240px;
    }
    .tour-section .seated-events-table {
        border-top: none;
        width: 80%;
        margin: 0 auto;
    }
    .tour-section .seated-events-table .seated-event-row {
        padding: 15px 0;
    }
	.seated-event-description-cells {
		display: inline-block;
		width: 100% !important;
		margin: 0;
    }	
    .seated-event-date-cell {
        vertical-align: top;
    }
    .seated-event-venue-name {
        width: 100% !important;
        padding-bottom: 15px;
    }
	.seated-event-venue-location {
        display: block !important;
        width:100% !important;
	}
	.seated-event-venue-cell{
		text-align:left;
	}
	.seated-event-link-cells {
		width: 100%;
	}
	.seated-event-link-cells {
     
        padding-top: 10px;
	}
	.socials {
        width: 100%;
        text-align: center;
    }	
    .socials > a {
        font-size: 20px;
        margin-right: 20px;
    }
    .copyright {
        width: 96%;
        text-align: center;
        margin: 0 auto;
        letter-spacing: 1px;
        line-height: 16px;
        padding-bottom: 30px;
    }
	.copyright a {
		display:inline-block;
		
	}
    .tour-section .seated-event-link1, .tour-section .seated-event-link1:visited, .tour-section .seated-event-link2, .tour-section .seated-event-link2:visited{
        min-width: 90px;
    }
    span.spotifyFollow {
        display: block;
        text-align: center;
        margin: 0 auto;
        width:92px;
        vertical-align: sub;
        margin-top: 15px;
    }
    .copyright > a{
        font-size: 10px;
    }
    .seated-event-link-cells > div {
    width: 100px;
    text-align: right;
    margin: 0 0 0 auto;
}
a.pre-save-button{
	margin-top:18px;
}
}
@media only screen and (max-width: 767px) and (orientation:landscape){
    div#video-wrap {
        width: 78%;
    }
    .subtitle, .available-date{
        /*font-size: 31px;*/
    }
    .seated-event-link-cells {
        padding-top: 10px;
        margin-left:0;
    }
    a.pre-order-button,a.pre-save-button, .enter-site a{
        font-size: 16px;
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pre-order-links{
        width: 100%;
    }
    a.pre-order-button{
        width: 64%;
        margin: 0 auto;
        letter-spacing: 12px;
    }
    a.pre-save-button{
        letter-spacing: 12px;
    }
    div#video-wrap {
        width: 83%;
    }
    .subtitle, .available-date{
        /*font-size: 39px;*/
        padding-bottom: 0px;
    }
    .socials {
        width: 38%;
        text-align:center;
    }
    span.spotifyFollow {
        display: block;
        text-align: center;
        margin: 0 auto;
        width:92px;
        margin-top: 6px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){
    .subtitle, .available-date{
        /*font-size: 50px;*/
    }
    div#video-wrap {
        width: 63%;
    }
    span.spotifyFollow {
        display: block;
        text-align: center;
        margin: 0 auto;
        width:92px;
        margin-top: 6px;
    }
    .socials {
        text-align: center;
    }
}

.tour-section .seated-event-link1, .tour-section .seated-event-link1:visited, .tour-section .seated-event-link2, .tour-section .seated-event-link2:visited{
    min-width: 90px;
    color: #32373d;
}
.tour-section .seated-event-link1:hover, .tour-section .seated-event-link2:hover{
      min-width: 90px;
    color:#fff;
}

.tour-section .seated-event-link1, .tour-section .seated-event-link1:visited, .tour-section .seated-event-link2, .tour-section .seated-event-link2:visited,.tour-section .seated-event-link1:hover, .tour-section .seated-event-link2:hover{
    font-size: 14px;
}
.tour-section .seated-events-table > div:last-child{
    display:none;
}

.tour-section .seated-event-date-cell{
    font-weight: 300;
    text-shadow: 2px 2px 3px #fff;
    
}
span.spotifyFollow {
 
        vertical-align: sub;
    }
/**15/4/19 **/

.mlist-outerwrapper,footer{

    position: relative;

}

.mlist-outerwrapper::before {

    content: '';

    background: url(../images/fronthand.png);

    position: absolute;

    width: 191px;

    height: 402px;

    right: 0px;

    z-index: 2;

    top: -100px;

}

footer::before {

    content: '';

    background: url(../images/backhand.png);

    position: absolute;

    width: 236px;

    height: 337px;

    left: 0px;

    z-index: 2;

    top: -332px;

}
@media only screen and (max-width: 768px) {
footer::before {content: '';background: url(../images/backhand.png);position: absolute;width: 236px;height: 270px;left: 0px;z-index: 2;top: -68px;background-size: 30%;background-repeat: no-repeat;}
.mlist-outerwrapper::before {
content: '';
background: url(../images/fronthand.png);
position: absolute;
width: 51px;
height: 377px;
right: 0;
z-index: 2;
top: -100px;
background-size: 100%;
background-repeat: no-repeat;
}
}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape)
{
    footer::before {
    content: '';
    background: url(../images/backhand.png);
    position: absolute;
    width: 236px;
    height: 337px;
    left: 0px;
    z-index: 2;
    top: -234px;
    background-size: 59%;
    background-repeat: no-repeat;
}
}