@charset "UTF-8";
/* CSS Document */
.opacity-delay
{
    opacity:0;
    -moz-transition: all 1500ms 3s ease-in-out;
  -webkit-transition: all 1500ms 3s ease-in-out;
  -o-transition: all 1500ms 3s ease-in-out;
  transition: all 1500ms 3s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.opacity-delay.in-view
{
    opacity:1;
}

.bounce-up .subject 
{
  opacity: 0;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -moz-transform: translate3d(0px, 50px, 0px);
  -webkit-transform: translate3d(0px, 50px, 0px);
  -o-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate3d(0px, 50, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject 
{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.bounce-down .subject 
{
  opacity: 0;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -moz-transform: translate3d(0px, -25px, 0px);
  -webkit-transform: translate3d(0px, -25px, 0px);
  -o-transform: translate(0px, -25px);
  -ms-transform: translate(0px, -25px);
  transform: translate3d(0px, -25, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-down.in-view .subject 
{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left 
{
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-left.in-view 
{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}




.animation-element.slide-right 
{
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-right.in-view 
{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/* Appear and Scale Animation */
.scale .subject 
{
  opacity: 0;
  transform:scale (0, 0);
  -webkit-transform:scale (0, 0);
  -moz-transform:scale (0, 0);
  -o-transform:scale (0, 0);
  -ms-transform:scale (0, 0);
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.scale.in-view .subject 
{
  opacity: 1;
  -ms-animation:bounce-scale 0.9s ease-in-out normal;
  -webkit-animation:bounce-scale 0.9s ease-in-out normal;
  -moz-animation:bounce-scale 0.9s ease-in-out normal;
  -o-animation:bounce-scale 0.9s ease-in-out normal;
  animation:bounce-scale 0.9s ease-in-out normal;
}

/* adjusted animations */
.animation-spacer
{
	height:200px;
	width:100%;	
}
.adjust-static
{
	position:relative;
	top:-200px;	
}
.bounce-up.adjust .subject 
{
  opacity: 0;
  -moz-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.adjust.in-view .subject 
{
  opacity: 1;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200, 0px);
}

.animation-element.adjust.slide-left 
{
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, -200px, 0px);
  -webkit-transform: translate3d(100px, -200px, 0px);
  -o-transform: translate(100px, -200px);
  -ms-transform: translate(100px, -200px);
  transform: translate3d(100px, -200px, 0px);
}

.animation-element.adjust.slide-left.in-view 
{
  opacity: 1;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200px, 0px);
}




.animation-element.adjust.slide-right 
{
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, -200px, 0px);
  -webkit-transform: translate3d(-100px, -200px, 0px);
  -o-transform: translate(-100px, -200px);
  -ms-transform: translate(-100px, -200px);
  transform: translate3d(-100px, 0px, -200px);
}

.animation-element.adjust.slide-right.in-view 
{
  opacity: 1;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200px, 0px);
}

/* adjusted animations end */
.vein button
{
	background-position:0% 50%;
	transition:background-position 0.5s, background-color 0.5s;
	-webkit-transition:background-position 0.5s, background-color 0.5s;	
	-ms-transition:background-position 0.5s, background-color 0.5s;	
	-o-transition:background-position 0.5s, background-color 0.5s;	
	-moz-transition:background-position 0.5s, background-color 0.5s;	
}



/* poi picture overlay icons appear on hover */

.poi .items .subject .pe
{
	top:-20px;
	-moz-transition: all 0.5s;
  	-webkit-transition: all 0.5s ;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;	
}
.poi .items .subject .poi-spacer
{
	-moz-transition: all 0.5s;
  	-webkit-transition: all 0.5s ;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;	
}
.poi .items .subject:hover .poi-spacer
{
	height:0px;
}
.poi .items .subject:hover .pe
{
	
	-moz-transform: translate3d(0px, -40px, 0px);
  -webkit-transform: translate3d(0px, -40px, 0px);
  -o-transform: translate(0px, -40px);
  -ms-transform: translate(0px, -40px);
  transform: translate3d(0px, -40px, 0px);		
}
.overlay ul li a img
{
	-webkit-transition:border 1s, -webkit-box-shadow 1s;
	transition:border 1s, box-shadow 1s;
	
}

.gps a div, .header
{
	-webkit-transition:color 1.5s, background 1s, border 0.5s;
	transition:color 1.5s, background 1s, border 0.5s;
}

.cta
{
	-webkit-transition:border 1s, background 1s, color 1s; /* Safari */
    transition:border 1s, background 1s, color 1s;	
}
.poi .items .cover
{
	-webkit-transition:-webkit-transform 0.5s;
	-ms-transition:-ms-transform 0.5s;
	transition:transform 0.5s;	
	-ms-transform-origin:bottom left;
	-webkit-transform-origin:bottom left;
	transform-origin:bottom left;
}
.poi .items .subject
{
	overflow:hidden;	
}
.poi .items .subject:hover .cover
{
	
	-ms-transform: skew(6deg,0deg) rotate(-8deg);
    -webkit-transform: skew(6deg,0deg) rotate(-8deg); 
    transform: skew(6deg,0deg) rotate(-8deg);
	
}
.scale img:hover
{
	-ms-transition:border 0.5s, box-shadow 0.5s, background 0.5s;
	-webkit-transition:border 0.5s, box-shadow 0.5s, background 0.5s;
	-moz-transition:border 0.5s, box-shadow 0.5s, background 0.5s;
	-o-transition:border 0.5s, box-shadow 0.5s, background 0.5s;
	transition:border 0.5s, box-shadow 0.5s, background 0.5s;	
}
.poi .items .subject .pic
{
	-webkit-transition:background-size 0.5s, background-position 0.5s;
    transition:	background-size 0.5s, background-position 0.5s;	
}
li.navigation  ul.unfold
{
	-webkit-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	
	-webkit-transform: perspective(350px) rotateX(-90deg);
	-o-transform: perspective(350px) rotateX(-90deg);
	-moz-transform: perspective(350px) rotateX(-90deg);
	-ms-transform: perspective(350px) rotateX(-90deg);
	transform: perspective(350px) rotateX(-90deg);
	
	box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
	-o-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
	-ms-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
	
}

li.navigation:hover > ul.unfold
{
	-webkit-transform: perspective(350px) rotateX(0deg);
	-o-transform: perspective(350px) rotateX(0deg);
	-moz-transform: perspective(350px) rotateX(0deg);
	-ms-transform: perspective(350px) rotateX(0deg);
	transform: perspective(350px) rotateX(0deg);
	
	-webkit-transition:0.2s linear 0.4s;
	-o-transition:0.2s linear 0.4s;
	-moz-transition:0.2s linear 0.4s;
	-ms-transition:0.2s linear 0.4s;
	transition:0.2s linear 0.4s;
}
li.navigation ul
{
	-webkit-transition: 0.2s linear 0.4s;
	-o-transition: 0.2s linear 0.4s;
	-moz-transition: 0.2s linear 0.4s;
	-ms-transition: 0.2s linear 0.4s;
	transition: 0.2s linear 0.4s;
}
li.navigation:hover .unfold
{
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.btn-transition button
{
	-webkit-transition: all 1000ms ease-in-out;
	-o-transition: all 1000ms ease-in-out;
	-moz-transition: all 1000ms ease-in-out;
	-ms-transition: all 1000ms ease-in-out;
	transition: all 1000ms ease-in-out;
	text-shadow:2px 2px 2px black;
}
.btn-transition.thin button:hover 
{	
	background:white;
	color:#222;
	border:thin solid white;
	text-shadow:2px 2px 2px white;
}
.btn-transition.thick button:hover 
{
	background:white;
	color:#222;
	border:thick solid white;
	text-shadow:2px 2px 2px white;
}
/* Border Animation */

.img-rotate
{
	-webkit-transition: all 5000ms ease-in-out;
	-o-transition: all 5000ms ease-in-out;
	-moz-transition: all 5000ms ease-in-out;
	-ms-transition: all 5000ms ease-in-out;
	transition: all 5000ms ease-in-out;
}
.about-critical-mass:hover .img-rotate,
.critical-mass-contact:hover .img-rotate
{
	-webkit-transform: rotate(1280deg);
	-o-transform: rotate(1280deg);
	-moz-transform: rotate(1280deg);
	-ms-transform: rotate(1280deg);
	transform: rotate(1280deg);
}


@keyframes bounce-scale
{
	0% {transform:scale(0, 0);}
	60% {transform:scale(0.9, 0.9);}
	80% {transform:scale(0.8, 0.8);}
	100% {transform:scale(1, 1);}	
}
@-webkit-keyframes bounce-scale
{
	0% {-webkit-transform:scale(0, 0);}
	60% {-webkit-transform:scale(0.9, 0.9);}
	80% {-webkit-transform:scale(0.8, 0.8);}
	100% {-webkit-transform:scale(1, 1);}	
}
@-ms-keyframes bounce-scale
{
	0% {-ms-transform:scale(0, 0);}
	60% {-ms-transform:scale(0.9, 0.9);}
	80% {-ms-transform:scale(0.8, 0.8);}
	100% {-ms-transform:scale(1, 1);}	
}
@-o-keyframes bounce-scale
{
	0% {-o-transform:scale(0, 0);}
	60% {-o-transform:scale(0.9, 0.9);}
	80% {-o-transform:scale(0.8, 0.8);}
	100% {-o-transform:scale(1, 1);}	
}
@-moz-keyframes bounce-scale
{
	0% {-moz-transform:scale(0, 0);}
	60% {-moz-transform:scale(0.9, 0.9);}
	80% {-moz-transform:scale(0.8, 0.8);}
	100% {-moz-transform:scale(1, 1);}	
}