body {
	background: #000;
	color: #fff;
	font-family:"HelveticaNeueLTStd-BdCn";
	padding-bottom: 40px;
}
.container {
	padding-top: 20px;
}

a {
	color: #3ac3e3;
}

a:hover {
	color: #f1f59a;
	text-decoration: none;
}

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


.album-art img {
	width: 50%;
	height: auto;
	margin: 0 auto 10px;
    display: block;
}
@media (max-width: 500px) {
	.album-art img {width: 100%; height: auto;}
}

p.presale-signup {
	    font-family:"Brady Bunch Remastered";
	    text-align: center;
	    text-transform: uppercase;
	    font-size: 40px;
}


.input__field {
	background: #000;
    color: #3ac3e3;
    width: 400px;
    display: block;

    margin: 0 auto;
    text-align: center;
    border: none;
    font-size: 30px;
  
}

input#ss-submit {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-family:"Brady Bunch Remastered";
	font-size: 40px;
	color: #000;
	background: #3ac3e3;
	padding: 0px 14px;
	border: none;
	border-radius: 4px;
	
}
/*

COUNTDOWN STLYES
*/

/*
.countdown-wrapper {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
*/

.flip-clock-wrapper {
	width: 650px;
	margin: 80px auto 40px auto;
}

	.countdown {
		   zoom: 0.9;
	   -moz-transform: scale(0.9)
	}


.countdown-wrapper { margin: 0 auto;}

.countdown.flip-clock-wrapper ul {
  height: 84px;
  margin: 0 7px;
  width: 56px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.countdown.flip-clock-wrapper ul li {
  line-height: 84px;
}

.countdown.flip-clock-wrapper ul li a div div.inn {
  background-color: #3ac3e3;
  color: #fff;
  font-size: 70px;
  text-shadow: 2px 5px 0px #000;
}

.countdown.flip-clock-wrapper ul,
.countdown.flip-clock-wrapper ul li a div div.inn {
  border-radius: 8px;
}

.countdown.flip-clock-wrapper ul li a div.down {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.countdown.flip-clock-wrapper ul li a div.up:after {
  top: 41px;
}

.countdown .flip-clock-dot.top {
  top: 23px;
}

.countdown .flip-clock-dot.bottom {
  top: 51px;
}

.countdown .flip-clock-dot {
  height: 10px;
  left: 10px;
  width: 10px;
  background: #3ac3e3;
}

.countdown .flip-clock-divider {
  height: 84px;
  width: 30px;
}
.countdown .flip-clock-divider:first-child {
  width: 0;
}

.countdown .flip-clock-divider.seconds .flip-clock-label,
.countdown .flip-clock-divider.minutes .flip-clock-label {
  right: -140px;
}

.countdown .flip-clock-divider .flip-clock-label {
  color: #fff;
  font-size: 48px;
  width: 140px;
      font-family:"Brady Bunch Remastered";
      
}


.flip-clock-divider .flip-clock-label {
    right: -136px;
  }


@media (max-width: 500px) {
	.countdown {
		   zoom: 0.5;
	   -moz-transform: scale(0.5)
	}
	.countdown.flip-clock-wrapper ul li a div div.inn {
		font-size: 38px;
	}
	.countdown .flip-clock-divider .flip-clock-label {
		font-size: 20px;
		}
	html, body {     overflow-x: hidden;
		width: 100%;
	}
	.input__field {
		width: 100%;
	}
}


.preorder-btn {
text-align: center;
text-align: center;
    margin: 20px auto 10px;
    /* font-family: "Brady Bunch Remastered"; */
    font-size: 26px;
    color: #000;
    background: #3ac3e3;
    /* padding: 0px 28px; */
    border: none;
    border-radius: 4px;
    display: block;
    width: 283px;
    text-transform: uppercase;
   }

.presave-btn {
text-align: center;
    margin: 20px auto 10px;
/*     font-family: "Brady Bunch Remastered"; */
    font-size: 33px;
    color: #000;
    background: #3ac3e3;
    padding: 0px 14px;
    border: none;
    border-radius: 4px;
    display: block;
    width: 350px;
   }
   
   .btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin: 4px 0;
    border: solid 1px transparent;
    border-radius: 4px;
    padding: 0.5em 1em;
    color: #FFFFFF;
    background-color: #3AC3E3;
/*     font-family:"HelveticaNeueLTStd-LtCn"; */
/* font-family: "HelveticaNeueLTStd-BdCn"; */
    text-transform: uppercase;
    font-size: 16px;
}

.btn.spotify {
	background-color: #1ED761;
}


   .btn:hover {
	       border: solid 1px #3AC3E3;
	           color: #3AC3E3;
	               background-color: #fff;
   }
.btn.spotify:hover {
	border: solid 1px #1ED761;
	color: #1ED761;
	}

.btn.outnow {
	background-color: #CA2728;
	font-size: 20px;
}

.btn.outnow:hover {
	border: solid 1px #CA2728;
	color: #CA2728;
	background-color: #fff;
	}
	


#navlist
{
padding: 0;
margin: 0;
list-style-type: none;

color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

 #navlist li {
	display: inline;
}


.buttons {
	    margin: 20px 0;
}



h3.albumoutnow {
	    font-family: "Brady Bunch Remastered";
	    text-align: center;
	    font-size: 80px;
}


ul.footer-socials {
	margin: 80px 0 20px;
	padding: 0;
	text-align: center;
}
ul.footer-socials li {
	display: inline;
	margin: 0 8px;
}
ul.footer-socials li a {
	font-size: 38px;
	color: #CA2728;
}

ul.footer-socials li a:hover {
	color: #3AC3E3;
}