/*la altura del home-banner y del parallax-container
dependen de la altura de la foto*/
.home-banner{
	height: 500px;
}
.home-banner .parallax-container{
	height: 500px;
}
.home .home-banner .parallax-container img{
	opacity: 0;
}
.home-banner .parallax-container img{
	opacity: 1;
}
.home-banner .icons{
	display:block;
	text-align: center;
	position: relative;
	z-index: 1;
}
.home-banner .icons svg{
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
	filter: drop-shadow( 0px 0px 5px #fff );
	-ms-filter: drop-shadow( 0px 0px 5px #fff );
	-webkit-filter: drop-shadow( 0px 0px 5px #fff );
}
.home-banner .icons ul{
	padding:0;
	margin:0 auto;
	width: 100%;
	padding-top: 260px;
	user-select: none;
}
.home-banner .icons ul li{
	display:inline-block;
	margin-right:40px;
	vertical-align: middle;
}
.home-banner .icons ul li img{

}
.home-banner .icons ul li:nth-child(5){
	margin-right: 0;
}
.home-banner .video{
	position:absolute;
	width: 100%;
	top:;
	z-index:-1;
}
.home-banner.tramed .parallax-container:after{
   content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    background-image: url(../../img/common/trama_3px.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: -1;
}
.mozilla .home-banner .video{
	top:;
}
/*.home-banner .video.fx1:after,
.home-banner .video.fx2:after,
.home-banner .video.fx3:after{
    content: "";
    display: block;
    position: absolute;
    top: -800px;
    left: 0;
    background-image: url(../../img/common/trama_3px.png);
    background-repeat: repeat;
    width: 100%;
    height: 1500px;
    opacity: 0.5;
    z-index: 99;
}*/

/*@media screen and (max-width: 1530px){
	.home-banner .video{
		top:0;
	}
}*/
/*
 ######     ###    ##    ## ##     ##    ###     ######
##    ##   ## ##   ###   ## ##     ##   ## ##   ##    ##
##        ##   ##  ####  ## ##     ##  ##   ##  ##
##       ##     ## ## ## ## ##     ## ##     ##  ######
##       ######### ##  ####  ##   ##  #########       ##
##    ## ##     ## ##   ###   ## ##   ##     ## ##    ##
 ######  ##     ## ##    ##    ###    ##     ##  ######
*/
.home-banner #large-header{
	position:absolute;
	filter: grayscale(100%) brightness(90%) contrast(120%);
	-webkit-filter: grayscale(100%) brightness(90%) contrast(120%);
	-ms-filter: grayscale(100%) brightness(90%) contrast(120%);
	left:0;
	top:0;
	z-index: 0;
}
.home-banner canvas{
position: relative;
}

@media screen and (max-width: 1439px){
	.home-banner .video{
		position: absolute;
		top:100%;
	}
}
@media screen and (max-width: 1280px){
	.home-banner .video{
		position: absolute;
		top:90%;
	}
}
@media screen and (max-width: 1180px){
.home-banner .video{
		position: absolute;
		top:93%;
	}
}
@media screen and (max-width: 1024px){
	.home-banner .video{
		position: absolute;
		top:93%;
	}
	.home-banner{
		/*max-height: 570px;*/
	}
	.home-banner .icons ul{
		padding-top: 180px
	}
}
@media screen and (max-width: 1023px){
	.home-banner .video{
		display: none;
	}
}
@media screen and (max-width: 1000px){
	.home-banner .icons ul li{
		/*width: 20%;*/
		margin-right: 0;
	}
}
@media screen and (max-width: 767px){
	/*.home-banner .parallax-container. .home-banner{
		height: auto;
	}*/
	
	.home-banner .icons svg{
		width: 100px;
	}
	.home-banner .scrolling img{
		width: 100%;
	}
	.home-banner .icons ul{
		padding-top: 150px
	}
	.home-banner .icons{
		position: absolute;
		top:0;
		left: 0;
		right: 0;
	}
}
@media screen and (max-width: 570px){
		.home-banner .icons ul{
		padding-top: 100px
	}
}
@media screen and (max-width: 535px){
	.home-banner .icons svg{
		width: 55px;
	}
}
@media screen and (max-width: 480px){
		.home-banner .icons ul{
		padding-top: 50px
	}
}