/*icone menu*/
.isb-icon-html-menu {
	cursor:pointer;
	display:inline-block;
	height:30px;	
	overflow:hidden;
	width:30px;
}

.isb-icon-html-menu > div {
	height:100%;
	position:relative;
	width:100%;	
}

.isb-icon-html-menu .line-1, 
.isb-icon-html-menu .line-2, 
.isb-icon-html-menu .line-3 {
	background-color:#2A3F54;
	height:6px;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	-webkit-transition:width 0.8s; /* Safari */
    transition:width 0.8s;
}	

.isb-icon-html-menu .line-2 {
	opacity:1;	
	top:12px;
	
	-webkit-transition:width 0.6s; /* Safari */
    transition:width 0.6s;
}

.isb-icon-html-menu .line-3 {
	top:24px;	
}

.isb-icon-html-menu .line-4 {
	background-color:#2A3F54;
	height:6px;
	left:-18px;
	position:absolute;
	top:8px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	width:16px;
	
	-webkit-transition:left 0.8s; /* Safari */
    transition:left 0.8s;
}

.isb-icon-html-menu .line-5 {
	background-color:#2A3F54;
	bottom:8px;
	height:6px;
	left:-18px;
	position:absolute;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	width:16px;
	
	-webkit-transition:left 0.8s; /* Safari */
    transition:left 0.8s;
}

.open-menu .isb-icon-html-menu .line-1 {	
	right:0;
	width:12px;
	
	-webkit-transition:width 0.5s; /* Safari */
    transition:width 0.5s;
}

.open-menu .isb-icon-html-menu .line-2 {	
	right:0;
	width:20px;
	
	-webkit-transition:width 2s; /* Safari */
    transition:width 2s;
}

.open-menu .isb-icon-html-menu .line-3 {
	right:0;
	width:12px;
	
	-webkit-transition:width 0.5s; /* Safari */
    transition:width 0.5s;
}

.open-menu .isb-icon-html-menu .line-4 {
	left:2px;
	
	-webkit-transition:left 0.8s; /* Safari */
    transition:left 0.8s;
}

.open-menu .isb-icon-html-menu .line-5 {
	left:2px;
	
	-webkit-transition:left 0.8s; /* Safari */
    transition:left 0.8s;
}

/*fim icone menu*/

/*icone loading*/
.isb-icon-html-loading:before { 
	content:"\f110";
	font-size:18px;
	font-family:"font-icons";
	-webkit-font-smoothing: antialiased;
	text-align:center;
	height:34px;
	line-height:34px;
	width:30px;
}

.isb-icon-html-loading {	
	display:inline-block;
	-webkit-animation:isb-spin 2s infinite linear;
			animation:isb-spin 2s infinite linear;
}

@-webkit-keyframes isb-spin {
	from {
		-webkit-transform:rotate(0deg);
				transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(359deg);
				transform:rotate(359deg);
	}
}
@keyframes isb-spin {
	from {
		-webkit-transform:rotate(0deg);
				transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(359deg);
				transform:rotate(359deg);
	}
} 
/*fim icone loading*/