/* LESS Document */

body, html {
	padding:0;
	margin:0;
	overflow: hidden;
}

img {
	border: none;	
}

.wrapper {
	width: 940px;
	margin: 0 auto;
	background-size: cover;
	height: 528px;
	overflow:hidden;
	position:relative;
}

.bg {
	position: absolute;
	width: 940px;
	top: 0px;
	left:0px;
	height: 528px;
	background: url(../img/background.jpg) no-repeat;	
}

.preloader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1%;
	height: 20px;
	background: yellow;	
	color: red;
	z-index: 5;
	text-align: right;
	font-family: arial, helvetica;
	font-size: 14px;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 3px;
	box-sizing:content-box;
}

.friday-only {
	position: absolute;
	width:10%;
	left: 414px;
	top: 220px;
	opacity:0;
	
	img {
		width: 100%;	
	}

}

.biggest {
	position: absolute;
	width:10%;
	opacity: 0;
	left: 414px;
	top: 220px;
	
	img {
		width: 100%;	
	}
}

.brf {
	position: relative;
	left: 192px;
	top: -390px;
}

.bref-bg {
	position: absolute;
}

.big {
	position: absolute;
	width: 10px;
	opacity:0;
	left: 276px;
	top: 27px;
	
	img {
		width: 100%;	
	}

}

.red {
	position: absolute;
	width: 10px;
	top: 136px;
	left: 276px;
	opacity:0;
	
	img {
		width: 100%;	
	}

}

.friday {
	position: absolute;
	top: 250px;
	width: 10px;
	left: 276px;
	opacity:0;
	
	img {
		width: 100%;	
	}

}

.kettle {
  position: absolute;
  left: -350px;
  top: 246px;
}
.save-20 {
	position: absolute;
	left: -120px;
	top: 35px;
}
.r80 {
	position: absolute;
	left: -220px;
	top: 110px;
}
.pampers {
	position: absolute;
	left: 940px;
	top: 250px;
}
.save-90 {
	position: absolute;
	left: 940px;
	top: 40px;
}
.r100 {
	position: absolute;
	left: 940px;
	top: 120px;
}
.up-to {
  top: 420px;
  position: absolute;
  left: 474px;
  width: 10px;
  opacity: 0;
  
  img {
	  width:100%;
  }
}

.viewdeals {
  top: 420px;
  position: absolute;
  left: 454px;
  width: 10px;
  opacity: 0;
  
  img {
	  width:100%;
  }
}