/*PRE-RELEASE PAGE:*/

.cd {
  text-align: center;
  position:relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#releasetext {
  padding-top:0px;
  margin-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
  text-align:center;
  color:#eeeeee;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: none;
  font-family: Abel;
  font-size:2.5vh;
}

#bundtext, #bundtextlink {
  padding-top:0px;
  margin-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
  text-align:center;
  color:#999999;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: none;
  font-family: Abel;
  font-size:2vh;
}

#bundtextlink:hover {
  color:#eeeeee;
}

#undercd {
  margin:0px;
  width:55%;
}

#cd_d, #cd_t, #cd_m, #cd_s {
  background:#000000;
}

#cdline, #cd_d, #cd_t, #cd_m, #cd_s {
  padding-top:0px;
  margin-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
  text-align:center;
  color:#eeeeee;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: none;
  font-family: Abel;
  font-size:7vh;
  letter-spacing: 5px;
}

#top {
  margin-top:0px;
  padding-top:0px;
  /*background:#ff0000;*/
  overflow:hidden;
  /*position:relative;*/
  height:10vh;
  width:100%;
}

#pre-top {
    margin-top:0px;
    padding:0px;
    /*background:#ff0000;*/
    overflow:hidden;
    /*position:relative;*/
    height:100px;
    width:100%;
}

#bottom {
  margin:0px;
  padding:0px;
  /*background:#ff0000;*/
  overflow:hidden;
  /*position:relative;*/
  height:10vh;
  width:100%;
}

#left {
  margin:0px;
  padding:0px;
  /*background:#0000ff;*/
  /*display:inline-block;*/
  float:left;
  overflow:hidden;
  /*position:relative;*/
  /*height:100vh;*/
  width: 40%;/*calc((100vw - 300px)/2);*/
  height: calc(100vh - 20vh);
}

#right {
  margin:0px;
  padding:0px;
  /*background:#00ff00;*/
  /*display:inline-block;*/
  float:right;
  overflow:hidden;
  /*position:relative;*/
  /*height:100vh;*/
  width: 40%;/*calc((100vw - 300px)/2);*/
  height: calc(100vh - 20vh);
}

#middle {
  margin:0px;
  padding:0px;
  height: calc(100vh - 20vh);
  width:20%;
  /*height:100vh;*/
  text-align: center;
  /*display:inline-block;*/
  float:left;
  /*width:300px;
  margin: auto;*/
  overflow:hidden;
  /*position:relative;*/
  /*top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
}

#coin100{
    margin: 10px auto 0;
    height: 10vh;
}
#coin{
    height: 10vh;
    position: relative;
    float: left;
    margin: 0 2% 0px 37%;
}
#call{
    padding: 3vh 0 0 5px;
    position: relative;
    margin: auto;
    text-align: left;
    color:#eeeeee;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Call;
    font-size:4vh;
}

#pre_logo {
    text-align:center;
    top:0px;
    height:100%;
    margin:0px;
    padding:0px;
}

#logo_pre {
    text-align:center;
    height:100%;
    margin: 0px;
    padding:0px;
    padding-top:0px;
}

#prereleaseform {
  display:block;
  width:100%;
  overflow:hidden;
  background:#eeeeee;
  border-radius:10px;
  margin: 0px;
  position:relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#prereleaseform h2 {
  font-size: 3vh;
}

.g-recaptcha {
  width:100%;
}

/*PRE-RELEASE PAGE END*/

.containertop {
  display:block;
  width:300px;
  margin: auto;
  overflow:hidden;
  background:#eeeeee;
  border-radius:10px;
  position:relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.errorcode {
  font-family: 'Tungsten Bold';
  font-size:18px;
  color:#ff0000;
  text-align: left;
  margin:0px;
  padding:0px;
  text-transform:uppercase;
}

#formage {
  font-family: Abel;
  font-size: 16px;
  width: 50px;
  height: 40px;
  margin: auto;
  background:#222222;
  border:0px;
  color:#eeeeee;
}

#formagetext {
  text-align:right;
  margin-right:41px
}

.forminput {
    font-family: 'Tungsten Bold';
    font-weight: bold;
    text-transform: uppercase;
	font-size: 18px;
	width: 100%;
	height: 40px;
	margin-top:0px;
	background:#222222;
	border:0;
	border-bottom:1px solid #65676f;
	color:#eeeeee;
}

.forminput:focus {
	outline:0;
}

.submit {
    font-family: 'Tungsten Bold';
    font-weight: bold;
    text-transform: uppercase;
	background-color: #32c871;
	font-size:18px;
	border:0;
	border-radius:20px;
	padding:10px 20px;
	outline:none;
	text-transform:uppercase;
	color:#000000;
	cursor:pointer;
	letter-spacing:1px;
}

.submit:hover {
	color:#ffffff;
}

.containertop p {
  text-align: center;
}

.oprettekst {
  font-family: 'Titillium Web';
  color: #222222;
  font-size:14px;
  margin:0px 0px 0px 0px;
  padding:0px;
}

.containertop h2 {
  text-align: center;
}

hr {
    display: block;
    width:80%;
    height: 1px;
    border: 0;
    border-top: 1px solid #222222;
    /*margin: 1em 0;*/
    padding: 0;
}