div.block-area#banner-block
{
    width: 100%;
    margin-bottom: 100px;
    box-sizing: border-box;
}

	div.block-three
	{
		position: relative;
		height: 700px;
		background: url('/img_files/items/blocks/block_3/banner-bg.jpg') no-repeat center;
		background-size: cover;
		border-radius: 10px;
		overflow: hidden;
	}
	
	div.block-three:before
	{
		position: absolute;
		content: '';
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}
	
		div.block-three-desc
		{
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
			padding: 0px 150px;
			box-sizing: border-box;
		}
		
			span.block-three-title
			{
				display: block;
				font-family: 'Intro Regular';
				font-size: 74px;
				color: #fff;
			}
			
			span.block-three-label
			{
				display: block;
				margin: 15px 0px 35px;
				font-size: 18px;
				font-weight: 500;
				color: #fff;
			}
			
			div.block-three-ctrl
			{
				display: flex;
				justify-content: center;
			}
			
				.block-three-btn
				{
					margin: 0px 10px;
					padding: 27px 60px;
					font-size: 18px;
					line-height: 24px;
					font-weight: 700;
					border-radius: 5px;
					cursor: pointer;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				.block-three-btn.white
				{
					background: #fff;
					color: #111;
				}

				.block-three-btn.white:hover
				{
					background: #eee;
				}
				
				.block-three-btn.white:active
				{
					background: #fff;
				}
				
				.block-three-btn.green
				{
					background: linear-gradient(90deg, #46ab53 0%, #3b7d43 50%, #3b7d43 100%);
					background-size: 200% 100%;
					background-position: 2% 0%;
					color: #fff;
				}

				.block-three-btn.green:hover
				{
					background-position: 98% 0%;
				}
				
				.block-three-btn.green:active
				{
					background-position: 2% 0%;
				}