@charset "utf-8";
/* CSS Document */
html, body {
 
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000000;
 
}

.wrap {
 
  width: 100%;
  position: relative;
  
  background: 000000;
  color: #fff;
  text-align: center;
}

header {
  background: #000000;
  box-shadow: 0 0.5em 1em #111;
  position: absolute;
  top: 0;
  left: 0;
z-index:900;
  width: 76%;
 padding-left:24%;
}

header label {
  color:#ffffff;
  cursor: pointer;
  display: inline-block;
  line-height: 4.2em;
  font-size: 1.2vw;
  padding: 0 2em;
  font-family: 'Open Sans Condensed', sans-serif;

}

header label:hover {
  background: #ffffff;
  color:#000000;
}


.logo_image
 {
	 z-index:905;
	 float:left;
	 padding-left:2%;
	 width:20%;
	 margin-top:1%;
	 height:auto;
	 position:relative;
 }

h1
{
	position:relative;
  	text-align: left;
	width:100%;
	padding-left:10%;
    color:#FFF;
	font-family: 'Open Sans Condensed', sans-serif;
	background: black;   	
	font-stretch:condensed;

    /*overflow: hidden;
    background: #C33764;  /* fallback colour. Make sure this is just one solid colour. */
    /*background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(252, 218, 17, 0.8)), url("..//images/image_top.jpg");
    background: linear-gradient(rgba(29, 38, 113, 0.8), rgba(252, 218, 17, 0.8)), url("..//images/image_top.jpg"); /* The least supported option. */
	/*-webkit-margin-before:0em;
	-webkit-margin-after:0em;*/
	/*padding-bottom:1%;
	margin-top:4%;
	padding-top:1%;*/
}

img {
   object-fit: cover;
}

.product_category
{
	
	position:relative;
	float:left;
	width:100%;
	height:auto;
	
}

	
.left_column
{
	width:45%;

	float:left;
}

.sizes_image
{
	width:8%;
	padding-left:1%;
	position:absolute;
}



table
{
	width:65%;
	border-radius:5px;
	
	border: 1px solid white;
	float:left;
	color: #fff;
	
}

table tr:hover
{
	background-color:rgba(0, 152, 70, 1);
	color:#000000;
	
}

th
{
	vertical-align:central;
	text-align:center;
	
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:2 vw;
	
	border-radius:5px;
	border-style:none;
}

td
{
	vertical-align:central;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:2 vw;
	border-radius:5px;
	border-style:none;
	width:33.33%;
	
}
td a { 
   display: block; 
   border: 1px solid black;
   padding: 10px; 
}

p
{
	width: 80%;
    color:#FFF;
	font-size: 1.3vw;
	 font-family: 'Open Sans Condensed', sans-serif;
	font-style: normal;
font-weight: 300;
   font-stretch:extra-condensed; 
   text-align:left;
   margin-top:50px;
   float:left;
   line-height:170%;
}

tr:nth-child(1)
{
	background-color:rgba(0, 0, 0,  );
	color:#FFFFFF;
}


tr:nth-child(2),
tr:nth-child(3),
tr:nth-child(4),
tr:nth-child(5) {
  background:rgba(0, 152, 70, 0.3);
  color:#ffffff;
}

tr:nth-child(6),
tr:nth-child(7),
tr:nth-child(8),
tr:nth-child(9) {
	background:rgba(0, 152, 70, 0.6);
  color:#ffffff;
}


.right_column
{
	
	
	width:50%;
	float:left;
	top:0;
}

.right_column_image
{
	width:40%;
	padding: 3% 3% 3% 3%;
	float:left;
}


h3
{
	text-align: left;
	float:left;
	margin-top:1%;
	width:50%;
	
    color:#FFFFFF;
	font:2vw 'Open Sans Condensed', Myriad Pro, Sans-Serif;  
   	font-stretch:condensed;

}

.bottom_line_bio
{
	
	position:relative;
	width:100%;
	height:4px;
	float:left;
	margin-top:4%;

	
	background-color:rgba(0, 152, 70);
}

 .bottom_text_bio
   {
	width: 100%;
    color:#FFF;
	font:1.2vw 'Open Sans Condensed', Myriad Pro, Sans-Serif;
   text-align:center;
   margin-top:20px;
   float:left;
   padding-bottom:2%;
   }
   
   .bottom_text_bio span
   {
	   color:rgba(0, 152, 70);
	   font-weight: bold;
   }






.top_line_bio
{
	
	width:100%;
	height:4px;
	z-index:901;
	float:right;
	background-color:rgba(0, 152, 70);
}

#paragraph1::after
{

    content: "\a";
    white-space: pre;
}

#paragraph2::before
{

    content: "\a";
    white-space: pre;
}