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


/**/
/* basic styles */
/**/
.pcss3rm {
	position: fixed;
	z-index: 1000;
	width: 48px;
	height: 48px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.pcss3rm input {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;	
}
.pcss3rm 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;
}
.pcss3rm 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;	
}
.pcss3rm .icon-plus {
	line-height: 50px;
}
.pcss3rm 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;
}
.pcss3rm li a {
	position: static;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.pcss3rm li i {
	font-size: 20px;
	line-height: 38px;
}
.pcss3rm input:checked + a i {
	transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.pcss3rm 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 */
/**/
.pcss3rm li:nth-child(2) {
	-webkit-transition-delay: 0.1s;	
}
.pcss3rm li:nth-child(3) {
	-webkit-transition-delay: 0.2s;	
}
.pcss3rm li:nth-child(4) {
	-webkit-transition-delay: 0.3s;	
}
.pcss3rm li:nth-child(5) {
	-webkit-transition-delay: 0.4s;	
}
.pcss3rm li:nth-child(6) {
	-webkit-transition-delay: 0.5s;	
}
.pcss3rm li:nth-child(7) {
	-webkit-transition-delay: 0.6s;	
}
.pcss3rm li:nth-child(8) {
	-webkit-transition-delay: 0.7s;	
}
.pcss3rm li:nth-child(9) {
	-webkit-transition-delay: 0.8s;	
}
.pcss3rm li:nth-child(10) {
	-webkit-transition-delay: 0.9s;	
}
.pcss3rm li:nth-child(11) {
	-webkit-transition-delay: 1.0s;	
}
.pcss3rm li:nth-child(12) {
	-webkit-transition-delay: 1.1s;	
}
.pcss3rm li:nth-child(13) {
	-webkit-transition-delay: 1.2s;	
}
.pcss3rm li:nth-child(14) {
	-webkit-transition-delay: 1.3s;	
}
.pcss3rm li:nth-child(15) {
	-webkit-transition-delay: 1.4s;	
}
.pcss3rm li:nth-child(16) {
	-webkit-transition-delay: 1.5s;	
}
.pcss3rm.pcss3rm-effect-aao li {
	-webkit-transition-delay: 0s;	
}
.pcss3rm.pcss3rm-effect-fade li {
	opacity: 0;
}
.pcss3rm.pcss3rm-effect-fade input:checked ~ ul li {
	opacity: 1;
}
.pcss3rm.pcss3rm-effect-rotate input:checked ~ ul li {
	transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.pcss3rm.pcss3rm-effect-scale li {
	transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-webkit-transform: scale(0.1, 0.1);
}
.pcss3rm.pcss3rm-effect-scale input:checked ~ ul li {
	transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
.pcss3rm.pcss3rm-effect-rotate.pcss3rm-effect-scale li {
	transform: rotate(0deg) scale(0.1, 0.1);
	-o-transform: rotate(0deg) scale(0.1, 0.1);
	-ms-transform: rotate(0deg) scale(0.1, 0.1);
	-moz-transform: rotate(0deg) scale(0.1, 0.1);
	-webkit-transform: rotate(0deg) scale(0.1, 0.1);
}
.pcss3rm.pcss3rm-effect-rotate.pcss3rm-effect-scale input:checked ~ ul li {
	transform: rotate(360deg) scale(1, 1);
	-o-transform: rotate(360deg) scale(1, 1);
	-ms-transform: rotate(360deg) scale(1, 1);
	-moz-transform: rotate(360deg) scale(1, 1);
	-webkit-transform: rotate(360deg) scale(1, 1);
}


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

.pcss3rm-pos-t {
	top: 20px;
	left: 50%;
	margin-left: -24px;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(1) {
	left: 350%;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(2) {
	top: 165.625%;
	left: 328.125%;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(3) {
	top: 262.5%;
	left: 262.5%;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(4) {
	top: 328.125%;
	left: 165.625%;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(5) {
	top: 350%;
	left: 50%;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(6) {
	top: 328.125%;
	left: -65.625%;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(7) {
	top: 262.5%;
	left: -162.5%;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(8) {
	top: 165.625%;
	left: -228.125%;
}
.pcss3rm-pos-t input:checked ~ ul li:nth-child(9) {
	left: -250%;
}

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

.pcss3rm-pos-r {
	top: 50%;
	right: 20px;
	margin-top: -24px;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(1) {
	top: 350%;
	left: 50%;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(2) {
	top: 328.125%;
	left: -65.625%;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(3) {
	top: 262.5%;
	left: -162.5%;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(4) {
	top: 165.625%;
	left: -228.125%;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(5) {
	left: -250%;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(6) {
	top: -65.625%;
	left: -228.125%;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(7) {
	top: -162.5%;
	left: -162.5%;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(8) {
	top: -228.125%;
	left: -65.625%;
}
.pcss3rm-pos-r input:checked ~ ul li:nth-child(9) {
	top: -250%;
	left: 50%;
}

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

.pcss3rm-pos-b {
	bottom: 20px;
	left: 50%;
	margin-left: -24px
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(1) {
	left: -250%;
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(2) {
	top: -65.625%;
	left: -228.125%;
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(3) {
	top: -162.5%;
	left: -162.5%;
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(4) {
	top: -228.125%;
	left: -65.625%;
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(5) {
	top: -250%;
	left: 50%;
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(6) {
	top: -228.125%;
	left: 165.625%;
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(7) {
	top: -162.5%;
	left: 262.5%;
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(8) {
	top: -65.625%;
	left: 328.125%;
}
.pcss3rm-pos-b input:checked ~ ul li:nth-child(9) {
	left: 350%;
}

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

.pcss3rm-pos-l {
	top: 50%;
	left: 20px;
	margin-top: -24px;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(1) {
	top: -250%;
	left: 50%;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(2) {
	top: -228.125%;
	left: 165.625%;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(3) {
	top: -162.5%;
	left: 262.5%;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(4) {
	top: -65.625%;
	left: 328.125%;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(5) {
	left: 350%;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(6) {
	top: 165.625%;
	left: 328.125%;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(7) {
	top: 262.5%;
	left: 262.5%;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(8) {
	top: 328.125%;
	left: 165.625%;
}
.pcss3rm-pos-l input:checked ~ ul li:nth-child(9) {
	top: 350%;
	left: 50%;
}

.pcss3rm-pos-c {
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(1) {
	top: -250%;
	left: 50%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(2) {
	top: -228.125%;
	left: 165.625%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(3) {
	top: -162.5%;
	left: 262.5%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(4) {
	top: -65.625%;
	left: 328.125%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(5) {
	left: 350%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(6) {
	top: 165.625%;
	left: 328.125%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(7) {
	top: 262.5%;
	left: 262.5%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(8) {
	top: 328.125%;
	left: 165.625%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(9) {
	top: 350%;
	left: 50%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(10) {
	top: 328.125%;
	left: -65.625%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(11) {
	top: 262.5%;
	left: -162.5%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(12) {
	top: 165.625%;
	left: -228.125%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(13) {
	left: -250%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(14) {
	top: -65.625%;
	left: -228.125%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(15) {
	top: -162.5%;
	left: -162.5%;
}
.pcss3rm-pos-c input:checked ~ ul li:nth-child(16) {
	top: -228.125%;
	left: -65.625%;
}


/**/
/* tooltips */
/**/
.pcss3rm 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;
}
.pcss3rm li:hover em {
	opacity: 1;
}

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


/**/
/* shapes */
/**/
.pcss3rm-shape-ellipse a,
.pcss3rm-shape-ellipse li a {
	border-radius: 25% 75%;
}
.pcss3rm-shape-rsquare a,
.pcss3rm-shape-rsquare li a {
	border-radius: 25%;
}
.pcss3rm-shape-square a,
.pcss3rm-shape-square li a {
	border-radius: 0;
}



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

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


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


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


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


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


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


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


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


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


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


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


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