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

body
{
	width: 100%;
    height: 100%;
	overflow: hidden;
	font: normal 12px 'Roboto';
}

	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: #c22028;
			background: conic-gradient(rgb(194 32 40) 4%, rgb(194 32 40 / 20%) 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: 56px;
				height: 56px;
				top: 50%;
				left: 50%;
				margin-left: -28px;
				margin-top: -28px;
				background: #fff;
				border-radius: 46px;
				z-index: 1;
			}
			
			i.up-arrow.active
			{
				visibility: visible;
				opacity: 1;
			}
			
		ul.navigation
		{
			float: left;
		}
			
			ul.navigation li
			{
				position: relative;
				float: left;
				list-style-type: none;
			}
			
				a.dropdown
				{
					position: relative;
					display: block;
					line-height: 20px;
					padding: 10px 5px;
					color: #222;
				}
				
					a.dropdown i
					{
						font-size: 16px;
						float: right;
						margin: 2px 0px;
					}
				
					a.dropdown:before,
					a.dropdown:after
					{
						position: absolute;
						content: '';
						background: #c22028;
						bottom: 0px;
						width: 0%;
						height: 2px;
						transition: 0.2s;
						-o-transition: 0.2s;
						-webkit-transition: 0.2s;
					}
					
					a.dropdown:before
					{
						right: 50%;
					}
					
					a.dropdown:after
					{
						left: 50%;
					}
				
					a.dropdown:hover:before,
					a.dropdown:hover:after,
					a.dropdown.active:before,
					a.dropdown.active:after
					{
						width: 50%;
					}
				
				ul.dropdown
				{
					position: absolute;
					background: #fff;
					box-shadow: 0 6px 12px rgba(0,0,0,.175);
					top: 40px;
					width: 100%;
					visibility: hidden;
					opacity: 0;
					transition: 0.1s;
					-o-transition: 0.1s;
					-webkit-transition: 0.1s;
					z-index: 13;
				}
				
				ul.dropdown.right
				{
					right: 0px;
				}
				
				ul.navigation li a.active + ul.dropdown
				{
					visibility: visible;
					opacity: 1;
				}
				
					ul.dropdown li
					{
						width: 100%;
					}
					
						ul.dropdown li a
						{
							display: block;
							padding: 10px;
							margin: 0px;
							color: #222;
							border: none;
						}
						
						ul.dropdown li a:hover,
						ul.dropdown li a.active
						{
							background: #f3f3f3;
						}		
				
	div.main-wrap
	{
		float: left;
		width: 100%;
	}

		div.basic-container
		{
			position: relative;
			margin: 0px 140px;
		}
		
	div.main-wrap.head
	{
		position: fixed;
		background: #fff;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
		z-index: 5;
	}
	
		div.main-wrap.head div.basic-container
		{
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		
			div.main-wrap.head div.basic-container:before
			{
				position: absolute;
				content: '';
				background: url(/img_files/items/page-lines-header.svg) no-repeat left top;
				background-size: cover;
				height: 100px;
				width: 146px;
				left: -90px;
			}
	
			a.logo
			{
				float: left;
				width: 130px;
				height: 60px;
				margin: 10px 0px;
				background: url('/img_files/items/logo.svg') no-repeat center;
				background-size: contain;
			}
		
	div.main-wrap.middle
	{
		padding: 150px 0px 20px;
	}

		div.main-wrap.middle div.basic-container:before
		{
			position: absolute;
			content: '';
			background: url(/img_files/items/page-lines-vertical.svg) repeat-y left;
			background-size: 100%;
			height: 100%;
			width: 30px;
			top: -50px;
			left: -90px;
			padding-bottom: 70px;
		}
			
		div.middle-bar
		{
			display: flex;
			min-height: calc(100% - 170px);
		}
		
			div.left-side-bar
			{
				width: 204px;
				float: left;
				margin-right: 20px;
			}
			
				div.page-content
				{
					position: relative;
					float: left;
					width: 100%;
				}
				
					div.page-title
					{
						position: relative;
						display: flex;
						justify-content: space-between;
						align-items: flex-start;
						width: 100%;
					}
						
						img.page-title-icon
						{
							float: left;
							height: 30px;
							margin-right: 10px;
						}
					
						h1,
						.title
						{
							display: block;
							width: 100%;
							font-size: 26px;
							font-weight: 100;
							line-height: 30px;
							padding: 10px 0px;
							color: #fff;
							background: #c22028;
						}
						
							h1:before,
							.title:before
							{
								position: absolute;
								content: '';
								top: 0px;
								left: -81px;
								width: 81px;
								height: 100%;
								background: #c22028;
							}
						
					ul.breadcrumbs
					{
						width: 100%;
						list-style-type: none;
						float: left;
						margin: 15px 0px;
					}

						ul.breadcrumbs li
						{
							float: left;
							line-height: 20px;
						}
						
						ul.breadcrumbs li.last_breadcrumb
						{
							color: #999;
						}
						
						ul.breadcrumbs li a
						{
							color: #000;
							float: left;
						}
						
						ul.breadcrumbs li i.arrow
						{
							float: left;
							font-size: 12px;
							margin: 4px 5px;
						}

					div.page-desc
					{
						float: left;
						width: 100%;
					}
					
						div.page-desc ul, 
						div.page-desc ol
						{
							font-size: 16px;
							margin: 20px 0px 20px 40px;
						}
						
						div.page-desc ul li, 
						div.page-desc ol li
						{
							margin: 10px 0px;
						}