/*----*****---- << Side Navigation >> ----*****----*/
.side-nav-container { float:left; width:100%; margin:0px; padding:4px 0px 0px; background:url(../images/sidenav-border.png) right top no-repeat; position:relative; }
.side-nav-container ul { border-right:1px solid #d9d9d9; float:left; width:100%; margin:0px 0px 0px -1px; padding:0px; position:relative; }
.side-nav-container ul:after { height:3px; background:url(../images/sidenav-border.png) right bottom no-repeat; width:100%; position:absolute; content:''; right:-1px; bottom:-4px; }
.side-nav-container ul li { display:block; margin:0px; padding:0px 0px 2px; background:url(../images/sidenav-splitter.png) right bottom no-repeat; }
.side-nav-container ul li:last-child { background:none; padding-bottom:0px; }
.side-nav-container ul li a { display:block; line-height:52px; font-weight:bold; color:#333334; border-right:4px solid #ececec; background:url(../images/sidenav-bg.png) right repeat-y;  -webkit-transition:all 300ms linear; -moz-transition:all 500ms linear; -o-transition:all 500ms linear; -ms-transition:all 500ms linear; transition:all 500ms linear; text-decoration:none; }
.side-nav-container ul li a:hover, .side-nav-container ul li.current_page_item a { background:url(../images/sidenav-active.png) right repeat-y;  border-right:4px solid #0067a2; color:#0067a2;}
.side-nav-container ul li a span { 
	background:#333334; 
	border:3px solid #e2e2e2; 
	width:35px; height:35px; 
	line-height:30px; 
	text-align:center; 
	font-size:12px; 
	color:#ffffff; 
	margin:10px 10px 0px 0px; 
	float:left; 
	border-radius:25px;
	transition:all 300ms linear;
}

.side-nav-container ul li a:hover span, .side-nav-container ul li.current_page_item a span { transform: scale(1) rotate(360deg) translate(0px); background: #0067a2;}
.side-nav-container ul li a span { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }