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

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

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

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

		
		i.up-arrow
		{
			position: fixed;
			right: 40px;
			margin: 0px;
			padding: 16px;
			bottom: 40px;
			font-size: 28px;
			color: #867924;
			border-radius: 30px;
			z-index: 2;
			visibility: hidden;
			opacity: 0;
			cursor: pointer;
			transition: 0.3s;
			-o-transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		
		i.up-arrow:hover
		{
			color: #fff;
		}
		
			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:hover:after
			{
				background: #867924;
			}
			
			i.up-arrow.active
			{
				visibility: visible;
				opacity: 1;
			}
			
	div.main-wrap
	{
		float: left;
		width: 100%;
	}

		div.basic-container
		{
			position: relative;
			width: 1150px;
			margin: 0px auto;
		}
		
			div.flex-container
			{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			
				div.flex-container-cell.right
				{
					display: flex;
					align-items: center;
				}
			
	div.main-wrap.head
	{
		position: fixed;
		top: 0px;
		padding: 10px 0px;
		z-index: 2;
		background: #edf5fe;
	}

		div.head-gradient
		{
			position: absolute;
			left: 0px;
			width: 100%;
			height: 100%;
		}
		
			div.head-gradient-left
			{
				position: absolute;
				left: 0px;
				width: 50%;
				height: 100%;
				background: #000;
			}
			
				div.head-gradient-left-part
				{
					position: absolute;
					right: 0px;
					width: 620px;
					height: 100%;
					background: linear-gradient(180deg, #302618 0%, #524d36 100%);
				}
				
					div.head-gradient-left-part:before
					{
						position: absolute;
						content: '';
						right: 100%;
						background-image: linear-gradient(#1b160e, #2f2c1f);
						clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 100% 0%);
						width: 140px;
						height: 100%;
					}
				
					div.head-gradient-left-part:after
					{
						position: absolute;
						content: '';
						left: 0px;
						background-image: linear-gradient(#1b160e, #2f2c1f);
						clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 100% 100%);
						width: 140px;
						height: 100%;
					}
			
			div.head-gradient-right
			{
				position: absolute;
				left: 50%;
				width: 50%;
				height: 100%;
				background: linear-gradient(180deg, #302618 0%, #524d36 100%);
			}
		
			a.logo
			{
				display: inline-block;
				width: 192px;
				height: 60px;
				background: url('/img_files/items/logo.black.svg') no-repeat center;
				background-size: contain;
			}
		
		div.middle-bar
		{
			display: flex;
			float: left;
			width: 100%;
		}
		
				div.page-home
				{
					position: relative;
					float: left;
					width: 100%;
				}
				
				div.page-content
				{
					position: relative;
					width: 1150px;
					min-height: 100%;
					margin: 0px auto;
					padding: 120px 40px 40px 40px;
					box-sizing: border-box;
					background: #fff;
				}
				
					div.page-title
					{
						position: relative;
						display: flex;
						align-items: start;
						justify-content: space-between;
						width: 100%;
					}
					
						h1,
						span.title
						{
							display: inline-block;
							font-family: Abel;
							font-size: 24px;
							font-weight: 600;
							line-height: 30px;
							text-transform: uppercase;
							padding: 2px 0px;
							color: #3c3c3c;
						}
						
					ul.breadcrumbs
					{
						width: 100%;
						list-style-type: none;
						float: left;
						margin-bottom: 25px;
					}

						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 a i
							{
								float: left;
								color: #000;
								font-size: 16px;
								margin: 2px 0px;
							}
							
							ul.breadcrumbs li:first-child a span
							{
								display: none;
							}
							
						ul.breadcrumbs li i.arrow
						{
							float: left;
							font-size: 12px;
							margin: 4px 5px;
						}

					div.page-desc
					{
						width: 100%;
					}
					
						div.page-desc ul, 
						div.page-desc ol
						{
							font-size: 16px;
							margin-left: 40px;
						}
						
						div.page-desc ul.service-list
						{
							margin: 0px;
							list-style-type: none;
						}
						
							div.page-desc ul.service-list li
							{
								display: flex;
								margin-bottom: 10px;
							}
							
								div.page-desc ul.service-list li i
								{
									margin-right: 10px;
									font-size: 20px;
									color: #222325;
								}
								
								div.page-desc ul.service-list li span, 
								div.page-desc ul.service-list li a
								{
									font-size: 16px;
									color: #3c3c3c;
								}
								
								div.page-desc ul.service-list li a.service-link
								{
									color: #4049ff;
									text-decoration: underline;
								}
				
						div.service-wrap
						{
							margin: 20px 0px;
						}
						
							span.service-title
							{
								display: block;
								font-size: 18px;
								font-weight: 600;
								color: #3c3c3c;
							}
							
							span.service-title.italic
							{
								font-style: italic;
							}
							
						div.service-form
						{
							display: grid;
							grid-template-columns: 1fr 1fr 1fr;
							column-gap: 50px;
							margin: 50px 0px;
						}
						
								div.service-form-line
								{
									display: table;
									width: 100%;
									margin-bottom: 30px;
								}
								
								div.service-form-line:last-child
								{
									margin: 0px;
								}
								
									div.service-form-line-cell
									{
										position: relative;
										display: table-cell;
									}
									
									div.service-form-line-cell.label
									{
										white-space: nowrap;
									}
									
									div.service-form-line-cell.value
									{
										width: 100%;
									}
									
										span.service-form-text
										{
											display: block;
											font-size: 16px;
										}
										
										span.service-form-text.bold
										{
											font-weight: 600;
										}
										
										span.service-form-text.underline
										{
											border-bottom: 1px solid #000;
										}
										
										span.service-form-helper
										{
											position: absolute;
											font-size: 16px;
											font-weight: 600;
										}