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

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

	.tabs-zoom-in ul li {
        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.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
    .tabs-zoom-in .section-one:checked ~ ul .section-one,
    .tabs-zoom-in .section-two:checked ~ ul .section-two,
	.tabs-zoom-in .section-three:checked ~ ul .section-three{
        opacity:1;
	    -webkit-transform:scale(1);
		   -moz-transform:scale(1);
             -o-transform:scale(1);
                transform:scale(1);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }

/*	--------------------------------------------------
	:: Animations Effects - Zoom-out
	-------------------------------------------------- */
	
	.tabs-zoom-out ul li {
        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.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
    .tabs-zoom-out .section-one:checked ~ ul .section-one,
    .tabs-zoom-out .section-two:checked ~ ul .section-two,
	.tabs-zoom-out .section-three:checked ~ ul .section-three{
        opacity:1;
	    -webkit-transform:scale(1);
		   -moz-transform:scale(1);
             -o-transform:scale(1);
                transform:scale(1);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Flip
	-------------------------------------------------- */

	.tabs-flip ul li  { 
        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.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;           		
    }
	
	.tabs-flip .section-one:checked ~ ul .section-one,
    .tabs-flip .section-two:checked ~ ul .section-two,
	.tabs-flip .section-three:checked ~ ul .section-three{
        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.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Slide-left
	-------------------------------------------------- */
	
	.tabs-slide-left ul li  { 
        opacity:0;
		-webkit-transform:translateX(-10%);
	       -moz-transform:translateX(-10%);
	         -o-transform:translateX(-10%);
	            transform:translateX(-10%);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
		 
    }
	
	.tabs-slide-left .section-one:checked ~ ul .section-one,
    .tabs-slide-left .section-two:checked ~ ul .section-two,
	.tabs-slide-left .section-three:checked ~ ul .section-three{
        opacity:1;
	    -webkit-transform:translateX(0%);
	       -moz-transform:translateX(0%);
	         -o-transform:translateX(0%);
	            transform:translateX(0%);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Slide-right
	-------------------------------------------------- */
	
	.tabs-slide-right ul li  { 
        opacity:0;
		-webkit-transform:translateX(10%);
	       -moz-transform:translateX(10%);
	         -o-transform:translateX(10%);
	            transform:translateX(10%);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
		 
    }
	
	.tabs-slide-right .section-one:checked ~ ul .section-one,
    .tabs-slide-right .section-two:checked ~ ul .section-two,
	.tabs-slide-right .section-three:checked ~ ul .section-three{
        opacity:1;
	    -webkit-transform:translateX(0%);
	       -moz-transform:translateX(0%);
	         -o-transform:translateX(0%);
	            transform:translateX(0%);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Slide-up
	-------------------------------------------------- */
	
	.tabs-slide-up ul li  { 
        opacity:0;
		-webkit-transform:translateY(-10%);
	       -moz-transform:translateY(-10%);
	         -o-transform:translateY(-10%);
	            transform:translateY(-10%);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
		 
    }
	
	.tabs-slide-up .section-one:checked ~ ul .section-one,
    .tabs-slide-up .section-two:checked ~ ul .section-two,
	.tabs-slide-up .section-three:checked ~ ul .section-three{
        opacity:1;
	    -webkit-transform:translateY(0%);
	       -moz-transform:translateY(0%);
	         -o-transform:translateY(0%);
	            transform:translateY(0%);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Slide-down
	-------------------------------------------------- */
	
	.tabs-slide-down ul li  { 
        opacity:0;
		-webkit-transform:translateY(10%);
	       -moz-transform:translateY(10%);
	         -o-transform:translateY(10%);
	            transform:translateY(10%);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
		 
    }
	
	.tabs-slide-down .section-one:checked ~ ul .section-one,
    .tabs-slide-down .section-two:checked ~ ul .section-two,
	.tabs-slide-down .section-three:checked ~ ul .section-three{
        opacity:1;
	    -webkit-transform:translateY(0%);
	       -moz-transform:translateY(0%);
	         -o-transform:translateY(0%);
	            transform:translateY(0%);
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Fall
	-------------------------------------------------- */
	
	.tabs-fall ul li  { 
        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.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
	.tabs-fall .section-one:checked ~ ul .section-one,
    .tabs-fall .section-two:checked ~ ul .section-two,
	.tabs-fall .section-three:checked ~ ul .section-three{
        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.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Fade
	-------------------------------------------------- */
	
	.tabs-fade ul li  { 
        opacity:0;
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
	.tabs-fade .section-one:checked ~ ul .section-one,
    .tabs-fade .section-two:checked ~ ul .section-two,
	.tabs-fade .section-three:checked ~ ul .section-three{
	    opacity:1;
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
/*	--------------------------------------------------
	:: Animations Effects - Rotate
	-------------------------------------------------- */
	
	.tabs-rotate ul li  { 
        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.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }
	
	.tabs-rotate .section-one:checked ~ ul .section-one,
    .tabs-rotate .section-two:checked ~ ul .section-two,
	.tabs-rotate .section-three:checked ~ ul .section-three{
        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.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
		     -o-transition:all 0.8s ease-in-out;
		        transition:all 0.8s ease-in-out;
    }