html
{
    width: 100%;
    height: 100%;
}

body
{
	width: 100%;
    height: 100%;
	font: normal 12px Gilroy;
}

	div.scroll-wrap
	{
		width: 100%;
		height: 100%;
	}

	div.main-scroll
	{
		float: left;
		width: 100%;
	}
	
		img
		{
			border: none;
		}
		
		p
		{
			margin: 20px 0px;
			font-size: 16px;
			line-height: 24px;
		}

		
		i.up-arrow
		{
			position: fixed;
			right: 40px;
			margin: 0px;
			padding: 20px;
			bottom: 40px;
			font-size: 20px;
			color: #f56c3a;
			background: conic-gradient(#f56c3a 0%, rgb(245 108 58 / 30%) 0%);
			border-radius: 30px;
			z-index: 1;
			visibility: hidden;
			opacity: 0;
			cursor: pointer;
			transition: 0.3s;
			-o-transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		
			i.up-arrow:before
			{
				position: relative;
				z-index: 2;
			}
			
			i.up-arrow:after
			{
				position: absolute;
				content: '';
				width: 58px;
				height: 58px;
				top: 50%;
				left: 50%;
				margin-left: -29px;
				margin-top: -29px;
				background: #fff;
				border-radius: 46px;
				z-index: 1;
			}
			
			i.up-arrow.active
			{
				visibility: visible;
				opacity: 1;
			}
			
	div.main-wrap
	{
		float: left;
		width: 100%;
	}

		div.basic-container
		{
			width: 1100px;
			margin: 0px auto;
		}
		
			div.flex-container
			{
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
			}
			
				div.flex-container-cell
				{
					display: flex;
					align-items: center;
				}

	div.main-wrap.head
	{
		position: sticky;
		top: 0px;
		background: #fff;
		box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
		z-index: 2;
	}

		a.logo
		{
			float: left;
			width: 130px;
			height: 40px;
			background: url('/img_files/items/logo.svg') no-repeat center;
			background-size: contain;
		}
		
		div.page-content
		{
			float: left;
			width: 100%;
			margin: 40px 0px;
		}
		
			div.page-title
			{
				position: relative;
				display: flex;
				align-items: start;
				justify-content: space-between;
				float: left;
				width: 100%;
			}
			
				h1,
				span.title
				{
					display: inline-block;
					font-size: 24px;
					font-weight: 600;
					line-height: 30px;
					color: #000;
				}
				
			ul.breadcrumbs
			{
				width: 100%;
				list-style-type: none;
				float: left;
				margin: 20px 0px;
			}

				ul.breadcrumbs li
				{
					float: left;
					padding: 0px 10px;
					border-right: 1px solid #aeaeae;
				}
				
				ul.breadcrumbs li:first-child
				{
					padding: 0px 10px 0px 0px;
				}
				
				ul.breadcrumbs li.last-breadcrumb
				{
					font-size: 14px;
					line-height: 18px;
					color: #333;
					border: none;
				}
				
				ul.breadcrumbs li a
				{
					float: left;
				}
				
					ul.breadcrumbs li a span
					{
						display: block;
						font-size: 14px;
						line-height: 18px;
						color: #aeaeae;
					}
					
			div.page-desc
			{
				float: left;
				width: 100%;
			}
			
				div.page-desc ul, 
				div.page-desc ol
				{
					font-size: 16px;
					margin-left: 40px;
				}