/************************************** 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; }


/************************************** FONT **************************************/

/* Webfont: Yapari-MediumExpanded */@font-face {
    font-family: 'YapariMedExp';
    src: url('../font/Yapari-MediumExpanded.eot'); /* IE9 Compat Modes */
    src: url('../font/Yapari-MediumExpanded.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/Yapari-MediumExpanded.woff') format('woff'), /* Modern Browsers */
         url('../font/Yapari-MediumExpanded.woff2') format('woff2'), /* Modern Browsers */
         url('../font/Yapari-MediumExpanded.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



/************************************** GLOBAL **************************************/
html{width: 100%; height: 100%;}
body{ width: 100%; height: 100%; margin:0px; padding:0px; background-color: #ff0600; color: #FFFFFF; margin: 0; font-size:18px; font-family:eurostile, sans-serif; line-height:20px; font-weight:600; font-style: normal; letter-spacing:1px; }


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, .btn:link, .btn:active, .btn:visited{
    color:#FFFFFF; 
    border: 1px solid #FFFFFF;
    background-color: transparent;
    padding: 7px 15px;
    display: inline-block;
    min-width: 300px;
    font-weight: 800;
    font-size: 0.9em;
    border-radius: 0px;
    text-transform: uppercase;
    line-height: 1.2em;
  }
a.btn:hover{background-color:#FFFFFF !important; 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-white{ background-color:#FFFFFF !important; color:#12565b !important;}

@media screen and (max-width:990px){
  .btn{
            min-width: auto !important;
            width: 100%;

  }
}


.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: 1.9em; font-family: "YapariMedExp", Georgia; font-weight:normal; letter-spacing: 2px;}
h2{ color:#FFFFFF; font-size:1.6em; font-weight:100; letter-spacing: 0px;}
h1 .sml{ font-color:#FFFFFF; font-size: 0.3em;}
h3{ color:#FFFFFF; font-weight:800; font-size:1.2em; letter-spacing: 1px; padding-top:5px; padding-bottom:5px;}
h4{ color:#FFFFFF; font-size:1.1em;  letter-spacing: 2px; line-height: 1.3em;}
h4 strong{ color: #FFFFFF;} 
.customize-support{ position: relative;}


.text-black{color: #000000;}

.dark-grey{
	color:#515151;
}



#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;
	font-family: "freight-neo-pro",serif; letter-spacing:2px;
	text-transform: uppercase;
	margin-bottom:10px;
	padding:10px 10px;
}

.order-links{ padding-bottom: 10px; }



header{
   height: 100%;position: relative;

}


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






footer{
	padding-top:40px; 
	padding-bottom:0px;
	color:#FFFFFF;
	width:100%;
	text-align: center;
	font-size: 0.6em;

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


/**************** CHEVRON ***********************/

.chevron-container {
   position: absolute;
   left: 50%;
   bottom: 100px;
   margin-left: -15px;
}

.chevron {
  position: absolute;
  width: 2.1rem;
  height: 4px;
  opacity: 0;
  transform: scale(0.3);
  animation: move-chevron 3s ease-out infinite;
}

.chevron:first-child {
  animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
 content: '';
 position: absolute;
 top: 0;
 height: 100%;
 width: 50%;
 background: #FFFFFF;
}

.chevron:before {
 left: 0;
 transform: skewY(30deg);
}

.chevron:after {
 right: 0;
 width: 50%;
 transform: skewY(-30deg);
}

@keyframes move-chevron {
 25% {
  opacity: 1;
  }
 33.3% {
  opacity: 1;
  transform: translateY(2.1rem);
 }
 66.6% {
  opacity: 1;
  transform: translateY(3.12rem);
 }
 100% {
  opacity: 0;
  transform: translateY(4.8rem) scale(0.5);
 }
}

@media screen and (max-width:990px){
  .chevron-container { display: none;}
}

/**************** MENU ***********************/


.menu-container{
  position: absolute;
  top: 10px;left: 10px; right: 10px;z-index: 2000;
}

.menu-container .main-menu a:link{
  font-weight: normal;
   text-transform: uppercase;
}

.menu-container .main-menu li{
  padding-left: 10px; 
  padding-right: 10px;
}

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


.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:#FFFFFF;

}


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

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



.album-bundles h2{ padding-top:5em; }
 @media screen and (max-width:990px){
  .album-bundles h2{ padding-top:4em; }
}

 @media screen and (max-width:766px){
  .album-bundles h2{ padding-top:30px; }
}
/**************** VIDEO ***********************/


  .video-section{ background-color: #000000; }
  .videoPlayerContainer{position:relative; height:0px; padding-top:50%;}
  .videoPlayerContainer iframe{position: absolute; width:100%; height:100%; top:0px; left:0px; bottom:0px; right:0px;}


  @media screen and (max-width:990px){
  .videoPlayerContainer{padding-top:65%;}
  }

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

	.signup-section{ height:100%; }
  .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:20px 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:1em;
                        font-weight: 800;
                        border:0px solid transparent;
                        color:#FFFFFF;
                        box-sizing: border-box;
                        letter-spacing: 1px;
                    }
                    #signup .emailContainer{
                      border-bottom:6px solid #FFFFFF;
                    }


                    #signup .submitButton{
                      text-align: center;
                    }
                    #signup .submitButton input{
                      border: 1px solid #FFFFFF;  
                      background-color: transparent;  
                      color:#FFFFFF !important;
                      padding:7px 20px 7px 20px;
                      width:auto;
                      min-width: 300px;
                      font-weight: 800;
                      line-height: 1.12em;
                      cursor: pointer;
                      margin: 0px auto;
                      letter-spacing: 1px;
                    }
                    #signup .submitButton input:hover{
                       color:#d5036c;
                     
                    }

                    #signup .countryContainer{
                      padding-top:5px;
                    }

          .countryContainer{
               position: relative;
          }
          .countryContainer::after {
               content: '';
               position: absolute;
               top: 50%;
               margin-top: -4px;
               right: 10px;
               width: 0;
               height: 0;
               border-left: 10px solid transparent;
               border-right: 10px solid transparent;
              z-index: 1;
          }

                    #signup select{
                      width:100%;
                      max-width: 450px;
                      padding:7px 10px; 
                        font-size:1em;    
                        font-weight: 800;      
                        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-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;
                    }



 




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






        @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;}
            .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.kylie-bg1{ background-attachment: scroll; background-size: cover; background-repeat: no-repeat; min-height:400px; }
        }



 @media screen and (max-width:767px){
    header .top-banner{height: 110vh;}

	.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){


h1{font-size: 1.3em; }
h2{ font-size:1.6em; }
h3{ font-size:1.2em; }
h4{ font-size:1em;  }



    .home .menuContainer, .menuContainer{ font-size:0.7em; position:relative; top:auto; left:auto; right:auto; }
    header{ background-image:none;}
 	.home .snsContainer ul li{display: inline-block;}

 	.snsContainer ul li a i{
 		padding:7px 0px 0px 1px;

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


 	.home header .top-banner, header .top-banner{
 		background-image:none;
    height:auto;
   	}

    header .header-container{ background-image: none; }


	.order-container{ position: relative; bottom:auto; left:auto; right:auto;}

 	footer{	padding-bottom:10px;}
  .order-container li{display: block;}
 	.bgContainer{position:fixed; height:100vh;}
 	.btn{padding: 5px 10px; width: 100%; display: block;  margin:2px 0px 0px 0px !important;}

 	.order-links .btn{display: block; width:100%;}
 	.menuContainer{text-align: center; padding-top:0px; padding-bottom:10px;}
 	.menuContainer li{ padding:0px 3px 0px 3px;}

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

}

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

}