#main-container{
	width: 100%;
	overflow: auto;
	text-align: center;
}
#brico-container{
	width: 85%;
	margin: auto;
	background-color: #f8f8f8;
	border-radius: 2px;
	box-shadow: 11px 12px 35px #282727;
	margin-bottom: 50px;
	max-width: 1155px;
}	
article{
	width: 85%;
	margin: 20px auto;
}
hr{
	color: #f00;
	background-color: rgb(174, 33, 56);
	height: 1px;
	opacity: 0.6;
}
article > h1{
	font-family: konig-bold;
	font-size: 20px;
	margin: 20px 0;
	text-transform: capitalize;
}
article > p{
	text-align: justify;
}
article > img{
 padding: 15px;
  border: solid 1px gray;
  background-color: white;
  box-shadow: 0px 0px 10px black;
  transition: all 0.5s ease;	
  width: 70%;	
}
article > img:hover{
  transform: scale(1.009);
  box-shadow: 0px 0px 20px black;
  
}	

.imghead {

width: 70%;
}

.section-header{
		float:left;
		width: 98%;
		clear: both;
		margin-left: 1%;
		text-align: left;
		height: 35px;
		padding-left: 2%;
		background: linear-gradient(rgb(174, 33, 56), rgb(165, 70, 70), rgb(174, 33, 56));
		color: white;
		border-radius: 2px;
				border: solid 1px gray;
				position: relative;
	}
.section-header > h2{
		line-height: 34px;
		font-weight: 500;
		text-transform: uppercase;
		font-family: konig-regular;
	}	
	
	.section-header1{
	  width: 100%;
	  clear: both;
	  text-align: center;
	  height: 30px;
	  background: linear-gradient(rgb(174, 33, 56), rgb(165, 70, 70), rgb(174, 33, 56));
	  color: white;
	  border-radius: 2px;
	  border: double 2px rgb(173, 111, 111);
	  position: relative;
	}
.section-header1 > h2{
		line-height: 29px;
		font-weight: 500;
		text-transform: uppercase;
		font-family: konig-regular;
	}
#highlights, #promos{
	width: 100%;
	clear: both;
	margin: auto;
	text-align: center;
	margin-top: 20px;	
}
	.product{
		margin: 15px;
		position: relative;
		display: inline-table;
		width: 325px;
		background-color: white;
		box-shadow: rgb(206, 206, 206) 0px 1px 2px 0px;
		text-align: center;
		border-radius: 1px;
	}
	.image-product{
		  display: block;
		  width: 325px;
		  height: 449px;
		  padding: 15px 10px 18px 10px;
		  border-bottom: solid 1px #CECECE;
		  transition: all 1s;
		  
	}
	.product1{
		margin: 15px;
		position: relative;
		display: inline-table;
		width: 245px;
		background-color: white;
		box-shadow: rgb(206, 206, 206) 0px 1px 2px 0px;
		text-align: center;
		border-radius: 1px;
	}
	.image-product1{
		  display: block;
		  width: 452px;
		  height: 258px;
		  padding: 15px 10px 18px 10px;
		  border-bottom: solid 1px #CECECE;
		  transition: all 1s;
		  
	}
	.product:hover .image-product{
		  filter: blur(1.5px);
		  -webkit-filter: blur(1.5px);
	  	  -moz-filter:  blur(1.5px);
	  	  -ms-filter:   blur(1.5px);
	 	  -o-filter:    blur(1.5px);
	}				
	.product p{
		padding: 5px;
		font-size: 16px;
		font-family: konig-regular;
		color: #363649;
	}
	.product span{
		padding: 15px 5px;
		font-size: 14px;
		font-family: konig-bold;
		color: #d6474e;
	}
	.see-product{
		  position: absolute;
		  margin-top: 35%;
		  margin-left: 40%;
		  width: 55px;
		  opacity:0;
		  transition: all 0.4s;
	}			
	.product:hover .see-product{
		opacity:1;
		z-index: 1;
		transform: scale(1.15);
	}		
.promo{
  position: relative;
  width: 200px;
  height: 240px;
  margin: 10px;
  border-radius: 2px;
  display: inline-table;
  margin-top: 15px;
  background-color: white;
  padding: 5px;
  background-color: rgb(234, 234, 234);
  transition: all .5s ease;
  font-size: .9em;
  color: rgb(60, 60, 78);
}
.promo:hover{
	box-shadow: 1px 1px 10px rgb(163, 163, 163), -1px -1px 10px rgb(163, 163, 163),
				-1px 1px 10px rgb(163, 163, 163), 1px -1px 10px rgb(163, 163, 163);
	z-index: 20;
	transform: scale(1.2) translate(0,10px);
}
.promo > img {
	  border: solid 1px rgb(186, 134, 134);
}
.promo-details{
	margin-top: 5px;
}		
	.new-price{
		font-family: konig-bold;
		color: black;
		display: block;
	}
	.old-price{
		font-family: konig-light;
		 text-decoration:line-through;
		 font-size: 0.8em;
		 color: red;
		 display: block;
	}
	.ribbon-wrapper-green {
		  width: 85px;
		  height: 88px;
		  overflow: hidden;
		  position: absolute;
		  top: -2px;
		  right: -2px;
	}
	.ribbon-green {
	  font: bold 15px Sans-Serif;
	  color: #333;
	  text-align: center;
	  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	  -webkit-transform: rotate(45deg);
	  -moz-transform:    rotate(45deg);
	  -ms-transform:     rotate(45deg);
	  -o-transform:      rotate(45deg);
	  position: relative;
	  padding: 7px 0;
	  left: -5px;
	  top: 15px;
	  width: 120px;
		  background-color: #E52634;
	  background: -webkit-linear-gradient(top, #F0557E, #E52634);
	  background: -moz-linear-gradient(top, #F0557E, #E52634);
	  color: #6a6340;
	  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	  text-transform: uppercase;
	  font-family: konig-bold;
	  color: white;
	}
	.ribbon-green:before, .ribbon-green:after {
	  content: "";
	  border-top:   3px solid #6e8900;   
	  border-left:  3px solid transparent;
	  border-right: 3px solid transparent;
	  position:absolute;
	  bottom: -3px;
	}
	.ribbon-green:before {
	  left: 0;
	}
	.ribbon-green:after {
	  right: 0;
	}		
	@media handheld, screen and (max-width: 640px){
		#brico-container {
				width: 100%;
		}
		article > img {
			width: 100%;
		}
		article {
			width: 95%;
		}
	}