/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

/* 
.fixed {
position: fixed !important;
top: 100;
width: 100%;
max-width: 668px;
}
*/

/*
* {
margin: 0;
padding: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/

.sandbox {
/* background: url('charlie.jpg') no-repeat center top; 
z-index: 999;
pointer-events: none;
*/
background-size: 100%;
padding: 25px 0;
width: 235px;
position: relative;
}

a.animation1:hover {
   border: 5px solid #0088cc;
}
animation1:hover {
   border: 5px solid #0088cc;
}
a.sandbox:hover {
 border: 5px solid #0088cc;
}
sandbox:hover {
 border: 5px solid #0088cc;
}
a.span3hero:hover {
 border: 5px solid #0088cc;
}
span3hero:hover {
 border: 5px solid #0088cc;
}
/**/



.animation1 {
	-webkit-animation-name: fadeInUp2;
	-moz-animation-name: fadeInUp2;
	-o-animation-name: fadeInUp2;
	animation-name: fadeInUp2;
text-align: center;
background: #FFFFFF;
padding: 15px 5px;
width: 210px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;

  border: 2px solid #2C2C2C;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
  
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: .6s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: .6s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: .6s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: .6s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: .6s;
animation-timing-function: ease;
animation-fill-mode: both;
}

.animation2 {
	-webkit-animation-name: fadeInUp2;
	-moz-animation-name: fadeInUp2;
	-o-animation-name: fadeInUp2;
	animation-name: fadeInUp2;
text-align: center;
background: #FFFFFF;
padding: 15px 5px;
width: 210px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;

border: 2px solid #2C2C2C;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
  
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 1.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: 1.1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: 1.1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: 1.1s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: 1.1s;
animation-timing-function: ease;
animation-fill-mode: both;
}

.animation3 {
	-webkit-animation-name: fadeInUp2;
	-moz-animation-name: fadeInUp2;
	-o-animation-name: fadeInUp2;
	animation-name: fadeInUp2;
text-align: center;
background: #FFFFFF;
padding: 15px 5px;
width: 210px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;

border: 2px solid #2C2C2C;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
  
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 1.6s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: 1.6s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: 1.6s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: 1.6s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: 1.6s;
animation-timing-function: ease;
animation-fill-mode: both;
}

.animation4 {
	-webkit-animation-name: fadeInUp2;
	-moz-animation-name: fadeInUp2;
	-o-animation-name: fadeInUp2;
	animation-name: fadeInUp2;
text-align: center;
background: #FFFFFF;
padding: 15px 5px;
width: 210px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;

border: 2px solid #2C2C2C;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
  
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 2.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: 2.1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: 2.1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: 2.1s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: 2.1s;
animation-timing-function: ease;
animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px,250px);
	}
    
    20% {
		opacity: .8;
		-webkit-transform: translate(0px,-30px);
	} 
        
	100% {
		opacity: 1;
		-webkit-transform: translate(0px,0px);
	}
}

@-moz-keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-moz-transform: translate(0px,200px);
	}
	      
    20% {
		opacity: .8;
		-moz-transform: translate(0px,-100px);
	}   
         
	100% {
		opacity: 1;
		-moz-transform: translate(0px,0px);
	}
}

@-o-keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-o-transform: translate(0px,200px);
	}
    
    20% {
		opacity: .8;
		-o-transform: translate(0px,-100px);
	}
    
	100% {
		opacity: 1;
		-o-transform: translate(0px,0px);
	}
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		transform: translate(0px,200px);
	}
	
    20% {
		opacity: .8;
		transform: translate(0px,-100px);
	}
    
	100% {
		opacity: 1;
		transform: translate(0px,0px);
	}
}


/*
#animate1 {
text-align: center;
background: #FFFFFF;
padding: 15px 5px;
width: 210px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: .6s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: .6s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: .6s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: .6s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: .6s;
animation-timing-function: ease;
animation-fill-mode: both;
}

#animate2 {
text-align: center;
background: #FFFFFF;
padding: 15px 5px;
width: 210px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 1.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: 1.1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: 1.1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: 1.1s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: 1.1s;
animation-timing-function: ease;
animation-fill-mode: both;
}

#animate3 {
text-align: center;
background: #FFFFFF;
padding: 15px 5px;
width: 210px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 1.6s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: 1.6s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: 1.6s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: 1.6s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: 1.6s;
animation-timing-function: ease;
animation-fill-mode: both;
}

#animate4 {
text-align: center;
background: #FFFFFF;
padding: 15px 5px;
width: 210px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: 2.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: 2.1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: 2.1s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: 2.1s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: 2.1s;
animation-timing-function: ease;
animation-fill-mode: both;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px,250px);
	}
    
    20% {
		opacity: .8;
		-webkit-transform: translate(0px,-30px);
	} 
        
	100% {
		opacity: 1;
		-webkit-transform: translate(0px,0px);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translate(0px,200px);
	}
	      
    20% {
		opacity: .8;
		-moz-transform: translate(0px,-100px);
	}   
         
	100% {
		opacity: 1;
		-moz-transform: translate(0px,0px);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translate(0px,200px);
	}
    
    20% {
		opacity: .8;
		-o-transform: translate(0px,-100px);
	}
    
	100% {
		opacity: 1;
		-o-transform: translate(0px,0px);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate(0px,200px);
	}
	
    20% {
		opacity: .8;
		transform: translate(0px,-100px);
	}
    
	100% {
		opacity: 1;
		transform: translate(0px,0px);
	}
}









.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	-moz-animation-name: fadeInUp2;
	-o-animation-name: fadeInUp2;
	animation-name: fadeInUp2;
    text-align: center;
background: #FFFFFF;
padding: 20px 10px;
width: 230px;
color: black;
margin: 0 auto;
border-radius: 15px;
font-weight: bold;
-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-duration: 3s;
-webkit-animation-delay: .4s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 3s;
-moz-animation-delay: .4s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: 3s;
-ms-animation-delay: .4s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
-o-animation-duration: 3s;
-o-animation-delay: .4s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
animation-duration: 3s;
animation-delay: .4s;
animation-timing-function: ease;
animation-fill-mode: both;
}

.fadeInUp2:hover {
  border-color: #0088cc;
  color: #000000;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}


*/














/*
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration: 5s;
}

.animated.hinge {
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-ms-animation-duration: 10s;
	-o-animation-duration: 10s;
	animation-duration: 10s;
}
*/



/*
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-800px);
	}
	
    25% {
		opacity: 1;
		-webkit-transform: translateY(800);
	}
     
    50% {
		opacity: 1;
		-webkit-transform: translateY(-800);
	} 
     
    75% {
		opacity: 1;
		-webkit-transform: translateY(800);
	}
      
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(-800px);
	}
	
    25% {
		opacity: 1;
		-moz-transform: translateY(800px);
	}
    
    50% {
		opacity: 1;
		-moz-transform: translateY(-800px);
	}   
       
    75% {
		opacity: 1;
		-moz-transform: translateY(800px);
	}   
         
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(-800px);
	}
    
	25% {
		opacity: 1;
		-o-transform: translateY(800);
	}
    
    50% {
		opacity: 1;
		-o-transform: translateY(-800);
	}
    
    75% {
		opacity: 1;
		-o-transform: translateY(800);
	}
    
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(-800px);
	}
	
    25% {
		opacity: 1;
		transform: translateY(800);
	}
    
    50% {
		opacity: 1;
		transform: translateY(-800);
	}
    
    75% {
		opacity: 1;
		transform: translateY(800);
	}
    
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

*/