/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SWAPMYLI
	Description: An easy way to swap list elements
	Version: 1.0
	Author: Devilcantburn
	Copyright 2013 81Lab / Julian Chaniolleau

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.swapmyli{ display:block; }
.swapmyli.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.swapmyli.clearfix { display: inline-block; } /* Hide from IE Mac \*/
.swapmyli.clearfix { display: block; } /* End hide from IE Mac */

.swapmyli ul{
	display:block;
	position:relative;
	height:100%;
	overflow:hidden;
}
.swapmyli ul li{
	display:inline-block;
	padding:20px; /* Padding of list element */
	width:100%;
	position:absolute;
	clear:both;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}
.swapmyli.nocss ul li{
	padding:0;
}
.swapmyli .timer{
	background:#e9e9e9; /* Color of timer background */
	width:100%;
	height:1px;  /* Height of timer background */
	overflow:hidden;
}
.swapmyli .timer span{
	background:#F36; /* Color of indicator */
	width:0%;
	height:1px; /* Height of indicator */
	display:block;
}