@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'neue_pixel_groteskregular';
    src: url("fonts/webfonts/neuepixelgrotesk_regular-webfont.eot");
    src: url("fonts/webfonts/neuepixelgrotesk_regular-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/webfonts/neuepixelgrotesk_regular-webfont.woff2") format("woff2"),
         url("fonts/webfonts/neuepixelgrotesk_regular-webfont.woff") format("woff"),
         url("fonts/webfonts/neuepixelgrotesk_regular-webfont.ttf") format("truetype"),
         url("fonts/webfonts/neuepixelgrotesk_regular-webfont.svg#neue_pixel_groteskregular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-family: "HelveticaNeueLT Std";
    src: url("fonts/webfonts/HelveticaNeueLTStd-Roman.otf") format("opentype");
	
}
body {
    font-family: "HelveticaNeueLT Std";
    font-size: 2.8vw;
	color: rgba(0,94,123,1.00);
    hyphens: none;
}
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,94,123,1.00);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: white;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(0,94,123,1.00);
  border-radius: 20px;
  border: 3px solid white;
}
div.temporal {
	position: fixed;     
    text-align: center;    
    top: 40%;
    width: 100%;
	font-size: 3vw;
}
div.container {
  position:static;
  top: 0;
  left: 0;
}
.lletragrotesk {
    font-family: "Neue Pixel Grotesk";
		}
.hover:hover {
  font-size: 0;
}
.hover:hover:before {
  font-family: "Neue Pixel Grotesk";font-size: 2.8vw;
  content: attr(data-hover);
	}

.peumalead {
	position: fixed;     
    text-align: center;    
    bottom: 0px;
    width: 100%;
	font-size: 1.3vw;
	}
.peumaleadcredits{
	position: fixed;     
    text-align: center;    
    bottom: 0px;
    width: 100%;
	font-size: 1.3vw;
	left: 0px;
	border-left-width: none;
	}
.table {
	martin-left: -50px;
background-color: white;
	width: 100%;
	}
.cap {
	position: fixed;     
    text-align: center;    
    top: 30%;
    width: 100%;
	font-size: 2.5vw;
	}
.capcredits {
	position: fixed;     
    text-align: center;    
    top: 30%;
    width: 100%;
	font-size: 2.5vw;
	left: 0px;
	}
.BOXCAPTEXT {
	font-size: 1.9vw;
	height: 50%;
	width: 100%;
	text-align: center;
	position:relative;
	}
.capTEXT {
	background: rgba(0,94,123,.8);
	color: white;
	position: absolute;
	width: 40%;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
		}

a:link {
  text-decoration: none;color:rgba(0,94,123,1.00);
}

a:visited {
  text-decoration: none;color:rgba(0,94,123,1.00);
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}
#myVideo {
 /** Simulationg background-size: cover */
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* ---------------------------------- */
/* CSS Document */