@charset "utf-8";
/* HerosEnd CSS */
.hero-wrapper{
  max-width:1920px;
  position:relative;
  border:solid 1px #ccc;
  overflow:hidden;
  }
   
.hero-wrapper img {
  position: absolute;
  z-index:1;
  top:0px; /* keep this at 0 */
  left:0px;	 /* keep this at 0 */
  width:100%;

  }
  
  
  
  
  
  
  
  
  
  
  
  
  


.stripe{
width:100%;
height:0px;
background-color:#fff;
border-bottom:solid 1px #bfdaea;
}




.hero-image-tech{
height:300px;
transition: 0s linear;
transition-property: background-position;
background-image:url(../images/bg-technology.jpg);	
background-repeat:no-repeat;
background-position:center -50px;
width:100%;	
position:absolute;
z-index:1;
top:0px;
left:0px;
}

.hero-image-cryo{
height:300px;
transition: 0s linear;
transition-property: background-position;
background-image:url(../images/bg-tech_cryo.jpg);	
background-position:center -50px;
background-repeat:no-repeat;
width:100%;	
position:absolute;
z-index:1;
top:0px;
left:0px;
}

.hero-image-careers{
height:300px;
transition: 0s linear;
transition-property: background-position;
background-image:url(../images/bg-careers.jpg);	
background-position:center -50px;
background-repeat:no-repeat;
width:100%;	
position:absolute;
z-index:1;
top:0px;
left:0px;
}


.hero-image-contact{
height:300px;
transition: 0s linear;
transition-property: background-position;
background-image:url(../images/bg-contact.jpg);	
background-repeat:no-repeat;
background-position:center -50px;
width:100%;	
position:absolute;
z-index:1;
top:0px;
left:0px;
}

.hero-image-aboutus{
height:300px;
transition: 0s linear;
transition-property: background-position;
background-image:url(../images/bg-aboutus.jpg);
background-repeat:no-repeat;	
background-position:center -50px;
width:100%;	
position:absolute;
z-index:1;
top:0px;
left:0px;
}
.hero-image-careers{
height:300px;
transition: 0s linear;
transition-property: background-position;
background-image:url(../images/bg-careers.jpg);	
background-repeat:no-repeat;
background-position:center -50px;
width:100%;	
position:absolute;
z-index:1;
top:0px;
left:0px;
}

.hero-title{
position:absolute;
z-index:2;
top:140px;
left:0px;
right:0px;
margin:0 auto;	
color:#003782;	
font-size:1.6em;
text-align:center;
padding:10px 0px;
}

.hero-title h1{
padding:4px;
display:block;
max-width:1400px;
margin:0 auto;	
font-weight:200;
color:#fff;
}
.hero-title span{
color:#6fcffa;
font-weight:300;	
}
@media handheld, only screen and (max-width: 1280px) {
	.hero-title{
top:60px;
}
}

@media handheld, only screen and (max-width: 900px) {
.hero-title span{
	display:block;
}
.hero-title{
	top:45px;
}
}


@media handheld, only screen and (max-width: 480px) {
.hero-title{
	top:0px;
}
}