/* ------------------------------------------------------------------------------------------
CSS3 animation and transition classes
-
------------------------------------------------------------------------------------------ */
/* Box shadows & Box radius*/
.shad-06 { 
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
   -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
     -o-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
        box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
        }

.shadin06 { 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
   -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
     -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
        box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	    }

.shad-12 { 
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
   -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
     -o-box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
        box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
        }

.round-corn-blr {
-webkit-border-bottom-left-radius: 9px;
   -moz-border-bottom-left-radius: 9px;
    -ms-border-bottom-left-radius: 3px;
     -o-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 9px;
   -moz-border-bottom-right-radius: 9px;
    -ms-border-bottom-right-radius: 3px;
     -o-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
        }



/* Transitions non specific */
.trans-250ms {
-webkit-transition: all 250ms linear 0s;
   -moz-transition: all 250ms linear 0s;
    -ms-transition: all 250ms linear 0s;
     -o-transition: all 250ms linear 0s;
        transition: all 250ms linear 0s;
        }

.trans-500ms {
-webkit-transition: all 500ms linear 0s;
   -moz-transition: all 500ms linear 0s;
    -ms-transition: all 500ms linear 0s;
     -o-transition: all 500ms linear 0s;
        transition: all 500ms linear 0s;
        }

.trans750 { /* iPad */
-webkit-transition: all 750ms linear 0s;
   -moz-transition: all 750ms linear 0s;
    -ms-transition: all 750ms linear 0s;
     -o-transition: all 750ms linear 0s;
        transition: all 750ms linear 0s;
        }      

.trans-1s {
-webkit-transition: all 1s linear 0s;
   -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;
     -o-transition: all 1s linear 0s;
        transition: all 1s linear 0s;
        }   


/* Transitions Colour specific */
.trans-col-250 {
-webkit-transition: background-color 0.25s ease-in-out; 
   -moz-transition: background-color 0.25s ease-in-out;
    -ms-transition: background-color 0.25s ease-in-out; 
     -o-transition: background-color 0.25s ease-in-out;
        transition: background-color 0.25s ease-in-out;
        }

.ani-050s {
-webkit-transition: background-color 0.5s ease-in-out 0s;
   -moz-transition: background-color 0.5s ease-in-out 0s;
    -ms-transition: background-color 0.5s ease-in-out 0s;
     -o-transition: background-color 0.5s ease-in-out 0s;
        transition: background-color 0.5s ease-in-out 0s;
        }

/* Transitions Opacity specific */
.trans-opac-750 { 
-webkit-transition: opacity 750ms linear 0s;
   -moz-transition: opacity 750ms linear 0s;
    -ms-transition: opacity 750ms linear 0s;
     -o-transition: opacity 750ms linear 0s;
        transition: opacity 750ms linear 0s;
        }

/* Animations */