@charset "UTF-8";

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

#bombi_fixed_menu {
	position: fixed;
    z-index: 10100;
}

#bombi_fixed_menu .bombi-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

#bombi_fixed_menu .bombi-list > .bombi-item {
    display: block;
    margin: 3px;
    padding: 0;
    background: transparent;
    clear: both;
}

#bombi_fixed_menu .bombi-list > .bombi-item > a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

#bombi_fixed_menu .bombi-list > .bombi-item > a:focus {
	outline: 0;
}

#bombi_fixed_menu .bombi-list > .bombi-item > a > .b-icon {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-position: center;
	background-color: transparent;
}

#bombi_fixed_menu .bombi-list > .bombi-item > a > .b-title {
    display: block;
    position: absolute;
	padding: 0 10px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	visibility: hidden;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	white-space: nowrap;
	pointer-events: none;
}

#bombi_fixed_menu .bombi-list > .bombi-item:hover > a > .b-icon,
#bombi_fixed_menu .bombi-list > .bombi-item:focus > a > .b-icon {
	z-index: 99;
}

#bombi_fixed_menu .bombi-list > .bombi-item:hover > a > .b-title,
#bombi_fixed_menu .bombi-list > .bombi-item:focus > a > .b-title {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	visibility: visible;
	z-index: 98;
	pointer-events: all;
}

/**
 * LEFT CENTER
 */
#bombi_fixed_menu.left-center {
	left: 0;
	top: 50%;
}

/**
 * LEFT BOTTOM
 */
#bombi_fixed_menu.left-bottom {
	left: 0;
	bottom: 0;
}

/**
 * RIGHT CENTER
 */
#bombi_fixed_menu.right-center {
	right: 0;
	top: 50%;
}

/**
 * RIGHT BOTTOM
 */
#bombi_fixed_menu.right-bottom {
	right: 0;
	bottom: 0;
}

/**
 * MIDDLE BOTTOM
 */
#bombi_fixed_menu.middle-bottom {
	right: 50%;
	bottom: 0;
}

#bombi_fixed_menu.middle-bottom .bombi-list > .bombi-item {
	float: right;
    clear: none;
}

#bombi_fixed_menu.middle-bottom .bombi-list > .bombi-item > a > .b-title {
    margin-bottom: 3px;
}