/***** Helpers *****/
.flexleft {justify-content: flex-start;}
.flexcenter {justify-content: center;}
.flexright {justify-content: flex-end;}


/*
*
* Css classes for different styles of menu lq-menu
* Type of styling chosen by user in widget area
*
* base container -> <ul>
*
*/

.nostyling {}

.simplebulletbefore {}
.simplebulletbefore li {}
.simplebulletbefore li a{
	display:inline-flex!important;
	flex-direction: row!important;
	flex-wrap: nowrap!important;

	align-items: center!important;

	color:rgba(255, 255, 255, 0.6)!important;

	transition:color 2s ease-in-out   !important;
	-webkit-transition: color 2s ease-in-out   !important;

	transition:background 2s ease-in-out   !important;
	-webkit-transition:background 2s ease-in-out   !important;

	
	
}
.simplebulletbefore li a:before{
	content:"";
	margin:0.1em 0.4em 0.1em 0;
	width:0.8em;height:0.8em;
	display:inline-flex;

	background:rgba(255, 255, 255, 0.6);

	transition:all .5s ease-in-out   !important;
	-webkit-transition:all .5s ease-in-out   !important;
}
.simplebulletbefore li a:hover {
	color:#9dad36!important;
}
.simplebulletbefore li a:hover:before {

	background:#9dad36!important;

	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);

}