/*
   transitions.css
   managerProject
   
   Created by cass on 2015-02-14.
   Copyright 2015 cass. All rights reserved.
*/

.transition-all-easeInOutExpo{
	-webkit-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
        transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
}

.transition-all-easeOutCubic{
	-webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.transition-all-easeInOutBack{
	-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.transition-opacity{
	-webkit-transition: opacity 1.5s ease 0s;
	-moz-transition: opacity 1.5s ease 0s;
	-ms-transition: opacity 1.5s ease 0s;
	-o-transition: opacity 1.5s ease 0s;
	transition: opacity 1.5s ease 0s;
}
.transition-opacity-fast{
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-ms-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
}
.transition-bg-fast{
	-webkit-transition: background-color 0.5s ease 0s;
	-moz-transition: background-color 0.5s ease 0s;
	-ms-transition: background-color 0.5s ease 0s;
	-o-transition: background-color 0.5s ease 0s;
	transition: background-color 0.5s ease 0s;
}
.transition-bg{
	-webkit-transition: background-color 0.8s ease 0s;
	-moz-transition: background-color 0.8s ease 0s;
	-ms-transition: background-color 0.8s ease 0s;
	-o-transition: background-color 0.8s ease 0s;
	transition: background-color 0.8s ease 0s;
}
.transition-all{
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.transition-all-fast{
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.transition-all-middle{
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.transition-all-slow{
	-webkit-transition: all 1.3s ease 0s;
	-moz-transition: all 1.3s ease 0s;
	-ms-transition: all 1.3s ease 0s;
	-o-transition: all 1.3s ease 0s;
	transition: all 1.3s ease 0s;
}
.transition-height{
	-webkit-transition: height 0.8s ease 0s;
	-moz-transition: height 0.8s ease 0s;
	-ms-transition: height 0.8s ease 0s;
	-o-transition: height 0.8s ease 0s;
	transition: height 0.8s ease 0s;
}

/** key frames efects **/
	
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@-webkit-keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}
@keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

.rotate-180{ transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.rotate-90{ transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.girar{ animation:girar 2s infinite; -webkit-animation:girar 2s infinite; }

@keyframes girar{0%{transform:rotateZ(-20deg);}50% {transform:rotateZ( 20deg);}100%{transform:rotateZ(-20deg);}}
@-webkit-keyframes girar{0%{-webkit-transform:rotateZ(-20deg);}50%{-webkit-transform:rotateZ( 20deg);}100%{-webkit-transform:rotateZ(-20deg);}}