/* Social Icons */
	#social_side_links {
	position: fixed;
	top: 210px;
	left: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
	}
	#social_side_links_right {
	position: fixed;
	top: 80px;
	right: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
	}
#social_side_links li a {display: block;}

#social_side_links li a img {
	display: block;
	max-width:40px;
  padding: 10px;
  -webkit-transition:  background .2s ease-in-out;
  -moz-transition:  background .2s ease-in-out;
  -o-transition:  background .2s ease-in-out;
  transition:  background .2s ease-in-out;
}

#social_side_links li a:hover img {background: rgba(0, 0, 0, .2);}

.float li
{
float: right;
list-style: none;
}
.float li a
{
color:#fff;
text-decoration: none;

background:#0000ff;
border: 1px solid white;
padding: 10px 15px;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
transition:all 1s ease-out;
}

.float a:hover
{
text-decoration: none;
background:#fff;
color: #000;
}
.floating{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.katalog{
	position:fixed;
	width:60px;
	height:60px;
	bottom:170px;
	right:20px;
	background-color:red;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.mengambang{
	position:fixed;
	width:60px;
	height:60px;
	bottom:105px;
	right:20px;
	background-color:blue;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.my-float{
	margin-top:10px;
}