/* SUPPORT */
.c_hero {
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
	z-index: 10;
}
.c_hero--home {
	height: 400px;
}
@media (min-width: 1024px) {
	.c_hero--home {
		height: 500px;
	}
}
.c_hero-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: calc(100% - 56px);
	max-width: calc(100% - 56px);
	margin: 0 auto;
	z-index: 3;
}
@media (min-width: 1024px) {
	.c_hero-inner {
		min-width: 650px;
		max-width: 650px;
	}
}
.c_hero-message h1 {
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 30px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1.1;
	margin: 0 auto 30px;
}
@media (min-width: 768px) {
	.c_hero-message h1 {
		font-size: 50px;
	}
}
.c_hero-image {
	min-width: 100%;
	min-height: 400px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
@media (min-width: 1024px) {
	.c_hero-image {
		min-height: 500px;
	}
}
.c_hero-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 2;
}
.c_teaserBlock {
	position: relative;
	overflow: hidden;
	margin-bottom: 80px;
}
@media (min-width: 1024px) {
	.c_teaserBlock {
		margin-bottom: 128px;
	}
}
.c_teaserBlock-visual, .c_teaserBlock-content {
	box-sizing: border-box;
}
.c_teaserBlock-visual {
	width: 100%;
	height: 475px;
	background-color: #ffc356;
	position: relative;
	overflow: hidden;
}
@media (min-width: 1024px) {
	.c_teaserBlock-visual {
		height: 350px;
	}
}
.c_paralax-image {
	width: 120%;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	pointer-events: none;
}
.c_teaserBlock-visual img {
	width: auto;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
@media (min-width: 768px) {
	.c_teaserBlock-visual img {
		width: 100%;
		height: auto;
	}
}
.c_teaserBlock-overlay {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.c_teaserBlock-content {
	position: absolute;
	width: 80%;
	box-sizing: border-box;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
	text-align: center;
}
@media (min-width: 1024px) {
	.c_teaserBlock-content {
		width: 60%;
	}
}
@media (min-width: 1200px) {
	.c_teaserBlock-content {
		width: 40%;
	}
}
.c_teaserBlock-content h3 {
	font-size: 24px;
	letter-spacing: 1px;
	margin: 0 0 32px;
	padding: 0;
	color: #191817;
	font-weight: 500;
	line-height: 30px;
}
@media (min-width: 768px) {
	.c_teaserBlock-content h3 {
		font-weight: 300;
		font-size: 48px;
		line-height: 1;
	}
}
.c_teaserBlock-content p {
	font-size: 16px;
	line-height: 1.4;
	margin: 0 0 32px;
	padding: 0;
	letter-spacing: 0.4px;
	color: #191817;
}
.c_teaserBlock-content .c_teaserBlock-cta {
	color: #191817;
	border: 2px solid Black;
	padding: 10px 85px 10px 20px;
	display: inline-block;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.c_teaserBlock-content .c_teaserBlock-cta span {
	display: inline-block;
	vertical-align: middle;
	min-width: 31px;
	max-height: 13px;
	font-size: 0;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
}
.c_teaserBlock-content .c_teaserBlock-cta span:before {
	content: ' ';
	width: 17px;
	height: 2px;
	display: inline-block;
	vertical-align: middle;
	background: #000000;
	transition: width 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.c_teaserBlock-content .c_teaserBlock-cta span svg {
	display: inline-block;
	vertical-align: middle;
	max-width: 8px;
	height: 10px;
	margin-left: -5px;
	fill: #000000;
}
.c_teaserBlock-content .c_teaserBlock-cta:hover {
	background: #ffffff;
	color: #000000;
}
.c_teaserBlock-content .c_teaserBlock-cta:hover span:before {
	width: 26px;
	background: #000000;
}
.c_teaserBlock-content .c_teaserBlock-cta:hover span svg {
	fill: #000000;
}
.c_contact {
	margin-bottom: 80px;
	overflow: hidden;
}
@media (min-width: 1024px) {
	.c_contact {
		margin-bottom: 128px;
	}
}
.c_contact h2 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	letter-spacing: 1px;
	color: #000000;
	margin: 0 0 24px;
}
@media (min-width: 1024px) {
	.c_contact h2 {
		font-size: 30px;
		margin: 0 0 48px;
	}
}
.c_contact-item {
	width: 100%;
	display: inline-block;
	background: #fafafa;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 16px;
}
.c_contact-item a {
	display: block;
	padding: 64px 20px;
	text-decoration: none;
}
@media (min-width: 1200px) {
	.c_contact-item a {
		padding: 87px;
	}
}
@media (min-width: 568px) {
	.c_contact-item {
		float: left;
		width: calc(40% - 8px);
		margin-left: 16px;
	}
}
@media (min-width: 1024px) {
	.c_contact-item {
		width: calc(25% - 11px);
		margin-left: 16.5px;
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	.c_contact-item {
		width: calc(30% - 16px);
		margin-left: 24px;
	}
}
.c_contact-item:first-child {
	margin-left: 0;
}
.c_contact-icon {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	border: 2px solid #000000;
	text-align: center;
	display: inline-block;
	position: relative;
	margin-bottom: 24px;
}
.c_contact-icon img {
	max-width: 60px;
	max-height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.c_contact-content h3 {
	font-weight: 500;
	font-size: 13.5px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 16px;
	text-decoration: none;
}
.c_contact-content p {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.4px;
	color: #6e6e6e;
	margin-bottom: 26px;
	text-decoration: none;
}
.c_contact-cta {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	margin-top: auto;
}
.c_contact-cta span {
	display: inline-block;
	vertical-align: middle;
	min-width: 31px;
	font-size: 0;
	text-align: right;
	margin-top: auto;
}
.c_contact-cta span:before {
	content: ' ';
	width: 17px;
	height: 2px;
	display: inline-block;
	background: #000000;
	vertical-align: middle;
	transition: width 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	margin-top: auto;
}
.c_contact-cta img {
	display: inline-block;
	max-width: 9px;
	height: 10px;
	vertical-align: middle;
	margin-left: -6px;
	margin-top: auto;
}
.c_contact-item a:hover .c_contact-cta span:before {
	width: 26px;
}
.c_support {
	/*
	Commented to support multiple items to adjust width automatically
	margin-bottom: 80px;
	overflow: hidden;
	@include tablet-landscape {
	margin-bottom: 128px;
}
	.c_support-item {
	display: block;        
	width: 100%;
	margin: 0 0 16px;        
	position: relative;
	overflow: hidden;
	float: left;
	@include mobile-landscape {
	width: calc(50% - 8px);
	margin: 0 0 16px 16px;   
}
	@include tablet-landscape {
	width: calc(33.33% - 11px);
	margin: 0 0 16px 16.5px;     
}
	@include desktop {
	width: calc(25% - 18px);
	margin: 0 0 0 24px;     
}
	&:nth-child(2n+1) {
	@include mobile-landscape {
	margin-left: 0;
}
	@include tablet-landscape {
	margin-left: 16.5px;
}
	@include desktop {
	margin-left: 24px;
}
}
	&:nth-child(3n+1) {
	@include tablet-landscape {
	margin-left: 0;
}
	@include desktop {
	margin-left: 24px;
}
}
	&:nth-child(4n+1) {
	@include desktop {
	margin-left: 0;
}
}
	&:last-child {
	margin-bottom: 0;
}
	a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	&:after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	background: rgba($black, 0.5);
	width: 100%;
	height: 100%;
	z-index: 6;
}
}
	&:nth-child(4n+1) {
	margin-left: 0;
}        
}
	*/
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

@media (min-width: 568px) {
	.c_support {
		flex-direction: row;
		justify-content: flex-start;
	}
}
@media (min-width: 1024px) {
	.c_support {
		margin-bottom: 128px;
	}
}
.c_support .c_support-item {
	flex: 1 0 100%;
	margin: 0 12px 24px;
	position: relative;
	overflow: hidden;
	display: block;
}
@media (min-width: 568px) {
	.c_support .c_support-item {
		flex: 1 0 calc(50% - 24px);
	}
}
@media (min-width: 1024px) {
	.c_support .c_support-item {
		flex: 1 0 calc(33% - 24px);
	}
}
@media (min-width: 1200px) {
	.c_support .c_support-item {
		flex: 1 0 calc(25% - 24px);
	}
}
.c_support .c_support-item a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.c_support .c_support-item a:after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 6;
}
.c_support .c_support-itemLink {
	text-decoration: none;
	color: #333333;
}
.c_support .c_support-itemVisual {
	overflow: hidden;
}
.c_support .c_support-itemVisual img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	z-index: 5;
	transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	max-width: none;
}
.c_support .c_support-itemContent {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	width: calc(100% - 64px);
	max-width: 450px;
	text-align: left;
	position: absolute;
	top: 32px;
	left: 32px;
	z-index: 10;
}
.c_support .c_suppoprt-itemCTA {
	position: absolute;
	bottom: 20px;
	right: 24px;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1;
	letter-spacing: 2px;
	font-weight: 500;
	z-index: 10;
	width: 100%;
	text-align: right;
}
.c_support .c_suppoprt-itemCTA span {
	display: inline-block;
	vertical-align: middle;
	min-width: 31px;
	font-size: 0;
	text-align: right;
}
.c_support .c_suppoprt-itemCTA span:before {
	content: ' ';
	width: 17px;
	height: 2px;
	display: inline-block;
	background: #ffffff;
	vertical-align: middle;
	transition: width 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.c_support .c_suppoprt-itemCTA img {
	display: inline-block;
	max-width: 9px;
	height: 10px;
	vertical-align: middle;
	margin-left: -6px;
}
.c_support .c_support-item a:hover .c_support-itemVisual img {
	height: 125%;
}
.c_support .c_support-item a:hover .c_suppoprt-itemCTA span:before {
	width: 26px;
}