/**
 * global_scroll_down
 * @version	1.0
 * @release	01-04-2021
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.global_scroll_down
{
	position: absolute;
	width: 87px;
	height: 87px;
	bottom: 0;
	right: var(--global_size_50);
	z-index: 1;
/*	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer; */
	display: none !important;
}

.global_scroll_down .gl_icon
{
	width: 17px;
	height: 24px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: global_scroll_down 1s alternate infinite;
}

.global_scroll_down .gl_icon path
{
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.global_scroll_down:hover .gl_icon
{
	transform: scale(1.2, 1.2);
}

.global_scroll_down:hover .gl_icon path
{
	fill: var(--root_color_lead);
}

.global_scroll_down:hover .gl_icon path.gl_icon_line
{
	transform: translateY(8px);
}

.global_scroll_down .gl_label
{
	writing-mode: vertical-rl;
	font-size: var(--global_font_size_p_small);
	color: var(--root_color_light);
	margin-top: var(--global_margin_15);
}

.global_scroll_down .gl_line
{
	margin-top: var(--global_margin_15);
	width: 1px;
	background-color: var(--root_color_light);
	height: 100%;
}

@keyframes global_scroll_down
{
	from
	{
		margin-top: 0;
	}

	to
	{
		margin-top: var(--global_margin_40);
	}
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
	.global_scroll_down
	{
		display: none;
	}
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}