/*
	Theme Name: nexxusfoods
	Theme URI: https://www.nexxusfoods.com
	Description: Nexxus Foods Theme 2020
	Version: 1.0
	Tags: HTML5, CSS3, JS

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body {
	font: 400 11px/1.4 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-weight: 400;
	font-size: 3rem;
	overflow-x: hidden;
	min-width: 320px;
}

/* clear */
.clear:before,
.clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: #444;
	text-decoration: none;
}

.ms-skin-default .ms-bullet {
    width: 15px !important;
    height: 15px !important;
    background: none !important; 
    margin: 4px;
    background-position: -34px -117px;
    background-color: rgb(255 255 255 / 75%) !important;
    border-radius: 30px !important;
}

.ms-skin-default .ms-bullet-selected {
	background-color: #023262 !important;
}

a:hover {
	color: #444;
}

a:focus {
	outline: 0;
	outline-color: #ccc;
}

a:hover,
a:active {
	outline: 0;
}

input:focus {
	outline: 0;
	border: 1px solid #04A4CC;
	outline-color: #ccc;
}

footer{
	color:#ffffff;
}

.page-template-default {
    color: #000;
}

.bg-50-left {
	background-position: 0%;
	background-size: 50%;
	background-repeat: no-repeat;
}

.bg-50-right {
	background-position: 100%;
	background-size: 50%;
	background-repeat: no-repeat;
}

#master-slider-container {
	height: calc(100vh - 158px);
    position: relative;
    min-height: 748px;
    font-size: 100%;
}

#master-slider-container-mobile {
	display: none;
}
a.scroll-anchor {
    position: absolute;
    margin-top: -80px;
}
/*.main-slider {
	height: calc(100vh - 164px);
	min-height: 700px;
}*/

.slide-title {
	font-size: 109px !important;
}

.slide-sub-title {
	font-size: 30px !important;
}

.slide-button {
	font-size: 17px !important;
	padding: 2rem 4rem !important;
}

.site-wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

.row.background {
	position: absolute;
	width: 100%;
	height: 100%;
}

.relative-position {
	position: relative;
}

section {
	position: relative;
	overflow: hidden;
}

.bg-001 {
	background-image: url(img/bg-001.jpg);
	background-size: cover;
	background-position: right;
}

.bg-002 {
	background-image: url(img/bg-002.jpg);
	background-size: cover;
	background-position: left;
}

.bg-003 {
	background-image: url(img/bg-003.jpg);
	background-size: cover;
	background-position: center;
}

.bg-004 {
	background-image: url(img/bg-004.jpg);
	background-size: cover;
	background-position: center;
}

.bg-005 {
	background-image: url(img/bg-005.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-006 {
	background-image: url(img/bg-006.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-007 {
	background-image: url(img/bg-007.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-008 {
	background-image: url(img/bg-008.jpg);
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
}

.head-img-001 {
	background-image: url(img/custom-mix-header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}

.head-img-002 {
	background-image: url(img/specialty-ingredients-header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}

.dark-blue {
	color: #003262;
}

.footer-img {
	min-height: 33vh;
}

.dark-blue-bg {
	background-color: #003262;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.no-margin {
	margin-left: 0;
	margin-right: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
}

.quality.block {
	text-align: center;
	font-family: 'Barlow Condensed', sans-serif;

}

.h-100 {
	height: 100%;
	overflow: hidden;
	position: relative;
}

.background-container {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width: 1550px;
	width: 90%;
	margin: 0 auto;
	position: relative;

}


.wrapper-inner {
	max-width: 1300px;
	width: 95%;
	margin: 0 auto;
	position: relative;
}

/* header */
.header {
	position: fixed;
	z-index: 9999;
	background-color: #fff;
	width: 100%;
	height: 114px;
	max-height: 114px;
	min-height: 49px;
	top: 0;
	transition: height 0.35s ease-out;
}

.header.minimize {
	/*max-height: 42px;*/
	height: 49px;
	transition: height 0.35s ease-in;
}

.header.minimize .nav ul li a {

	padding-top: 0.2rem;
	padding-bottom: 0.2rem;

}

main {
	margin-top: 159px;
}

.header-inner {
	height: inherit;
}

/* logo */
.logo {
	height: 100%;
	justify-content: space-between;
}

.logo a {
	height: inherit
}

.logo-img {
	max-width: 231px;
	max-height: 74px;
	height: 80%;
	width: auto;
}

#nav-toggle {
	display: none;
}

#nav-toggle:focus {
	outline: none;
}

.nav {
	background-color: #003262;
	box-shadow: 0px 5px 11px -3px rgb(0 0 0 /56%);
}

/* nav */
.nav ul {

	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.nav ul li {
	flex: 3;
}

.nav ul li a {
    font-size: 1.8rem;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 400;
	letter-spacing: 0rem;
	text-decoration: none;
}

.nav ul li.menu-item a:hover {
	text-decoration: underline;
}

nav.nav ul li:last-child {
	display: none;
}

nav.mobile.show {
	display: block !important;
}

nav.mobile {
	position: fixed;
	z-index: 100;
	background: white;
	width: 100%;
	/* margin-top: 72px; */
	padding: 5rem;
	padding-top: 70px;
	padding-bottom: 10rem;
	display: none;
	overflow: hidden;
	top: 0;
	height: 100vh;
	text-align: center;
	z-index: 999;
}

nav.mobile ul li.separator {
	display: none;
}

nav.mobile ul li a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2.6rem;
	padding: 1rem 3rem;
	border-bottom: 2px solid rgba(204, 204, 204, 0.322);
	font-weight: 600;
	color: #003262;
}

nav.mobile ul>li {
	border-radius: 10px;
	height: 16.66%;
	display: flex;
	align-items: center;
	justify-content: center;
}

nav.mobile ul {
	padding: 0;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	margin: 0;
}

nav.mobile ul li {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	z-index: 999;
	position: relative;
	transition: opacity 0.5s ease;
}

.mobile-bottom {
	display: none;
}

.footer-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.height-50 {
	height: 50%;
}

.height-100 {
	height: 100%;
}


.flex-center-hv {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.flex-center-v {
	display: flex;
	align-items: center;
	height: 100%;
}

.right-top-header {
	float: right;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.phone {
	display: inline-block;
	border: 2px solid #000;
	border-radius: 27px;
	padding: 0.2rem 2rem;
	margin-right: 2rem;
	margin-left: 2rem;
	font-size: 2rem;
    font-weight: 600;
}

.phone a {
	font-weight: 700;
	font-size: 1.8rem;
	display: block;
}

.lang {
	display: inline-block;
	font-weight: 700;
	font-size: 1.8rem;
	margin-right: 2rem;

}

.hamburger {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	outline-color: rgb(204 204 204 / 26%);
	padding: 0 !important;
	position: absolute;
	top: 4px;
	right: 0;
}


/* sidebar */
.sidebar {}

/* footer */
.footer {
	background-color: #003262;
	overflow: hidden;
	padding-top: 7rem;
	padding-bottom: 7rem;
}


.copyright {
	font-size: 1.8rem;
	text-align: center;
	border-top: 1px solid #0a559c;
	padding: 3rem;
	background-color: #003262;
}

.footer .address {
	font-size: 1.8rem;
}

.footer .address .location {
	font-size: 2rem;
    display: block;
    font-weight: 700;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
    line-height: 2rem;
}

.contact-social{
	display: inline-block;
	width: 100%;
}

.contact-social a{
	display: inline-block;
}

.contact-social a.button-linkedin{
	width: 20%;
}

.contact-social a.button{
	width: 80%;
}

nav.footer-nav li.separator {
	display: none;
}

nav.footer-nav ul {
	flex-wrap: wrap;
}

nav.footer-nav li {
	flex: 1 1 50%;
	border-bottom: 2px solid rgba(255, 255, 255, 73%);
}

nav.footer-nav li a {
	color: #ffffff;
    font-size: 2rem;
    padding-left: 2rem;
    white-space: nowrap;
    display: block;
	padding: 1rem;
	text-decoration: none;
}

nav.footer-nav li:hover {
	border-bottom: 2px solid #fbd77c;
}

a.button-line {
	display: inline-block;
	margin-top: 3rem;
	border: none;
	text-transform: uppercase;
	text-decoration: none;
}

span.link-line {
	border-bottom: 2px solid #ffffff;
	width: 56px;
	height: 2px;
	display: inline-block;
	margin-bottom: 7px;
	margin-right: 1rem;
}

a.button,
.ingredient.expand a.button {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	margin-top: 3rem;
	border: none;
	border-radius: 41px;
	padding: 2rem 4rem;
	font-size: 2.7rem;
	text-decoration: none;
	text-transform: uppercase;
}

.ingredient.expand a {
	font-weight: 700;
}

.ingredient.expand p a {
    font-weight: 700;
	text-decoration: underline;
	color: #023262;
}

.ingredient.expand p a:hover {
	color: rgb(2 50 98 / 52%);
}


.ingredient.expand a.button {
	background-color: #003262;
	color: #ffffff;
	text-decoration: none;
}

.ingredient.expand a.button:hover {
	background-color: #1a6ab4;
	color: #ffffff;
	text-decoration: none;
}

footer.footer a.button {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	border: none;
	border-radius: 41px;
	padding: 1.3rem 1.1rem;
	font-size: 1.4rem;
	white-space: nowrap;
	font-weight: 700;
	vertical-align: top;
}

.footer-right {
	margin-top: 1.8rem;
	text-align: center;
}

a.button-linkedin {
    display: inline-block;
	vertical-align: top;
	height: 48px;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

a.button-linkedin img{
	height: 100%;
}

.white-bg {
	background-color: #ffffff;
	color: #003262;
}

.blue-bg {
	background-color: #003262;
	color: #ffffff;
}

.white {
	color: #ffffff;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.ms-btn-container a{
	text-decoration: none;
}

.ms-btn-container a:hover{
	color: #003262;
	font-weight: 700;
	background-color: #ffffff;
}

.guarantee H1 {
	font-size: 8.5rem;

}

.section-padding {
	padding-top: 15rem;
	padding-bottom: 15rem;
}

.padding-left {
	padding-left: 6rem;
}

.functional-solutions {
	color: #003262;
	text-align: center;
	padding-left: 12rem;
    padding-right: 12rem;

}

.functional-solutions h1 {
	font-size: 7.5rem;
	color: #003262;
	text-align: center;
	line-height: 7rem;
	text-transform: uppercase;
}

.span.highlight {
	position: relative;
	display: inline-block;
}

section.page-head {
	height: calc(100vh - 164px);
	max-height: 800px;
}

span.highlight:after {
	content: attr(data-content);
	position: absolute;
	top: 38%;
	left: 0;
	width: 100%;
	height: 38%;
	background-color: rgb(249 195 46 / 67%);
	z-index: -1;
}

.functional-solutions h2 {
	font-size: 3.3rem;
	color: #003262;
	text-align: center;
}

.functional-solutions span {
	color: #003262;
	text-align: center;
	position: relative;
}

.functional-solutions a.button {
	margin-bottom: 7rem;
	line-height: 2.5rem;
}

.icon {
	display: block;
	margin: 0 auto;
}

.functionality-made-simple {
	color: #003262;
}

.professional-service {}

.professional-service ul {
	list-style: none;
	padding: 0;
}

.professional-service li {
	padding-left: 1.3em;
	margin-bottom: 2rem;
}

.professional-service li:before {
	content: "+";
	display: inline-block;
	margin-left: -1em;
	width: 1em;
}

.functional-solution-provider {
	color: #003262;
}

.functional-solution-provider h1 {
	font-size: 3.3rem;
}

section.functional-solutions a:hover{
	color: #fbd77c;
}

section.functionality-made-simple a:hover{
	color: #fbd77c;
}
section.functional-solution-provider a:hover{
	color: #fbd77c;
}

section.functional-solution-provider a{
	text-transform: uppercase;
}

.map-watermark {
	position: absolute;
	height: 90%;
	z-index: -1;
	top: 5%;
	right: 0;
	opacity: 0.6;
}

.map-watermark img {
	height: 100%;
	width: auto;
}

section.page-head h1 {
    margin: 0;
    padding: 0;
    line-height: 12rem;
    font-size: 15rem;
    display: block;
    margin-bottom: -8px;
    padding-top: 61rem;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
}

.quality.block h1 {
	font-size: 7.5rem;
	line-height: 9.0rem;
	text-transform: uppercase;
	margin-top: 0;
}

.list {
    padding: 3rem;
}


h1.med-upper {
	font-size: 2em;
	margin: 0em 0;
	text-transform: uppercase;
}

.orange {
	color: #F9C22E;
}


.blue {
	color: #14BDEF;
}

.bg-orange {
	background-color: #F9C22E;
	color: #003262;
}

.bg-light-orange {
	background-color: rgba(249, 195, 46, 0.274);
	color: #003262;
}

.bg-med-orange {
	background-color: rgba(249, 195, 46, 0.81);
	color: #003262;
}


.bg-blue {
	background-color: #003262;
}

.bg-light-blue {
	background-color: rgba(20, 188, 239, 0.11);
	color: #003262;
}

.bg-light-blue2 {
	background-color: rgba(20, 188, 239, 0.22);
	color: #003262;
}

.bg-med-blue {
	background-color: rgba(20, 188, 239, 0.51);
	color: #003262;
}

.bg-dark-blue {
	background-color: #003262;
	color: #ffffff;
}

section.all-ingredients {
	padding-left: 4rem;
    padding-right: 4rem;
}

section.ingredients.odd {
	background-color: rgba(249, 195, 46, 0.33);
}

section.ingredients.even {
	background-color: rgba(20, 188, 239, 0.33);
}

section.ingredient.expand.odd {
	background-color: rgba(249, 195, 46, 0.6);
}

section.ingredient.expand.even {
	background-color: rgba(20, 188, 239, 0.6);
}

section.ingredients {
	margin-bottom: 3rem;
	color: #003262;
}

.expand-button-container.expanded .expand-button img {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

section.ingredient.expand.expanded {
    max-height: 30000px;
	height: auto;
	padding: 2rem;
	margin-bottom: 3rem;
}

.ingredient-thumb {
	background-size: cover;
	background-position: center;
}

section.ingredient.expand {
	margin-bottom: 0rem;
	max-height: 0;
	height: 0;
    padding: 0;
	transition: max-height 0.3s ease-in-out;
	color: #003262;
}

section.ingredient.expand p.button-only {
    margin-top: 0rem; 
    margin-bottom: 0rem; 
}
section.ingredient.expand p.button-only a.button {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.block {
	
	align-items: center;
	justify-content: center;
}

.block-padding {
	padding: 1.5rem;
}

.ingredient .excerpt {
	max-width: 652px;
	margin: 0 auto;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-top: 2rem;
	font-size: 3rem;
	line-height: 3.6rem;
}

.ingredient .excerpt h1 {
	text-transform: uppercase;
	font-size: 6rem;
	line-height: 4.8rem;
}

a.view-article {
	display: none;
}

.expand-button {}

.expand-button img {
	width: 100%;
	max-width: 648px;
	margin: 0 auto;
	display: block;
}

.expand-button-container {
	bottom: 0;
	bottom: 2rem;
	width: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 10rem;
	cursor: pointer;
	margin: 0 auto;
}

section.ingredient.expand h2 {
	font-size: inherit;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 4rem;
    margin-bottom: 4rem;
}

section.ingredient.expand.even hr {
	background-color: #14BDEF;
	border: 0;
	height: 2px;
}

section.ingredient.expand.odd hr {
	background-color: #F9C22E;
	border: 0;
	height: 2px;
}


section.ingredient.expand p {
	margin-top: 4rem;
	margin-bottom: 9rem;
}

section.examples h1 {
	color: #003262;
	text-align: center;
}

section.examples .block h2 {
	display: block;
	margin: 0;
	padding-bottom: 1rem;
	font-size: 4.5rem;
	line-height: 4rem;
    text-transform: uppercase;
}

/**
 * EXPERTISE PAGE
 */

section.expertise {
	background-color: #003262;
	color: #ffffff;
	padding-top:10rem;
	padding-bottom:10rem;
}

section.expertise h1{
	margin-top: 0;
	font-size: 4.8rem;
	margin-bottom: 8rem;

}

section.expertise p{
	font-size: 2.4rem;
	color: #E6F9FF;
	margin-bottom: 2rem;
}

section.expertise hr {
    margin-top: 5rem;
	margin-bottom: 5rem;
    border-color: rgba(100, 142, 183, 0.795);
}

section.qualite h1{
	margin-top: 0;
	font-size: 7.5rem;
	margin-bottom: 2rem;
}

section.qualite p{
	font-size: 2.6rem;
	color: #003262;
	margin-bottom: 2rem;
}

section.qualite img.quality-stamp{
	margin: 0 auto;
	display: block;
}

section.qualite {
	background-color: #FFEDBD;
	color: #003262;
	padding-top:10rem;
	padding-bottom: 2rem;
}

section.qualite span.highlight:after {
    background-color:rgba(249, 195, 46, 0.60);
}

section.qualite span.highlight {
    z-index: 1;
}

section.approval {
	background-color: #F9C22E;
	color: #003262;
	padding-top:2rem;
	padding-bottom:15rem;
}

section.approval .steps{
margin: 0 auto;
max-width: 1200px;
}


section.approval img{
    display: block;
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 1rem;
}


section.approval .step-title,section.approval .step{
    display: block;
    text-align: center;
    text-transform: uppercase;
	line-height: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

section.approval .step{
	margin-top: 4rem;
    margin-bottom: 5rem;
	color: #FFF1CC;
	font-size: 7.2rem;
}
section.approval .approval-box{
    border: 2px solid #ffe6a2;
    text-align: center;
    border-radius: 16px;
    padding: 3rem;
}

section.approval .approval-box .text{
	display: block;
	font-size: 2.6rem;
}

section.approval .approval-box .sub-text{
	display: block;
    font-size: 2rem;
    line-height: 2.3rem;
}


img.expertise-icon {
    margin-bottom: 1rem;
}

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

	section.approval {
		padding-top:3rem;
		padding-bottom:3rem;
	}
	section.expertise {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	section.expertise h1 {
		margin-top: 0;
		font-size: 3.8rem;
		margin-bottom: 3rem;
	}
	section.qualite {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	section.qualite h1 {
		margin-top: 0;
		font-size: 4.5rem;
		margin-bottom: 2rem;
		text-align: center;
	}
}

/**
 * SPORTS NUTRITION PAGE
 */

.bg-gum-systems {
    background-image: url(img/gum-systems-bg.jpg);
    background-size: cover;
    background-position: center;
}

section.gum-systems .wrapper {
    margin-top: 10rem;
    margin-bottom: 10rem;
}

section.gum-systems hr {
    margin-top: 5rem;
	border-color: rgb(2 50 98 / 25%);
}

section.gum-systems h1{
	font-size: 4.8rem;
	color: #023262;
}
section.gum-systems p{
	font-size: 2.4rem;
	color: #023262;
}

.gum-systems-wrapper{
	max-width: 570px;
	color: #023262;
}

h1.section-title {
    text-align: CENTER;
}

section.masking-agents{
	background-color: #EDFFFD;
	color: #28CFBD;
	padding-top:10rem;
	padding-bottom:10rem;
}

section.masking-agents h1{
	margin-top: 0;
	font-size: 4.8rem;
	margin-bottom: 8rem;
}

section.masking-agents p{
	font-size: 2.4rem;
}

section.masking-agents hr {
    margin-top: 5rem;
	margin-bottom: 5rem;
    border-color: rgba(40, 207, 190, 0.815);
}

section.protein-mixes{
	background-color: #FFF1CC;
	color: #003262;
	padding-top:10rem;
	padding-bottom:10rem;
}


section.protein-mixes h1{
	margin-top: 0;
	font-size: 4.8rem;
	margin-bottom: 3rem;
}

section.protein-mixes p{
	font-size: 2.4rem;
}

section.protein-mixes hr {
    margin-top: 5rem;
	margin-bottom: 5rem;
    border-color: rgba(249, 195, 46, 0.767);
}

section.protein-mixes img{
    display: block;
	margin: 0 auto;
}

section.protein-mixes h1.section-title {
    margin-bottom: 9rem;
}

section.cocoa{
	background-color: #28CFBD;
	color: #EDFFFD;
	padding-top:10rem;
	padding-bottom:10rem;
}

section.cocoa h1.section-title {
    margin-bottom: 9rem;
}

section.cocoa h1{
	margin-top: 0;
	font-size: 4.8rem;
	margin-bottom: 3rem;
}

section.cocoa p{
	font-size: 2.4rem;
}

section.cocoa hr {
    margin-top: 5rem;
	margin-bottom: 5rem;
    border-color: rgba(40, 207, 190, 0.815);
}

section.cocoa img{
    display: block;
	margin: 0 auto;
}

/**
 * ABOUT PAGE
 */

section.about {
	padding-top: 10rem;
	padding-bottom: 10rem;
}


section.about p{
	text-align: center;
	max-width: 117rem;
	font-size: 2.4rem;
	margin-left:  auto;
	margin-right:  auto;
}


section.about h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 4.8rem;
}

section.about .btn {
    background-color: #28CFBD;
    padding: 1rem 6rem;
    margin: 0 auto;
    display: block;
    margin-top: 4rem;
    font-size: 2rem;
    border-radius: 28px;
    border: none;
    width: 50rem;
	text-transform: uppercase;
}

.flex-fill {
	flex: 1 1 auto;
}

.block-content {
	padding: 8rem;
}

.expectations .section-padding {
	padding-right: 2rem;
}

#parallax-container-1-m{
	display: none;
}

#parallax-container-2-m{
	display: none;
}

section.examples{
	padding-top: 0 !important;
}

section.needs {
	color: #003262;
}

.page-template-template-specialty-ingredients section.needs.no-padding-top{
    padding-top: 0rem;
}

.needs-inner{

	max-width: 1036px;
	margin: 0 auto;
	padding-left: 2rem;
	padding-right: 2rem;
}

section.needs .icon img{
	display: block;
	margin: 0 auto;
}

section.needs h1{
	color: #003262;
	text-transform: uppercase;
	text-align: center;
}

section.needs a{
	color: #003262;
}

.float-left{
	float: left;
}

.float-right2{
	float: right;
}

section.needs span.link-line {
    border-bottom: 2px solid #003262;
    width: 56px;
    height: 2px;
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 1rem;
}

span.highlight {
    text-align: center;
    position: relative;
}

.link-line-container {
    white-space: nowrap;
}

section.section-contact-form{
	background-color: #c0e5f0;
	padding-top: 10rem;
	padding-bottom: 10rem;
}

section#google-map {
    height: 500px;
}

section.contact-locations {
    color: #C0E5F0;
    font-size: 2rem;
    text-align: center;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

section.contact-locations a {
    color: #C0E5F0;
}

section.contact-locations h1 {
	font-size: 3.8rem;
    text-align: center;
    line-height: 4.5rem;
    margin-bottom: 1rem;
	white-space: nowrap;
}

section.contact-locations .phone {
    display: block;
    border: 0;
    white-space: nowrap;
    font-weight: inherit;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
	font-size: 2rem;
	margin-right: 0;
	margin-left: 0;
}

section.contact-locations .fax {
    display: block;
    border: 0;
	white-space: nowrap;
	margin-top: 1rem;
    margin-bottom: 1rem;
}

section.contact-locations .phone-ext {
    display: block;
    border: 0;
	font-size: 1.6rem;
    margin-bottom: 1rem;
}

section.contact-locations .address {
	max-width: 400px;
    display: block;
    margin: 0 auto;
}

span.email {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
}

form#contact-form {
    max-width: 800px;
	margin: 0 auto;
	color: #000000;
	padding-left: 3rem;
    padding-right: 3rem;
}

.grecaptcha-badge {
    display: none !important;
}

p.form-header-text {
    line-height: 3rem;
    margin-bottom: 5rem;
	font-size: 2.5rem;
}

form#contact-form h1{
	margin-bottom: 2rem;
}

button.btn.btn-primary {
    background-color: #023262;
    padding: 1rem 6rem;
    margin: 0 auto;
    display: block;
    margin-top: 4rem;
    font-size: 2rem;
    border-radius: 28px;
    border: none;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	background-color: #c0e5f0;
}

form#contact-form .form-control.form-error{
	background-color: rgb(255 0 0 / 5%);
	border: 1px solid rgba(255, 0, 0, 0.664);
}

.form-group.form-group-specify.hidden {
    visibility: hidden;
}

form#contact-form label {
    display: block;
    margin-bottom: .5rem;
    font-size: 2rem;
    color: #023262;
    border-bottom: 2px solid;
}

textarea.form-control {
    height: auto;
    background-color: #ffffff;
    border-radius: 8px;
}

div.confirm{
	min-height: 40px;
}

div.confirm span{
	text-align: center;
	font-weight: 700;
	display: none;
}

/* 404 pages */
div.container-404 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-height: inherit;
}

.container-404-inner {
	position: relative;
}

.container-404-subtitle-inner {
	position: relative;
	width: 100%;
	left: -17%;
}

.container-404-title {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.container-404-subtitle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

span.under-contruction {
	font-size: 2rem;
	margin-left: 0.5vw;
}

span.title-404 {
	text-align: center;
	font-size: 26vw;
	width: 100%;
	display: block;
	color: #707070;
	opacity: 16%;
}

span.subtitle-404 {
	text-align: left;
	font-size: 4vw;
	width: 100%;
	display: block;
	color: #000000;
	line-height: 108%;
}

@media screen and (max-width: 991px) {
	span.under-contruction {
		font-size: 1rem;
		margin-left: 0.5vw;
	}
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family: 'Font-Name';
	src: url('fonts/font-name.eot');
	src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1600px) {
.nav ul li a {
    font-size: 2rem;
    letter-spacing: 0rem;
}
main {
    margin-top: 161px;
}
}

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

	.nav ul li a {
		font-size: 1.8rem;
		letter-spacing: 0rem;
	}

	nav.footer-nav li a {
		font-size: 1.6rem;
		padding-left: 1.6rem;
	}

	main {
		margin-top: 158px;
	}

	.functional-solutions a.button {
		margin-bottom: 7rem;
		font-size: 2.2rem;
	}
	.functional-solutions a.button {
		margin-bottom: 7rem;
		font-size: 2rem;
	}

	section.contact-locations h1 {
		font-size: 3.2rem;
		line-height: 4.5rem;
	}

}

@media only screen and (max-width:1320px) {
	.nav ul li a {
		font-size: 1.8rem;
		letter-spacing: 0rem;
	}

	nav.footer-nav li a {
		font-size: 1.6rem;
		padding-left: 1.6rem;
	}

	main {
		margin-top: 159px;
	}

	
	#master-slider-container {
		min-height: 543px;
		height: calc(100vh - 159px);
	}


	.quality.block h1 {
		font-size: 7.5rem;
		line-height: 9.0rem;
	}

	.slide-sub-title {
		font-size: 23px !important;
		line-height: 33px !important;
	}


	.functional-solutions a.button {
		margin-bottom: 7rem;
		font-size: 2rem;
	}

}

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

	.functional-solutions h2 {
		font-size: 2.5rem;
	}
	.functional-solutions h1 {
		font-size: 5.5rem;
		line-height: 6rem;
	}

	.functional-solutions a.button {
		margin-bottom: 7rem;
		font-size: 1.6rem;
	}

	.nav ul li a {
		font-size: 1.6rem;
		letter-spacing: initial;
	}

	nav.footer-nav li a {
		font-size: 1.4rem;
		padding-left: 1rem;
	}

	main {
		margin-top: 156px;
	}
	#master-slider-container {
		min-height: 650px;
		height: calc(100vh - 156px);
	}

	.quality.block h1 {
		font-size: 6.5rem;
		line-height: 8rem;
	}

	section.page-head .background {
		background-position: center center !important;
	}

	.slide-sub-title {
		font-size: 23px !important;
		line-height: 34px !important;
	}

	h1.med-upper {
		font-size: 5.5rem;
	}

	.block-content {
		padding: 6rem;
	}

	footer.footer a.button {
		padding: 1.3rem 1.1rem;
		font-size: 1.2rem;
	}

	a.button-linkedin {
		height: 44px;
	}

}
@media only screen and (max-width:1200px) {
	nav.nav {
		display: none;
	}

	#nav-toggle {
		display: flex;
		width: 122px;
	}

	.header {
		height: 49px;
		padding-left: 3rem;
		padding-right: 3rem;
	}


	.header .nav ul li a {

		padding-top: 0.1rem;
		padding-bottom: 0.1rem;

	}

	main {
		margin-top: 49px !important;
	}
}

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

	span.link-line {
		width: 15px;
	}

	section.needs a {
		font-size: 2.5rem;
	}

	section.ingredients {
		margin-bottom: 2rem;
	}

	.ingredient .excerpt {
		padding-left: 2rem;
		padding-right: 1rem;
		padding-bottom: 1rem;
		padding-top: 2rem;
		font-size: 2.7rem;
		line-height: 3rem;
	}

	.ingredient .excerpt h1 {
		font-size: 5rem;
		line-height: 4rem;
	}

	.expand-button-container {
		bottom: 0;
		bottom: 2rem;
		height: 7rem;
	}



	footer.footer a.button {
		padding: 1.3rem 1rem;
		font-size: 1rem;
	}
	
	a.button-linkedin {
		height: 42px;
	}
	.functional-solutions {
		padding-left: 5rem;
		padding-right: 5rem;
	}

	.nav ul li a {
		font-size: 1.4rem;
	}

	.quality.block h1 {
		font-size: 5rem;
		line-height: 7rem;
	}

	.slide-sub-title {
		font-size: 20px !important;
		line-height: 25px !important;
	}
	nav.footer-nav li a {
		font-size: 1.5rem;
		padding-left: 1rem;
	}

	.functional-solutions a.button {
		margin-bottom: 7rem;
		font-size: 1.6rem;
		padding: 2rem 2rem;
	}
	nav.nav {
		display: none;
	}

	#nav-toggle {
		display: flex;
		width: 122px;
	}

	.header {
		height: 49px;
		padding-left: 3rem;
		padding-right: 3rem;
	}


	.header .nav ul li a {

		padding-top: 0.1rem;
		padding-bottom: 0.1rem;

	}
}

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

	span.link-line {
		width: 10px;
	}

	.grecaptcha-badge {
		display: none !important;
	}

	a.button-linkedin {
		height: 41px;
	}

	footer.footer a.button {
		padding: 1.3rem 1.1rem;
		font-size: 1rem;
	}

	/*.ms-slide.slide1 .ms-slide-bgcont img,.ms-slide.slide4 .ms-slide-bgcont img{
		margin-left: -854px !important;

	}*/

	.functional-solutions {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.functional-solutions a.button {
		margin-bottom: 0rem;
		font-size: 1.4rem;
		padding: 2rem 2rem;
	}

	section.all-ingredients {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	section {
		font-size: 2.5rem;
	}

	.ingredient .excerpt {
		font-size: 2.5rem;
		line-height: 3.6rem;
	}

	section.page-head h1 {
		line-height: 10rem;
		font-size: 11rem;
		margin-bottom: -17px;
	}

	



	section.page-head {
		max-height: 50vh;
	}

	html {
		/*font-size: 50%;*/
	}

	.phone a,
	.lang a {
		font-size: 1.6rem;
	}

	.footer-img {
		min-height: 25vh;
	}

	.slide-sub-title {
		font-size: 17px !important;
		line-height: 25px !important;
	}

	h1.med-upper {
		font-size: 3rem;
		margin: 0em 0;
		text-transform: uppercase;
	}

	.functional-solutions h1 {
		font-size: 4.5rem;
		line-height: 5rem;
	}

	a.button {
		margin-top: 2rem;
		padding: 1rem 2rem;
		font-size: 1.7rem;
		white-space: normal !important;
	}
	.ingredient.expand a.button {
		margin-top: 2rem;
		/*padding: 1rem 2rem;
		font-size: 1.7rem;*/
	}
	.block-content {
		padding: 4rem;
	}
}
@media only screen and (max-width:991px) {
	nav.footer-nav {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.block-content {
		padding: 3rem;
	}
	
	.functional-solutions a.button {
		margin-bottom: 0rem;
		font-size: 1.6rem;
		padding: 2rem 1rem;
	}
	.functional-solutions h2 {
		font-size: 2.2rem;
	}
	.footer-right {
		margin-top: 2rem;
		/* margin: 0 auto; */
		/* width: auto; */
		text-align: center;
	}
	nav.footer-nav li a {
		font-size: 1.6rem;
		padding-left: 1rem;
	}
	a.button-linkedin {
		height: 52px;
	}
	footer.footer a.button {
		padding: 1.3rem 1.1rem;
		font-size: 1.8rem;
	}
}

@media only screen and (max-width:768px) {
	section.gum-systems .wrapper {
		margin-top: -2rem;
		margin-bottom: 5rem;
		padding: 3rem;
	}
	section.needs a {
		font-size: 2rem;
	}

	.map-watermark {
		position: absolute;
		height: 68%;
		z-index: -1;
		top: initial;
		right: 5%;
		opacity: 0.2 !important;
	}

	#parallax-container-1-m{
		display: block;
	}
	
	#parallax-container-2-m{
		display: block;
	}

	#parallax-container-1{
		display: none;
	}
	
	#parallax-container-2{
		display: none;
	}

	.ingredient-thumb {
		max-height: 200px;
	}

	.needs-inner .float-right2 {
		float: none;
	}

	.needs-inner {
		padding-left: 7rem;
		padding-right: 7rem;
	}

	/*.ms-slide.slide1 .ms-slide-bgcont img,.ms-slide.slide4 .ms-slide-bgcont img{
		margin-left: -373px !important;

	}*/

	.functional-solutions a.button {
		margin-bottom: 5rem;
	}

	.functional-solutions a.button {
		margin-bottom: 6rem;
		font-size: 1.6rem;
		padding: 2rem 1rem;
	}

	.ms-nav-next,
	.ms-nav-prev {
		display: none !important;
	}

	/*.ms-bg-count img { margin-top: 0 !important; margin-left: -600 !important; }*/

	/*#master-slider-container {
		height: calc(100vh - 164px);
		position: relative;
		min-height: 639px;
		font-size: 100%;
		display: none;
	}
	
	#master-slider-container-mobile{
		height: calc(100vh - 49px);
		display: block;
	}*/

	section {
		font-size: 2rem;
	}

	.ingredient .excerpt {
		font-size: 2.1rem;
		line-height: 2.7rem;
	}

	nav.mobile ul li a {
		font-size: 2.5rem;
	}

	.wrapper {
		width: 100%;
	}

	html {
		/*font-size: 40%;*/
	}

	section.page-head h1 {
		line-height: 11rem;
		font-size: 13rem;
		margin-bottom: -4px;
	}

	.quality.block h1 {
		font-size: 4rem;
		line-height: 6rem;
	}

	section.page-head {
		max-height: 40vh;
	}

	section.page-head .background {
		background-position: center center !important;
	}

	/*.phone a, .lang a {
		font-size: 2.5rem;
	}*/

	.footer-img {
		min-height: 20vh;
	}

	.quality.block h1 {
		font-size: 3.5rem;
		line-height: 5rem;
	}

	.slide-sub-title {
		font-size: 17px !important;
		line-height: 25px !important;
	}

	.expectations .section-padding {
		padding-left: 7rem;
		padding-right: 2rem;
	}

	#master-slider-container {
		min-height: 500px;
	}

	section.page-head h1 {
		line-height: 9rem;
		font-size: 10rem;
		margin-bottom: -10px;
	}

	.functional-solutions h1 {
		font-size: 3.5rem;
		line-height: 4rem;
	}

	.ingredient.expand a.button {
		margin-top: 2rem;
		padding: 1rem 2rem;
		font-size: 1.7rem;
	}
	.ingredient.expand a {
		margin-top: 2rem;
		/*padding: 1rem 2rem;
		font-size: 1.7rem;*/
	}

	.section-padding {
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}

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



	nav.footer-nav {
		padding: 3rem;
	}
	section.page-head h1 {
		line-height: 6rem;
		font-size: 8rem;
		margin-bottom: -4px;
		
	}

	.expectations .section-padding {
		padding-left: 4rem;
		padding-right: 2rem;
	}

	.section-padding {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

	.footer-nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		text-align: center;
	}

}
@media only screen and (max-width:575px) {
	.needs-inner {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.footer .address {
		font-size: 1.8rem;
		text-align: center;
	}
	.map-watermark img {
		height: auto;
		width: 100%;
	}
	section.about h1 {
		font-size: 3.8rem;
	}
	section.about {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}
@media only screen and (max-width:480px) {
	section.needs span.link-line {
		width: 16px;
	}
	a.button-linkedin {
		height: 52px;
		margin-bottom: 2rem;
	}
	a.button, .ingredient.expand a.button {
		font-size: 1.7rem;
	}

	.ingredient .excerpt h1 {
		font-size: 4rem;
		line-height: 4.8rem;
	}

	.section-padding {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

	.expectations .section-padding {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.section-padding {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

	.quality.block h1 {

		font-size: 2.5rem;
		line-height: 3rem;

	}

	.right-top-header .phone {
		display: none;
	}

	.right-top-header .lang {
		display: none;
	}

	html {
		/*font-size: 35.5%;*/
	}

	section.page-head h1 {
		line-height: 5rem;
		font-size: 6rem;
		margin-bottom: -4px;
	}

	nav.mobile ul li a {
		font-size: 1.8rem;
	}

	section.page-head {
		max-height: 32vh;
	}

	.mobile-bottom {
		display: block;
	}

	.footer-img {
		min-height: 14vh;
	}

	.slide-title {
		font-size: 41px !important;
		line-height: 49px !important;
	}

	.slide-sub-title {
		font-size: 18px !important;
		line-height: 20px !important;
	}

	.slide-button {
		font-size: 17px !important;
		padding: 2rem 4rem !important;
	}

	#master-slider-container {
		height: 365px;
	}

	.phone a,
	.lang a {
		font-size: 1.5rem;
	}

	.functional-solutions h1 {
		font-size: 3.5rem;
		line-height: 4rem;
	}

	a.button {
		margin-top: 2rem;
		padding: 1rem 2rem;
		font-size: 1.7rem;
	}

	.ingredient.expand a {
		margin-top: 2rem;
		/*padding: 1rem 2rem;
		font-size: 1.7rem;*/
	}

	section.all-ingredients {
		padding: 2rem;
	}
}

@media only screen and (min-width:1024px) and (max-height:900px) {
	.header {

		height: 49px;
	}

	.nav ul li a {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}

	main {
		margin-top: 78px;
	}

	.nav ul li a {
		font-size: 1.8rem;
	}

	#master-slider-container {
		height: calc(100vh - 78px);
		position: relative;
		min-height: 740px;
		font-size: 100%;
	}

	section.ingredients {
		margin-bottom: 2rem;
	}

	.ingredient .excerpt {
		padding-left: 2rem;
		padding-right: 1rem;
		padding-bottom: 1rem;
		padding-top: 2rem;
		font-size: 2.7rem;
		line-height: 3rem;
	}

	.ingredient .excerpt h1 {
		font-size: 5rem;
		line-height: 4rem;
	}

	.expand-button-container {
		bottom: 0;
		bottom: 2rem;
		height: 7rem;
	}

}

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



	.ingredient.expand a.button
	 {
		margin-top: 2rem;
		padding: 1rem 2rem;
		font-size: 1.7rem;
	}

	.ingredient.expand a {
		margin-top: 2rem;
		/*padding: 1rem 2rem;
		font-size: 1.7rem;*/
	}


	.functional-solutions h1 {
		font-size: 3.5rem;
		line-height: 4rem;
	}

	nav.mobile ul>li {
		height: 13.66%;
	}

	nav.mobile ul li a {
		font-size: 1.5rem;
		padding: 1rem 1rem;
	}

	section.page-head h1 {
		line-height: 4rem;
		font-size: 5rem;
		margin-bottom: -1px;
	}


}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}