/************************************** CSS RESET **************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }


/************************************** GLOBAL **************************************/
html{width: 100%; height: 100%;}
body{ width: 100%; height: 100%; margin:0px; padding:0px; background-color: #050404; color: #FFFFFF; margin: 0; font-size: 20px; font-family: "baskerville-urw", arial,sans-serif; font-weight: 100; font-style: normal; }

body.page-home{ background-color: #FFFFFF; color: #000000; }

a:link, a:visited{ text-decoration: none; color: #ecd8be; }
a:hover, a:active{ text-decoration: none; color: #FFFFFF; }

.main-container{
	max-width: 800px;
	width:100%;
	margin:0px auto; 
	padding-left:10px;
	padding-right:10px;
}
.btn{
	background: #961221;
	font-family: "baskerville-urw",serif; 
	letter-spacing: 1px;
	color: #FFFFFF !important;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 0px;
	padding: 10px 14px;
	text-align: center;
	font-size: 0.8em;
	margin:2px 1px 4px 0px;
}
a.btn:hover{background-color:#FFFFFF; color:#000000 !important;}


.artistLink{position: absolute; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size:0.9em; z-index:99999; text-align:center; top:0px; left:0px; right:0px;  }
.artistLink a:link, .artistLink a:visited, .artistLink a:active{ display:inline-block;background-color:#FFFFFF; color:#515151; line-height:1em; padding:10px 20px 10px 20px;}

.fluid-container{overflow: hidden;}
.container{width: 100% !important; max-width: 1170px;}
.uppercase{text-transform: uppercase;}
h1{font-size: 2.4em; font-family: "baskerville-urw",serif; font-weight:400; letter-spacing: 2px;}
h2{ font-family: "baskerville-urw",serif; font-weight:400; letter-spacing: 1px;}



.bgContainer{
	position: fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-image:url('../images/bg.jpg?v=10');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity:0.9;
	z-index:-1;
}

.top-banner{
	position: relative;
	height:100vh;

}




@media screen and (max-width:840px){
   	.bgContainer{
		background-image:url('../images/bg-mob.jpg?v=7');
	}
}




.menuContainer{padding-top:10px; padding-bottom:15px; font-family: "baskerville-urw",serif;}
.menuContainer li{
	font-size: 1.12pxem;
	text-transform: uppercase;
	padding:0px 12px;
	border-right:1px solid #ebd8c0;
}
.menuContainer li:last-child{
	border-right:0px solid #FFFFFF;
}


.dark-grey{
	color:#515151;
}


.arch{
	background-image:url('../images/arch.svg?v=2');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width:100%;
	height:34%;
}

.album-section{ background-color: #050404; }


.album-section-list{
	font-size: 1em;
}

.album-section-list li{
	padding-bottom:20px;
}







#page{
	padding:0px;
	height:100%;
}
.centerContainer{
	max-width: 900px;
	width:100%;
	margin:0px auto;
	text-align: center;
}
.outerCell {
    display: table;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.innerCell {
    display: table-cell;
    vertical-align: middle;
}

.logoContainer{
	margin-bottom: 20px;
	width: 90%;
	max-width: 500px;
	margin:0px auto;

}
.logoContainer img{width:100%;}

.new-album{ display: inline-block; margin:0px auto;
	background-color:#101225;
	color:#FFFFFF;
	font-family: "freight-neo-pro",serif; letter-spacing:2px;
	text-transform: uppercase;
	margin-bottom:10px;
	padding:10px 10px;
}


header .snsContainer{ position: absolute; right:15px; top:15px; z-index: 9999; font-size: 1.2em;}
header .snsContainer a:link, header .snsContainer a:visited,  header .snsContainer a:active{ color:#ecd8be; }
header .snsContainer a:hover{ color:#FFFFFF; }



footer{
	background-color: #050404;
	padding-top:40px; 
	padding-bottom:30px;
	color:#ecd8be;
	width:100%;
	text-align: center;
	font-size: 0.6em;
}
footer a:link, footer a:active, footer a:visited{ color:#ecd8be;}
footer .snsContainer{ font-size: 2.4em;}

.footer-cta{font-size: 1.2em; text-transform: uppercase; }
.footer-cta a{display: block; width:100%;}


/******************* FORM ******************************/

body .gform_wrapper .top_label div.ginput_container{ margin-top:1px !important;}
input{color:#000000; border-radius: 0px;}

body .gform_wrapper h3.gform_title {
    display: none !important;
}
.plupload_header{display: none;}
.plupload_filelist_footer{height: auto !important;}
.plupload_file_name{color:#000000;}
.ginput_container .gfield_consent_label{
	padding-left:30px;
	font-weight: 400;
	font-size:0.9em;
}

.ginput_container{position: relative;}
body .gform_wrapper ul li.gfield{ margin-top:10px !important;}
.ginput_container input[type=checkbox]{
	position: absolute; top:0px; left:0px;
}
.plupload_button{
	font-size: 14px !important;
}
.plupload_button{
	background-image: none !important;
	padding: 2px 8px 3px 8px !important;
}

body .gform_wrapper ul li.gfield.first-check{margin-top:40px !important;}

.uploadcare-responsive-panel .uploadcare-dialog-panel:not(.uploadcare-dialog-opened-tabs) .uploadcare-dialog-tab_current:after{
	display: none !important;
}
.uploadcare-clouds-tip.uploadcare-if-mobile{display: none !important;}

.plupload_file_size{color:#000000;}

.plupload_file_name{
	width: 50% !important;
}
.gform_wrapper .gfield_required{color:#FFFFFF;}
.adv-upload .prso_plupload{ color:#000000;}
.adv-upload a:link, .adv-upload a:visited, .adv-upload a:active{
	color:#000000;
}
.gform_button{
    border: 0px solid #ebd8c0;
    background-color: #ebd8c0;
    color: #000000 !important;
    padding: 5px 30px 5px 30px;
    font-size: 1.4em !important;
    width: auto;
    line-height: 1em;
    cursor: pointer;
    margin: 0px auto 30px auto !important;
    display: block !important;

}
.ginput_container textarea{color:#000000;}
.plupload_progress_bar{height:10px !important;}
.gform_wrapper div.validation_error {
    color: #ecd8be !important;
    border-top: 2px solid #ecd8be !important;
    border-bottom: 2px solid #ecd8be !important;
}

.ginput_container .gfield_select{
	-webkit-appearance: none;
    -moz-appearance: none;
    background-color: #FFFFFF;
    border-radius: 0;
    color:#000000;
    padding:3px 3px 3px 3px ;
}

.gform_wrapper .gfield_error .gfield_label{ color:#FFFFFf !important;}
.gform_wrapper .gfield_required {color:#FFFFFF !important;}
.hidden_label .gfield_required{display: none !important;}
.gform_wrapper .validation_message{color:#ecd8be !important;}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	border-top:0px solid transparent !important;
	border-bottom:0px solid transparent !important;
	background-color: transparent !important;
}

.gform_wrapper li.hidden_label input{ margin-top:2px !important;}

.plupload_progress_bar{ background-color: #ecd8be !important;}
li.plupload_uploading, .plupload_filelist li{ background: #ecd8be !important;}

.plupload_scroll .plupload_filelist{
	min-height: 60px !important; height:auto !important;
}


/**************** SOCIAL ******************************/

.snsContainer ul {
	display:block;
}

.snsContainer ul li{
	display: inline-block;
	font-size: 1em;
	padding-right:2px;
	padding-left:2px;
}

/******************* ALBUM *********************/

	.album-left{ margin-top:-120px; }

	.album-right{ margin-top:-100px; }


/**************** TRACKLISTING *****************/


	.tracklisting-section{ font-family: "baskerville-urw",serif; text-align: center; padding-top:30px; padding-bottom:50px; text-transform: uppercase; letter-spacing: 1px; }
	.tracklisting-section .tracklisting-title{ font-size: 0.9em; text-decoration: underline; }
	.tracklisting-section ul{ padding-top:30px; padding-bottom: 30px; font-size: 1.2em; }
	.tracklisting-section li{ padding-bottom:15px; }
	.tracklisting-section{ background-color: #050404; }

/**************** VIDEOS *****************/
	.video-section{background-color: #050404;}
	.videoContainer{ position: relative; width:100%; }
	.videoContainer iframe{position: absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; }

	.video-section .overlay-image{text-transform: uppercase;}


/**************** TOUR DATES *****************/


	.tour-section{ background-color: #050404; }
	.liveContainer{padding-top:40px; text-align:left;}
	.liveContainer li:nth-child(even){margin-top:30px;}
	.liveContainer li:nth-child(odd){margin-top:-25px;}
	.liveContainer .s_item{padding-left:10px; padding-right:10px;}
	.liveContainer a:link, .liveContainer a:visited, .liveContainer a:active{ color:#dcbb90;  font-weight: bold;}
	.liveContainer a:hover{ color:#FFFFFF; }

	.googleName{display: none;}
	.googleDate{display: none;}

	.date-item{width:50%; vertical-align: top;}
	.s_venue_container{ padding-bottom:4px; border-bottom:1px solid #ecd8be; }
	.s_ticket_container{ padding:7px 0px 2px 8px; line-height:1em; vertical-align:top; margin-left:10px; border-left:1px solid #ecd8be; }

	.tour-section .date-item:nth-child(even) .s_dateblock{ float:right; }
	.tour-section .date-item:nth-child(even) .s_details{ text-align: left; }

	.s_dateblock{  float: left; width: 90px; background-color:#ecd8be; padding:10px 0px; text-align: center; color:#000000;}
	.s_details{ display: block; text-align: right; }
	.s_day{ font-size: 2em;}
	.s_venue{ font-size: 1.2em; padding-bottom:5px; padding-top:6px;}
	.address{ padding-top:7px; }
	.tour-section{ padding-bottom:40px; padding-top:20px; }


/**************** SIGN UP *****************/

	.signup-section{
		display: none;
		position: fixed;
		top:0px;
		left:0px;
		bottom:0px;
		right:0px;
		z-index: 9999;

		background-color: rgba(0, 0, 0, 0.34);
		height:100vh;
		background-size: cover;
		background-position: center;

	}

	.signup-close{position: absolute; right:20px; top:20px; padding:20px; font-size:2em; color:#ebd8c0;}

	.signup-section h2{color:#ebd8c0;}
	.sign-up-container{height:100vh;}
                  .errorText{text-align: center; padding:5px 0px 10px 0px; font-size: 1em; color:#FFFFFF;}
                    .successText{text-align: center; color:#ebd8c0; font-size: 1.4em; text-transform:uppercase; line-height: 1.3em;}

                    #signup{
                      text-align: center;
                      margin:0px auto;
                      padding:20px 0px 0px 0px;
                      max-width:500px;
                      width:100%; 
                      font-size: 1.2em;
                     font-family: "freight-neo-pro",serif;
                      font-weight: 400;
                    }

                    #signup #form{
                      padding:0px 10px;
                    }

                    #signup input{
                      text-align: center;
                      width:100%;
                      padding:5px 10px;
                      -webkit-appearance: none;
                        -webkit-border-radius: 0;
                        background-color: transparent;
                        border:0px;
                        font-size:1.2em;
                        border:0px solid transparent;
                        color:#ebd8c0;
                        box-sizing: border-box;
                        letter-spacing: 0px;
                    }
                    #signup .emailContainer{
                      border-bottom:2px solid #ebd8c0;
                    }


                    #signup .submitButton{
                      text-align: center;
                    }
                    #signup .submitButton input{
                      border: 0px solid #ebd8c0;  
                      background-color: #ebd8c0;  
                      color:#000000 !important;
                       padding:5px 13px 5px 10px;
                      width:auto;
                      line-height: 1em;
                      cursor: pointer;
                      margin: 0px auto;

                    }
                    #signup .submitButton input:hover{
                       color:#d5036c;
                     
                    }

                    #signup .countryContainer{
                      padding-top:5px;
                    }
                    #signup select{
                      width:100%;
                      max-width: 450px;
                      padding:7px 10px; 
                        font-size:1em;          
                        border: 0px solid transparent;   
                        -webkit-appearance: none; 
                        -moz-border-radius: 0px;
                        -webkit-border-radius: 0px;
                        border-radius: 0px; 
                        background-color: rgb(0, 0, 0);
                        background-color: transparent;    
                        background-image: url('../images/arrow-down.png?v=4');
                        background-repeat: no-repeat;
                        background-position: center right;
                        line-height: 1.1em;
                        color:#ebd8c0;    
                        text-transform:  uppercase;
                    }

                    #signup select{
                      text-align-last:center;
                        text-align: center;
                    }



                    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                      color: #ebd8c0;
                    }
                    ::-moz-placeholder { /* Firefox 19+ */
                      color: #ebd8c0;
                    }
                    :-ms-input-placeholder { /* IE 10+ */
                      color: #ebd8c0;
                    }
                    :-moz-placeholder { /* Firefox 18- */
                      color: #ebd8c0;
                    }



    .latest-section{background-color: #FFFFFF;}

/**************** RESPONSIVE *****************/



    @media screen and (min-width:990px){
        .arch{height:0px; padding-top:25%;}

	}



        @media screen and (max-width:990px){
             .date-item{width:100%;}
             h1{font-size: 1.5em;}
            .tour-section .date-item:nth-child(even) .s_dateblock{ float:left; }
            .tour-section .date-item:nth-child(even) .s_details{ text-align: right;}

	.liveContainer li:nth-child(odd){margin-top: 0px;}
	.liveContainer li:nth-child(even){ margin-top:0px;}


            .releaseDetails{padding-top:40px; padding-bottom:5px;}
            .menuContainer{ font-size:0.8em;}
            .artistLink{left:0px; text-align: center;}

			#pre-order-section  .col-xs-12.padtop20{padding-top:0px !important;}
			#pre-order-section h1{text-align: center;}
			.follow-box{ padding: 320px 5px 100px 5px; }

        }



 @media screen and (max-width:767px){
 	.snsContainer{left:0px; text-align: center;}


	.album-left{ margin-top:-270px; }
	.album-right{ margin-top:0px; }
	.tracklisting-section{ padding-bottom:10px;}
	.tracklistings-right{text-align: center;}
	.tracklistings-left{text-align: center;}
	 .tracklisting-section .tracklistings-left ul{ padding-bottom: 0px; }
	 .tracklisting-section .tracklistings-right ul{ padding-top: 0px; }

 }

 @media screen and (max-width:767px) and (orientation:landscape){
 	.top-banner{height: auto;}
 	.top-banner .outerCell{display: block; height:auto;}
 	.top-banner .innerCell{display: block; }
 	.top-banner .top-banner-container{padding-top:150px !important; padding-bottom:100px;}
 	.album-left{ margin-top:-50px; }	

 }

 @media screen and (max-width:580px){
 	.bgContainer{position:absolute; height:110vh;}
 	.btn{padding: 5px 10px;}
 	.order-links .btn{display: block; width:100%;}
 	.album-left{ margin-top:-120px; }	
 	.s_ticket_container{font-size: 0.8em;}
 	.menuContainer{text-align: center; padding-top:5px; padding-bottom:10px;}
 	.menuContainer li{ padding:0px 6px 0px 4px;}
 	.snsContainer{ position:relative; right:auto; top:auto; padding-top:10px;}

 	.uploadcare-widget, .uploadcare-widget-button.uploadcare-widget-button-open {width:100% !important; text-align: center;}

 	.tracklisting-section ul{ padding-top:20px; padding-bottom: 15px; font-size: 1em; }
 	.videoPlayerList .overlay-image{font-size: 0.6em !important;}

 	.liveContainer{ padding-top:0px;}
	.liveContainer .s_item{padding-left:0px; padding-right:0px; font-size:0.8em;}

	.liveContainer .s_venue_container{ font-size: 0.9em; }   
	.liveContainer .address{ font-size: 0.8em;}

	.plupload_filelist_footer  .plupload_file_name{
		float: none;
		width: 100% !important;
	}
	.plupload_filelist_footer .plupload_file_action{ width: 100% !important; }

	.gfield .plupload_button{
		display: block; 
		width: 100%;
		margin-bottom:4px;
		padding: 5px 8px 5px 8px !important;
		text-align: center;
	}

	.plupload_button{
		font-size: 16px !important;
		padding:0px;
	}

	.plupload_filelist_footer .plupload_file_name{
		text-align: center;
	}

	.plupload_filelist_footer .plupload_progress{
		text-align: center !important;
		float: none !important;
		width: 100% !important;
	}

}

 @media screen and (max-width:580px) and (orientation:landscape){
 	.album-left{ margin-top:-50px; }	
 	.bgContainer{position:fixed; height:110vh;}

}