#sharing{
	display: none; 
	overflow: hidden;
}
.show #sharing{
	display: inline-block;
}

#sharing:hover #shareme{
	left: 0%;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
}
#shareme{
	position: relative;
	left: -100%;
	top: 2px;
	margin-left: 40px;
	transition: 0.4s ease-out;
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;

}

.sharrre .button{
	float:left;
	width:90px;
}
.share-trigger{
	width: 30px;
	height: 26px;
	background-color: black;	
	position: absolute;
	z-index: 1000;
	box-shadow: 0px 0px 20px black;
}
.share-trigger >div{
	text-indent: -9999px;
	background-image: url('./aumbry_hook2.png');
	background-repeat: no-repeat;
	float: left;
	width: 26px;
	height: 26px;
	opacity: 1;
	transition: 0.4s ease-out;
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	margin-right: 25px;
	background-color: black;
	background-position: center;
	cursor: pointer;
	transform: rotateZ(-45deg);
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);

}

#sharing:hover .share-trigger >div{
	transform: rotateZ(0deg);
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
}
#sharing{
	top: 15px;
	right: -405px;
	width: 450px;
	z-index: 55;
	transition: 0.4s ease-out;
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
}

#sharing:hover{
	right: 10px;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
}

.button.twitter{
	width: 100px;
}
.button.googleplus{
	width: 60px;
}
.button.pinterest{
	width: 40px;
}

#slider{
	position: fixed;
	right: 25px;
	bottom: 	45%;
	z-index: 1000;
}