/*
    Description: 	Menu Framework
    Author: 		InsideLab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Animations Effects - Zoom-in
	-------------------------------------------------- */

	.menu-zoom-in .menu-wrapper .section {
        opacity:0;
	    -webkit-transform:scale(1.2);
		   -moz-transform:scale(1.2);
             -o-transform:scale(1.2);
                transform:scale(1.2);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
    .menu-zoom-in .menu-wrapper .menu-item:hover .section {
        opacity:1;
	    -webkit-transform:scale(1);
		   -moz-transform:scale(1);
             -o-transform:scale(1);
                transform:scale(1);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Zoom-out
	-------------------------------------------------- */
	
	.menu-zoom-out .menu-wrapper .section {
        opacity:0;
	    -webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
             -o-transform:scale(0.8);
                transform:scale(0.8);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }

    .menu-zoom-out .menu-wrapper .menu-item:hover .section {
        opacity:1;
	    -webkit-transform:scale(1);
		   -moz-transform:scale(1);
             -o-transform:scale(1);
                transform:scale(1);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Flip
	-------------------------------------------------- */

	.menu-flip .menu-wrapper .section { 
        opacity:0;
		-webkit-transform:rotatey(-180deg) scale(1);
	       -moz-transform:rotatey(-180deg) scale(1);
	         -o-transform:rotatey(-180deg) scale(1);
	        -ms-transform:rotatey(-180deg) scale(1);
	            transform:rotatey(-180deg) scale(1);
	    -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;           		
    }
	
	.menu-flip .menu-wrapper .menu-item:hover .section {
        opacity:1;
	    -webkit-transform:rotatey(0deg) scale(1);
	       -moz-transform:rotatey(0deg) scale(1);
	         -o-transform:rotatey(0deg) scale(1);
	        -ms-transform:rotatey(0deg) scale(1);
	            transform:rotatey(0deg) scale(1);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Slide-left
	-------------------------------------------------- */
	
	.menu-slide-left .menu-wrapper .section {  
        opacity:0;
		-webkit-transform:translateX(-10%);
	       -moz-transform:translateX(-10%);
	         -o-transform:translateX(-10%);
	            transform:translateX(-10%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
		 
    }
	
	.menu-slide-left .menu-wrapper .menu-item:hover .section {
        opacity:1;
	    -webkit-transform:translateX(0%);
	       -moz-transform:translateX(0%);
	         -o-transform:translateX(0%);
	            transform:translateX(0%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Slide-right
	-------------------------------------------------- */
	
	.menu-slide-right .menu-wrapper .section {
        opacity:0;
		-webkit-transform:translateX(10%);
	       -moz-transform:translateX(10%);
	         -o-transform:translateX(10%);
	            transform:translateX(10%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
		 
    }
	
	.menu-slide-right .menu-wrapper .menu-item:hover .section {
        opacity:1;
	    -webkit-transform:translateX(0%);
	       -moz-transform:translateX(0%);
	         -o-transform:translateX(0%);
	            transform:translateX(0%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Slide-up
	-------------------------------------------------- */
	
	.menu-slide-up .menu-wrapper .section {
        opacity:0;
		-webkit-transform:translateY(-10%);
	       -moz-transform:translateY(-10%);
	         -o-transform:translateY(-10%);
	            transform:translateY(-10%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
		 
    }
	
	.menu-slide-up .menu-wrapper .menu-item:hover .section {
        opacity:1;
	    -webkit-transform:translateY(0%);
	       -moz-transform:translateY(0%);
	         -o-transform:translateY(0%);
	            transform:translateY(0%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Slide-down
	-------------------------------------------------- */
	
	.menu-slide-down .menu-wrapper .section {
        opacity:0;
		-webkit-transform:translateY(10%);
	       -moz-transform:translateY(10%);
	         -o-transform:translateY(10%);
	            transform:translateY(10%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
		 
    }
	
	.menu-slide-down .menu-wrapper .menu-item:hover .section {
        opacity:1;
	    -webkit-transform:translateY(0%);
	       -moz-transform:translateY(0%);
	         -o-transform:translateY(0%);
	            transform:translateY(0%);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Fall
	-------------------------------------------------- */
	
	.menu-fall .menu-wrapper .section { 
        opacity:0;
	    -webkit-transform:translateY(10%) rotate(10deg);
	       -moz-transform:translateY(10%) rotate(10deg);
	         -o-transform:translateY(10%) rotate(10deg);
	            transform:translateY(10%) rotate(10deg);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
	.menu-fall .menu-wrapper .menu-item:hover .section {
        opacity:1;
	    -webkit-transform:translateY(0%) rotate(0deg);
	       -moz-transform:translateY(0%) rotate(0deg);
	         -o-transform:translateY(0%) rotate(0deg);
	            transform:translateY(0%) rotate(0deg);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Fade
	-------------------------------------------------- */
	
	.menu-fade .menu-wrapper .section {
        opacity:0;
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
	.menu-fade .menu-wrapper .menu-item:hover .section {
	    opacity:1;
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Rotate
	-------------------------------------------------- */
	
	.menu-rotate .menu-wrapper .section {
        opacity:0;
	    -webkit-transform:rotatex(-180deg) scale(1);
	       -moz-transform:rotatex(-180deg) scale(1);
	         -o-transform:rotatex(-180deg) scale(1);
	        -ms-transform:rotatex(-180deg) scale(1);
	            transform:rotatex(-180deg) scale(1); 
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }
	
	.menu-rotate .menu-wrapper .menu-item:hover .section {
        opacity:1;
        -webkit-transform:rotatex(0deg) scale(1);
	       -moz-transform:rotatex(0deg) scale(1);
	         -o-transform:rotatex(0deg) scale(1);
	        -ms-transform:rotatex(0deg) scale(1);
	            transform:rotatex(0deg) scale(1);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
    }