@charset "UTF-8";
/* CSS Document */


/*=========================
 HOME BUTTON
=========================*/

.home-btn{

	position:fixed;
	right:20px;
	bottom:80px;
	z-index:9999;

	display:block;

	width:100px;

	transition:.3s;

	text-decoration:none;
}

.home-btn img{

	display:block;
	width:100%;
	height:auto;

	filter:drop-shadow(0 8px 18px rgba(51,0,102,.18));

	transition:.3s;
}


@media screen and (max-width: 600px){
.home-btn{right:inherit; left: 10px;}
	.home-tooltip{

		display:none;
	}
}

.home-btn:hover img{

	transform:
		translateY(-5px)
		scale(1.05);

	filter:
		drop-shadow(0 14px 24px rgba(51,0,102,.22));
}


/*=========================
 TOOLTIP
=========================*/

.home-tooltip{

	position:absolute;

	right:95px;
	top:50%;

	transform:
		translateY(-50%)
		translateX(10px);

	padding:10px 16px;

	background:#fff;
	color:#330066;

	font-size:14px;
	font-weight:700;

	border-radius:999px;

	white-space:nowrap;

	box-shadow:
		0 8px 20px rgba(51,0,102,.12);

	opacity:0;
	visibility:hidden;

	transition:.25s;

	pointer-events:none;
}

.home-tooltip::after{

	content:"";

	position:absolute;

	right:-6px;
	top:50%;

	width:12px;
	height:12px;

	background:#fff;

	transform:
	translateY(-50%)
	rotate(45deg);
}

.home-btn:hover .home-tooltip{

	opacity:1;
	visibility:visible;

	transform:
		translateY(-50%)
		translateX(0);
}



.home-btn{

	position:fixed;
	right:20px;
	bottom:90px;

	opacity:0;
	visibility:hidden;

	transform:translateY(12px);

	transition:
		opacity .3s,
		transform .3s,
		visibility .3s;

	pointer-events:none;
}

.home-btn.show{

	opacity:1;
	visibility:visible;

	transform:translateY(0);

	pointer-events:auto;
}