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


	
	
    /*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;
	margin-top:0px;
}

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



p
{
	width: 90%;
    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%;
   text-align:center;
   margin-left:7%
}

#right_p
{
	width: 90%;
    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:right;
   line-height:170%;
   text-align:center;
   margin-left:7%
}

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

.right_row
{
	width:100%;
	margin-top:60%;
}

.row_1
{
	width:100%;
	height:auto;
	float:left;
}

.right_column_2
{
	
	
	width:50%;
	
	float:right;
	top:0;
	
	
}

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


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

	
}






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





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

#second_title_block
{
	
	width:25%;
	position:absolute;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:930;
	margin-top:3%;
	float:right;
	margin-left:0%;
}

#third_title_block
{
	
	width:25%;
	position:absolute;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:930;
	margin-top:3%;
	float:right;
	margin-left:25%;
}

#second_image
{
	max-width:100%;
	width:100%;
	position:relative;
	left:0;
	margin-top:0%;
	float:left;
}




img {
	max-width:100%;
	width:100%;
	position:relative;
	left:0;
	margin-top:-10%;
	
}


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

	
	background-color:rgba(199,0,4,1.00);
}
	
	
	.bottom_text_brandirani
   {
	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_brandirani span
   {
	   color:rgba(199,0,4,1.00);
	   font-weight: bold;
   }