/* --- TEXT --- */

/* --- References --- */

/* font-family: 'Exo', sans-serif; */
/* weights 100 to 900 */ 



/* --- Text | General --- */


html {font-family: 'Exo', 'Arial', sans-serif; font-size: 1rem; font-weight: 600; color: var(--contrast);}

body {font-size: 0.85em}

strong.accent {color: var(--accent);}


a.textlink {color: var(--accent);}

.button {text-transform: uppercase;}

footer .legal {font-size: 0.85em; font-weight: 300; color: var(--base-dark); text-align: center;}

footer .links .item {color: var(--base); font-weight: 800;}
footer .links .item:hover {color: var(--base);}
footer .links .item span {font-size: 0.85em; font-weight: 300;}




/* --- Main navigation menu --- */

.nav menu li {text-transform: uppercase; font-weight: 900; letter-spacing: 0.1em;}

.nav menu.main li {color: var(--contrast-light);}
.nav menu.main li:hover {color: var(--contrast);}



/* --- Hero Banner --- */

.hero-block h1 {text-transform: uppercase; font-weight: 900; color: var(--accent); font-size: 4.5em; line-height: 1em; margin: 0;}

.hero-block h2 {text-transform: uppercase; font-weight: 400; color: var(--contrast-light); font-size: 2em; margin-top: 0;}

.hero-block .features a.item .text {font-size: 1em; font-weight: 800; text-transform: uppercase; font-style: italic; text-align: center; line-height: 1em; color: var(--contrast); opacity: 1; transition: opacity 250ms, color 250ms;}
.hero-block .features a.item:hover .text {opacity: 1; color: var(--accent);}

.hero-block .sales .arguments .item {font-size: 1.25em; font-style: italic; font-weight: 700; text-transform: uppercase; color: var(--white); line-height: 1em;}
.hero-block .sales .arguments .item span {font-size: 0.75em; font-weight: 500; line-height: 0em;}

.hero-block .sales .actions .starburst .strong {font-size: 1.45em; font-weight: 800; text-align: center; text-transform: uppercase; line-height: 1em;}
.hero-block .sales .actions .starburst span {font-size: 1em; line-height: 1.1em; font-weight: 400; text-transform: uppercase; text-align: center;}

.hero-block .partners .subtitle {font-size: 0.8em; font-style: italic; text-transform: lowercase; opacity: 0.75; margin-bottom: 2em; text-align: center;}
.hero-block .partners .name {display: none;}
.hero-block .partners .location {font-size: 0.75em;}



/* --- Galleries --- */

section .gallery.row .item.aipower header::before {font-weight: 900; font-style: italic; text-transform: uppercase; color: var(--contrast); text-align: center; line-height: 2.5em}





/* --- Sections --- */

section.red {color: var(--white);}

section h2 {font-size: 2.75em; font-weight: 900; text-transform: uppercase; font-style: italic; line-height: 1em;}
section h2 span {font-size: 0.8em;}

section h2.accent {color: var(--accent);}
section h2.white {color: var(--white);}

section#concept h2 {color: var(--accent);}
section#contact h2 {color: var(--white); text-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.5);}
section#contact .title {font-size: 2.75em; line-height: 1em; font-weight: 900; text-transform: uppercase; margin-top: 0.25em; text-align: center;}
section#contact .title2 {font-size: 2em; font-weight: 700; font-style: italic; color: var(--contrast-light); text-transform: uppercase; text-align: center;}


section h3 {font-size: 2em; font-weight: 900; font-style: italic; text-transform: uppercase; color: var(--contrast-light);}

section#modules h3 {margin-top: 2em;}
section#company .content .container.flex .item h3 {margin-top: 0; margin-bottom: 1em;}


section h4 {font-size: 1.5em; font-weight: 900; font-style: italic; text-transform: uppercase; color: var(--accent);}
section h4 span {font-weight: 400;}

section#company .content .container.flex .item h4 {margin-top: 0; margin-bottom: 1em;}
section#company .distributors.grid .distributor h4 {font-size: 1.35em; margin-bottom: 0.5em !important; line-height: 1em; color: var(--contrast-light);}
section#company .distributors.grid .distributor h4 span {font-size: 0.75em;}


section#concept p {text-align: justify;}

section p {font-size: 1.1em; font-weight: 300; opacity: 0.9;}

section p.subtitle {margin-top: -1.25em; margin-bottom: 2em;}


section ul {
	margin: 2em 0;
	list-style: none;
	padding-left: 0;
}

section ul li {
	font-size: 1.1em; font-weight: 400;
	margin: 1em 0;
	position: relative;
	padding-left: 1.75em;
}

section ul li::before {
	content: "\2022";
	position: absolute;
	left: 0.5em;
	color: var(--accent);
	font-size: 1.5em;
	line-height: 1em;
}

section#features ul {margin: 1em 0;}

section#features ul li {font-size: 1em; padding-left: 0.75em;}

section#features ul li::before {left: 0;}


section#company .worldmap .distributor .text {font-size: 0.85em; font-weight: 900; font-style: italic; white-space: nowrap; line-height: 1em; margin-top: 0.5em;}
section#company .worldmap .distributor .text span {font-size: 0.8em; font-weight: 400;}


section#contact .container .item.company .info .data {font-weight: 400; text-align: left;}
section#contact .container .item.company .info .data strong {display: inline;}




/* --- Forms & inputs --- */


form h4 {font-size: 1.5em; line-height: 1em; color: var(--accent); margin-top: 0.75em; margin-bottom: 1.25em;}

input {font-family: inherit;}
input::placeholder {font-style: italic; color: var(--contrast); opacity: 0.5;}

select {font-family: inherit;}
select::placeholder {font-style: italic; color: var(--contrast); opacity: 0.5;}

textarea {font-family: inherit;}
textarea::placeholder {font-style: italic; color: var(--contrast); opacity: 0.5;}

label.option {display: block; font-size: 0.9em; font-weight: 400; margin-bottom: 1em;}


button, .button {font-family: inherit; font-size: 1.25em; text-transform: uppercase; font-weight: 900; text-align: center;}




/* --- Specifics --- */


.mfc-center .hero-block .title h1 {text-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.15); margin-bottom: 0.1em;}
.mfc-center .hero-block .title h2 {font-size: 3em; line-height: 1em; font-weight: 900; font-style: italic; margin-bottom: 0.25em;}

.mfc-center.corbi .hero-block .title h1 {color: var(--white);}
.mfc-center.corbi .hero-block .title h2 {color: var(--contrast);}

.mfc-center .hero-block .description {font-weight: 400; font-style: italic;}
.mfc-center.corbi .hero-block .description {color: var(--contrast);}


.mfc-center .hero-block .services header h2 {font-size: 2.5em; line-height: 1em; font-weight: 900; font-style: italic; color: var(--accent); margin-bottom: -0.25em;}

.mfc-center .hero-block .services header p {font-weight: 400; font-style: italic; opacity: 0.75;}

.mfc-center .hero-block .services .item .name {font-size: 1.2em; line-height: 1.1em; font-weight: 700; font-style: italic; text-transform: uppercase; text-align: center; padding: 0.5em 1em;}