/*! ========= INFORMATION ============================
	- document:  Sticky buttons
	- author:    Dmytro Lobov
	- url:       https://wow-estore.com/item/sticky-buttons-pro/
	- email:     support@wow-company.com
======================================================
*/
/*--------------------------------------------------------------
		Reset
--------------------------------------------------------------*/
.sticky-buttons, .sticky-buttons * {
	list-style      : none;
	margin          : 0;
	padding         : 0;
	border          : 0;
	outline         : none;
	text-decoration : none;
	background      : none;
	line-height     : 1;
}

/*--------------------------------------------------------------
		Main Style
--------------------------------------------------------------*/
.sticky-buttons {
	position : fixed;
}

.sticky-buttons .sb-icon {
	display    : inline-block;
	text-align : center;
	transition : all 0.5s;
}

.sticky-buttons .sb-icon img {
	vertical-align : middle;
	max-width      : 100%;
}

.sticky-buttons .sb-label {
	position    : absolute;
	padding     : 0 10px;
	cursor      : pointer;
	visibility  : hidden;
	opacity     : 0;
	white-space : nowrap;
	z-index     : 3;
}

.sticky-buttons .sb-label.-visible {
	visibility : visible;
	opacity    : 1;
	-webkit-transform  : none !important;
	transform  : none !important;
	z-index    : 2;
}

.sticky-buttons .sb-label:before {
	content  : "";
	display  : block;
	position : absolute;
}

.sticky-buttons a:hover .sb-label {
	visibility : visible;
	opacity    : 1;
}

.sticky-buttons.-shadow .sb-icon,
.sticky-buttons.-shadow .sb-label {
	box-shadow : 0 0 8px  rgba(0,0,0,0.5);
}

.sticky-buttons.is-hidden {
	display : none;
}

/*--------------------------------------------------------------
		Size
--------------------------------------------------------------*/
.sticky-buttons.-small .sb-icon,
.sticky-buttons.-small .sb-label {
	height      : 30px;
	line-height : 30px;
	font-size   : 16px;
}

.sticky-buttons.-small .sb-icon {
	width : 30px;
}

.sticky-buttons.-medium .sb-icon,
.sticky-buttons.-medium .sb-label {
	height      : 40px;
	line-height : 40px;
	font-size   : 20px;
}

.sticky-buttons.-medium .sb-icon {
	width : 40px;
}

.sticky-buttons.-large .sb-icon,
.sticky-buttons.-large .sb-label {
	height      : 50px;
	line-height : 50px;
	font-size   : 24px;
}

.sticky-buttons.-large .sb-icon {
	width : 50px;
}

/*--------------------------------------------------------------
		Shapes
--------------------------------------------------------------*/
.sticky-buttons.-square .sb-icon,
.sticky-buttons.-square .sb-label {
	border-radius : 0;
}

.sticky-buttons.-rsquare .sb-icon,
.sticky-buttons.-rsquare .sb-label {
	border-radius : 5px;
}

.sticky-buttons.-circle .sb-icon {
	border-radius : 50%;
}

.sticky-buttons.-circle .sb-label {
	border-radius : 5px;
}

.sticky-buttons.-ellipse .sb-icon {
	border-radius : 25% 75%;
}

.sticky-buttons.-ellipse .sb-label {
	border-radius : 5px;
}

/*--------------------------------------------------------------
		Position
--------------------------------------------------------------*/
.sticky-buttons.-left-top,
.sticky-buttons.-left-center,
.sticky-buttons.-left-bottom {
	left : 0;
}

.sticky-buttons.-left-top.-space,
.sticky-buttons.-left-center.-space,
.sticky-buttons.-left-bottom.-space {
	margin-left : 2px;
}

.sticky-buttons.-left-top.-space li,
.sticky-buttons.-left-center.-space li,
.sticky-buttons.-left-bottom.-space li {
	margin : 2px 0;
}

.sticky-buttons.-left-top .sb-label,
.sticky-buttons.-left-center .sb-label,
.sticky-buttons.-left-bottom .sb-label {
	margin-left : 12px;
}

.sticky-buttons.-left-top .sb-label:before,
.sticky-buttons.-left-center .sb-label:before,
.sticky-buttons.-left-bottom .sb-label:before {
	content          : "";
	display          : block;
	position         : absolute;
	top              : 50%;
	left             : -7.075px;
	width            : 14.15px;
	height           : 14.15px;
	border-radius    : 0 3px 0 0;
	-webkit-transform        : translateY(-7.075px) rotate(45deg);
	transform        : translateY(-7.075px) rotate(45deg);
	background-color : inherit;
}

.sticky-buttons.-right-top,
.sticky-buttons.-right-center,
.sticky-buttons.-right-bottom {
	right : 0;
}

.sticky-buttons.-right-top.-space,
.sticky-buttons.-right-center.-space,
.sticky-buttons.-right-bottom.-space {
	margin-right : 2px;
}

.sticky-buttons.-right-top.-space li,
.sticky-buttons.-right-center.-space li,
.sticky-buttons.-right-bottom.-space li {
	margin : 2px 0;
}

.sticky-buttons.-right-top .sb-label,
.sticky-buttons.-right-center .sb-label,
.sticky-buttons.-right-bottom .sb-label {
	right        : 100%;
	margin-right : 12px;
}

.sticky-buttons.-right-top .sb-label:before,
.sticky-buttons.-right-center .sb-label:before,
.sticky-buttons.-right-bottom .sb-label:before {
	content          : "";
	display          : block;
	position         : absolute;
	top              : 50%;
	right            : -7.075px;
	width            : 14.15px;
	height           : 14.15px;
	border-radius    : 0 3px 0 0;
	-webkit-transform        : translateY(-7.075px) rotate(45deg);
	transform        : translateY(-7.075px) rotate(45deg);
	background-color : inherit;
}

.sticky-buttons.-right-top,
.sticky-buttons.-left-top {
	top : 0;
}

.sticky-buttons.-right-center,
.sticky-buttons.-left-center {
	top       : 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}

.sticky-buttons.-right-bottom,
.sticky-buttons.-left-bottom {
	bottom : 0;
}

.sticky-buttons.-top-left,
.sticky-buttons.-top-center,
.sticky-buttons.-top-right {
	display : -webkit-flex;
	display : flex;
	top     : 0;
}

.sticky-buttons.-top-left.-space,
.sticky-buttons.-top-center.-space,
.sticky-buttons.-top-right.-space {
	margin-top : 2px;
}

.sticky-buttons.-top-left.-space li,
.sticky-buttons.-top-center.-space li,
.sticky-buttons.-top-right.-space li {
	margin : 0 2px;
}

.sticky-buttons.-top-left .sb-label,
.sticky-buttons.-top-center .sb-label,
.sticky-buttons.-top-right .sb-label {
	top        : 100%;
	left       : 0;
	margin-top : 2px;
}

.sticky-buttons.-bottom-left,
.sticky-buttons.-bottom-center,
.sticky-buttons.-bottom-right {
	display : -webkit-flex;
	display : flex;
	bottom  : 0;
}

.sticky-buttons.-bottom-left.-space,
.sticky-buttons.-bottom-center.-space,
.sticky-buttons.-bottom-right.-space {
	margin-bottom : 2px;
}

.sticky-buttons.-bottom-left.-space li,
.sticky-buttons.-bottom-center.-space li,
.sticky-buttons.-bottom-right.-space li {
	margin : 0 2px;
}

.sticky-buttons.-bottom-left .sb-label,
.sticky-buttons.-bottom-center .sb-label,
.sticky-buttons.-bottom-right .sb-label {
	bottom        : 100%;
	left          : 0;
	margin-bottom : 2px;
}

.sticky-buttons.-bottom-left,
.sticky-buttons.-top-left {
	left : 0;
}

.sticky-buttons.-bottom-center,
.sticky-buttons.-top-center {
	left      : 50%;
	-webkit-transform : translateX(-50%);
	transform : translateX(-50%);
}

.sticky-buttons.-bottom-right,
.sticky-buttons.-top-right {
	right : 0;
}

/*--------------------------------------------------------------
		Animation
--------------------------------------------------------------*/
.sticky-buttons.-fade .sb-label {
	transition : all 0.5s;
}

.sticky-buttons.-flip-x a .sb-label {
	-webkit-transform  : scaleX(0);
	transform  : scaleX(0);
	transition : all 0.5s;
}

.sticky-buttons.-flip-x a:hover .sb-label {
	-webkit-transform  : scaleX(1);
	transform  : scaleX(1);
	transition : all 0.5s;
}

.sticky-buttons.-flip-y .sb-label {
	transition : all 0.5s;
}

.sticky-buttons.-flip-y a .sb-label {
	-webkit-transform : scaleY(0);
	transform : scaleY(0);
}

.sticky-buttons.-flip-y a:hover .sb-label {
	-webkit-transform : scaleY(1);
	transform : scaleY(1);
}

.sticky-buttons.-slide .sb-label {
	transition : all 0.5s;
}

.sticky-buttons.-slide.-left-top a .sb-label,
.sticky-buttons.-slide.-left-center a .sb-label,
.sticky-buttons.-slide.-left-bottom a .sb-label {
	-webkit-transform : translateX(-100%);
	transform : translateX(-100%);
}

.sticky-buttons.-slide.-left-top a:hover .sb-label,
.sticky-buttons.-slide.-left-center a:hover .sb-label,
.sticky-buttons.-slide.-left-bottom a:hover .sb-label {
	-webkit-transform : translateX(0);
	transform : translateX(0);
}

.sticky-buttons.-slide.-right-top a .sb-label,
.sticky-buttons.-slide.-right-center a .sb-label,
.sticky-buttons.-slide.-right-bottom a .sb-label {
	-webkit-transform : translateX(100%);
	transform : translateX(100%);
}

.sticky-buttons.-slide.-right-top a:hover .sb-label,
.sticky-buttons.-slide.-right-center a:hover .sb-label,
.sticky-buttons.-slide.-right-bottom a:hover .sb-label {
	-webkit-transform : translateX(0);
	transform : translateX(0);
}

.sticky-buttons.-slide.-bottom-left a .sb-label,
.sticky-buttons.-slide.-bottom-center a .sb-label,
.sticky-buttons.-slide.-bottom-right a .sb-label {
	-webkit-transform : translateY(100%);
	transform : translateY(100%);
}

.sticky-buttons.-slide.-bottom-left a:hover .sb-label,
.sticky-buttons.-slide.-bottom-center a:hover .sb-label,
.sticky-buttons.-slide.-bottom-right a:hover .sb-label {
	-webkit-transform : translateY(0);
	transform : translateY(0);
}

.sticky-buttons.-slide.-top-left a .sb-label,
.sticky-buttons.-slide.-top-center a .sb-label,
.sticky-buttons.-slide.-top-right a .sb-label {
	-webkit-transform : translateY(-100%);
	transform : translateY(-100%);
}

.sticky-buttons.-slide.-top-left a:hover .sb-label,
.sticky-buttons.-slide.-top-center a:hover .sb-label,
.sticky-buttons.-slide.-top-right a:hover .sb-label {
	-webkit-transform : translateY(0);
	transform : translateY(0);
}

.sticky-buttons.-slide-out .sb-label {
	transition : all 0.5s;
}

.sticky-buttons.-slide-out.-left-top a .sb-label,
.sticky-buttons.-slide-out.-left-center a .sb-label,
.sticky-buttons.-slide-out.-left-bottom a .sb-label {
	-webkit-transform : translateX(25%);
	transform : translateX(25%);
}

.sticky-buttons.-slide-out.-left-top a:hover .sb-label,
.sticky-buttons.-slide-out.-left-center a:hover .sb-label,
.sticky-buttons.-slide-out.-left-bottom a:hover .sb-label {
	-webkit-transform : translateX(0);
	transform : translateX(0);
}

.sticky-buttons.-slide-out.-right-top a .sb-label,
.sticky-buttons.-slide-out.-right-center a .sb-label,
.sticky-buttons.-slide-out.-right-bottom a .sb-label {
	-webkit-transform : translateX(-25%);
	transform : translateX(-25%);
}

.sticky-buttons.-slide-out.-right-top a:hover .sb-label,
.sticky-buttons.-slide-out.-right-center a:hover .sb-label,
.sticky-buttons.-slide-out.-right-bottom a:hover .sb-label {
	-webkit-transform : translateX(0);
	transform : translateX(0);
}

.sticky-buttons.-slide-out.-bottom-left a .sb-label,
.sticky-buttons.-slide-out.-bottom-center a .sb-label,
.sticky-buttons.-slide-out.-bottom-right a .sb-label {
	-webkit-transform : translateY(-25%);
	transform : translateY(-25%);
}

.sticky-buttons.-slide-out.-bottom-left a:hover .sb-label,
.sticky-buttons.-slide-out.-bottom-center a:hover .sb-label,
.sticky-buttons.-slide-out.-bottom-right a:hover .sb-label {
	-webkit-transform : translateY(0);
	transform : translateY(0);
}

.sticky-buttons.-slide-out.-top-left a .sb-label,
.sticky-buttons.-slide-out.-top-center a .sb-label,
.sticky-buttons.-slide-out.-top-right a .sb-label {
	-webkit-transform : translateY(25%);
	transform : translateY(25%);
}

.sticky-buttons.-slide-out.-top-left a:hover .sb-label,
.sticky-buttons.-slide-out.-top-center a:hover .sb-label,
.sticky-buttons.-slide-out.-top-right a:hover .sb-label {
	-webkit-transform : translateY(0);
	transform : translateY(0);
}

.sticky-buttons.-zoom .sb-label {
	transition : all 0.5s;
}

.sticky-buttons.-zoom a .sb-label {
	-webkit-transform : scale(0, 0);
	transform : scale(0, 0);
}

.sticky-buttons.-zoom a:hover .sb-label {
	-webkit-transform : scale(1, 1);
	transform : scale(1, 1);
}

.sticky-buttons.-rotate .sb-label {
	transition : all 0.5s;
}

.sticky-buttons.-rotate a .sb-label {
	-webkit-transform : rotate(0deg);
	transform : rotate(0deg);
}

.sticky-buttons.-rotate a:hover .sb-label {
	-webkit-transform : rotate(360deg);
	transform : rotate(360deg);
}

.sticky-buttons.-rotate-zoom .sb-label {
	transition : all 0.5s;
}

.sticky-buttons.-rotate-zoom a .sb-label {
	-webkit-transform : rotate(0deg) scale(0, 0);
	transform : rotate(0deg) scale(0, 0);
}

.sticky-buttons.-rotate-zoom a:hover .sb-label {
	-webkit-transform : rotate(360deg) scale(1, 1);
	transform : rotate(360deg) scale(1, 1);
}

@media print {
	.sticky-buttons {
		display: none;
	}
}