img#video {
	position:fixed;
	z-index:0;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
}
#overlay {
	position:fixed;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:url('../images/grid_overlay.png');
/*    height:11975px;*/
    
}



.blend1 img:first-child {
  position: fixed;
  mix-blend-mode: lighten;
    z-index: 1;
    top:0;
    
/*
    width:100%;
	height:100%;
*/
}

.mask {mask: url(../images/wl2.png);
 mask-type: alpha;

}


/*
      .blend
	{
		background: url('../images/blend.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
        top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
        	z-index:2;
	}
	
	.blend.lighten
	{
		background-blend-mode: lighten;
	}

*/

.passepartout-left {position:fixed; height: 100%; width:20px; z-index:999999999999; top:0; left:0; background:white;}
.passepartout-right {position:fixed; height: 100%; width:20px; z-index:999999999999; top:0; right:0; background:white;}
.passepartout-bottom {position:fixed; width: 100%; height:20px; z-index:999999999999; bottom:0; right:0; background:white;}


@media screen and (max-width:1024px) {
    
    .passepartout-left, .passepartout-right, .passepartout-bottom  {display:none;}
    
}


.logowhy {width: 34rem !important; padding-top:1.7rem !important; padding-left:0px !important; margin-left: -10px !important;}

@media screen and (max-width:750px) {
    
    
    .logowhy {width:25rem !important; margin-left: -20px !important; padding-top:0 !important;}
    
}


/*
@media (max-width:960px) { #overlay {
	position:fixed;
*/
	
/*    height:11975px;*/
    


/*
#content {
	position:absolute;
	z-index:1;
	
}
*/



/*
#set-height {
  display: block;
  height: 10980px;
    
}
#v0 {
position: fixed;
  top: 0;
  left: 0;
  width: 100%;
    object-fit: cover;
    height:100%;
    background:#FFF;
   
}
*/



p font-family helvetica {
  font-size: 24px;
}
 
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}





@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/*
body {
  background: black;
}
*/

.arrow {
  position: fixed;
  bottom: 50px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(../img/arrow.png);
/*  background-size: contain;*/
    background-repeat: no-repeat;
    background-position: center;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.r_top {
	position:fixed;
	width:51px;
	height:51px;
	
	z-index:2000000;
	bottom: 2%;
	right:1%;
    cursor: pointer;

}

.r_bot {
	
	width:51px;
	height:51px;
	margin:auto;
    cursor: pointer;
    border-radius: 50px;
    background-image:url('../images/arrow3.png');
    background-repeat: no-repeat;
    background-position: center;
    
    background-color: black;
    display:block;
    position: absolute;
    
    z-index: 3;
    
    left:0;
    right:0;
    text-align:center;

}


/*#content  {position:absolute; z-index:5; text-align:center; width:100%; color:#FFF;  height: 12000px;}*/







.testi_home {width:100%; height:5%; text-align:center; color:#FFF; font-size: 7rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3; }

.testi_home2 {width:100%; height:5%; text-align:center; color:#FFF; font-size: 7rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3;  }

.testi_home1 { width:100%; height:5%; text-align:center; color:#FFF;  font-size: 11rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3; }

/*@media (max-width:960px) {  .testi_home {font-size: 2rem;}     .testi_home1 {font-size: 3rem;}  .testi_home2 {font-size: 1.5rem;}   .r_top {bottom: 5%;}  }*/



@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  {
      
        .testi_home {width:100%; height:5%; text-align:center; color:#FFF; font-size: 3rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3; }
    
    .testi_home1 {width:100%; height:5%; text-align:center; color:#FFF; font-size: 6rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3; }


    .testi_home2 {width:100%; height:5%; text-align:center; color:#FFF; font-size: 3rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3;  }

}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
   
 {      .testi_home {width:100%; height:5%; text-align:center; color:#FFF; font-size: 3rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3; }
    
    .testi_home1 {width:100%; height:5%; text-align:center; color:#FFF; font-size: 4rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3; }


    .testi_home2 {width:100%; height:5%; text-align:center; color:#FFF; font-size: 3rem; font-weight:bold; text-transform:uppercase; position:absolute; z-index:3;  }

}






.telefono {color:#fff; text-decoration:none;}

#divheight {height:12000px; width:100%; }
/*
#container_video_home {display: block;}

@media (max-width:960px) { #container_home {display: none;} }



@media (max-width:960px) { #divheight {height:11500px;} }

.over_9 {top:11500px;}

@media (max-width:960px) { .over_9 {top:11300px;} }
*/


#mydiv {position: absolute;
right: 0;
bottom: 0px;
font-size: 10px;
color: #000;
background: #fff;
z-index: 99999999999999999999;
width: 20%;
padding: 20px;
text-align: left;
line-height: 16px;
    opacity: 0.8;}

.blacktext a {color:#000 !important;}