@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;
 }

.top_line_recikliran
{
	
	position:relative;
	width:100%;
	height:4px;
	float:left;
	background-color:rgba(255, 153, 51);

}



    /*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;
}

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


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


	
.left_column
{
	width:50%;
	float:left;
}

.left_column_image
{
	width:90%;
	margin: -6% 3% 2% 7%;
	float:left;
}
p
{
	width: 100%;
    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:center;
   margin-top:50px;
   float:left;
   line-height:170%;
}



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

.right_column_image
{
	width:90%;
	margin: -6% 7% 2% 3%;
	float:left;
}

h3
{
	text-align: right;
	width:80%;
	padding-right:8%;
	padding-left:12%;
    color:#FFFFFF;
	font:3vw 'Open Sans Condensed', Myriad Pro, Sans-Serif;  
   	font-stretch:condensed;
	margin-top:-1%;
}





.title_block
{
	width:32%;
	position:absolute;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:930;
	margin-top:1%;
	float:right;
	margin-left:18%;

	}

.title_block_left
{
	width:32%;
	position:absolute;
	background-color:rgba(99,116,136,0.5);
	z-index:930;
	margin-top:1%;
	float:left;
	}

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

	
	background-color:rgba(255, 153, 51);
}

.bottom_text_recikliran
   {
	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_recikliran span
   {
	   color:rgba(255, 153, 51);
	   font-weight: bold;
   }