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

body
{
	background:#000000;
	width:100%;
	height:auto;
	margin: 0;
padding: 0;
	
}
h1
{
	
  	text-align: left;
	
	padding-left:10%;
    color:#ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top:1%;
	margin-bottom:1%;
		
	font-weight:normal;
	font-size:2.3vw;
}

.background_image
{

	float:left;
	height:auto;
}

.main_div
{
	position:relative;
	width:100%;
	float:left;
	height:auto;
	background-color:#000000;
	background-repeat: no-repeat;
	z-index:2;

	
	
	
	}

.top_line
{
	width:100%;
	height:4px;
	z-index:1;
	background-color:rgba(255, 198, 0);
	float:right;
}

.top_line_brandiran
{
	width:100%;
	height:4px;
	z-index:1;
	background-color:rgba(199,0,4,1.00);
	float:right;
}


.contacts_div
{
	
	float:left;
	padding-left:50%;
    color:#FFF;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.3vw;
	background: black;   	
	font-stretch:condensed;
	z-index:3;
	margin-bottom:-5%;
	margin-top:2.5%;
	word-spacing: 1vw;
	}

.logo_image_sign_index
{
	
	width:7%;
	height:auto;
	float:left;
	margin-top:-5.4%;
	margin-bottom:-5%;
	z-index:3;
	margin-right:1%;
	padding-left:55%;
	}

.logo_text
{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:3vw;
	color:#FFFFFF;
	float:left;
	text-align:left;
	padding-left:45%;
	vertical-align:central;

}

.middle_image_div
{
	position:relative;
	z-index:1;
	width:100%;
	/*background-image:url(../images/kurierski_plikove.jpg);*/
	background-repeat: no-repeat;
	background-size:cover;
	height:auto;
	background-color:#000000;
	

	
}

.product_div
{
	
	position:relative;
	
	width: 20%;
	margin-left:4%;
	height:auto;
	margin-top:2%;
	float:left;
	-moz-box-shadow: 1px 1px 3px 1px #333;
	-webkit-box-shadow: 1px 1px 3px 1px  #333;
	box-shadow: 1px 1px 3px 1px #333;
	
		
}


.product_div_img
{
	display:block;
	width:100%;
	height:auto;
	
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color:rgba(255, 198, 0);
}

.product_div:hover .overlay {
  opacity: 0.8;
}


.text_price
{
color: black;
  position: absolute;
  font: bold 1.5vw Verdana, sans-serif; 
   font-stretch:condensed;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}





.bottom_image
{
	width:100%;
	height: auto;
	
}

h2
{
	position: absolute; 
	top: 90%;
  	 left: 50%;
 	 transform: translate(-50%, -90%);
  	-ms-transform: translate(-50%, -90%);
  	text-align: center;
    width: 100%;
    color:#FFF;
	font: bold 1.2vw Verdana, sans-serif;  
   font-stretch:condensed;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
	-webkit-margin-before:0em;
	-webkit-margin-after:0em;
	padding-bottom:2%;
	padding-top:2%;
   
   }
   
   .bottom_text
   {
	width: 100%;
    color:#FFF;
	font-size: 1vw;
	 font-family: open-sans, sans-serif;
	font-style: normal;
font-weight: 300;
   font-stretch:extra-condensed; 
   text-align:center;
   margin-top:20px;
   float:left;
   line-height: 
   }
   
   .bottom_text span
   {
	   color:#FFF;
   }
  
 .logo_image
 {
	 z-index:3;
	 float:left;
	 padding-left:2%;
	 width:20%;
	 margin-top:1%;
	 height:auto;
	 position:relative;
 }