/*
    Description: 	Tabs Framework
    Author: 		Insidelabdev
    Version: 		2.0
*/

/*	--------------------------------------------------
	:: Tabs Widget Zoom-in
	-------------------------------------------------- */
    
	.tabs-widget-zoom-in > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {
        opacity:0;
		visibility:hidden;		
	    -webkit-transform:scale(1.2);
		   -moz-transform:scale(1.2);
                transform:scale(1.2);
        
    }
	
	.tabs-widget-zoom-in > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
	    -webkit-transform:scale(1);
		   -moz-transform:scale(1);
                transform:scale(1);
    }
    
/*	--------------------------------------------------
	:: Tabs Widget Zoom-out
	-------------------------------------------------- */
	
	.tabs-widget-zoom-out > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content { 
	    opacity:0;
		visibility:hidden;
	    -webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
                transform:scale(0.8);
    }
	
    .tabs-widget-zoom-out > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
	    -webkit-transform:scale(1);
		   -moz-transform:scale(1);
                transform:scale(1);
    }
	
/*	--------------------------------------------------
	:: Tabs Widget Flip
	-------------------------------------------------- */

	.tabs-widget-flip > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {  
	    opacity:0;
		visibility:hidden;
		-webkit-transform:rotatey(-180deg) scale(1);
	       -moz-transform:rotatey(-180deg) scale(1);
	            transform:rotatey(-180deg) scale(1);           		
    }
	
	.tabs-widget-flip > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
	    -webkit-transform:rotatey(0deg) scale(1);
	       -moz-transform:rotatey(0deg) scale(1);
	            transform:rotatey(0deg) scale(1);
    }
	
/*	--------------------------------------------------
	:: Tabs Widget Slide-left
	-------------------------------------------------- */
	
	.tabs-widget-slide-left > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {  
	    opacity:0;
		visibility:hidden;
		-webkit-transform:translateX(-10%);
	       -moz-transform:translateX(-10%);
	            transform:translateX(-10%);
    }
	
	.tabs-widget-slide-left > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
	    -webkit-transform:translateX(0%);
	       -moz-transform:translateX(0%);
	            transform:translateX(0%);
    }
	
/*	--------------------------------------------------
	:: Tabs Widget Slide-right
	-------------------------------------------------- */
	
	.tabs-widget-slide-right > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {  
	    opacity:0;
		visibility:hidden;
		-webkit-transform:translateX(10%);
	       -moz-transform:translateX(10%);
	            transform:translateX(10%);
    }
	
	.tabs-widget-slide-right > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
	    -webkit-transform:translateX(0%);
	       -moz-transform:translateX(0%);
	            transform:translateX(0%);
    }
	
/*	--------------------------------------------------
	:: Tabs Widget Slide-up
	-------------------------------------------------- */
	
	.tabs-widget-slide-up > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content { 
        opacity:0;
		visibility:hidden;	
		-webkit-transform:translateY(-10%);
	       -moz-transform:translateY(-10%);
	            transform:translateY(-10%);
    }
	
	.tabs-widget-slide-up > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
	    -webkit-transform:translateY(0%);
	       -moz-transform:translateY(0%);
	            transform:translateY(0%);
    }
	
/*	--------------------------------------------------
	:: Tabs Widget Slide-down
	-------------------------------------------------- */
	
	.tabs-widget-slide-down > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {  
	    opacity:0;
		visibility:hidden;
		-webkit-transform:translateY(10%);
	       -moz-transform:translateY(10%);
	            transform:translateY(10%);
    }
	
	.tabs-widget-slide-down > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
	    -webkit-transform:translateY(0%);
	       -moz-transform:translateY(0%);
	            transform:translateY(0%);
    }
	
/*	--------------------------------------------------
	:: Tabs Widget Fall
	-------------------------------------------------- */
	
	.tabs-widget-fall > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {  
	    opacity:0;
		visibility:hidden;
	    -webkit-transform:translateY(10%) rotate(10deg);
	       -moz-transform:translateY(10%) rotate(10deg);
	            transform:translateY(10%) rotate(10deg);
    }
	
	.tabs-widget-fall > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
	    -webkit-transform:translateY(0%) rotate(0deg);
	       -moz-transform:translateY(0%) rotate(0deg);
	            transform:translateY(0%) rotate(0deg);
    }
	
/*	--------------------------------------------------
	:: Tabs Widget Fade
	-------------------------------------------------- */
	
	.tabs-widget-fade > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content { 
	    opacity:0;
		visibility:hidden;
    }
	
	.tabs-widget-fade > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget Rotate
	-------------------------------------------------- */
	
	.tabs-widget-rotate > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content { 
	    opacity:0;
		visibility:hidden;
	    -webkit-transform:rotatex(180deg) scale(1);
	       -moz-transform:rotatex(180deg) scale(1);
	            transform:rotatex(180deg) scale(1); 
    }
	
	.tabs-widget-rotate > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
		opacity:1;
		visibility:visible;
        -webkit-transform:rotatex(0deg) scale(1);
	       -moz-transform:rotatex(0deg) scale(1);
	            transform:rotatex(0deg) scale(1);
    }