:root {
	--home-color-grey: #eee;
	--home-color-green: #007400;
	--home-color-green-bright: #00cc00;
	--home-color-green-hover: #4d884d;
	--home-color-white: #fff;
	--home-color-black: #000;
	--home-font-family-heading: 'Mulish', sans-serif;
	--home-radius-control: .375rem;
	--home-map-intro-top: 4rem;
	--home-map-intro-right: 5.8rem;
	--home-space-section-sm: clamp(1.875rem, 1.375rem + 2.5vw, 3.125rem);
	--home-space-section-md: clamp(2.5rem, 1.75rem + 3.75vw, 5.625rem);
	--home-space-section-lg: clamp(3.75rem, 2.75rem + 5vw, 6.25rem);
	--home-font-body-strong: clamp(1.05rem, 1rem + .25vw, 1.2rem);
	--home-font-intro: clamp(1.5rem, 0.5rem + 4vw, 5rem);
	--home-font-social: clamp(2rem, 1.85rem + .75vw, 2.5rem);
	--home-social-size: clamp(5rem, 4.75rem + 1.25vw, 5.625rem);
}

#sp-main-body {
	margin: 0 !important;
}

.ArticleStart .AreaGrey {
	background-color: var(--home-color-grey);
	text-align: center;
	padding: var(--home-space-section-lg) 1.25rem;
}

.ArticleStart .AreaGreen {
	background-color: var(--home-color-green);
	text-align: center;
	padding: var(--home-space-section-md) 1.25rem;
}

.ArticleStart .AreaWhite {
	background-color: var(--home-color-white);
	padding: 2.1875rem 0 .9375rem;
	position: relative;
}

.ArticleStart .AreaMap .col {
	position: relative;
}

.ArticleStart .AreaMap img {
	max-width: 100%;
	height: auto;
}

.ArticleStart .AreaMap .intoText {
	position: absolute;
	top: var(--home-map-intro-top);
	right: var(--home-map-intro-right);
	width: 28%;
	padding: 0;
	font-family: var(--home-font-family-heading);
	font-size: var(--home-font-intro);
	font-weight: 600;
	line-height: 1.1;
	text-align: left;
}

.ArticleStart .AreaMap .intoText p {
	margin: 0;
}

.ArticleStart .AreaMap .btnDemo {
	position: absolute;
	left: 6rem;
	bottom: 6rem;
}

.ArticleStart .AreaMap .btnDemo .btn {
	border-radius: var(--home-radius-control);
}

@media (max-width: 87.49875rem) {
	.ArticleStart .AreaMap .intoText {
		right: 0;
		width: 33%;
	}

	.ArticleStart .AreaMap .btnDemo {
		left: 16.25rem;
	}
}

@media (max-width: 74.99875rem) {
	.ArticleStart .AreaMap .intoText {
		width: 36%;
	}

	.ArticleStart .AreaMap .btnDemo {
		left: 10.625rem;
	}
}

@media (max-width: 61.99875rem) {
	.ArticleStart .AreaMap .intoText {
		position: static;
		width: min(100%, 40rem);
		margin: 1.25rem auto 2.5rem;
		padding: 0;
	}

	.ArticleStart .AreaMap .btnDemo {
		left: 5.625rem;
	}
}

@media (max-width: 47.99875rem) {
	.ArticleStart .AreaMap .btnDemo {
		left: 3.75rem;
		bottom: 3.75rem;
	}
}

@media (max-width: 28.74875rem) {
	.ArticleStart .AreaMap .btnDemo {
		left: 1.25rem;
		bottom: .625rem;
	}
}

.AreaWhite.AreaBenefits {
	padding: 0 0 .9375rem;
}

.AreaWhite.AreaBenefits .ModSnip.Icons ul {
	margin: 1.875rem 0 !important;
}

.AreaGrey.AreaSpectrum {
	padding: 3.75rem 0 1.875rem;
}

.AreaGrey.AreaEcoBlocks,
.AreaWhite.AreaJoin {
	padding: 2.5rem 0;
}

.AreaGrey.AreaFeatured {
	padding: 0 0 .9375rem;
}

.AreaWhite.AreaCountries {
	padding: var(--home-space-section-sm) 0;
}

.AreaSpectrum .ModSnip.Icons.iconsBlack h4,
.AreaCountries .ModSnip.Icons.iconsBlack h4,
.AreaEcoBlocks .ModSnip.Icons.iconsBlack h4,
.AreaJoin .ModSnip.Icons.iconsBlack h4 {
	background-color: transparent !important;
	color: var(--home-color-black);
	padding: 0;
}

.ArticleStart .AreaGrey p {
	margin: 0;
	font-size: var(--home-font-body-strong);
	font-weight: 600;
}

.AreaWhite.AreaContact {
	padding: 0;
}

.AreaWhite.AreaContact .ModSnip.Icons.iconsBlack h4 {
	background-color: var(--home-color-green-bright) !important;
}

#section_hcontact {
	padding: 1.875rem 0;
}

#section_hcontact .social_network {
	text-align: right;
	margin: .625rem 0;
}

#section_hcontact .social_network span.fa-stack,
#section_hcontact .social_network span i {
	color: var(--home-color-green-bright);
	width: var(--home-social-size);
	height: var(--home-social-size);
}

#section_hcontact .social_network span.fa-stack {
	font-size: 2.25rem;
	display: inline-block;
}

#section_hcontact .social_network i.fa-inverse {
	color: var(--home-color-white) !important;
	font-size: var(--home-font-social);
}

#section_hcontact .social_network a:hover span.fa-stack,
#section_hcontact .social_network a:hover span i {
	color: var(--home-color-green-hover) !important;
}

#section_hcontact .social_network a:hover i.fa-inverse {
	color: var(--home-color-green) !important;
}

#section_hcontact .hc_img {
	text-align: left;
	display: block;
	width: 10.625rem;
}

#section_hcontact .hc_img img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 35.99875rem) {
	#section_hcontact {
		row-gap: 1.25rem;
		text-align: center;
	}

	#section_hcontact > .col {
		flex: 0 0 100%;
	}

	#section_hcontact .social_network {
		display: grid;
		text-align: center;
	}

	#section_hcontact .hc_img {
		margin: 0 auto;
		text-align: center;
	}
}
