body { margin: 0px; padding: 0px; }
.right-navigation { -webkit-backface-visibility: hidden; position: fixed;/*top: 50%;
	left: 0px;
	right: 0px;
	margin-top: -100px;
	width: 100px;
	opacity: 0.75;
	z-index: 5;*/
}
.right-navigation li { /*height: 20px;*/
	/*margin: 10px 0px;*/
margin-bottom: 10px; list-style: none; text-align: center; }
.right-navigation li:last-child { margin-bottom: 0px; }
.right-navigation a { display: inline-block; width: 20px; height: 20px; /*text-indent: -9999px;*/
border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; background-color: transparent; border: 1px solid #fff; transition: all 0.3s ease; position: relative; left: 0px; top: 0px; color: #fff; position: relative; }
.right-navigation a:before { content: ''; width: 4px; height: 4px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; position: absolute; top: 7px; left: 7px; }
.right-navigation li.current a { background-color: rgba(227,30,37,0.8); }
.right-navigation a:hover span, .right-navigation li.current span { opacity: 1; background-color: rgba(0,0,0,0.5); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 13px; padding: 5px 10px; }
/*#contact span{
	opacity: 1;
	 
	
	}*/
.right-navigation a span { opacity: 0; position: absolute; /*left: -130px;*/
top: -2px; }
.right-navigation a:hover, .right-navigation li.current { /*	background-color: #fff;
	width: 20px;
	height: 20px;*/
	/*left: -3px;
	top: -3px*/
}
.red { background-color: #B23751; }
.blue { background-color: #346CA5; }
.green { background-color: #65B237; }
.pink { background-color: #c0392b; }
.black { background-color: #2c3e50; }