@base-url: "../mixins";
@import "@{base-url}/vendor-prefixes.less";

aside {
	b .fa { .rotate(0); .transition(all, .3s, ease-in-out); }
	>ul >li {
        .subUL { .translate(0, 30px); }
        &[data-type="2"] {
			h4 b .fa { .rotate(180deg); }
            .subUL { .translate(0); }
        }
	}
}
#faq_list {
	li {
		.title .icon:after { .rotate(90deg); }
		&.current .title .icon:after { .rotate(180deg); }
	}
}
#pagenav {
	i:before { .transform-origin(100%, 50%); .rotate(45deg); }
	.next i { .transform(scaleX(-1)); }
}
[data-action="loader"] {
	.loader_circle { .circular(50px); }
	&#lodbg .loader_circle { .animation(circle infinite .75s linear); }
}

@keyframes circle { 0% { .rotate(0); } 100% { .rotate(360deg); } }
@-webkit-keyframes circle { 0% { .rotate(0); } 100% { .rotate(360deg); } }