html, body { 
	height: 100%; 
}


body {
	background-color: #141414;
	font-family: proxima-nova;
	overflow: hidden;
}




/*TYPE*/

.extra-bold{
	font-weight: bold;
	font-size: 48px;
}

a{
	text-decoration: none;
	color: #cccaca;
}

header, footer, a:hover {
    color: white;
}

h5{
	font-weight: 100;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 2px;
}

.main-list,.extra-bold{
	text-align: center;
	color: #cccaca;
	line-height: 61px;
	letter-spacing: 5px;
	text-transform: uppercase;
	word-wrap: inherit;
}

.main-list, .extra-bold a:nth-child(odd) {
    color: #ffffff;
}

.main-list, .extra-bold a:nth-child(even) {
	color: #cccaca;
}

.main-list, .extra-bold a:hover {
    color: #424242;
}






/*MAIN STRUCTURE*/

header {
	width: 100%;
	min-width: 645px;
	height: 80px;
	background-color: #141414;
	position: fixed;
	top:0;
	text-transform: uppercase;
	padding-bottom: 35px;
	z-index: 1000;
}

footer {
	width: 100%;
	min-width: 645px;
	height: 80px;
	background-color: #141414;
	position: fixed;
	bottom:0;
	text-transform: uppercase;
	padding-top: 35px;
	z-index: 1000;
}

.container {
	width: 100%;
	height: 100%;
	min-width: 645px;
	/*background-color: red;*/
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: -1000;
}

/*.content {
	background-color: white;
	width: 1366px;
	height: 400px;
}*/

.content {
	/*background-color: white;*/
	max-width: 1140px;
/*	width: 80%;*/
	min-width: 645px;
	min-height: 400px;
	max-height: 800px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}




/*Header Specs*/

.top-nav-border{
	width: 90%;
	border-bottom: 1px solid #424242;
	margin: 0 auto;
	position: absolute;
	bottom: 25px;
	left: 50px;
	z-index: -2;
	background-color: #141414;
}

.top-left-nav{
	position: absolute;
	top: 20px;
	left: 20px;
	height: 80px;
	z-index: 3;
	background-color: #141414;
	padding-bottom: 10px; 
}
.top-left-nav h3{
	border: 1px solid #424242;
	width: 40px;
	height: 30px;
	padding: 16px 10px 1px 12px;
	position: relative;
	top: -10px;
	display: block;
	float: left;
	margin-right: 10px;
	text-align: center;
	font-weight: 100;
	font-size: 31px;
	line-height: 18px;
	letter-spacing: 2px;
	color: #424242;
}

.top-left-nav h3:hover{
	color: #cccaca;
}

.top-left-nav h5{
	width: 150px;
	padding: 0 100px 0 90px;
}

.back-to-top{
	position: absolute;
	top: 55px;
	right: 0;
	padding: 0 100px 0 100px;
	background-color: #141414; 
}



/*Footer Specs*/

.bottom-nav-border{
	position: absolute;
	top: 30px;
	width: 90%;
	border-top: 1px solid #424242;
	margin: 0 auto;
	z-index: -1;

}

.bottom-right-nav{
	position: absolute;
	top: 10px;
	right: 30px;
	height: 80px;

}

.bottom-right-nav ul{
	width: 190px;
	background-color: #141414;
	padding: 0 90px 0 0px;
	text-align: right;
	list-style-type: none;
	color: #cccaca;
	font-weight: 100;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 2px;
}

.bottom-right-nav h3{
	border: 1px solid #424242;
	width: 40px;
	height: 30px;
	padding: 20px 5px 10px 5px;
	position: relative;
	top: -22px;
	display: block;
	float: right;
	margin-right: 10px;
	text-align: center;
	font-weight: 100;
	font-size: 31px;
	line-height: 18px;
	letter-spacing: 2px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    color: #424242;
}

.about-the-author{
	position: absolute;
	top: 5px;
	left: 0;
	background-color: #141414;
	padding: 0 100px 0 100px;
}

ul .strike-through a{
	text-decoration: line-through;
	color: #424242;
}
ul .strike-through a:hover {
	text-decoration: line-through;
	color: #cccaca;
}

.bottom-right-nav h3 a {
    color: #424242;
}
.bottom-right-nav h3 a:hover {
    color: #cccaca;
}





/*PRODUCT SPECS*/

img{
	max-width: 300px;
	width: 70%;
	float: left;
	padding-bottom: 30px;
}

.product-text{
	position: relative;
	width: 300px;
	float: right;
	padding-left: 150px;
	text-align: right;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
}

.product-text h1{
	font-size: 34px;
	line-height: 35.91px;
	font-weight: 800;
	max-width: 300px;
	display: inline-block;
	margin: auto;
	text-transform: uppercase;
}

.product-text h2{
	font-size: 18px;
	line-height: 35.91px;
	font-weight: 800;
	color: #7c7c7c;
	position: relative;
	margin-bottom: 0;
	
	/*display: inline-block;
	margin: auto;*/
}

.product-text p{
	/*max-height: 200px;*/
	overflow: auto;
	width: 300px;
	/*clear: both;*/
	display: inline-block;
	margin-bottom: 0;
	/*padding-left: 100px; */
	/*margin: auto;*/
}

.side-product-number{
	float: right;
	position: relative;
	/*right: -100px;*/
	top: -20px;
	clear: both;
	overflow: hidden;
	font-size: 34px;
	font-weight: 100;
	color: #424242;
	padding-left: 50px;
/*	right: -200px;
*/}


.buy-link {
    color: #7c7c7c;
}
.buy-link:hover {
    color: #cccaca;
    content: 'buy';
}



/*xxxxxxx*/
/*Product Text Read More Trigger*/

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:hover {
  color: #cccaca;
}

.read-more-state ~ .read-more-trigger:before {
  content: '[ +more ]';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: '[ -less ]';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  color: #7c7c7c;
  /*font-size: .9em;*/
  /*line-height: 2;*/
  /*border: 1px solid #ddd;*/
  /*border-radius: .25em;*/
}