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



.close-page-animation .portfolio-next-page  #overlay-dark {
	-webkit-animation:	overlay-dark-off 1.0s ease-in-out 0.8s both;
	-moz-animation: 	overlay-dark-off 1.0s ease-in-out 0.8s both;
	-o-animation: 		overlay-dark-off 1.0s ease-in-out 0.8s both;
	-ms-animation: 		overlay-dark-off 1.0s ease-in-out 0.8s both;
	animation: 			overlay-dark-off 1.0s ease-in-out 0.8s both;}
			@-webkit-keyframes  overlay-dark-off{	0%{top:100%; } 	100%{ top:0; }}
			@-moz-keyframes 	overlay-dark-off{	0%{top:100%; } 	100%{ top:0; }}
			@-o-keyframes 		overlay-dark-off{	0%{top:100%; } 	100%{ top:0; }}
			@-ms-keyframes 		overlay-dark-off{	0%{top:100%; } 	100%{ top:0; }}
			@keyframes 			overlay-dark-off{	0%{top:100%; } 	100%{ top:0; }}
			
.close-page-animation #visual-wrapper {
	-webkit-animation:	close-visual-wrapper 1.4s ease-in-out 0.7s both;
	-moz-animation: 	close-visual-wrapper 1.4s ease-in-out 0.7s both;
	-o-animation: 		close-visual-wrapper 1.4s ease-in-out 0.7s both;
	-ms-animation: 		close-visual-wrapper 1.4s ease-in-out 0.7s both;
	animation: 			close-visual-wrapper 1.4s ease-in-out 0.7s both;}
			@-webkit-keyframes  close-visual-wrapper{	10% {height:100%} 40% {height:100%;opacity:1} 50%{opacity:0.8}  100%{height:0; opacity:0}	}
			@-moz-keyframes 	close-visual-wrapper{	10% {height:100%} 40% {height:100%;opacity:1} 50%{opacity:0.8}  100%{height:0; opacity:0}	}
			@-o-keyframes 		close-visual-wrapper{	10% {height:100%} 40% {height:100%;opacity:1} 50%{opacity:0.8}  100%{height:0; opacity:0}	}
			@-ms-keyframes 		close-visual-wrapper{	10% {height:100%} 40% {height:100%;opacity:1} 50%{opacity:0.8}  100%{height:0; opacity:0}	}
			@keyframes 			close-visual-wrapper{	10% {height:100%} 40% {height:100%;opacity:1} 50%{opacity:0.8}  100%{height:0; opacity:0}	}
			
.close-page-animation .intro-logo,	.close-page-animation #content-wrapper, .close-page-animation #footer-wrapper		 {
	-webkit-animation:	close-intro-logo 1.1s ease-in-out 0.1s both;
	-moz-animation: 	close-intro-logo 1.1s ease-in-out 0.1s both;
	-o-animation: 		close-intro-logo 1.1s ease-in-out 0.1s both;
	-ms-animation: 		close-intro-logo 1.1s ease-in-out 0.1s both;
	animation: 			close-intro-logo 1.1s ease-in-out 0.1s both;
	-webkit-transition:0 2s ease-out;-moz-transition:0 2s ease-out;-o-transition:0 2s ease-out;-ms-transition:0 2s ease-out;transition:transform 2s ease-out;
}
			@-webkit-keyframes  close-intro-logo{	50% {opacity:0;} 100%{opacity:0;width:0;height:0;} 	}
			@-moz-keyframes 	close-intro-logo{	50% {opacity:0;} 100%{opacity:0;width:0;height:0;} 	}
			@-o-keyframes 		close-intro-logo{	50% {opacity:0;} 100%{opacity:0;width:0;height:0;} 	}
			@-ms-keyframes 		close-intro-logo{	50% {opacity:0;} 100%{opacity:0;width:0;height:0;} 	}
			@keyframes 			close-intro-logo{	50% {opacity:0;} 100%{opacity:0;width:0;height:0;} 	}
			

			
.home.close-page-animation .wallpaper > div > div		{
	-webkit-animation:	close-wallpaper-divdiv 1.1s ease-in-out 0.1s both;
	-moz-animation: 	close-wallpaper-divdiv 1.1s ease-in-out 0.1s both;
	-o-animation: 		close-wallpaper-divdiv 1.1s ease-in-out 0.1s both;
	-ms-animation: 		close-wallpaper-divdiv 1.1s ease-in-out 0.1s both;
	animation: 			close-wallpaper-divdiv 1.1s ease-in-out 0.1s both;}
			@-webkit-keyframes  close-wallpaper-divdiv{	100%{opacity:0; } 	}
			@-moz-keyframes 	close-wallpaper-divdiv{	100%{opacity:0; } 	}
			@-o-keyframes 		close-wallpaper-divdiv{	100%{opacity:0; } 	}
			@-ms-keyframes 		close-wallpaper-divdiv{	100%{opacity:0; } 	}
			@keyframes 			close-wallpaper-divdiv{	100%{opacity:0; } 	}
			
			
/* overlay */
.supermenu .overlay-all {
	-webkit-animation:	supermenu-overlay 0.4s ease-in-out 0.4s both;
	-moz-animation: 	supermenu-overlay 0.4s ease-in-out 0.4s both;
	-o-animation: 		supermenu-overlay 0.4s ease-in-out 0.4s both;
	-ms-animation: 		supermenu-overlay 0.4s ease-in-out 0.4s both;
	animation: 			supermenu-overlay 0.4s ease-in-out 0.4s both;}	
			@-webkit-keyframes  supermenu-overlay{0%{opacity:0;} 	  100%{opacity:1 }}
			@-moz-keyframes 	supermenu-overlay{0%{opacity:0; } 	  100%{opacity:1 }}
			@-o-keyframes 		supermenu-overlay{0%{opacity:0; } 	  100%{opacity:1 }}
			@-ms-keyframes 		supermenu-overlay{0%{opacity:0; } 	  100%{opacity:1 }}
			@keyframes 			supermenu-overlay{0%{opacity:0; } 	  100%{opacity:1 }}
			
.kill-menu .overlay-all, .close-menu .overlay-all {
	-webkit-animation:	supermenu-overlay2 0.4s ease-in-out 0.1s both;
	-moz-animation: 	supermenu-overlay2 0.4s ease-in-out 0.1s both;
	-o-animation: 		supermenu-overlay2 0.4s ease-in-out 0.1s both;
	-ms-animation: 		supermenu-overlay2 0.4s ease-in-out 0.1s both;
	animation: 			supermenu-overlay2 0.4s ease-in-out 0.1s both;}
			@-webkit-keyframes  supermenu-overlay2{0%{opacity:1;top:0} 	  80%{opacity:0;top:0;} 100%{opacity:0;top:-100% }}
			@-moz-keyframes 	supermenu-overlay2{0%{opacity:1;top:0} 	  80%{opacity:0;top:0;} 100%{opacity:0;top:-100% }}
			@-o-keyframes 		supermenu-overlay2{0%{opacity:1;top:0} 	  80%{opacity:0;top:0;} 100%{opacity:0;top:-100% }}
			@-ms-keyframes 		supermenu-overlay2{0%{opacity:1;top:0} 	  80%{opacity:0;top:0;} 100%{opacity:0;top:-100% }}
			@keyframes 			supermenu-overlay2{0%{opacity:1;top:0} 	  80%{opacity:0;top:0;} 100%{opacity:0;top:-100% }}	
			
.supermenu #visual-wrapper {
	-webkit-animation:	supermenu-superheader 0.2s ease-in-out 0.2s both;
	-moz-animation: 	supermenu-superheader 0.2s ease-in-out 0.2s both;
	-o-animation: 		supermenu-superheader 0.2s ease-in-out 0.2s both;
	-ms-animation: 		supermenu-superheader 0.2s ease-in-out 0.2s both;
	animation: 			supermenu-superheader 0.2s ease-in-out 0.2s both;}	
			@-webkit-keyframes  supermenu-superheader{0%{} 	100%{height: 100%; }}
			@-moz-keyframes 	supermenu-superheader{0%{} 	100%{height: 100%; }}
			@-o-keyframes 		supermenu-superheader{0%{} 	100%{height: 100%; }}
			@-ms-keyframes 		supermenu-superheader{0%{} 	100%{height: 100%; }}
			@keyframes 			supermenu-superheader{0%{} 	100%{height: 100%; }}

.close-menu #visual-wrapper {
	-webkit-animation:	supermenu-superheader2 0.4s ease-in-out 0.2s both;
	-moz-animation: 	supermenu-superheader2 0.4s ease-in-out 0.2s both;
	-o-animation: 		supermenu-superheader2 0.4s ease-in-out 0.2s both;
	-ms-animation: 		supermenu-superheader2 0.4s ease-in-out 0.2s both;
	animation: 			supermenu-superheader2 0.4s ease-in-out 0.2s both;}	
			@-webkit-keyframes  supermenu-superheader2{0%{height: 100%; } 100%{}}
			@-moz-keyframes 	supermenu-superheader2{0%{height: 100%; } 100%{}}
			@-o-keyframes 		supermenu-superheader2{0%{height: 100%; } 100%{}}
			@-ms-keyframes 		supermenu-superheader2{0%{height: 100%; } 100%{}}
			@keyframes 			supermenu-superheader2{0%{height: 100%; } 100%{}}	

.kill-menu #visual-wrapper {
	-webkit-animation:	supermenu-superheader-x 0.9s ease-in-out 0.9s both;
	-moz-animation: 	supermenu-superheader-x 0.9s ease-in-out 0.9s both;
	-o-animation: 		supermenu-superheader-x 0.9s ease-in-out 0.9s both;
	-ms-animation: 		supermenu-superheader-x 0.9s ease-in-out 0.9s both;
	animation: 			supermenu-superheader-x 0.9s ease-in-out 0.9s both;}	
			@-webkit-keyframes  supermenu-superheader-x{0%{height: 100%; } 100%{height:0%}}
			@-moz-keyframes 	supermenu-superheader-x{0%{height: 100%; } 100%{height:0%}}
			@-o-keyframes 		supermenu-superheader-x{0%{height: 100%; } 100%{height:0%}}
			@-ms-keyframes 		supermenu-superheader-x{0%{height: 100%; } 100%{height:0%}}
			@keyframes 			supermenu-superheader-x{0%{height: 100%; } 100%{height:0%}}		
			
.kill-menu #overlay-dark {			
	-webkit-animation:	overlay-dark-off	0.9s ease-in-out 0.9s both;	
	-moz-animation:		overlay-dark-off	0.9s ease-in-out 0.9s both;	
	-o-animation:		overlay-dark-off	0.9s ease-in-out 0.9s both;	
	-ms-animation:		overlay-dark-off	0.9s ease-in-out 0.9s both;	
	animation:			overlay-dark-off	0.9s ease-in-out 0.9s both;	}
			
.supermenu .big-menu {	
	-webkit-animation:	bigmenu 0.4s ease-in-out 0.6s both;
	-moz-animation: 	bigmenu 0.4s ease-in-out 0.6s both;
	-o-animation: 		bigmenu 0.4s ease-in-out 0.6s both;
	-ms-animation: 		bigmenu 0.4s ease-in-out 0.6s both;
	animation: 			bigmenu 0.4s ease-in-out 0.6s both;}	
			@-webkit-keyframes  bigmenu {0%{left:100%;opacity:0} 80%{left:40%;width:60%;} 100%{left:50%;width:50%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}
			@-moz-keyframes 	bigmenu {0%{left:100%;opacity:0} 80%{left:40%;width:60%;} 100%{left:50%;width:50%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}
			@-o-keyframes 		bigmenu {0%{left:100%;opacity:0} 80%{left:40%;width:60%;} 100%{left:50%;width:50%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}
			@-ms-keyframes 		bigmenu {0%{left:100%;opacity:0} 80%{left:40%;width:60%;} 100%{left:50%;width:50%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}
			@keyframes 			bigmenu {0%{left:100%;opacity:0} 80%{left:40%;width:60%;} 100%{left:50%;width:50%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}


.supermenu .kill-menu .big-menu {	
	-webkit-animation:	bigmenu-x 0.4s ease-in-out 0.6s both;
	-moz-animation: 	bigmenu-x 0.4s ease-in-out 0.6s both;
	-o-animation: 		bigmenu-x 0.4s ease-in-out 0.6s both;
	-ms-animation: 		bigmenu-x 0.4s ease-in-out 0.6s both;
	animation: 			bigmenu-x 0.4s ease-in-out 0.6s both;}	
			@-webkit-keyframes  bigmenu-x {100%{left:100%;opacity:0} 20%{left:40%;width:60%;} 0%{left:50%;width:50%;}}
			@-moz-keyframes 	bigmenu-x {100%{left:100%;opacity:0} 20%{left:40%;width:60%;} 0%{left:50%;width:50%;}}
			@-o-keyframes 		bigmenu-x {100%{left:100%;opacity:0} 20%{left:40%;width:60%;} 0%{left:50%;width:50%;}}
			@-ms-keyframes 		bigmenu-x {100%{left:100%;opacity:0} 20%{left:40%;width:60%;} 0%{left:50%;width:50%;}}
			@keyframes 			bigmenu-x {100%{left:100%;opacity:0} 20%{left:40%;width:60%;} 0%{left:50%;width:50%;}}	
			
/****/
@media only screen and (max-width: 680px) {
.supermenu .big-menu {	
	-webkit-animation:	bigmenu-680 0.4s ease-in-out 0.6s both;
	-moz-animation: 	bigmenu-680 0.4s ease-in-out 0.6s both;
	-o-animation: 		bigmenu-680 0.4s ease-in-out 0.6s both;
	-ms-animation: 		bigmenu-680 0.4s ease-in-out 0.6s both;
	animation: 			bigmenu 0.4s ease-in-out 0.6s both;}	
			@-webkit-keyframes  bigmenu-680 {0%{left:100%;opacity:0} 90%{left:0;width:100%;} 100%{left:0;width:100%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}
			@-moz-keyframes 	bigmenu-680 {0%{left:100%;opacity:0} 90%{left:0;width:100%;} 100%{left:0;width:100%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}
			@-o-keyframes 		bigmenu-680 {0%{left:100%;opacity:0} 90%{left:0;width:100%;} 100%{left:0;width:100%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}
			@-ms-keyframes 		bigmenu-680 {0%{left:100%;opacity:0} 90%{left:0;width:100%;} 100%{left:0;width:100%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}
			@keyframes 			bigmenu-680 {0%{left:100%;opacity:0} 90%{left:0;width:100%;} 100%{left:0;width:100%;background:url(../img/88-big.png) rgba(47,47,57,0.9)}}


.supermenu .kill-menu .big-menu {	
	-webkit-animation:	bigmenu-x-680 0.4s ease-in-out 0.6s both;
	-moz-animation: 	bigmenu-x-680 0.4s ease-in-out 0.6s both;
	-o-animation: 		bigmenu-x-680 0.4s ease-in-out 0.6s both;
	-ms-animation: 		bigmenu-x-680 0.4s ease-in-out 0.6s both;
	animation: 			bigmenu-x-680 0.4s ease-in-out 0.6s both;}	
			@-webkit-keyframes  bigmenu-x-680 {100%{left:100%;opacity:0} 0%{left:100%;width:100%;}}
			@-moz-keyframes 	bigmenu-x-680 {100%{left:100%;opacity:0} 0%{left:100%;width:100%;}}
			@-o-keyframes 		bigmenu-x-680 {100%{left:100%;opacity:0} 0%{left:100%;width:100%;}}
			@-ms-keyframes 		bigmenu-x-680 {100%{left:100%;opacity:0} 0%{left:100%;width:100%;}}
			@keyframes 			bigmenu-x-680 {100%{left:100%;opacity:0} 0%{left:100%;width:100%;}}
			
			
}			
/****/			
			
		.supermenu .big-menu .overlay-nav {	
			-webkit-animation:	opacity-on 0.6s ease-in-out 0.8s 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;}	
			
		.supermenu .big-menu .overlay-footer {	
			-webkit-animation:	opacity-on 0.6s ease-in-out 1.0s 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;}													

.close-menu .big-menu {	
	-webkit-animation:	close-bigmenu 0.4s ease-in-out 0.0s both;
	-moz-animation: 	close-bigmenu 0.4s ease-in-out 0.0s both;
	-o-animation: 		close-bigmenu 0.4s ease-in-out 0.0s both;
	-ms-animation: 		close-bigmenu 0.4s ease-in-out 0.0s both;
	animation: 			close-bigmenu 0.4s ease-in-out 0.0s both;}	
			@-webkit-keyframes  close-bigmenu {100%{right:-100%} 20%{right:0;width:60%} 0%{right:0;width:50%}}
			@-moz-keyframes 	close-bigmenu {100%{right:-100%} 20%{right:0;width:60%} 0%{right:0;width:50%}}
			@-o-keyframes 		close-bigmenu {100%{right:-100%} 20%{right:0;width:60%} 0%{right:0;width:50%}}
			@-ms-keyframes 		close-bigmenu {100%{right:-100%} 20%{right:0;width:60%} 0%{right:0;width:50%}}
			@keyframes 			close-bigmenu {100%{right:-100%} 20%{right:0;width:60%} 0%{right:0;width:50%}}
			
.supermenu .wallpaper-master {	
	-webkit-animation:	opacity-off 0.4s ease-in-out 0.0s both;
	-moz-animation: 	opacity-off 0.4s ease-in-out 0.0s both;
	-o-animation: 		opacity-off 0.4s ease-in-out 0.0s both;
	-ms-animation: 		opacity-off 0.4s ease-in-out 0.0s both;
	animation: 			opacity-off 0.4s ease-in-out 0.0s both;}	
			@-webkit-keyframes  opacity-off {100%{opacity:0}}
			@-moz-keyframes 	opacity-off {100%{opacity:0}}
			@-o-keyframes 		opacity-off {100%{opacity:0}}
			@-ms-keyframes 		opacity-off {100%{opacity:0}}
			@keyframes 			opacity-off {100%{opacity:0}}		
			
.close-menu .wallpaper-master {	
	-webkit-animation:	opacity-on 0.4s ease-in-out 0.5s both;
	-moz-animation: 	opacity-on 0.4s ease-in-out 0.5s both;
	-o-animation: 		opacity-on 0.4s ease-in-out 0.5s both;
	-ms-animation: 		opacity-on 0.4s ease-in-out 0.5s both;
	animation: 			opacity-on 0.4s ease-in-out 0.5s both;}	
			@-webkit-keyframes  opacity-on {0%{opacity:0};100%{opacity:1}}
			@-moz-keyframes 	opacity-on {0%{opacity:0};100%{opacity:1}}
			@-o-keyframes 		opacity-on {0%{opacity:0};100%{opacity:1}}
			@-ms-keyframes 		opacity-on {0%{opacity:0};100%{opacity:1}}
			@keyframes 			opacity-on {0%{opacity:0};100%{opacity:1}}	


.overlay-wallpaper-master .logo-ico-wrap-X{	
	-webkit-animation:	logo-ico-wrap 0.4s ease-in-out 0.2s both;
	-moz-animation: 	logo-ico-wrap 0.4s ease-in-out 0.2s both;
	-o-animation: 		logo-ico-wrap 0.4s ease-in-out 0.2s both;
	-ms-animation: 		logo-ico-wrap 0.4s ease-in-out 0.2s both;
	animation: 			logo-ico-wrap 0.4s ease-in-out 0.2s both;}	
		.logo-ico-wrap{	
		-webkit-animation:	logo-ico-wrap 0.4s ease-in-out 5.5s both;
		-moz-animation: 	logo-ico-wrap 0.4s ease-in-out 5.5s both;
		-o-animation: 		logo-ico-wrap 0.4s ease-in-out 5.5s both;
		-ms-animation: 		logo-ico-wrap 0.4s ease-in-out 5.5s both;
		animation: 			logo-ico-wrap 0.4s ease-in-out 5.5s both;}	
			@-webkit-keyframes  logo-ico-wrap {0%{opacity:0;left:0};100%{opacity:1}}
			@-moz-keyframes 	logo-ico-wrap {0%{opacity:0;left:0};100%{opacity:1}}
			@-o-keyframes 		logo-ico-wrap {0%{opacity:0;left:0};100%{opacity:1}}
			@-ms-keyframes 		logo-ico-wrap {0%{opacity:0;left:0};100%{opacity:1}}
			@keyframes 			logo-ico-wrap {0%{opacity:0;left:0};100%{opacity:1}}
			
				

 .overlay-wallpaper-master .menu-ico-wrap-X{	
	-webkit-animation:	menu-ico-wrap 0.4s ease-in-out 0.2s both;
	-moz-animation: 	menu-ico-wrap 0.4s ease-in-out 0.2s both;
	-o-animation: 		menu-ico-wrap 0.4s ease-in-out 0.2s both;
	-ms-animation: 		menu-ico-wrap 0.4s ease-in-out 0.2s both;
	animation: 			menu-ico-wrap 0.4s ease-in-out 0.2s both;;}	
		.menu-ico-wrap {	
		-webkit-animation:	menu-ico-wrap 0.4s ease-in-out 5.5s both;
		-moz-animation: 	menu-ico-wrap 0.4s ease-in-out 5.5s both;
		-o-animation: 		menu-ico-wrap 0.4s ease-in-out 5.5s both;
		-ms-animation: 		menu-ico-wrap 0.4s ease-in-out 5.5s both;
		animation: 			menu-ico-wrap 0.4s ease-in-out 5.5s both;}	
			@-webkit-keyframes  menu-ico-wrap {0%{opacity:0;right:0};100%{opacity:1}}
			@-moz-keyframes 	menu-ico-wrap {0%{opacity:0;right:0};100%{opacity:1}}
			@-o-keyframes 		menu-ico-wrap {0%{opacity:0;right:0};100%{opacity:1}}
			@-ms-keyframes 		menu-ico-wrap {0%{opacity:0;right:0};100%{opacity:1}}
			@keyframes 			menu-ico-wrap {0%{opacity:0;right:0};100%{opacity:1}}