:root 
{
  --main-color:#C4B483;
  --main-background-color:#faf8f4;
}




.content_block
{
	padding:80px;
}

.content_block .background
{
	position:absolute;
	top:0;
	width:100vw;
	height:100%;
	background: radial-gradient(circle, #fff 0%, rgba(0,0,0,0.2) 100%);
}

.content_block:nth-child(2n+1) .background
{
	background: radial-gradient(circle, #2D3034 0%, #161824 100%);
}

.content_block .border_holder
{
	position:absolute;
	top:0;
	height:100%;
	border-left:2px solid rgba(0,0,0,0.05);
	border-right:2px solid rgba(0,0,0,0.05);
}

.content_block:nth-child(2n+1) .border_holder
{
	position:absolute;
	top:0;
	height:100%;
	border-left:2px solid rgba(255,255,255,0.05);
	border-right:2px solid rgba(255,255,255,0.05);
}

@media screen and (max-width: 500px) 
{

	.content_block
	{
		padding:80px 40px 40px 40px;
	}

}





 


.content_block .headline
{
	line-height:60px;
	font-size:50px;
	text-transform:uppercase;
	font-family:'Merriweather', sans-serif;
 	color:#666;
	font-weight:500;
	text-align:center;
	margin:0 0 40px 0;
}

.content_block .headline::before
{
	content:attr(shadow_content);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:60px;
	font-size:50px;
	text-transform:uppercase;
	font-family:'Merriweather', sans-serif;
 	color:#666;
	font-weight:500;
	text-align:center;
	margin:0 0 40px 0;
	transform:scale(3);
	opacity:0.1;
}

.content_block:nth-child(2n+1) .headline
{
	color:#fff;
}

.content_block .subheadline
{
	line-height:30px;
	font-size:18px;
	font-family:'Merriweather', sans-serif;
 	color:#666;
	font-weight:500;
	text-align:center;
  	opacity:0.5;
}

.content_block:nth-child(2n+1) .subheadline
{
	color:#fff;
}

.content_block .separator
{
	width:50%;
	height:2px;
	border-bottom:2px solid #D0A47E;
	margin:40px 0 40px 0;
}

@media screen and (max-width: 500px) 
{

	.content_block .headline
	{
		line-height:40px;
		font-size:30px;
		text-transform:uppercase;
		font-family:'Merriweather', sans-serif;
	 	color:#666;
		font-weight:500;
		text-align:center;
		margin:0 0 30px 0;
	}

	.content_block .headline::before
	{
		content:attr(shadow_content);
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		line-height:40px;
		font-size:30px;
		text-transform:uppercase;
		font-family:'Merriweather', sans-serif;
	 	color:#666;
		font-weight:500;
		text-align:center;
		margin:0 0 30px 0;
		transform:scale(3);
		opacity:0.1;
	}

	.content_block:nth-child(2n+1) .headline
	{
		color:#fff;
	}

	.content_block .subheadline
	{
		line-height:20px;
		font-size:12px;
		font-family:'Merriweather', sans-serif;
	 	color:#666;
		font-weight:500;
		text-align:center;
	  	opacity:0.5;
	}

	.content_block:nth-child(2n+1) .subheadline
	{
		color:#fff;
	}

	.content_block .separator
	{
		width:50%;
		height:2px;
		border-bottom:2px solid #D0A47E;
		margin:30px 0 30px 0;
	}

}





 
.index_hero
{
	height:auto;
	overflow:visible;
}

.index_hero .background
{
	position:absolute; 
	top:0;
	width:100vw;
	height:100%;
	overflow:hidden;
	background: radial-gradient(circle, #2D3034 0%, #000 100%);
}

.index_hero .texture
{
	position:absolute; 
	top:0;
	width:100vw;
	height:100%;
	background-image:url('../img/hero_texture.png');
	background-size:100px 100px;
	background-repeat:repeat !important;
	opacity:0.3;
}

.index_hero .overlay
{
	position:absolute; 
	top:0;
	width:100vw;
	height:100%;
	background-image:url('../img/hero_overlay.jpg');
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	opacity:0.05;
}

.hero_person_holder
{
	margin:80px 0 0 0;
	border-left:2px solid rgba(255,255,255,0.05);
	border-right:2px solid rgba(255,255,255,0.05);
	overflow-y:hidden;
}

.hero_person_holder .hero_person_title
{
	width:50%;
	margin-left:50%;
	line-height:70px;
	font-size:60px;
	font-family:'Merriweather', sans-serif;
	color:#fff;
	font-weight:500;
	text-align:left;
	opacity:1;
	text-transform:uppercase;
	padding:140px 0 40px 0;
	border-bottom:2px solid #D0A47E;
}

.hero_person_holder .hero_person_title span
{
	display:inline-block;
	line-height:inherit;
	font-size:inherit;
	font-weight:inherit;
	width:auto;
	float:none;
	opacity:0.25;
	color:inherit;
	font-family:inherit;
}

.hero_person_holder .hero_person_description
{
	width:50%;
	margin-left:50%;
	line-height:40px;
	font-size:25px;
	font-family:'Merriweather', sans-serif;
	color:#fff;
	font-weight:500;
	text-align:left;
	opacity:1;
	padding:40px 40px 140px 0;
}

.hero_person_holder .hero_person_image
{
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:100%;
	background-size:contain !important;
	background-position:center bottom !important;
	background-repeat:no-repeat !important;
}

.hero_person_holder .hero_person_image_shadow
{
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:100%;
	background-size:contain !important;
	background-position:center bottom !important;
	background-repeat:no-repeat !important;
	filter:blur(50px);
}

@media screen and (max-width: 500px) 
{
	.index_hero
	{
		height:auto;
		overflow:visible;
	}

	.index_hero .background
	{
		position:absolute; 
		top:0;
		width:100vw;
		height:100%;
		overflow:hidden;
		background: radial-gradient(circle, #2D3034 0%, #000 100%);
	}

	.index_hero .texture
	{
		position:absolute; 
		top:0;
		width:100vw;
		height:100%;
		background-image:url('../img/hero_texture.png');
		background-size:100px 100px;
		background-repeat:repeat !important;
		opacity:0.3;
	}

	.index_hero .overlay
	{
		position:absolute; 
		top:0;
		width:100vw;
		height:100%;
		background-image:url('../img/hero_overlay.jpg');
		background-size:cover !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		opacity:0.05;
	}

	.hero_person_holder
	{
		margin:80px 0 0 0;
		border-left:2px solid rgba(255,255,255,0.05);
		border-right:2px solid rgba(255,255,255,0.05);
		overflow-y:hidden;
		padding-bottom:110%;
	}

	.hero_person_holder .hero_person_title
	{
		width:100%;
		margin-left:0;
		line-height:40px;
		font-size:30px;
		font-family:'Merriweather', sans-serif;
		color:#fff;
		font-weight:500;
		text-align:center;
		opacity:1;
		text-transform:uppercase;
		padding:60px 20px 40px 20px;
		border-bottom:2px solid #D0A47E;
	}

	.hero_person_holder .hero_person_title span
	{
		display:inline-block;
		line-height:inherit;
		font-size:inherit;
		font-weight:inherit;
		width:auto;
		float:none;
		opacity:0.25;
		color:inherit;
		font-family:inherit;
	}

	.hero_person_holder .hero_person_description
	{
		width:100%;
		margin-left:0;
		line-height:26px;
		font-size:16px;
		font-family:'Merriweather', sans-serif;
		color:#fff;
		font-weight:500;
		text-align:center;
		opacity:1;
		padding:40px 20px 20px 20px;
	}

	.hero_person_holder .hero_person_image
	{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-size:contain !important;
		background-position:center bottom !important;
		background-repeat:no-repeat !important;
	}

	.hero_person_holder .hero_person_image_shadow 
	{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-size:contain !important;
		background-position:center bottom !important;
		background-repeat:no-repeat !important;
		filter:blur(50px);
	}
}










.services_holder
{
	width:calc(100% + 60px);
	margin:40px 0 0 0;
}

.services_holder .item
{
	width:calc(50% - 60px);
	background:rgba(255,255,255,0.025);
	padding:20px;
	box-shadow:0 10px 60px -20px rgba(0,0,0,0.8);
	margin:30px;
}

.services_holder .item .title
{
	line-height:30px;
	font-size:20px;
	font-family:'Merriweather', sans-serif;
	color:#D0A47E;
	font-weight:700;
	text-align:left;
	text-transform:uppercase;
	text-align:center;
}
 
@media screen and (max-width:500px) 
{
	.services_holder
	{
		width:100%;
		margin:20px 0 0 0;
	}

	.services_holder .item
	{
		width:100%;
		background:rgba(255,255,255,0.025);
		padding:20px;
		box-shadow:0 10px 60px -20px rgba(0,0,0,0.8);
		margin:10px 0 10px 0;
	}

	.services_holder .item .title
	{
		line-height:20px;
		font-size:12px;
		font-family:'Merriweather', sans-serif;
		color:#D0A47E;
		font-weight:700;
		text-align:left;
		text-transform:uppercase;
		text-align:center;
	}

}











 





















.contact_holder
{
	width:calc(100% + 0px);
	margin:60px 0 0 0;
}

.contact_box
{
	width:calc(33.33% - 0px);
	background:rgba(0,0,0,0);
	padding:40px 40px 40px 40px;
	margin:0px;
}

.contact_box_wide
{
	width:calc(50% - 0px);
}

.contact_box.border_right
{
	border-right:2px solid rgba(0,0,0,0.05);
}

.contact_box.border_bottom
{
	border-bottom:2px solid rgba(0,0,0,0.05);
}

.contact_box .title
{
	line-height:30px;
	font-size:16px;
	font-family:'Merriweather', sans-serif;
	color:#666;
	font-weight:500;
	text-align:left;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:center;
}

.contact_box .text
{
	line-height:24px;
	font-size:12px;
	font-family:'Merriweather', sans-serif;
	color:#666;
	font-weight:500;
	text-align:left;
	text-transform:none;
	opacity:0.5;
	text-align:center;
}

.contact_box .button
{
	height:40px;
	line-height:40px;
	font-size:12px;
	font-weight:700;
	background:#D0A47E; 
	color:#fff;
	font-family:'Merriweather', sans-serif;
	text-align:center;
	text-transform:uppercase;
	margin:30px 0 0 0;
	cursor:pointer;
	transition:all 0.1s ease-in-out;
	-webkit-transition:all 0.1s ease-in-out;
	box-shadow:0 5px 30px -3px rgba(0,0,0,0.5);
}

.contact_box .button:hover
{
	box-shadow:0 7px 30px -2px rgba(0,0,0,0.5);
}
 
@media screen and (max-width:500px) 
{
	.contact_holder
	{
		width:calc(100% + 0px);
		margin:40px 0 0 0;
	}

	.contact_box
	{
		width:calc(100% - 0px);
		background:rgba(0,0,0,0);
		padding:20px;
		margin:0px;
		border-bottom:2px solid rgba(0,0,0,0.05) !important;
	}

	.contact_box_wide
	{
		width:calc(100% - 0px);
	}

	.contact_box:last-child
	{
		border:none !important;
	}

	.contact_box.border_right
	{
		border-right:none !important;
	}

	.contact_box.border_bottom
	{
		border-bottom:2px solid rgba(0,0,0,0);
	}

	.contact_box .title
	{
		line-height:26px;
		font-size:14px;
		font-family:'Merriweather', sans-serif;
		color:#666;
		font-weight:500;
		text-align:left;
		text-transform:uppercase;
		margin:0 0 10px 0;
		text-align:center;
	}

	.contact_box .text
	{
		line-height:24px;
		font-size:12px;
		font-family:'Merriweather', sans-serif;
		color:#666;
		font-weight:500;
		text-align:left;
		text-transform:none;
		opacity:0.5;
		text-align:center;
	}

	.contact_box .button
	{
		height:40px;
		line-height:40px;
		font-size:12px;
		font-weight:700;
		background:#D0A47E; 
		color:#fff;
		font-family:'Merriweather', sans-serif;
		text-align:center;
		text-transform:uppercase;
		margin:10px 0 10px 0;
		cursor:pointer;
		transition:all 0.1s ease-in-out;
		-webkit-transition:all 0.1s ease-in-out;
		box-shadow:0 5px 30px -3px rgba(0,0,0,0.5);
	}

	.contact_box .button:hover
	{
		box-shadow:0 7px 30px -2px rgba(0,0,0,0.5);
	}
}




