@charset "utf-8";
/* CSS Document */

/* OVERLAY DARK */
.home #overlay-light, .page #overlay-dark {
	-webkit-animation:	overlay-light 1.8s ease-in-out 1.0s both;
	-moz-animation: 	overlay-light 1.8s ease-in-out 1.0s both;
	-o-animation: 		overlay-light 1.8s ease-in-out 1.0s both;
	-ms-animation: 		overlay-light 1.8s ease-in-out 1.0s both;
	animation: 			overlay-light 1.8s ease-in-out 1.0s both;}
			@-webkit-keyframes  overlay-light{	0%{top:0%; } 	100%{ top:100%; }}
			@-moz-keyframes 	overlay-light{	0%{top:0%; } 	100%{ top:100%; }}
			@-o-keyframes 		overlay-light{	0%{top:0%; } 	100%{ top:100%; }}
			@-ms-keyframes 		overlay-light{	0%{top:0%; } 	100%{ top:100%; }}
			@keyframes 			overlay-light{	0%{top:0%; } 	100%{ top:100%; }}

#visual-wrapper {
	-webkit-animation:	visual-wrapper 0.6s ease-in-out 4.4s both;
	-moz-animation: 	visual-wrapper 0.6s ease-in-out 4.4s both;
	-o-animation: 		visual-wrapper 0.6s ease-in-out 4.4s both;
	-ms-animation: 		visual-wrapper 0.6s ease-in-out 4.4s both;
	animation: 			visual-wrapper 0.6s ease-in-out 4.4s both;}
			@-webkit-keyframes  visual-wrapper{	0%{height:100%; } 	}
			@-moz-keyframes 	visual-wrapper{	0%{height:100%; } 	}
			@-o-keyframes 		visual-wrapper{	0%{height:100%; } 	}
			@-ms-keyframes 		visual-wrapper{	0%{height:100%; } 	}
			@keyframes 			visual-wrapper{	0%{height:100%; } 	}


.wallpaper {	
	-webkit-animation:	wallpaper 1.5s ease-in-out 3.0s both;
	-moz-animation: 	wallpaper 1.5s ease-in-out 3.0s both;
	-o-animation: 		wallpaper 1.5s ease-in-out 3.0s both;
	-ms-animation: 		wallpaper 1.5s ease-in-out 3.0s both;
	animation: 			wallpaper 1.5s ease-in-out 3.0s both;}

#content-wrapper{
	
	-webkit-animation:	wallpaper 0.7s ease-in-out 4.8s both;
	-moz-animation: 	wallpaper 0.7s ease-in-out 4.8s both;
	-o-animation: 		wallpaper 0.7s ease-in-out 4.8s both;
	-ms-animation: 		wallpaper 0.7s ease-in-out 4.8s both;
	animation: 			wallpaper 0.7s ease-in-out 4.8s both;}

.info-wrap, #footer-wrapper {
	
	-webkit-animation:	wallpaper 0.7s ease-in-out 5.0s both;
	-moz-animation: 	wallpaper 0.7s ease-in-out 5.0s both;
	-o-animation: 		wallpaper 0.7s ease-in-out 5.0s both;
	-ms-animation: 		wallpaper 0.7s ease-in-out 5.0s both;
	animation: 			wallpaper 0.7s ease-in-out 5.0s both;}	
		
			@-webkit-keyframes  wallpaper{	0%{opacity:0; } 	}
			@-moz-keyframes 	wallpaper{	0%{opacity:0; } 	}
			@-o-keyframes 		wallpaper{	0%{opacity:0; } 	}
			@-ms-keyframes 		wallpaper{	0%{opacity:0; } 	}
			@keyframes 			wallpaper{	0%{opacity:0; } 	}	 	

/* HEADER ELEMENTS */

.intro-logo { 
	-webkit-animation:	intro-logo  2.5s ease-in-out 2.7s both;
	-moz-animation: 	intro-logo  2.5s ease-in-out 2.7s both;
	-o-animation: 		intro-logo  2.5s ease-in-out 2.7s both;
	-ms-animation: 		intro-logo  2.5s ease-in-out 2.7s both;
	animation: 			intro-logo  2.5s ease-in-out 2.7s both;}	
			@-webkit-keyframes  intro-logo{	
				0%	{background:rgba(255,255,255,0);border-radius:0;width:100%;height:100%;border:rgba(255,255,255,0) solid 0.5em }	
				10%	{border-radius:50%;}	
				30%	{background:#2f2f39;border-radius:50%;width:15em;height:15em; }		
				50%	{background:#2f2f39;border-radius:50%;width:0em;height:0em;} 
				60% {border-radius:50%;width:15em;height:15em;border:rgba(255,255,255,0) solid 0.5em;} 		}
			@-o-keyframes  intro-logo{	
				0%	{background:rgba(255,255,255,0);border-radius:0;width:700px;height:700px;border:rgba(255,255,255,0) solid 0.5em }	
				10%	{border-radius:50%;}	
				30%	{background:#2f2f39;border-radius:50%;width:15em;height:15em; }		
				50%	{background:#2f2f39;border-radius:50%;width:0em;height:0em;} 
				60% {border-radius:50%;width:15em;height:15em;border:rgba(255,255,255,0) solid 0.5em;} 		}
			@-ms-keyframes  intro-logo{	
				0%	{background:rgba(255,255,255,0);border-radius:0;width:700px;height:700px;border:rgba(255,255,255,0) solid 0.5em }	
				10%	{border-radius:50%;}	
				30%	{background:#2f2f39;border-radius:50%;width:15em;height:15em; }		
				50%	{background:#2f2f39;border-radius:50%;width:0em;height:0em;} 
				60% {border-radius:50%;width:15em;height:15em;border:rgba(255,255,255,0) solid 0.5em;} 		}
			@keyframes  intro-logo{	
				0%	{background:rgba(255,255,255,0);border-radius:0;width:700px;height:700px;border:rgba(255,255,255,0) solid 0.5em }	
				10%	{border-radius:50%;}	
				30%	{background:#2f2f39;border-radius:50%;width:15em;height:15em; }		
				50%	{background:#2f2f39;border-radius:50%;width:0em;height:0em;} 
				60% {border-radius:50%;width:15em;height:15em;border:rgba(255,255,255,0) solid 0.5em;} 		}
			@-moz-keyframes  intro-logo{	
				0%	{background:rgba(255,255,255,0);border-radius:0;width:700px;height:700px;border:rgba(255,255,255,0) solid 0.5em }	
				10%	{border-radius:50%;}	
				30%	{background:#2f2f39;border-radius:50%;width:15em;height:15em; }		
				50%	{background:#2f2f39;border-radius:50%;width:0em;height:0em;} 
				60% {border-radius:50%;width:15em;height:15em;border:rgba(255,255,255,0) solid 0.5em;} 		}			
.intro-logo .intro-info  {	
	-webkit-animation:	wallpaper 0.7s ease-in-out 4.0s both;
	-moz-animation: 	wallpaper 0.7s ease-in-out 4.0s both;
	-o-animation: 		wallpaper 0.7s ease-in-out 4.0s both;
	-ms-animation: 		wallpaper 0.7s ease-in-out 4.0s both;
	animation: 			wallpaper 0.7s ease-in-out 4.0s both;}
	

/**************************** HOME ICONS *********************************/
.ico-portfolio {	
	-webkit-animation:	opacity-on 0.4s ease-in-out 5.5s both;
	-moz-animation: 	opacity-on 0.4s ease-in-out 5.5s both;
	-o-animation: 		opacity-on 0.4s ease-in-out 5.5s both;
	-ms-animation: 		opacity-on 0.4s ease-in-out 5.5s both;
	animation: 			opacity-on 0.4s ease-in-out 5.5s both;}	
	
.ico-about {	
	-webkit-animation:	opacity-on 0.6s ease-in-out 5.6s both;
	-moz-animation: 	opacity-on 0.6s ease-in-out 5.6s both;
	-o-animation: 		opacity-on 0.6s ease-in-out 5.6s both;
	-ms-animation: 		opacity-on 0.6s ease-in-out 5.6s both;
	animation: 			opacity-on 0.6s ease-in-out 5.6s both;}	
	
.ico-drawing {	
	-webkit-animation:	opacity-on 0.6s ease-in-out 5.8s both;
	-moz-animation: 	opacity-on 0.6s ease-in-out 5.8s both;
	-o-animation: 		opacity-on 0.6s ease-in-out 5.8s both;
	-ms-animation: 		opacity-on 0.6s ease-in-out 5.8s both;
	animation: 			opacity-on 0.6s ease-in-out 5.8s both;}	
	
.ico-photo {	
	-webkit-animation:	opacity-on 0.6s ease-in-out 6.0s both;
	-moz-animation: 	opacity-on 0.6s ease-in-out 6.0s both;
	-o-animation: 		opacity-on 0.6s ease-in-out 6.0s both;
	-ms-animation: 		opacity-on 0.6s ease-in-out 6.0s both;
	animation: 			opacity-on 0.6s ease-in-out 6.0s both;}				
	
.ico-shop {	
	-webkit-animation:	opacity-on 0.6s ease-in-out 6.2s both;
	-moz-animation: 	opacity-on 0.6s ease-in-out 6.2s both;
	-o-animation: 		opacity-on 0.6s ease-in-out 6.2s both;
	-ms-animation: 		opacity-on 0.6s ease-in-out 6.2s both;
	animation: 			opacity-on 0.6s ease-in-out 6.2s both;}	
	
.ico-adventures {	
	-webkit-animation:	opacity-on 0.6s ease-in-out 6.4s both;
	-moz-animation: 	opacity-on 0.6s ease-in-out 6.4s both;
	-o-animation: 		opacity-on 0.6s ease-in-out 6.4s both;
	-ms-animation: 		opacity-on 0.6s ease-in-out 6.4s both;
	animation: 			opacity-on 0.6s ease-in-out 6.4s both;}		
	
/************  END HOME ICONS *********************************/