html, body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow-x:hidden;
}

.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;

	/*
	 * Use with caution
	 */
			transition: all .3s;
	   /*-o-transition: all .3s;*/
		-ms-transition: all .3s;
	   -moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.skrollable.notransition, .notransition .skrollable {
			transition: none;
		 -o-transition: none;
		-ms-transition: none;
	   -moz-transition: none;
	-webkit-transition: none;
}

.skrollable.hidden {
	display:none !important;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}
