.baner{
	position:relative;				
}

/* ######################## */
/* Parallax */
/* ######################## */
#parallax-1, #parallax-2, #parallax-3{	
	margin:0;
	padding:0;
	overflow:hidden;	
}
#parallax-1 ul#scene-1, #parallax-2 ul#scene-2, #parallax-3 ul#scene-3, #parallax-4 ul#scene-4, #parallax-5 ul#scene-5{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;				
}
#parallax-1 ul#scene-1 li.layer, #parallax-2 ul#scene-2 li.layer, #parallax-3 ul#scene-3 li.layer{
	height:100%;
	width:100%;	
	position:relative;					
}

/* SCENE 1 */
#parallax-1 ul#scene-1 li.layer div.layer-1{
	background:url('../images/baner/baner-bg.jpg') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 110%;
    height:110%;
    left: -5%;
    top: -5%;								
}
#parallax-1 ul#scene-1 li.layer div.layer-2{
	background:url('../images/baner/baner-frames.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;								
}
#parallax-1 ul#scene-1 li.layer div.layer-3{
	background:url('../images/baner/baner-small-monitors.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;								
}
#parallax-1 ul#scene-1 li.layer div.layer-4{
	background:url('../images/baner/baner-monitor.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    right: 0%;
    top: 0%;								
}
#parallax-1 ul#scene-1 li.layer div.layer-5{
	background:url('../images/baner/baner-tablet-and-smartphone.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;								
}
#parallax-1 ul#scene-1 li.layer div.layer-6{
	background:url('../images/baner/baner-man.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 110%;
    height:100%;
    left: -5%;
    top: 0%;								
}

/* SCENE 2 */
#parallax-2 ul#scene-2 li.layer div.layer-11{
	background:url('../images/baner-2/baner-bg.jpg') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 110%;
    height:110%;
    left: -5%;
    top: -5%;								
}
#parallax-2 ul#scene-2 li.layer div.layer-12{
	background:url('../images/baner-2/iveco.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;								
}
#parallax-2 ul#scene-2 li.layer div.layer-13{
	background:url('../images/baner-2/laveta.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;								
}
#parallax-2 ul#scene-2 li.layer div.layer-14{
	background:url('../images/baner-2/people.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;								
}
/* SCENE 3 */
#parallax-3 ul#scene-3 li.layer div.layer-15{
	background:url('../images/baner-3/baner-bg.jpg') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 110%;
    height:110%;
    left: -5%;
    top: -5%;								
}
#parallax-3 ul#scene-3 li.layer div.layer-16{
	background:url('../images/baner-3/peugeot.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;								
}
#parallax-3 ul#scene-3 li.layer div.layer-17{
	background:url('../images/baner-3/kia.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    bottom: -1%;								
}
#parallax-3 ul#scene-3 li.layer div.layer-18{
	background:url('../images/baner-3/man.png') no-repeat scroll center center; 
	background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0%;
    bottom: -2%;								
}
.parallax-href{
	display:block;				
}
@media all and (max-width: 1544px){
	#parallax-3 ul#scene-3 li.layer div.layer-16{
    	left:auto;
    	right: -5%;
    	top: 0%;								
	}
	#parallax-3 ul#scene-3 li.layer div.layer-17{
    	left: auto;
    	right:-5%;
    	bottom: -1%;								
	}


}
@media all and (max-width: 1185px){
	#parallax-3 ul#scene-3 li.layer div.layer-17{
    	left: auto;
    	right:-5%;
    	bottom: -1%;
    	display:none;								
	}

}
@media all and (max-width: 969px){
	#parallax-3 ul#scene-3 li.layer div.layer-18{
	background-position:right;
		left: auto;
		right:-30%;
    	bottom: -2%;
    	width:80%;
    	height:70%;								
	}
}

@media all and (max-width: 669px){
	#parallax-3 ul#scene-3 li.layer div.layer-18, #parallax-3 ul#scene-3 li.layer div.layer-16{
    	display:none;								
	}
}