html {
	background-color: #333;
	color: #ddd;
	font-family: 'Open Sans', sans-serif;
	background: #485563;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #29323c, #485563);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #29323c, #485563); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

body {
	max-width: 1000px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.header-wrap {
	margin-left: auto;
	margin-right: auto;
}

.header {
	color: #3bafda;
	text-align: center;
	font-size: 235%;
	background-color: #222;
	padding: 4px;
}

.content {
	background-color: rgba(63,63,63,.5);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	min-height: 600px;
	border: 1px solid rgba(128,128,128,.5);
}

.footer {
	color: #ccc;
	text-align: center;
	background-color: #222;
	padding: 4px;
}

.image {
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.question {
	font-weight: 900;
}

.answer {
	 font-style: italic;
	 padding-left: 20px;
	 padding-right: 20px;

}

ul.checklist {
  list-style: none;
  padding-left: 0;
}
ul.checklist li {
  position: relative;
  padding-left: 1.5em;  /* space to preserve indentation on wrap */
}
ul.checklist li:before {
  content:"\2713\0020";
}

a {
	color: #ddf;
}

a:visited {
	color: #ddf;
}

a:hover {
	color: #bbf;
}

input {
	border: none;
	background-color: #333;
	color: #ddd;
	padding: 2px;
}

textarea {
	border: none;
	background-color: #333;
	color: #ddd;
	padding: 2px;
}

table {
	margin-left: auto;
	margin-right: auto;
}

input.invalid {
	background-color: #933;
}

span#comment {
	padding-left: 5px;
}

div.message {
	text-align: center;
	padding: 20px;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background-color: #222;
}

div.warning {
	text-align: center;
	padding: 20px;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background-color: #533;
}

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

div a.buy-with-crypto {
	background: #222;
}

div a.buy-with-crypto:hover {
	background: #555;
}

#submit {
	background-color: #222;
    border: none;
    border-radius: 4px;
    color: white;
    padding: 10px;
    font-weight: 900;
}

#submit:disabled {
	color: gray;
}

/********************************
***********  FAQ CSS  ***********
********************************/

.faq a {
	color: #282425!important;
}
.faq ul.nav.nav-tabs > li{
	display: inline-block;
	line-height: 50px;
	text-transform:uppercase;
}
.faq ul.nav.nav-tabs > li a{
	display:block;
	padding:15px;
	color: #282425!important;

}
.faq ul.nav.nav-tabs > li a:hover, .faq ul.nav.nav-tabs > li:hover{
	background:	#FB282F;
	color:#fff!important;
	text-decoration: none!important;
}
.faq ul.nav.nav-tabs > li a.active{
	background:	#282425;
	color:#fff!important;
	text-decoration: none!important;
}
.faq .card-header {
    background-color: rgb(245,245,245,0.3)!important;
	border-radius:0!important;
}
.faq .card{
border-radius:0!important;
}

.faq .card > .card-header a::before {
    font-family: fontawesome;
    content: "\f067 ";
    color: #282425;
    float: right;
    margin-right: 15px;
    font-weight: 400;
    position: absolute;
    right: 0;
}

/********************************
**********  MENU CSS  ***********
********************************/
ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #222;
}

.menu li {
  float: left;
}

.menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: #111;
}

.product {
	border-bottom: 1px solid #333;
	padding: 10px;
	background-color: #4D555B;
}

div .product:nth-of-type(odd) {
	background-color: #586268;
}

.product h3 {
	color: #fff;
}

.offering {
	display: inline-block;
    vertical-align: sub;
    padding-left: 10px;
}

.purchased {
	color: #ffc7c7;
}

.available {
	color: #ccc;
}

.clickable {
	cursor: pointer;
}

/* .squaredTwo */
.squaredTwo {
	display: inline-block;
	margin-top: 5px;
	width: 28px;
	height: 28px;
	position: relative;
	margin-left: 5px;
	background: #fcfff4;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfff4), color-stop(40%, #dfe5d7), to(#b3bead));
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
		-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.squaredTwo label {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 4px;
	top: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#45484d));
	background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
		-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.squaredTwo label:after {
	content: '';
	width: 9px;
	height: 5px;
	position: absolute;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
		-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
	opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
	visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label:after {
	opacity: 1;
}

@media only screen and (max-device-width: 1000px) {
	body {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	table, button {
	}

	input {
		font-size: 86%;
	}
}