/* 
 * Shifter v3.0.1 - 2014-01-13 
 * A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library. 
 * http://formstone.it/shifter/ 
 * 
 * Copyleft 2014 Ben Plum; MIT Licensed 
 */ 

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

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

	.shifter-active .shifter-page { background: #fff; box-shadow: -3px 0 2px rgba(0, 0, 0, 0.15); display: block; left: 0; min-height: 100%; overflow: hidden; position: relative; top: 0; z-index: 1;
		-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: #fff; display: block; height: 100%; opacity: 1; pointer-events: none; position: fixed; top: 0; width: 220px; z-index: 0; }

	.shifter-active .shifter-page,
	.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 { background: url(jquery.fs.shifter-icon.png) no-repeat center center; cursor: pointer; content: ''; display: block; float: left; height: 30px; width: 30px;
		overflow: hidden; text-indent: 110%; white-space: nowrap;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
			    user-select: none;
	}
	
	.shifter-open #toggle_menu{
		-webkit-transform: translate3D(20px, 0px, 0px);
		   -moz-transform: translate3D(20px, 0px, 0px);
		    -ms-transform: translate3D(20px, 0px, 0px);
		     -o-transform: translate3D(20px, 0px, 0px);
		        transform: translate3D(20px, 0px, 0px);
	}

	/* left / Default */
	.shifter-active .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-open .shifter-page {
		-webkit-transform: translate3D(220px, 0px, 0px);
		   -moz-transform: translate3D(220px, 0px, 0px);
		    -ms-transform: translate3D(220px, 0px, 0px);
		     -o-transform: translate3D(220px, 0px, 0px);
		        transform: translate3D(220px, 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 {
		-webkit-transform: translate3D(220px, 0px, 0px);
		   -moz-transform: translate3D(220px, 0px, 0px);
		    -ms-transform: translate3D(220px, 0px, 0px);
		     -o-transform: translate3D(220px, 0px, 0px);
		        transform: translate3D(220px, 0px, 0px);
	}

	/* Open */
	.shifter-open .shifter-navigation { pointer-events: all; z-index: 100\9; /* IE 9- */
		-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-handle{
		margin-top:5px;
		margin-left:5px;
		position: absolute;
		z-index: 100;
	}	
	
	#toggle_menu{
		position: absolute;
		margin-left: -20px;
		background-color:white;
		overflow: scroll;
		padding-bottom:80px;
		height:100%;
		-webkit-transition: -webkit-transform 0.3s ease !important;
	   -moz-transition:    -moz-transform 0.3s ease !important;
	    -ms-transition:     -ms-transform 0.3s ease !important;
	     -o-transition:      -o-transform 0.3s ease !important;
	        transition: 		transform 0.3s ease !important;
	-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);
	}
	
	#content h1{font-size: 28px;}
	#content h2{font-size: 24px;}
	#content h3{font-size: 20px;}
	#content h4{font-size: 18px;}
	#content h5{font-size: 16px;}
	#content h6{font-size: 14px;}
	#content p{font-size: 10px;}
	#logotype img{margin:0 auto;}
	#content{text-align: center; padding:20px 0;}
	#toggle_menu li a{padding-left:20px;}
	#toggle_menu .navbar-nav{margin:0;}
	#toggle_menu .nav>li>a {padding:10px;}


	header{
	min-height: 50px;
	z-index: 100;
	}
	/* IE 10 ONLY */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		/* left / Default */
		.shifter-active .shifter-navigation { left: 0;
			-webkit-transform: translate3D(220px, 0px, 0px);
			   -moz-transform: translate3D(220px, 0px, 0px);
			    -ms-transform: translate3D(220px, 0px, 0px);
			     -o-transform: translate3D(220px, 0px, 0px);
			        transform: translate3D(220px, 0px, 0px);
		}

		/* Left */
		.shifter-active.shifter-left .shifter-navigation { left: 0;
			-webkit-transform: translate3D(-220px, 0px, 0px);
			   -moz-transform: translate3D(-220px, 0px, 0px);
			    -ms-transform: translate3D(-220px, 0px, 0px);
			     -o-transform: translate3D(-220px, 0px, 0px);
			        transform: translate3D(-220px, 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);
		}
	}