#up {
	z-index: 100;
	position: fixed;
	overflow: visible;
	display: block;
	height: 44px;
	width: 44px;
	margin: 0;
	bottom: 12px;
	padding: 0;
	right: 15px;
	background-color: rgba(86,86,86,0.4456636) !important;
}

.upicon {
	height: 44px !important;
	width: 44px !important;
	display: block !important;

	background-color: rgba(14, 243, 0, 0.76) !important;
}

/*  mobile TRIGGER */
#upXXX  { display: none; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; right: 10px; position: absolute; width: 40px; height: 40px; z-index: 515; padding: 4px 0 0 4px; border-radius:30px; -webkit-border-radius:30px; transition: all 0.15s linear; -webkit-transition: all 0.15s linear;	-webkit-transform: rotate(0deg) translateX(0px) scale(1); transform: rotate(0deg) translateX(0px) scale(1); top: 10px; }
	
.upicon:before, .upicon:after { content: ""; position: absolute; border-radius:4px; -webkit-border-radius:4px;
background-color: #de1b1b;
}
.upicon:before { width: 24px; height: 4px;  top: 18px; left: 8px; }
.upicon:after { width: 4px; height: 24px; top: 8px; left: 18px; }
/*#up.opened:before { width: 32px; left: 4px; }	
#up.opened:after { height: 32px; top: 4px; }	*/
/*#up:hover  { -moz-transform: translateX(0px) scale(1.05); -webkit-transform: translateX(0px) scale(1.05); transform: translateX(0px) scale(1.05); }*/	
/*#up.opened { -webkit-transform: rotate(-45deg) translateX(0px) scale(1); transform: rotate(-45deg) translateX(0px) scale(1); overflow: visible; cursor: pointer; }*/
.upicon:hover:before { -webkit-transform: translateZ(0px); }

#up [class^="fa fa-"] {
	font-size: 46px;
	-webkit-font-smoothing: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 39px;
	text-align: center;
	color: #feffff;
	background-color: rgba(86,86,86,0.4456636);
	width: 100%;
	height: 100%;
	padding: 0;
}