/************************************** 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: #000000; color: #FFFFFF; margin: 0; font-size:18px; font-family: din-condensed, sans-serif; font-weight: 300;
font-style: normal; line-height:20px; }


a:link, a:visited{ text-decoration: none; color: #FFFFFF; }
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-color: transparent;
  letter-spacing: 1px;
  color: #FFFFFF !important;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0px;
  border: 1px solid #FFFFFF;
  padding: 10px 14px 5px 14px;
  text-align: center;
  font-size: 1.2em;
  margin:2px 3px 4px 3px;
}

a.btn:hover{background-color:#FFFFFF; color:#000000 !important;}


.full-btn{display: block; width:100%; padding:5px 15px; text-align: center;  cursor: pointer; font-size: 1.2em;
  margin:0px 0px 0px 0px;
}

.btn-black{
  background-color: transparent;
  color: #000000 !important;
  border: 1px solid #000000;
}



.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-weight:500; letter-spacing:1px;}
h2{ font-size:1.6em; font-weight:400; letter-spacing: 1px;}
h3{ font-weight:400; font-size:1.2em; letter-spacing: 1px; padding-top:5px; padding-bottom:5px;}
h4{ font-size:1.1em;  letter-spacing: 2px; line-height: 1.3em;}
h4 strong{ color: #FFFFFF;} 
.customize-support{ position: relative;}


.bgContainer{
  position: fixed;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  background-image:url('../images/sign-up-bg.jpg');
  background-position: center;
  background-size: cover;
  opacity:0.8;
  z-index:-1;
}
.page-crazy .bgContainer{
  position: fixed !important;
}

.page-home .bgContainer{
  opacity: 1;
}

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

}




.menuContainer{
    padding-top:10px;
 }


.menuContainer li{
  font-size: 1.4em;
  text-transform: uppercase;
  padding:0px 12px;
  border-right:0px solid transparent;
  letter-spacing: 2px;
}

.menuContainer li a:link, .menuContainer li a:visited, .menuContainer li a:active{
    color: #FFFFFF;
} 

.menuContainer li a:hover{
    color: #d60776;
} 


.order-container{ position: absolute; bottom:0px; left:0px; right:0px; text-align: center; 
/*  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
*/
   }
  .order-container .uppercase{ color:#FFFFFF; }
.order-container h1 span{ color:#d60776; }
.dark-grey{
  color:#515151;
}

.text-gold{
     color: #dcc081;
}

.text-white{
     color: #ffffff;
}


.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;
}


.new-album{ display: inline-block; margin:0px auto;
  background-color:#101225;
  color:#FFFFFF;
  text-transform: uppercase;
  margin-bottom:10px;
  padding:10px 10px;
}

header{
  overflow: hidden;
  background-image:url('../images/bg-fade-2023.png?v=14');
  background-position: bottom;
  background-repeat: repeat-x;
}

header .header-container{
  width: 100%;
background: rgb(37,42,39);
background: linear-gradient(0deg, rgba(37,42,39,0) 0%, rgba(37,42,39,0) 75%, rgba(37,42,39,0.3575805322128851) 99%);
}

.header-container h1,
.header-container h3{ color:#FFFFFF }

 header .top-banner{
  position: relative;
  background-position: bottom center;
  margin:0px auto;


  height:100vh;



}

  .order-container .btn{ color:#FFFFFF !important; background-color:#d60776; border:1px solid transparent !important; }

.pg-title { position: absolute; left:10px; right: 10px; bottom:20px; }

.logo-container{
  vertical-align: top;
  display: inline-block;
  width:400px;
  height:100px;
  margin-top: 10px;
  margin-left: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-image: url('../images/logo.png?v=3');
}
.nav-container{
  vertical-align: top;
  display: inline-block;
  margin-top: 10px;
  width: calc( 100% - 420px );
  background-position: top left;
  background-repeat: repeat-x;
  background-size: auto 100px;


}






footer{
  padding-top:40px; 
  padding-bottom:30px;
  color:#FFFFFF;
  width:100%;
  text-align: center;
  font-size: 0.6em;
  padding-bottom:60px;
  background-color: rgba(0,0,0,0.6);

}
footer a:link, footer a:active, footer a:visited{ color:#FFFFFF;}
footer .snsContainer{ font-size: 2.4em;}

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



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

.snsContainer{
  height:55px;
  padding-right:15px;
  border-bottom: 2px solid #d60776;
}



.snsContainer ul li{
  display: inline-block;
}


.snsContainer ul a:link, .snsContainer ul a:active, .snsContainer ul a:visited  {

    text-align: center;
    margin: 5px 4px;
    display: block;
    background-color:transparent;
    -moz-transition: background-color .4s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    color: #FFFFFF;
}

.snsContainer ul a:hover {
    padding: 0;
    color:#d60776;

}


.snsContainer ul li a i{
  font-size: 28px;
  padding: 11px 0px 0px 0px;
}

.snsContainer ul li a i.fa-facebook{
  font-size: 30px;
  padding: 9px 0px 0px 1px;
}

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

.album-section{background-color: #e0e5eb;
  overflow: hidden; 
}

.album-section h1{
  color: #66c5e3;
}

.paraxify{
  background-color: #000000;
  background-position: center center;
  background-size: 100%;
  min-height: 600px;
}

/******************* BIO *********************/


.bio-section{
  background-color: #000000;
  margin: 0px auto;
  max-width: 900px;
  padding-bottom: 70px;
  width: 100%;
  text-align: center;

  text-transform: uppercase;
  font-family: din-condensed, sans-serif;
}

/**************** VIDEOS *****************/
  .videoContainer{ position: relative;  max-width:900px; margin:0px auto; width:100%; height:0px; padding-top:45%; }
  .videoContainer iframe{position: absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; }
    .video-section {background-color: #e0e5eb;}
  .video-section .overlay-image{text-transform: uppercase;}

  .video-bg{ background-image:url('../images/video-bg.jpg');
    background-repeat: repeat-x;
    background-position: center;


  }
  .hidevideos, .btn.hidevideos{display: none;}


/**************** LOGO WINDOW ******************************/
  
              .logo-section{ 
                  padding-top:60%;
                  background-image:url('../images/logo-w1000.png?v=3');
                  background-position: center;
                  background-size: 120%;
              }

              @media screen and (min-width:800px){

                .logo-section{  

                     background-size: 100%;
                }

              }

              @media screen and (min-width:1000px){
                .logo-section{  
                    background-image:url('../images/logo-w1500.png?v=3'); 
                    padding-top:35%;
                     background-size: 120%;
                }

              }
              @media screen and (min-width:1500px){
                  .logo-section{  
                      background-image:url('../images/logo-w2500.png?v=3'); 
                      padding-top:30%;
                      background-size: 120%;
                  }
              }

              @media screen and (min-width:2000px){
                  .logo-section{  
                      background-image:url('../images/logo-w2500.png?v=3'); 
                      padding-top:30%;
                      background-size: 120%
                  }
              }
  
/****************** TRACKLISTING *******************/

.tracklisting{
   font-size: 2em;
}
.tracklisting li {color:#66c5e3; line-height: 1em; }
.tracklisting li span{ font-size: 0.6em; color:#000000;  }
.tracklisting li .ln{ display: none; }


/****************** MERCH *******************/

.merch-section{ 
  padding-top:100px;
  padding-bottom:100px;
  background-color:#000000; 
  background-image: url('../images/bg-stars.jpg');
  background-position:top top left;
  background-attachment: fixed;
}

.swiper-wrapper{height: auto !important;}


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

  .live-section{ background-color: #000000;}

  .shows-filter {
    text-align: center;
    padding: 20px 0 10px;
    position: relative;
  }
  .shows-filter::before {
    content: '';
    position: absolute;
    top: 56%;
    left: 0;
    right: 0;
    height: 1px;
    background: #D60779;
    z-index: 0;
  }
  .shows-filter .btn {
    position: relative;
    z-index: 1;
  }
  .shows-filter-btn {
    border-color: #d60776;
    background-color: #000000 !important;
    transition: background 0.2s, color 0.2s;
  }
  .shows-filter-btn:hover,
  .shows-filter-btn.active {
    background-color: #d60776 !important;
    color: #ffffff !important;
  }

  .liveContainer{padding-top:70px; padding-bottom: 80px; text-align:left; margin:0px auto; max-width:1000px; width:95%;}
  /*.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:#FFFFFF;  font-weight: bold;}
  .liveContainer a:hover{ color:#d60776; }

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

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

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

  .s_dateblock{  float: left; width: 90px; background-color: #d60776; padding:10px 0px; text-align: center; color:#FFFFFF;}
  .s_location{ font-size:1.3em;}
  .s_details{ display: block; text-align: right; }
  .s_day{ font-size: 2.5em; line-height: 1em;}
  .s_month{ font-size: 0.9em;}
  .s_venue{ font-size: 1.8em; padding-bottom:5px; padding-top:10px; }
  .s_billing{ font-size: 0.7em; color: #aaaaaa; padding-top:4px; }
  .address{ padding-top:7px;  width:calc(100% - 205px); text-align:left;}
  .tour-section{ padding-bottom:40px; padding-top:20px; }


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

  .signup-section{ background-color: rgba(0,0,0,0.6); height:100%; background-image: url('../images/sign-up-bg.jpg');
  background-attachment: fixed; background-position: center; background-size: cover;


}
  .sign-up-container{ height:100%; }
  .signup-close{position: absolute; right:20px; top:20px; padding:20px; font-size:2em; color:#ebd8c0;}

  .signup-section h2{color:#ebd8c0;}
                  .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:80px 0px 0px 0px;
                      max-width:500px;
                      width:100%; 
                      font-size: 1em;
                      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.6em;
                        border:0px solid transparent;
                        color:#FFFFFF;
                        box-sizing: border-box;
                        letter-spacing: 0px;
                    }
                    #signup .emailContainer{
                      border-bottom:2px solid #FFFFFF;
                    }


                    #signup .submitButton{
                      text-align: center;
                    }
                    #signup .submitButton input{
                      border: 1px solid #FFFFFF;  
                      background-color: transparent;  
                      color:#FFFFFF !important;
                       padding:10px 20px 10px 20px;
                      width:auto;
                      line-height: 1em;
                      cursor: pointer;
                      margin: 0px auto;
                      font-size:1em;

                    }
                    #signup .submitButton input:hover{
                       background-color:#FFFFFF; 
                       color:#000000 !important;}

                    }

                    #signup .countryContainer{
                      padding-top:5px;
                    }
                    #signup select{
                      width:100%;
                      max-width: 450px;
                      padding:7px 10px; 
                        font-size:1.6em;          
                        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-2023.png?v=5');
                        background-repeat: no-repeat;
                        background-position: center right;
                        line-height: 1.1em;
                        color:#FFFFFF;    
                        text-transform:  uppercase;
                    }

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



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




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



    @media screen and (max-width:1080px){
        .menuContainer li{ padding: 0px 7px }

    }


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


      .snsContainer ul li a i, .snsContainer ul li a i.fa-facebook{
        font-size: 20px;
      }
      .snsContainer{ height:48px; }
    .header-container{
      background-position: 0px 10px;
      background-repeat: no-repeat;
      background-size: auto 100px;
      background-image: url('../images/logo_line.png?v=2');      
    }
    .logo-container{  
        width: 40% !important;
        /*display: none;*/
    }
    .nav-container{
      background-image: none;
      width: calc( 100% - 44% );
    }

    .menuContainer li{ font-size: 1.2em; }

             .date-item{width:100%;}
            .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;}
            .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; }
          .paraxify.p-bg1{ background-attachment: scroll; background-size: cover; background-repeat: no-repeat; min-height:400px; }
        }



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


    .header-container{
      background-position: 0px 10px;
      background-repeat: no-repeat;
      background-size: 140% !important;
      background-image: url('../images/logo_line.png?v=2');      
    }


  .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;}

 }

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


  .home .menuContainer, .menuContainer{ font-size:1em; position:relative; top:auto; left:auto; right:auto; }
  .menuContainer{ text-align: center !important; }
  .home .snsContainer{ position:relative; right:auto; top:auto; padding-top:0px; padding-right:5px; margin-top:0px;}
  .home .snsContainer ul li{display: inline-block;}

  .logo-container{
    height: 45px;
    width: 180px !important;
  }

  .snsContainer{ font-size: 0.8em; }
  .snsContainer ul li a i{
    padding:7px 0px 0px 1px;
    font-size: 24px;

  }
  .snsContainer ul li a i.fa-facebook{
    padding:6px 0px 0px 0px;
    font-size: 22px;
  }

    .nav-container{
      background-image: none;
      width:  100% ;
    }

 .home .logo-container{
  position: absolute;

  } 

  .order-container{ bottom:0px; left:0px; right:0px;}
  .order-container h1 span{ color: #d60776 !important; }

  .videoPlayerContainer{
    padding-top:65% !important;
  }
 .tracklisting .tracklisting-right  li span{ display: none; }
 .tracklisting .tracklisting-right  li .ln{ display: inline-block !important; }



}


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

  h1{ font-size: 2em !important; }

  header .header-container{ position: relative;  }
  header .top-banner{ min-height: 700px; }

.tracklisting  .tracklisting-right { border-left: 0px solid transparent !important; }


  footer{ padding-bottom:30px;}
  .order-container li{display: block;}
  .bgContainer{position:fixed; height:100vh;}
  .btn{padding: 5px 10px; width: 100%; display: block;  margin:2px 0px 4px 0px !important;}
  .order-links .btn{display: block; width:100%;}
  .s_ticket_container{font-size: 0.8em;}
  .menuContainer{text-align: center; padding-bottom:10px;}

  #signup .submitButton input{width: 100%;}

  .merch-section{ padding-top:30px; padding-bottom:30px; }

  .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; width:calc(100% - 182px);}

  .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;
  }


}

 @media screen and (max-width:480px){
    .home .menuContainer, .menuContainer{ font-size:0.8em;  }
    .menuContainer li{padding:0px 6px;}

    .header-container{       
        background-image: url('../images/logo_mobile.png?v=2'); 
        background-position: 50% 10px ;  
      background-size: 120% !important;
    }




}

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

}