.stoggle-sticky {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 26px;
}

.stoggle-sticky span {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAYAAABpYH0BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV1JREFUeNrsmesOgyAMhQfxwfrofTM3E10ME2i5Oeppwr9a5OMUCrh1XV+wcvNAAIAA+BiAzrmtUWln27dbjEcC3AdODfo0BdEPhmcO4nIDvDNELi2jggk4/k8dT7skfeKzWIEd4VUpMQKvNB7X+OZSmAZkATWC1xvipbpnLmOosbJZC08CkAeA4E6qFUEMwLAGnlSBPCE8lW8CYnZTcimH2HoT7kSFOx5HBmCnDhTIu1p5s98G+QZrxGPhZVMY1vgyAQaAAAiAAAgDQACcBOD+BvJtBWfRy7NpJK5tBe4FNzXokywV734wPHMQlxvgnSGyNoUP/2ACjv/7iSeYKO3YWKzAjvCqlBiBVxqPa3ynexNJwOsN8TJbzL6JNIYYXWpMv4lIIAZgWANPqkCeEJ7KNwExu8lpLlSpAVQarO77TyKdBsyRPuwV0h0gmoGnTWFYzVkYBoAA+I/2FmAAt6+b5XM9mFkAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	overflow: hidden;
    text-indent: -9999em;
    cursor: pointer;
}

.stoggle-sticky-bottom {
	bottom: -20px;
	transform:scaleX(-1);
}

.ssk-sticky .stoggle-sticky-top span {
	visibility: hidden;
}

.ssk-sticky.closed .stoggle-sticky-top {
	top: -20px;
	right: 50px;
	transform:scaleX(1);
}

.ssk-sticky.closed .stoggle-sticky-top span {
	visibility: visible;
	-webkit-transition-delay: 1s;
	  -moz-transition-delay: 1s;
	  -o-transition-delay: 1s;
	  transition-delay: 1s;
}


.stoggle-sticky-bottom span {
	visibility: hidden;
}

.ssk-sticky {
	right: 0px !important;
    transition: all 500ms;
}

.ssk-sticky.closed {
	right: -50px !important;
    transition: all 500ms;
    visibility: visible;
	transition-delay: 0.7s;
}

.ssk-sticky.closed .stoggle-sticky-bottom span {
	visibility: visible;
}

.ssk-sticky:hover .stoggle-sticky-bottom span {
	visibility: visible;
}

.stoggle-sticky-bottom:hover span {
	visibility: visible;
}

.share-button {
	display: none;
	width: 100%;
	height:100px;
	background:gray;
	bottom: 0;
	left: 0;
}

@media only screen and (max-width: 767px) {
    .stoggle-sticky {
    	display: none;
    }
    .share-button {
    	transition: 0.5s;
    	display: block;
    	position: fixed;
		width: 100%;
		height:45px;
		background:#fff;
		z-index: 100;
		box-shadow: 0 -1px 4px rgba(0,0,0,.15);
		text-align: center;
		padding: 12px 0;
	    color: #555;
	    font-weight: 700;
	    cursor: pointer;
	    font-size: 15px;
	}
    .share-button span i {
        font-size: 21px;
        vertical-align: -2px;
        margin-right: 2px;
    }
    .share-button span:hover {
    	color: black;
    }
	.ssk-sticky {
		bottom: -50px;
	}
}

@media print {
   .ssk-sticky {
     display:none !important;
   }
}