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

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

	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: 20px;
			margin: 0px;
			padding: 20px;
			bottom: 40px;
			font-size: 20px;
			color: #11679e;
			background: conic-gradient(#1398fa 0%, rgb(19 152 250 / 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
		{
			margin: 0px 100px;
		}
		
			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: relative;
		padding: 40px 0px;
		z-index: 2;
	}

		a.logo
		{
			float: left;
			width: 280px;
			height: 80px;
			margin-right: 135px;
			background: url('/img_files/items/logo.svg') no-repeat center;
			background-size: contain;
		}
		
		div.page-content
		{
			float: left;
			width: 100%;
		}
		
			div.page-title
			{
				position: relative;
				display: flex;
				align-items: start;
				justify-content: space-between;
				float: left;
				width: 100%;
				margin-top: 20px;
			}
			
				h1,
				span.title
				{
					display: inline-block;
					font-size: 24px;
					font-weight: 600;
					line-height: 30px;
					color: #000;
				}
				
				h1.big,
				span.title.big
				{
					font-size: 102px;
					font-weight: 600;
					line-height: 90px;
					text-transform: uppercase;
				}
				
				h1.center,
				span.title.center
				{
					display: block;
					text-align: center;
				}
				
				h1.uppercase,
				span.title.uppercase
				{
					text-transform: uppercase;
				}
				
				h1.white,
				span.title.white
				{
					color: #fff;
				}
			
			div.page-header
			{
				position: relative;
				display: flex;
				flex-direction: column;
				float: left;
				width: 100vw;
				min-height: 50vw;
				left: 50%;
				margin-top: -160px;
				margin-left: -50vw;
				padding: 270px 100px 0px;
				box-sizing: border-box;
			}
			
				div.page-header-content
				{
					display: flex;
					justify-content: space-between;
					align-items: start;
					width: 100%;
				}
			
					div.page-header-cell
					{
						width: 100%;
					}
				
			ul.breadcrumbs
			{
				width: 100%;
				list-style-type: none;
				float: left;
				margin: 50px 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;
				}