body {
	height: 100%;
	color: #333;
	background: #fff;
	padding: 0 !important;
	margin: 0;
}

header {
	padding: 16px;
	text-align: center;
}

header p {
	font-size: 16px;
}

h1 span {
	font-size: 128px!important;
}

h1.logoin {
	font-size: 128px;
}

.logoin small {
	font-size: 10%;
	color: rgba(41,41,41, .8);
}

.input-inverse {
  background-color: #333;
  color: #fff;
}

.input-xs {
  height: 24px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.462;
  border-radius: 3px;
  border: 1px solid rgba(51,51,51, .2);
}

.input-sm {

  line-height: 1.462;
  border-radius: 4px;
  border: 1px solid rgba(51,51,51, .2);
}

.input-sm:focus {
	border: 1px solid #ffd64e;
}

.input-group.btn {
	line-height: 21px;
}

.input-group .form-control {
	border: 1px solid #333;
	border-radius: 3px;
}

.input-group .form-control:focus {
	border: 1px solid #1abc9c;
	border-radius: 3px;
}

.input-group .btn-inverse {
	line-height: 21px;
	background-color: #333;
	border: 1px solid #333;
}

#superbtn {
	margin-bottom: -96px;
	border-radius: 0;
	font-size: 64px;
	padding: 96px;
	font-weight: 500;
}

.midnightHeader.white .link {
	color: rgba(255,255,255, .8);
}

.midnightHeader.white .link:hover {
	color: rgba(255,255,255, 1);
}

p {
	font-size: 16px;
	font-weight: 300;
}

strong {
	font-weight: 400;
}

section {
	#border-bottom: 1px solid rgba(0,0,0,.1);
	min-height: 540px;
	padding-bottom: 128px;
}

footer {
	display: block;
	background-color: #333;
	margin-top: 96px;
	padding: 36px 0;
	text-align: center;
}

footer form {
	margin-bottom: 36px;
}

footer .pull-right p {
	text-align: right;
}

hr {
	border-top: 1px solid rgba(0,0,0,.1);
}

#banner {
	padding: 64px 0;
	background-color: #333;
	color: rgba(255,255,255, .2);
	text-align: center;
	vertical-align: middle;
}

#banner h1 {
	font-size: 128px;
}

#banner p {
	font-size: 20px;
}

#banner-light {
	padding: 64px 0;
	background-color: #fafafa;
	color: rgba(51,51,51, .8);
	text-align: center;
	vertical-align: middle;

}

#banner-light h1 {
	font-size: 128px;
}

#banner-light p {
	font-size: 20px;
}

.intro {
	text-align: center;
	padding: 16px 0;
}

section#pricing {
	background-color: #fff;
}

.overlay {
	color: #fff;
}

.navbar-default {
	background-color: transparent;
	padding: 0;
	text-transform: uppercase;
	border-top: 4px solid #333;
}

.navbar-default .navbar-brand {
	color: #fff;
	background-color: #333;
	padding: 10px 12px 6px;
	font-weight: 400;
	font-size: 40px;
	height: 74px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	background-color: #333;
}

.navbar-default .navbar-nav > li > a {
	color: rgba(51,51,51,.7);
	font-size: 12px;
	font-weight: 500;
}

.navbar-default .navbar-nav > li > a:hover {
	color: rgba(51,51,51,.8);
}

.navbar > .container .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -21px;
}

#angle-down {
	#bottom: -20px;
}

#spec {
	background-color: #fff;
}

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

.logo {
	background-image: url(../images/ghosted-logo-alpha.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 250px;
	margin: auto;
}

#defaultCountdown { width: 40%; height: 50%; text-align: center; margin: 24px auto; }

.slogan {
	text-align: center;
	display: block;
	padding: 64px;
	font-size: 36px;
	font-weight: bold;
	#background-color: #fff;
	color: rgba(0,0,0,.6);
}

.st-menu {
	background: #9B59B6;
}

.st-menu h6 {
	color: rgba(0,0,0,.4);
}

.panel-default {
	border-color: rgba(51,51,51,.08); !important;
  -webkit-box-shadow: 0 1px 1px rgba(51,51,51, 0);
  box-shadow: 0 1px 1px rgba(51,51,51, 0);
}

.panel-default a {
  color: rgba(255,255,255, .8);
}

.panel-default a:hover {
  color: #fff;
}

.panel-default .panel-heading {
  background-color: rgba(51,51,51,1);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-color: transparent;
}

.panel-default .panel-heading a {
  color: rgba(255,255,255, .8);
}

.panel-default .panel-heading a:hover {
  color: #fff;
}

.panel-default .panel-body {
  background-color: rgba(51,51,51,.9);
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  border-color: transparent;
}

.panel-default .panel-body p {
  font-weight: 300;
  font-size: 14px;
}

.panel-default .panel-footer {
  background-color: rgba(51,51,51,.94);
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  border: none;
}

.panel-primary {
	border-color: rgba(51,51,51,.08); !important;
  -webkit-box-shadow: 0 1px 1px rgba(51,51,51, 0);
  box-shadow: 0 1px 1px rgba(51,51,51, 0);
}

.panel-primary a {
  color: rgba(255,255,255, .8);
}

.panel-primary a:hover {
  color: #fff;
}

.panel-primary .panel-heading {
  background-color: rgba(26,188,156,1);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-color: transparent;
}

.panel-primary .panel-heading a {
  color: rgba(255,255,255, .8);
}

.panel-primary .panel-heading a:hover {
  color: #fff;
}

.panel-primary .panel-body {
  background-color: rgba(26,188,156,.84);
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  border-color: transparent;
}

.panel-primary .panel-body p {
  font-weight: 300;
  font-size: 14px;
}

.panel-primary .panel-footer {
  background-color: rgba(26,188,156,.94);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border: none;
  text-transform: uppercase;
}

.tagsinput {
  background-color: rgba(51,51,51, .4);
  height: 36px;
  border: 0 solid rgba(51,51,51, .84);
  border-radius: 3px;
}

.tagsinput .tag {
  background-color: rgba(51,51,51, .6);
}

.tagsinput-add {
  background-color: rgba(51,51,51, .8);
}

input#email {
  background-color: rgba(51,51,51, .8);
  height: 32px;
  border: 1px solid #1abc9c;
  border-radius: 3px;
  text-align: center;
  color: #fff;
}

section#pricing .panel {
	text-align: center;
	list-style: none;
}

section#pricing .panel-body > li {
	margin: 8px 0;
}



.progress {
  height: 8px;
  border-radius: 3px;
}

.spacer {
	height: 40px;
}

.spacer-xs {
	height: 20px;
}

.spacer-md {
	height: 80px;
}

.spacer-lg {
	height: 120px;
}

.spacer-big {
	height: 160px;
}

.no-csstransforms3d .st-pusher, .no-js .st-pusher {
	padding-left: 0;
}

.box {
	vertical-align: middle;
	margin: auto;
	text-align: center;
	margin-top: 20%;
}
.navbar-inverse {
	background-color: #22252e;
}

.head {
	text-align: center;
}

#motto {
	margin-bottom: 40px;
}

.btn {
	border-radius: 3px;
}

.btn-off {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-off:hover,
.btn-off:focus,
.btn-off:active,
.btn-off.active,
.open .dropdown-toggle.btn-off {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-off:active,
.btn-off.active,
.open .dropdown-toggle.btn-off {
  background-image: none;
}
.btn-off.disabled,
.btn-off[disabled],
fieldset[disabled] .btn-off,
.btn-off.disabled:hover,
.btn-off[disabled]:hover,
fieldset[disabled] .btn-off:hover,
.btn-off.disabled:focus,
.btn-off[disabled]:focus,
fieldset[disabled] .btn-off:focus,
.btn-off.disabled:active,
.btn-off[disabled]:active,
fieldset[disabled] .btn-off:active,
.btn-off.disabled.active,
.btn-off[disabled].active,
fieldset[disabled] .btn-off.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-off .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-on {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-on:hover,
.btn-on:focus,
.btn-on:active,
.btn-on.active,
.open .dropdown-toggle.btn-on {
  color: #fff;
  background-color: #1abc9c;
  border-color: #1abc9c;
}
.btn-on:active,
.btn-on.active,
.open .dropdown-toggle.btn-on {
  background-image: none;
}
.btn-on.disabled,
.btn-on[disabled],
fieldset[disabled] .btn-on,
.btn-on.disabled:hover,
.btn-on[disabled]:hover,
fieldset[disabled] .btn-on:hover,
.btn-on.disabled:focus,
.btn-on[disabled]:focus,
fieldset[disabled] .btn-on:focus,
.btn-on.disabled:active,
.btn-on[disabled]:active,
fieldset[disabled] .btn-on:active,
.btn-on.disabled.active,
.btn-on[disabled].active,
fieldset[disabled] .btn-on.active {
  background-color: #1abc9c;
  border-color: #1abc9c;
}
.btn-on .badge {
  color: #1abc9c;
  background-color: #fff;
}

.btn-empty {
  color: #333;
  background-color: transparent;
  border: 2px solid #333;
}
.btn-empty:hover,
.btn-empty:focus,
.btn-empty:active,
.btn-empty.active,
.open .dropdown-toggle.btn-empty {
  color: #333;
  background-color: rgba(26,188,156,.2);
  border-color: #333;
}
.btn-empty:active,
.btn-empty.active,
.open .dropdown-toggle.btn-empty {
  background: transparent;
  border-color: #333;
}
.btn-empty.disabled,
.btn-empty[disabled],
fieldset[disabled] .btn-empty,
.btn-empty.disabled:hover,
.btn-empty[disabled]:hover,
fieldset[disabled] .btn-empty:hover,
.btn-empty.disabled:focus,
.btn-empty[disabled]:focus,
fieldset[disabled] .btn-empty:focus,
.btn-empty.disabled:active,
.btn-empty[disabled]:active,
fieldset[disabled] .btn-empty:active,
.btn-empty.disabled.active,
.btn-empty[disabled].active,
fieldset[disabled] .btn-empty.active {
  background-color: transparent;
  border-color: #333;
}

.btn-inverse {
  color: #ffffff;
  background-color: #333;
  border-color: #333;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: #ffffff;
  background-color: rgba(51,51,51,.9);
  border-color: rgba(51,51,51,.9);
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-inverse .badge {
  color: #5bc0de;
  background-color: #ffffff;
}

#loginbtn:hover {
  background-color: #BBA600;
  border-color: #BBA600;
}

.btn-yellow {
  color: #333;
  background-color: #A89968;
  border-color: #A89968;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  color: #333;
  background-color: #f4ae00;
  border-color: #f4ae00;
}
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  background-image: none;
}
.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  background-color: #ffd64e;
  border-color: #ffd64e;
}
.btn-yellow .badge {
  color: #333;
  background-color: #ffd64e;
}


@media (max-width: 767px) {

#superbtn {
	margin-bottom: -96px;
	border-radius: 0;
	font-size: 24px;
	padding: 36px;
	font-weight: 500;
}

.overlay p {
	font-size: 14px;
}

.overlay-close {
	visibility: hidden;
	height: 0;
}

.overlay h3 {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 24px;
}

.overlay .spacer {
	height: 2px;
}

.overlay .container {
	margin-top: -36px;
}

header {
	padding: 8px;
}

header .navbar {
	text-align: left;
}

header .navbar-nav {
	margin: 0 -14px;
}

#banner {
	padding: 64px 0;
	background-color: #333;
	color: rgba(255,255,255, .2);
	text-align: center;
	vertical-align: middle;
}

#banner h1 {
	font-size: 40px;
}

#banner p {
	font-size: 16px;
}

#banner-light h1 {
	font-size: 40px;
}

#banner-light p {
	font-size: 16px;
}

.navbar-collapse {
	background-color: #333;
	border-color: #333!important;
	padding: 4px 0 8px;
	font-weight: 500;
	font-size: 12px;
}

.navbar-collapse a {
	color: rgba(255,255,255, .8);
}

.navbar-collapse a:hover {
	color: rgba(255,255,255, 1);
}

.navbar-default .navbar-toggle:before {
	color: #333;
}

.spacer-lg {
	height: 24px;
}

section {
	padding: 0;
}

}