/* 
 * Shifter v3.0.5 - 2014-04-22 
 * A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library. 
 * http://formstone.it/shifter/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */ 

 	.shifter-open { overflow: hidden !important; }
	.shifter-open .shifter-page *,
	.shifter-open .shifter-header * { pointer-events: none !important; }

 	.shifter .shifter-navigation { display: none; opacity: 0; }
	.shifter .shifter-handle { display: none; }

	.shifter-active .shifter-page { background: #fff; box-shadow: 2px 0 2px rgba(0, 0, 0, 0.15); display: block; left: 0; min-height: 100%; overflow: hidden; position: relative; top: 0; z-index: 1; }
	.shifter-active .shifter-page,
	.shifter-active .shifter-header {
		-webkit-transform: translate3D(0px, 0px, 0px);
		   -moz-transform: translate3D(0px, 0px, 0px);
		    -ms-transform: translate3D(0px, 0px, 0px);
		     -o-transform: translate3D(0px, 0px, 0px);
		        transform: translate3D(0px, 0px, 0px);
	}
	.shifter-active .shifter-navigation {
		background: #222222; 
		box-shadow: -3px 4px 20px 0px rgba(0, 0, 0, 0.5) inset; 
		display: block; 
		height: 100%; 
		opacity: 1; 
		pointer-events: none; 
		position: fixed; 
		left:70px; 
		top: 0; 
		width: 90%; 
		z-index: 0; 
	}


	.shifter-active .shifter-page,
	.shifter-active .shifter-header,
	.shifter-active .shifter-navigation {
		-webkit-backface-visibility: hidden;
		   -moz-backface-visibility: hidden;
		    -ms-backface-visibility: hidden;
		     -o-backface-visibility: hidden;
			    backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.2s ease !important;
		   -moz-transition:    -moz-transform 0.2s ease !important;
		    -ms-transition:     -ms-transform 0.2s ease !important;
		     -o-transition:      -o-transform 0.2s ease !important;
		        transition: 		transform 0.2s ease !important;
	}
	.shifter-active .shifter-handle {
		display: block; float: left; 
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
			    user-select: none;
	}

	/* Right / Default */
	.shifter-active .shifter-navigation { right: 0;
		-webkit-transform: translate3D(0px, 0px, 0px);
		   -moz-transform: translate3D(0px, 0px, 0px);
		    -ms-transform: translate3D(0px, 0px, 0px);
		     -o-transform: translate3D(0px, 0px, 0px);
		        transform: translate3D(0px, 0px, 0px);
	}

	.shifter-open .shifter-page,
	.shifter-open .shifter-header {
		-webkit-transform: translate3D(-90%, 0px, 0px);
		   -moz-transform: translate3D(-90%, 0px, 0px);
		    -ms-transform: translate3D(-90%, 0px, 0px);
		     -o-transform: translate3D(-90%, 0px, 0px);
		        transform: translate3D(-90%, 0px, 0px);
	}

	/* Left */
	.shifter-active.shifter-left .shifter-navigation { left: 0;
		-webkit-transform: translate3D(0px, 0px, 0px);
		   -moz-transform: translate3D(0px, 0px, 0px);
		    -ms-transform: translate3D(0px, 0px, 0px);
		     -o-transform: translate3D(0px, 0px, 0px);
		        transform: translate3D(0px, 0px, 0px);
	}

	.shifter-active.shifter-left.shifter-open .shifter-page,
	.shifter-active.shifter-left.shifter-open .shifter-header {
		-webkit-transform: translate3D(90%, 0px, 0px);
		   -moz-transform: translate3D(90%, 0px, 0px);
		    -ms-transform: translate3D(90%, 0px, 0px);
		     -o-transform: translate3D(90%, 0px, 0px);
		        transform: translate3D(90%, 0px, 0px);
	}

	/* Open */
	.shifter-open .shifter-navigation { pointer-events: all; z-index: 1\9; /* IE9 */
		-webkit-transform: translate3D(0px, 0px, 0px);
		   -moz-transform: translate3D(0px, 0px, 0px);
		    -ms-transform: translate3D(0px, 0px, 0px);
		     -o-transform: translate3D(0px, 0px, 0px);
		        transform: translate3D(0px, 0px, 0px);
	}

	/* IE 10 ONLY */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		/* Right / Default */
		.shifter-active .shifter-navigation { right: 0;
			-webkit-transform: translate3D(90%, 0px, 0px);
			   -moz-transform: translate3D(90%, 0px, 0px);
			    -ms-transform: translate3D(90%, 0px, 0px);
			     -o-transform: translate3D(90%, 0px, 0px);
			        transform: translate3D(90%, 0px, 0px);
		}

		/* Left */
		.shifter-active.shifter-left .shifter-navigation { left: 0;
			-webkit-transform: translate3D(-90%, 0px, 0px);
			   -moz-transform: translate3D(-90%, 0px, 0px);
			    -ms-transform: translate3D(-90%, 0px, 0px);
			     -o-transform: translate3D(-90%, 0px, 0px);
			        transform: translate3D(-90%, 0px, 0px);
		}

		/* Open */
		.shifter-open .shifter-navigation { pointer-events: all;
			-webkit-transform: translate3D(0px, 0px, 0px);
			   -moz-transform: translate3D(0px, 0px, 0px);
			    -ms-transform: translate3D(0px, 0px, 0px);
			     -o-transform: translate3D(0px, 0px, 0px);
			        transform: translate3D(0px, 0px, 0px);
		}
	}