/*
    Description: 	Designer Framework Flat
    Author: 		InsideLab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Hover Effects Widget Fade
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-fade .hover-effects-widget-media-caption {
		opacity:0;
	}
	
	.hover-effects-widget-media-holder-fade:hover .hover-effects-widget-media-caption {
		opacity:1;
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Flip X
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-flipx .hover-effects-widget-media-caption {
		opacity:0;
		-webkit-transform:rotateY(-180deg);
		   -moz-transform:rotateY(-180deg);
				transform:rotateY(-180deg);
	}
	
	.hover-effects-widget-media-holder-flipx:hover .hover-effects-widget-media-caption {
		opacity:1;
		-webkit-transform:rotateY(0deg);
		   -moz-transform:rotateY(0deg);
				transform:rotateY(0deg);
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Flip Y
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-flipy .hover-effects-widget-media-caption {
		opacity:0;
		-webkit-transform:rotateX(-180deg);
		   -moz-transform:rotateX(-180deg);
				transform:rotateX(-180deg);
	}
	
	.hover-effects-widget-media-holder-flipy:hover .hover-effects-widget-media-caption {
		opacity:1;
		-webkit-transform:rotateX(0deg);
		   -moz-transform:rotateX(0deg);
				transform:rotateX(0deg);
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Rotate
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-rotate .hover-effects-widget-media-caption {
		opacity:0;
		-webkit-transform:rotate(-180deg) scale(0.4);
		   -moz-transform:rotate(-180deg) scale(0.4);
				transform:rotate(-180deg) scale(0.4);
	}
	
	.hover-effects-widget-media-holder-rotate:hover .hover-effects-widget-media-caption {
		opacity:1;
		 -webkit-transform:rotate(0deg) scale(1);
			-moz-transform:rotate(0deg) scale(1);
				 transform:rotate(0deg) scale(1);
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Fall
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-fall .hover-effects-widget-media-caption {
		opacity:0;
		-webkit-transform:rotate(-30deg) scale(0.4);
		   -moz-transform:rotate(-30deg) scale(0.4);
				transform:rotate(-30deg) scale(0.4);
	}
	
	.hover-effects-widget-media-holder-fall:hover .hover-effects-widget-media-caption {
		opacity:1;
		 -webkit-transform:rotate(0deg) scale(1);
			-moz-transform:rotate(0deg) scale(1);
				 transform:rotate(0deg) scale(1);
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Slide Left
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-slide-left .hover-effects-widget-media-caption {
		opacity:0;			
		-webkit-transform:translateX(-20%);
		   -moz-transform:translateX(-20%);
				transform:translateX(-20%);
	}
	
	.hover-effects-widget-media-holder-slide-left:hover .hover-effects-widget-media-caption {
		opacity:1;
		-webkit-transform:translateX(0%);
		   -moz-transform:translateX(0%);
				transform:translateX(0%);
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Slide Right
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-slide-right .hover-effects-widget-media-caption {
		opacity:0;
		-webkit-transform:translateX(20%);
		   -moz-transform:translateX(20%);
				transform:translateX(20%);
	}
	
	.hover-effects-widget-media-holder-slide-right:hover .hover-effects-widget-media-caption {
		opacity:1;
		-webkit-transform:translateX(0%);
		   -moz-transform:translateX(0%);
				transform:translateX(0%);
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Slide Up
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-slide-up .hover-effects-widget-media-caption {
		opacity:0;
		-webkit-transform:translateY(20%);
		   -moz-transform:translateY(20%);
				transform:translateY(20%);
	}
	
	.hover-effects-widget-media-holder-slide-up:hover .hover-effects-widget-media-caption {
		opacity:1;
		-webkit-transform:translateY(0%);
		   -moz-transform:translateY(0%);
				transform:translateY(0%);
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Slide Down
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-slide-down .hover-effects-widget-media-caption {
		opacity:0;
		-webkit-transform:translateY(-20%);
		   -moz-transform:translateY(-20%);
				transform:translateY(-20%);
	}
	
	.hover-effects-widget-media-holder-slide-down:hover .hover-effects-widget-media-caption {
		opacity:1;
		-webkit-transform:translateY(0%);
		   -moz-transform:translateY(0%);
				transform:translateY(0%);
	}
	
/*	--------------------------------------------------
	:: Hover Effects Widget Zoom
	-------------------------------------------------- */
	
	.hover-effects-widget-media-holder-zoom .hover-effects-widget-media-caption {
		opacity:0;
		-webkit-transform:scale(0.6);
		   -moz-transform:scale(0.6);
				transform:scale(0.6);
	}
	
	.hover-effects-widget-media-holder-zoom:hover .hover-effects-widget-media-caption {
		opacity:1;
		-webkit-transform:scale(1);
		   -moz-transform:scale(1);
				transform:scale(1);
	}
	
	/*	--------------------------------------------------
	:: Tabs Widget - Zoom-in
	-------------------------------------------------- */

	.tabs-widget-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-widget-zoom-in .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-zoom-in .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-zoom-in .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }

/*	--------------------------------------------------
	:: Tabs Widget - Zoom-out
	-------------------------------------------------- */
	
	.tabs-widget-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-widget-zoom-out .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-zoom-out .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-zoom-out .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget - Flip
	-------------------------------------------------- */

	.tabs-widget-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-widget-flip .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-flip .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-flip .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget - Slide-left
	-------------------------------------------------- */
	
	.tabs-widget-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-widget-slide-left .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-slide-left .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-slide-left .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget - Slide-right
	-------------------------------------------------- */
	
	.tabs-widget-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-widget-slide-right .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-slide-right .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-slide-right .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget - Slide-up
	-------------------------------------------------- */
	
	.tabs-widget-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-widget-slide-up .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-slide-up .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-slide-up .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget - Slide-down
	-------------------------------------------------- */
	
	.tabs-widget-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-widget-slide-down .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-slide-down .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-slide-down .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget - Fall
	-------------------------------------------------- */
	
	.tabs-widget-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-widget-fall .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-fall .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-fall .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget - Fade
	-------------------------------------------------- */
	
	.tabs-widget-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-widget-fade .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-fade .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-fade .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }
	
/*	--------------------------------------------------
	:: Tabs Widget - Rotate
	-------------------------------------------------- */
	
	.tabs-widget-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-widget-rotate .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-rotate .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
	.tabs-widget-rotate .tabs-widget-section-three:checked ~ ul .tabs-widget-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;
    }