.tg-side-menu > ul{
	/*font: normal 12px Verdana;*/
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

.tg-side-menu > ul li{
	position: static; /* menu li items should have position set to static */
}


.tg-side-menu .tgnav > li > a:after {
    color: #bababa;
    content: "\f105";
    float: right;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    
    font-family: FontAwesome;
}


.tg-side-menu > ul{
	background: #fff;
	width: 100%; /* width of main menu */
	height: 100%; /* height of main menu */
	position: relative;
}

.tg-side-menu > ul.tgnav  > li > a{

    padding: 9.6px 15px;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.2px;
	
	display: block;
	overflow: auto;
	position: relative;
	text-decoration: none;
	
}


.tg-side-menu .tgnav > li > a .cat-icon {
    /*font-size: 14px;*/
    margin-right: 12px;
	width:20px;
	height:20px;
    /*color: #777;*/
}








.tg-side-menu ul.tgnav > li > a:hover, .tg-side-menu ultgnav > li.hassub.selected > a{ /* style of hover and selected menu item links */
	/*background: lightblue;*/
	    background-color: #eee;
    border-color: #428bca;
	color: #12cca7;
}

.tg-side-menu ul li > div, .tg-side-menu ul li > ul{ /* Sub menus (Could be a DIV or UL wrapper) style */
	background: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);

	display: none;
	font-weight: normal;
	width: 100%;
	    min-width: 350%;
	/*height: 400px;*/ /* height of sub menu */
	left: 100%;
	padding: 10px;
	position: absolute;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1000;
	
	animation-name: slidenavAnimation;
    animation-duration: 200ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: 200ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
}




.tgnav  > li:first-child  a{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding: 13px 17px 11px 17px !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px !important;
    background: #3b4348;
	color:#fff !important;
	
	}

	
	.tgnav > li:first-child:hover a, .tgnav > li:first-child a:hover{
	   	    background: #3b4348 !important;
	color:#fff !important;
	   }
	   
	.tgnav > li:first-child a  >  i.icon{
	 
	 color: #fff;
	 font-size:13px;
	 margin-right: 7px;
    margin-left: -2px;
	}
	
	.tgnav > li:first-child  a:hover{
	 color: #fff;
	}
	
     .tgnav  > li:first-child   > a:after {
		content:'';
	}

/* ###### CSS Media queries ###### */

@media screen and (max-width: 480px){ /* When screen size is 480px */
	.tg-side-menu ul li > div, .tg-side-menu ul li > ul{
		left: 30px; /* Stack the sub menus so they take up less space */
	}

	.tg-side-menu > ul li.hassub.selected::after{ /* Add "veil" to parent menus */
		background: #eee;
		content: '';
		height: 100%;
		left: 0;
		opacity: .8;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
	}
}

.tg-side-menu .sublevel .title {
    font-size: 13px;
    color: #555;
    margin-top: 0px;
    font-weight: bold;
}


.tg-side-menu .sublevel .links li a {
    padding: 4px 0px;
    letter-spacing: 0.2px;
	line-height:1.5px;
    font-size: 12px;
    color: #565656!important;
	
	}
	
	nav.tg-side-menu{
	min-height:351px;
	}

	
	.tg-side-menu .sublevel .links li {
	    display: block;		
		}
		
.sub-menu-row{
    padding: 10px 20px;
margin-left:0px;
}

.sub-menu-row  ul.links{
margin-bottom:10px;
}

ul.see-list{
/*padding-left:15px;*/
}

.view-more{
    font-size: 12px;
    color: #46aad7 !important;	
	}