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

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

	.accordion-zoom-in .accordion-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.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;
    }
	
    .accordion-zoom-in .accordion-wrapper .input:checked ~ .section {
        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
	-------------------------------------------------- */
	
	.accordion-zoom-out .accordion-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.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;
    }

    .accordion-zoom-out .accordion-wrapper .input:checked ~ .section {
        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
	-------------------------------------------------- */

	.accordion-flip .accordion-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.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;           		
    }
	
	.accordion-flip .accordion-wrapper .input:checked ~ .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.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
	-------------------------------------------------- */
	
	.accordion-slide-left .accordion-wrapper .section  { 
        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;
		 
    }
	
	.accordion-slide-left .accordion-wrapper .input:checked ~ .section {
        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
	-------------------------------------------------- */
	
	.accordion-slide-right .accordion-wrapper .section  {
        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;
		 
    }
	
	.accordion-slide-right .accordion-wrapper .input:checked ~ .section {
        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
	-------------------------------------------------- */
	
	.accordion-slide-up .accordion-wrapper .section  { 
        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;
		 
    }
	
	.accordion-slide-up .accordion-wrapper .input:checked ~ .section {
        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
	-------------------------------------------------- */
	
	.accordion-slide-down .accordion-wrapper .section  { 
        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;
		 
    }
	
	.accordion-slide-down .accordion-wrapper .input:checked ~ .section {
        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
	-------------------------------------------------- */
	
	.accordion-fall .accordion-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.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;
    }
	
	.accordion-fall .accordion-wrapper .input:checked ~ .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.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
	-------------------------------------------------- */
	
	.accordion-fade .accordion-wrapper .section {
        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;
    }
	
	.accordion-fade .accordion-wrapper .input:checked ~ .section{
	    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
	-------------------------------------------------- */
	
	.accordion-rotate .accordion-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.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;
    }
	
	.accordion-rotate .accordion-wrapper .input:checked ~ .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.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;
    }