/**/
/* reset */
/**/
.wow-bmp, .wow-bmp * {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	text-decoration: none;
}


/**/
/* basic styles */
/**/
.wow-bmp {
	position: fixed;
	z-index: 1000;
	width: 48px;
	height: 48px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wow-bmp input {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;	
}
.wow-bmp a {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
	transition: background 0.5s;
	-o-transition: background 0.5s;
	-ms-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-webkit-transition: background 0.5s;
}
.wow-bmp i {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 30px;
	line-height: 48px;
	text-align: center;
	transition: color 0.5s;
	-o-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s, -webkit-transform 0.5s;	
}
.wow-bmp .icon-plus {
	line-height: 50px;
}
.wow-bmp li {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 38px;
	height: 38px;
	margin: -19px 0 0 -19px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.wow-bmp li a {
	position: static;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.wow-bmp li i {
	font-size: 20px;
	line-height: 38px;
}
.wow-bmp input:checked + a i {
	transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.wow-bmp input:checked + a .icon-plus {
	transform: rotate(315deg);
	-o-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
}


/**/
/* animations */
/**/
.wow-bmp li:nth-child(2) {
	-webkit-transition-delay: 0.1s;	
}
.wow-bmp li:nth-child(3) {
	-webkit-transition-delay: 0.2s;	
}
.wow-bmp li:nth-child(4) {
	-webkit-transition-delay: 0.3s;	
}
.wow-bmp li:nth-child(5) {
	-webkit-transition-delay: 0.4s;	
}


/**/
/* postions */
/**/
.wow-bmp-pos-tl {
	top: 20px;
	left: 20px;
}
.wow-bmp-pos-tl input:checked ~ ul li:nth-child(1) {
	left: 350%;
}
.wow-bmp-pos-tl input:checked ~ ul li:nth-child(2) {
	top: 165.625%;
	left: 328.125%;
}
.wow-bmp-pos-tl input:checked ~ ul li:nth-child(3) {
	top: 262.5%;
	left: 262.5%;
}
.wow-bmp-pos-tl input:checked ~ ul li:nth-child(4) {
	top: 328.125%;
	left: 165.625%;
}
.wow-bmp-pos-tl input:checked ~ ul li:nth-child(5) {
	top: 350%;
	left: 50%;
}


.wow-bmp-pos-tr {
	top: 20px;
	right: 20px;
}
.wow-bmp-pos-tr input:checked ~ ul li:nth-child(1) {
	top: 350%;
	left: 50%;
}
.wow-bmp-pos-tr input:checked ~ ul li:nth-child(2) {
	top: 328.125%;
	left: -65.625%;
}
.wow-bmp-pos-tr input:checked ~ ul li:nth-child(3) {
	top: 262.5%;
	left: -162.5%;
}
.wow-bmp-pos-tr input:checked ~ ul li:nth-child(4) {
	top: 165.625%;
	left: -228.125%;
}
.wow-bmp-pos-tr input:checked ~ ul li:nth-child(5) {
	left: -250%;
}



.wow-bmp-pos-br {
	right: 20px;
	bottom: 20px;
}
.wow-bmp-pos-br input:checked ~ ul li:nth-child(1) {
	left: -250%;
}
.wow-bmp-pos-br input:checked ~ ul li:nth-child(2) {
	top: -65.625%;
	left: -228.125%;
}
.wow-bmp-pos-br input:checked ~ ul li:nth-child(3) {
	top: -162.5%;
	left: -162.5%;
}
.wow-bmp-pos-br input:checked ~ ul li:nth-child(4) {
	top: -228.125%;
	left: -65.625%;
}
.wow-bmp-pos-br input:checked ~ ul li:nth-child(5) {
	top: -250%;
	left: 50%;
}



.wow-bmp-pos-bl {
	bottom: 11px;
	left: 5px;
} 
.wow-bmp-pos-bl input:checked ~ ul li:nth-child(1) {
	top: -250%;
	left: 50%;
}
.wow-bmp-pos-bl input:checked ~ ul li:nth-child(2) {
	top: -228.125%;
	left: 165.625%;
}
.wow-bmp-pos-bl input:checked ~ ul li:nth-child(3) {
	top: -162.5%;
	left: 262.5%;
}
.wow-bmp-pos-bl input:checked ~ ul li:nth-child(4) {
	top: -65.625%;
	left: 328.125%;
}
.wow-bmp-pos-bl input:checked ~ ul li:nth-child(5) {
	left: 350%;
}





/**/
/* tooltips */
/**/
.wow-bmp em {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 4px 8px;
	border-radius: 3px;
	background: rgba(0,0,0,0.8);
	font-style: normal;
	font-size: 11px;
	line-height: 13px;
	white-space: nowrap;
	color: #fff;
	opacity: 0;
	transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}
.wow-bmp li:hover em {
	opacity: 1;
}

.wow-bmp li:hover .tl {
	top: auto;
	right: 100%;
	bottom: 100%;
	left: auto;
}
.wow-bmp li:hover .tr {
	top: auto;
	bottom: 100%;
	left: 100%;
}
.wow-bmp li:hover .r {
	top: 50%;
	left: 100%;
	margin-top: -11px;
	margin-left: 7px;
}
.wow-bmp li:hover  .br {
	top: 100%;
	left: 100%;
}
.wow-bmp li:hover  .bl {
	top: 100%;
	right: 100%;
	left: auto;
}
.wow-bmp li:hover .l {
	top: 50%;
	right: 100%;
	left: auto;
	margin-top: -11px;
	margin-right: 7px;
}



/*----------------------------------------------------------------------------*/
/*                                   COLORS                                   */
/*----------------------------------------------------------------------------*/

/**/
/* white */
/**/
.wow-bmp i.color-white,
.wow-bmp i.hcolor-white:hover,
.wow-bmp input:hover + a i.hcolor-white {
	color: #ffffff;
}
.wow-bmp a.color-white,
.wow-bmp a.hcolor-white:hover,
.wow-bmp input:hover + a.hcolor-white {
	background: #ffffff;
}


/**/
/* grey */
/**/
.wow-bmp i.color-grey,
.wow-bmp i.hcolor-grey:hover,
.wow-bmp input:hover + a i.hcolor-grey {
	color: #808080;
}
.wow-bmp a.color-grey,
.wow-bmp a.hcolor-grey:hover,
.wow-bmp input:hover + a.hcolor-grey {
	background: #808080;
}


/**/
/* black */
/**/
.wow-bmp i.color-black,
.wow-bmp i.hcolor-black:hover,
.wow-bmp input:hover + a i.hcolor-black {
	color: #000000;
}
.wow-bmp a.color-black,
.wow-bmp a.hcolor-black:hover,
.wow-bmp input:hover + a.hcolor-black {
	background: #000000;
}


/**/
/* red */
/**/
.wow-bmp i.color-red,
.wow-bmp i.hcolor-red:hover,
.wow-bmp input:hover + a i.hcolor-red {
	color: #e3001b;
}
.wow-bmp a.color-red,
.wow-bmp a.hcolor-red:hover,
.wow-bmp input:hover + a.hcolor-red {
	background: #e3001b;
}


/**/
/* orange */
/**/
.wow-bmp i.color-orange,
.wow-bmp i.hcolor-orange:hover,
.wow-bmp input:hover + a i.hcolor-orange {
	color: #f60;
}
.wow-bmp a.color-orange,
.wow-bmp a.hcolor-orange:hover,
.wow-bmp input:hover + a.hcolor-orange {
	background: #f60;
}


/**/
/* yellow */
/**/
.wow-bmp i.color-yellow,
.wow-bmp i.hcolor-yellow:hover,
.wow-bmp input:hover + a i.hcolor-yellow {
	color: #ffcc01;
}
.wow-bmp a.color-yellow,
.wow-bmp a.hcolor-yellow:hover,
.wow-bmp input:hover + a.hcolor-yellow {
	background: #ffcc01;
}


/**/
/* lime */
/**/
.wow-bmp i.color-lime,
.wow-bmp i.hcolor-lime:hover,
.wow-bmp input:hover + a i.hcolor-lime {
	color: #b1c903;
}
.wow-bmp a.color-lime,
.wow-bmp a.hcolor-lime:hover,
.wow-bmp input:hover + a.hcolor-lime {
	background: #b1c903;
}


/**/
/* green */
/**/
.wow-bmp i.color-green,
.wow-bmp i.hcolor-green:hover,
.wow-bmp input:hover + a i.hcolor-green {
	color: #27a22d;
}
.wow-bmp a.color-green,
.wow-bmp a.hcolor-green:hover,
.wow-bmp input:hover + a.hcolor-green {
	background: #27a22d;
}


/**/
/* cyan */
/**/
.wow-bmp i.color-cyan,
.wow-bmp i.hcolor-cyan:hover,
.wow-bmp input:hover + a i.hcolor-cyan {
	color: #00b1e5;
}
.wow-bmp a.color-cyan,
.wow-bmp a.hcolor-cyan:hover,
.wow-bmp input:hover + a.hcolor-cyan {
	background: #00b1e5;
}


/**/
/* blue */
/**/
.wow-bmp i.color-blue,
.wow-bmp i.hcolor-blue:hover,
.wow-bmp input:hover + a i.hcolor-blue {
	color: #006bb3;
}
.wow-bmp a.color-blue,
.wow-bmp a.hcolor-blue:hover,
.wow-bmp input:hover + a.hcolor-blue {
	background: #006bb3;
}


/**/
/* purple */
/**/
.wow-bmp i.color-purple,
.wow-bmp i.hcolor-purple:hover,
.wow-bmp input:hover + a i.hcolor-purple {
	color: #ad007c;
}
.wow-bmp a.color-purple,
.wow-bmp a.hcolor-purple:hover,
.wow-bmp input:hover + a.hcolor-purple {
	background: #ad007c;
}


/**/
/* pink */
/**/
.wow-bmp i.color-pink,
.wow-bmp i.hcolor-pink:hover,
.wow-bmp input:hover + a i.hcolor-pink {
	color: #ea4c89;
}
.wow-bmp a.color-pink,
.wow-bmp a.hcolor-pink:hover,
.wow-bmp input:hover + a.hcolor-pink {
	background: #ea4c89;
}