@charset "utf-8";
/* CSS Document */

div.content_inner {
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 3% 0;
	max-width:1130px;
	text-align: center;
 }

div.top {
	width:100%;
	height: 12%;
	margin: 0 0 3% 0;
	background-color: #292929;
 }
 
div.top_top {
	display: inline-block;
     width: 100%;
	 height: auto;
     min-height: 37px;
     margin: 30 auto;
 }
  
div.top_top img {
	float: left;
    width: auto;
    height: auto;
	padding-top: 0.3%;
	margin-left: 7%;
 }

div.top2 {
	display: inline-block;
	alignment-baseline: before-edge;
	margin-bottom: 2.5%
}
  
div.product {
	display: inline-block;
	width: 48%;
	min-width: 250px;
    height: auto;
	min-height:280px;
	margin-top: 1%;
	margin-right: 0.75%;
	mardin-left: 0.75%;
	vertical-align:top;
	padding-top: 1.5%;
	padding-bottom: 0%;
    background-color: #292929;
	border-radius: 4px;     
 }

div.product h1 {
	position: relative;
	width: auto;	
	margin-left: 15%;
	margin-right: 5%;
	margin-top: 3%;
	margin-bottom: 5%;
	font-weight: 100;
	color: #999;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
 }
  
div.product img {
	float: left;
	margin-left: 0%;
	margin-right: 3%;
	margin-bottom: 2%;
	width: 40%;
	height: auto;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	borde 
   }  
 
div.product p {
	position: relative;
	top: -20%;
	width: 92%;
	margin-top: 5%;
	margin-left: 4%;
	color: #fff;
	font-size: 14px;
	font-weight:100;
	text-align: justify;
	line-height:1.5;
	
 } 

div.company {
	display: inline-block;
	width: 48%;
	min-width: 300px;
	min-height:280px;
	margin-top: 1%;
	margin-right: 0.75%;
	mardin-left: 0.75%;
	vertical-align:top;
	padding-top: 1.5%;
	padding-bottom: 0%;
    background-color: #FF6400;
	border-radius: 4px;     
 }

div.company h1 {
	width: auto;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 2%;
	font-weight: 100;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
 }
  
div.company img {
	float: left;
	margin-left: 0%;
	margin-bottom: 1%;
	margin-right: 2%;
	padding: 1% 1% 1% 3%;
	width: 40%;
	height: auto;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #FFF;
   }  
 
div.company p {
	position: relative;
	top: -15%;
	width: 90%;
	margin-left: 5%;
	color: #000;
	font-size: 14px;
	font-weight:100;
	text-align: justify;
	line-height:1.5;
 }

div.tabcontents {
 	margin-top: 3%;
 }
 
div.product_line {
	 width:17%;
	 height:auto;
	 min-width: 200px;
     min-height: 200px;
	 text-align:center;
	 vertical-align: top;
	 display: inline-block; 
	 margin: 2% 0.9% 1% 0.9%;
	 padding-top: 20px;
     background-color: #292929;
	 border-radius: 4px;     
 }


div.product_line img{
     width: 70%;
     height: auto;
	 margin: 0 auto;
	 padding: 2% 15%;
	 background-color: #FFF;
 } 
 
div.product_line h1 {
	 width: 90%;
	 padding: 5%;
	 min-height: 50px;
     text-align:center;
	 font-family: Arial;
	 font-weight: regular;
 	 font-size: 14px;
	 font-weight: 100;
	 text-transform: uppercase;
 }
 

div.button {
	width: 100%;
	height: auto;
	margin: 15% auto 8% auto;
	text-align: center; 
 }
 
div.button a{
	padding: 3% 15% 3% 15%;
	font-weight: 200;
	font-size: 16px;
	background-color: #FF6400;
	border-radius: 2px;
	color: #FFF;  
	font-size: 16px;
	text-transform: none;
	font-family: Arial;
	text-align: center; 
 }
 

    
@media only screen and (max-width: 1000px) 
{
div.product {
	min-width: 300px;
 }   
   
div.video {
	min-width: 300px;
 }

div.product_line {
	min-width: 200px;
 } 
    
 }