body {
	margin: 0 auto;
	font-family:'Oswald',arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	background: url(../images/bg.jpg) top center no-repeat;
	background-color:#d0d6d9;
	text-align: center;
}




a:link, a:visited {
	color: #9e2b1d;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
}


.hidetext {
  font-size: 5%;
  text-indent: -9999em;
  text-align: left;
  color: transparent;
  white-space: nowrap;
  outline: none;
}


.clearboth {
	clear: both;
}

#outer-container {
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.mobile-photo { display: none;}

#container {
	position: relative;
	margin: 0 auto;
	text-align: center;
	max-width: 1000px;
}

.top-content {
	position: relative;
	margin: 0;
	max-width: 580px;
}

.logo {
	position: relative;
	margin: 0 auto;
	padding: 30px 0 20px;
	text-align: center;
}

.logo img {max-width: 467px !important; width: 100%;}

.date {
    position: relative;
    margin: 0 auto;
    color: #9e2b1d;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    line-height: 115%;
}

.preorder {
    position: relative;
    margin: 20px auto 0px;
    color: #222121;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
}

.buy {position: relative; margin: 0px auto 30px; max-width:420px;}
.buy .retailers  { overflow: hidden; padding: 0; margin: 1px 0; }
.buy .retailers li { display: inline-block; list-style-type:none;margin:0 6px; }
.buy .retailers li a { display: block; height: 42px; }
.buy .retailers li.details {     height: 42px;    padding-right: 18px;    vertical-align: bottom;}
.buy .retailers .itunes { background: url(../images/retailers.png) no-repeat left top; width: 105px;}
.buy .retailers .applemusic { background: url(../images/retailers.png) no-repeat -127px top; width: 133px;}
.buy .retailers .spotify { background: url(../images/retailers.png) no-repeat -281px top; width: 182px;}
.buy .retailers .gp { background: url(../images/retailers.png) no-repeat -484px top; width: 114px;}
.buy .retailers .amazon { background: url(../images/retailers.png) no-repeat -624px top; width: 65px;}

.buy .retailers .itunes:hover {background-position: left bottom }
.buy .retailers .applemusic:hover { background-position: -127px bottom; }
.buy .retailers .spotify:hover { background-position: -281px bottom; }
.buy .retailers .gp:hover { background-position: -484px bottom; }
.buy .retailers .amazon:hover { background-position: -624px bottom; }


.details {
    position: relative;
    margin: 0 auto 35px;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 115%;
}

span.highlight-color {
    color: #9e2b1d;
}


.main-photo img {max-width: 462px !important; width: 100%;}



.main-photo {
    position: relative;
    margin: 0 auto 35px;
}


.video-wrap {
    position: relative;
    margin: 0 auto;
    background-color: #9e2b1d;
    padding: 40px 0 60px;
}

.video-wrap .header {
    font-size: 40px;
    text-transform: uppercase;
    color: #222121;
    position: relative;
    margin: 0 auto 15px;
    font-weight: 500;
}

.video-embed {
    position: relative;
    margin: 0 auto;
    width: 640px;
    max-width: 90%;
}

.video-embed .embed-container {
    border: 1px rgba(210,210,210,0.2) solid;
}


.bottom-content {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-color: #222121;
}



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




.social-wrap {position: relative; margin: 0px auto 0px;text-align: center;padding-top:85px;}

.social-wrap .social li { margin-right: 0px; display: inline-block; vertical-align:middle;}

.social-wrap ul.social li a { font-size: 33px; text-transform: uppercase; color: #9e2b1d !important; text-decoration: none; padding: 0 10px; /* display: block; */ }
.social-wrap ul.social li a:hover { color: #d0d6d9 !important; text-decoration: none; }

.social-wrap ul.social  { overflow: hidden; }
.social-wrap ul.social  li {  display: inline-block; padding: 0 2px 0 2px;  margin: 0px 0px 0px;}

.social-wrap ul.social {
  padding: 0px;
  margin: 0px;
}

.social-wrap ul.social .vevo {margin-left: 8px;}

.social-wrap ul.social .vevo-nav {
    background: url(../images/icon-vevo.png) no-repeat left top;
    width: 32px;
    height: 28px;
    display: block;
}

.social-wrap ul.social .vevo-nav:hover {
    background-position: left bottom;
}


#cboxOverlay {
    background: #000 !important;
    opacity: 0.8 !important;
} 

div#cboxTitle {
    display: none !important;
}


/* iframe responsive */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/**** FOOTER ****/




.label-logos {
    position: relative;
    margin: 30px auto 20px;
}

#footer div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
}

/* .label-logos .label-logo-inner a:hover {opacity: 0.8;} */



#footer {
	clear: both;
	position: relative;
	margin: 0px auto;
	padding: 60px 0 60px;
	text-align: center;
	font-size: 15px;
	color: #656464;
	letter-spacing: 0.3px;
}

#footer .copyright {text-align:left;}

#footer a {color: #999797;}
#footer a:hover {color: #656464;}


.thankyou {
    display: none;
    position: absolute;
    top: 300px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    text-transform: uppercase;
}

.thankyou .content {
    position: relative;
    padding: 0;
    z-index: 1000;
    padding: 35px;
    background: rgba(0,0,0,.9);
    line-height: 135%;
    font-size: 26px;
    border: 4px solid #fff;
    color: #fff;
    text-align: center;
}

.thankyou .content h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'Oswald', arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 40px;
    color: #9e2b1d;
}


/* Responsive CSS */

@media only screen and (max-width: 900px) {
	body {background: url(../images/bg-900.jpg) top right no-repeat;}
}

@media only screen and (max-width: 780px) {
.top-content {    max-width: 480px;    margin-left: 23px;}
}

@media only screen and (max-width: 750px) {
	body {background: url(../images/bg-750.jpg) top right no-repeat;}
}

@media only screen and (max-width: 690px) {
	body {background-image:none;background-color: #dee5ec;}
	.top-content {    margin: 0 auto;    max-width: 92%;}
	.logo {padding: 20px 0;} 
	.mobile-photo {
    display: block;
    max-width: 100%;
    position: relative;
    margin: 0 auto;}
}

@media only screen and (max-width: 600px) {
	#footer .copyright {text-align: center;}
	.details br {    display: none;}
	.logo img {max-width: 400px !important;}
	.date, .video-wrap .header {    font-size: 36px;}
}



@media only screen and (max-width: 500px) {
	.copyright {max-width: 92%;margin: 0 auto;}
  /* .social-wrap ul.social li a {font-size: 30px !important;} */
  #footer {padding: 30px 0 40px;}
  	.mobile-photo {max-width: 100%;}
}

@media only screen and (max-width: 430px) {
	.social-wrap ul.social li a {padding: 0 5px;}
	.social-wrap ul.social .vevo {    margin-left: 0px;}
	.date, .video-wrap .header {    font-size: 32px;}
	.preorder {font-size: 24px;}
}

@media only screen and (max-width: 360px) {
	.social-wrap ul.social li a {padding: 0 2px;}
	.details {    font-size: 26px;}
	.date, .video-wrap .header {    font-size: 24px;}
	.preorder {font-size: 22px;}
}