ol{counter-reset: li;list-style: none;*list-style: decimal;font: 15px 'trebuchet MS', 'lucida sans';padding: 0;
/*margin-bottom: 0.5em;*/
text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol{margin: 0 0 0 2em;}			
.rounded-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;*padding: .4em;margin: .5em 0;background: #ddd;color: #444;
	text-decoration: none;
	-moz-border-radius: .3em;-webkit-border-radius: .3em;border-radius: .3em;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.rounded-list a:hover{background: #eee;}
.rounded-list a:hover:before{
	-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);
}
.rounded-list a:before{
	content: counter(li);counter-increment: li;position: absolute;
	left: -1.3em;top: 50%;margin-top: -1.3em;
	background: #87ceeb;height: 2em;width: 2em;line-height: 2em;
	border: .3em solid #fff;text-align: center;font-weight: bold;
	-moz-border-radius: 2em;-webkit-border-radius: 2em;border-radius: 2em;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.rectangle-list a{
	position: relative;display: block;
	padding: .4em .4em .4em .8em;*padding: .4em;
	margin: .5em 0 .5em 2.5em;background: #ddd;
	color: #444;text-decoration: none;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.rectangle-list a:hover{background: #eee;}	
.rectangle-list a:before{content: counter(li);counter-increment: li;position: absolute;	left: -2.5em;top: 50%;margin-top: -1em;background: #fa8072;height: 2em;width: 2em;line-height: 2em;text-align: center;font-weight: bold;}
.rectangle-list a:after{position: absolute;content: '';border: .5em solid transparent;left: -1em;top: 50%;margin-top: -.5em;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.rectangle-list a:hover:after{left: -.5em;border-left-color: #fa8072;}
#fl_menu{position:fixed; top:200px; right:-100px; z-index:8999; height:50px;  width:150px; transition: 0.3s;}
#fl_menu .labelsss{line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:#000; color:#fff; letter-spacing:7px; text-align: center; opacity: 0.25; display: block; padding-left: 50px;transition: 0.3s;}
#fl_menu .menu{transition: 0.3s; opacity: 0;}
#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-align: center; margin: 0;text-transform:none;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}
#fl_menu .menu p.menu_item:hover{background:#333; color:#fff;}
#fl_menu:hover {right: 0px;}
#fl_menu:hover .labelsss {opacity: 1;}
#fl_menu:hover .menu {opacity: 1;}
.labelsss img {width: 40px; padding: 5px; position: absolute; left: 0;}
@media screen and (max-width: 1024px) {
#fl_menu {display: none;}
}