main div {position: relative; display: block;}

/* -------------------------------------------------------------------------------------------- */
/* Stats Hero ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.stats {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.stat {
	display: inline-block;
	vertical-align: top;
	width: 33.3333%;
	max-width: 180px;
}
.stat-number {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.stat h2 {
	position: relative;
	display: block;
	margin-bottom: 8px;
	color: #fff;
	font-size: 4em;
	transform: translateY(100px);
	-webkit-transition: transform 2s ease;
	-moz-transition: transform 2s ease;
	-o-transition: transform 2s ease;
	transition: transform 2s ease;
}
.stat h2.reveal {transform: translateY(0);}
.line-break {
	position: relative;
	width: 100%;
	height: 1px;
	background: #fff;
}
.stat p {
	margin: 8px 0 0;
	color: #fff;
	font-weight: 600;
	line-height: 1.35em;
}
.company-wrapper {
	width: 70%;
	max-width: 600px;
	transform: translateX(50px);
}
.company-wrapper h1 {
	transform: translateX(-100px);
	max-width: 112%;
}
.company-wrapper h1,
.company-wrapper h2 {
	margin: 0;
	text-align: left;
	font-size: 3.25em;
	text-transform: uppercase;
}
.company-wrapper h2 {
	margin-bottom: 24px;
	color: #c10230;
	transform: translateX(-6px);
}


/* mission section ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.grid-border {border: 4px solid #000700;}
.grid-border-top-none {border-top: none;}
.grid-border-right-none {border-right: none;}
.grid-border-bottom-none {border-bottom: none;}
.grid-border-left-none {border-left: none;}
.grid-padding {padding: 6px;}
.vision-header {
	padding: 8px;
	border: 4px solid #000700;
	border-bottom: none;
	background: #000700;
	color: #fff;
}
.vision-header h2 {margin-bottom: 0;}

.mission-blocks {
	border: 4px solid #000700;
	border-bottom: none;
}
.mission-block {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 24px;
	margin: 0;
	border-bottom: 4px solid #000700;
	background: #fff;
	color: #000700;
	text-align: center;
}
.mission-text h3 {
	position: relative;
	display: block;
	margin: 0 0 8px;
	padding: 0;
	transform: translateX(0);
	background: none;
}
.mission-text h3 span {
	display: block;
	font-family: var(--body-font);
	font-size: 0.7em;
	font-weight: 400;
	line-height: 1.125em;
}
.mission-text {
	position: relative;
	z-index: 2;
}
.mission-icon {
	position: relative;
	z-index: 1;
	min-height: 256px;
}
.mission-icon svg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}


/* mission icon - farmer inventors ---------------------------------------------- */
.mission-farmers .mission-icon svg {
	top: 140px;
	transform: translateX(-50%) scale(2);
}
#mission-globe circle.globe-line {
	fill: none;
	stroke: #c10230;
	stroke-width: 4;
	stroke-dashoffset: 0;
}
#mission-globe path.globe-line {
	fill: none;
	stroke: #c10230;
	stroke-width: 1;
}
#mission-globe path.hide-line {fill: none; stroke: none;}

.globe-marker-one {
	transform-origin: 50% 50%;
	transform: translate(0,0);
	offset-path: path('M77.5,63.2c20.7,3.1,45.8,5,72.9,5c27,0,52.1-1.8,72.8-5');
	offset-distance: 0%;
	animation: pinMoveOne 9.4s infinite 2.5s forwards;
	animation-timing-function: cubic-bezier(.23,.1,.76,.96);
}
@keyframes pinMoveOne {
	0% {offset-distance: 0%;}
	50% {offset-distance: 100%;}
	100% {offset-distance: 100%;}
}
.globe-marker-one .marker-popup {
	transform-origin: 50% 58%;
	transform: translateY(2px) scale(0) rotate(8deg);
	animation: pinPopOne 9.4s infinite 2.5s forwards ease;
}
@keyframes pinPopOne {
	0% {transform: translateY(2px) scale(0) rotate(8deg);}
	3% {transform: translateY(2px) scale(0) rotate(8deg);}
	6% {transform: translateY(-4px) scale(1.15) rotate(-8deg);}
	9% {transform: translateY(0) scale(1) rotate(6deg);}
	12% {transform: translateY(0) scale(1) rotate(-4deg);}
	15% {transform: translateY(0) scale(1) rotate(0deg);}
	35% {transform: translateY(0) scale(1) rotate(0deg);}
	38% {transform: translateY(0) scale(1) rotate(0deg);}
	41% {transform: translateY(0) scale(1) rotate(0deg);}
	44% {transform: translateY(-4px) scale(1.15) rotate(0deg);}
	47% {transform: translateY(2px) scale(0) rotate(0deg);}
	100% {transform: translateY(2px) scale(0) rotate(0deg);}
}

.globe-marker-two {
	transform-origin: 50% 50%;
	transform: translate(0,0);
	offset-path: path('M115.8,118.4c11,0.7,22.6,1,34.7,1c43.8,0,82.5-4.8,105.6-12.1');
	offset-distance: 0%;
	animation: pinMoveTwo 9.4s infinite 1s forwards;
	animation-timing-function: cubic-bezier(.1,.24,.73,.84);
}
@keyframes pinMoveTwo {
	0% {offset-distance: 0%;}
	36% {offset-distance: 100%;}
	100% {offset-distance: 100%;}
}
.globe-marker-two .marker-popup {
	transform-origin: 50% 58%;
	transform: translateY(2px) scale(0) rotate(8deg);
	animation: pinPopTwo 9.4s infinite 1s forwards ease;
}
@keyframes pinPopTwo {
	0% {transform: translateY(2px) scale(0) rotate(8deg);}
	3% {transform: translateY(2px) scale(0) rotate(8deg);}
	6% {transform: translateY(-4px) scale(1.15) rotate(-8deg);}
	9% {transform: translateY(0) scale(1) rotate(6deg);}
	12% {transform: translateY(0) scale(1) rotate(-4deg);}
	15% {transform: translateY(0) scale(1) rotate(0deg);}
	21% {transform: translateY(0) scale(1) rotate(0deg);}
	24% {transform: translateY(0) scale(1) rotate(0deg);}
	27% {transform: translateY(0) scale(1) rotate(0deg);}
	30% {transform: translateY(-4px) scale(1.15) rotate(0deg);}
	33% {transform: translateY(2px) scale(0) rotate(0deg);}
	100% {transform: translateY(2px) scale(0) rotate(0deg);}
}

.globe-marker-three {
	transform-origin: 50% 50%;
	transform: translate(0,0);
	offset-path: path('M44.1,132c23,7.5,62,12.4,106.4,12.4c14.2,0,27.9-0.5,40.6-1.4');
	offset-distance: 0%;
	animation: pinMoveThree 9.4s infinite 7s forwards;
	animation-timing-function: cubic-bezier(.13,.25,.71,.68);
}
@keyframes pinMoveThree {
	0% {offset-distance: 0%;}
	34% {offset-distance: 100%;}
	100% {offset-distance: 100%;}
}
.globe-marker-three .marker-popup {
	transform-origin: 50% 58%;
	transform: translateY(2px) scale(0) rotate(8deg);
	animation: pinPopThree 9.4s infinite 7s forwards ease;
}
@keyframes pinPopThree {
	0% {transform: translateY(2px) scale(0) rotate(8deg);}
	3% {transform: translateY(2px) scale(0) rotate(8deg);}
	6% {transform: translateY(-4px) scale(1.15) rotate(-8deg);}
	9% {transform: translateY(0) scale(1) rotate(6deg);}
	12% {transform: translateY(0) scale(1) rotate(-4deg);}
	15% {transform: translateY(0) scale(1) rotate(0deg);}
	22% {transform: translateY(0) scale(1) rotate(0deg);}
	25% {transform: translateY(0) scale(1) rotate(0deg);}
	28% {transform: translateY(0) scale(1) rotate(0deg);}
	31% {transform: translateY(-4px) scale(1.15) rotate(0deg);}
	34% {transform: translateY(2px) scale(0) rotate(0deg);}
	100% {transform: translateY(2px) scale(0) rotate(0deg);}
}
.globe-marker path {fill: #c10230;}
.globe-marker polygon {fill: #fff;}

/* Some browsers can't handle the 'offset-path' property used here for pins travelling along path */
/* see browser capabilities here: https://caniuse.com/?search=offset-path */
/* Hide on Safari 7.1+ */
_::-webkit-full-page-media,
_:future,
:root .globe-marker-one,
:root .globe-marker-two,
:root .globe-marker-three {
	display: none;
}
/* Hide on Safari 10.1+ (alternate method) */
@media not all and (min-resolution:.001dpcm){
	@supports (-webkit-appearance:none) {
		.globe-marker-one,
		.globe-marker-two,
		.globe-marker-three { 
			display: none;
		}
	}
}


/* mission icon - companies ---------------------------------------------- */
.mission-companies {cursor: grab;}
.mission-companies:active {cursor: grabbing;}

svg#mission-furrow-cruiser {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center center;
	transform: translate(-50%,-240%) scale(0.55);
}
.furrow-red-fill {fill: #c10230;}
.furrow-dark-fill {fill: #fff;}
.furrow-red-outline {fill: none; stroke: #c10230; stroke-width: 8;}
.furrow-dark-outline {fill: none; stroke: #fff; stroke-width: 8;}


.mission-companies .mission-icon svg#mission-furrow-cruiser {transform: translate(-50%,-240%) scale(0.55) rotate(0deg);}
.mission-companies.product-drop .mission-icon svg#mission-furrow-cruiser {animation: itemDrop 1.25s 1 forwards ease-in;}
@keyframes itemDrop {
	0% {transform: translate(-50%,-240%) scale(0.55) rotate(0deg);}
	99% {transform: translate(-50%,-33%) scale(0.55) rotate(180deg);}
	100% {transform: translate(-50%,-240%) scale(0.55) rotate(0deg);}
}

.mission-companies .mission-icon svg {transform: translateX(-50%) scale(1.125);}
.mission-companies .mission-icon svg path.funnel-outline {
	fill: none;
	stroke: #c10230;
	stroke-width: 11;
}
.mission-companies .mission-icon svg path.funnel-opening,
.mission-companies .mission-icon svg path.funnel-section {
	fill: #fff;
	stroke: #c10230;
	stroke-width: 2;
}
.mission-companies.product-drop .mission-icon svg path.funnel-one {animation: funnelGlow 1s 1 forwards 1s ease-in-out;}
.mission-companies.product-drop .mission-icon svg path.funnel-two {animation: funnelGlow 1s 1 forwards 1.5s ease-in-out;}
.mission-companies.product-drop .mission-icon svg path.funnel-three {animation: funnelGlow 1s 1 forwards 2s ease-in-out;}
.mission-companies.product-drop .mission-icon svg path.funnel-four {animation: funnelGlow 1s 1 forwards 2.5s ease-in-out;}
.mission-companies.product-drop .mission-icon svg path.funnel-five {animation: funnelGlow 1s 1 forwards 3s ease-in-out;}
.mission-companies.product-drop .mission-icon svg path.funnel-six {animation: funnelGlow 1s 1 forwards 3.5s ease-in-out;}
@keyframes funnelGlow {
	0% {fill: #fff;}
	50% {fill: #c10230;}
	100% {fill: #fff;}
}



/* mission icon - customers trust ---------------------------------------------- */
.mission-customers {cursor: grab;}
.mission-customers:active {cursor: grabbing;}
.mission-customers .mission-icon svg {
	top: 155px;
	transform: translateX(-50%) scale(2);
}
.mission-customers .mission-icon svg g.all-pieces path,
.mission-customers .mission-icon svg g.loose-piece path.puzzle-piece {
	fill: #fff;
	stroke: #c10230;
	stroke-width: 1;
}
.mission-customers .mission-icon svg g.loose-piece path {
	transform-origin: 50% 28%; 
	transform: translate(-60px,-60px) scale(1) rotate(70deg);;
}
.mission-customers .mission-icon svg rect {
	fill: #c10230;
	stroke: #c10230;
	stroke-width: 8;
}

.mission-customers.puzzle-place .mission-icon svg g.loose-piece path {animation: placePuzzlePiece 2s 1 forwards ease-in-out;}
@keyframes placePuzzlePiece {
	0% {transform: translate(-60px,-60px) scale(1) rotate(70deg);}
	50% {transform: translate(-30px,-30px) scale(1.25) rotate(55deg);}
	100% {transform: translate(0,0) scale(1) rotate(0deg);}
}
.mission-customers.puzzle-place .mission-icon svg g.loose-piece path.piece-shadow {animation: placePuzzlePieceShadow 2s 1 forwards ease-in-out;}
@keyframes placePuzzlePieceShadow {
	0% {transform: translate(-60px,-60px) scale(1) rotate(70deg);}
	50% {transform: translate(-22px,-22px) scale(1.25) rotate(55deg);}
	100% {transform: translate(0,0) scale(1) rotate(0deg);}
}
.mission-customers.puzzle-pop .mission-icon svg g.loose-piece path {animation: puzzlePiecePop 0.75s 1 forwards linear;}
@keyframes puzzlePiecePop {
	0% {transform: translate(0,0) scale(1) rotate(0deg);}
	33.3333% {transform: translate(-23px,-23px) scale(1.25) rotate(100deg);}
	66.6667% {transform: translate(-46px,-46px) scale(1) rotate(200deg);}
	83.3333% {transform: translate(-53px,-53px) scale(1.1) rotate(225deg);}
	100% {transform: translate(-60px,-60px) scale(1) rotate(250deg);}
}
.mission-customers.puzzle-pop .mission-icon svg g.loose-piece path.piece-shadow {animation: puzzlePiecePopShadow 0.75s 1 forwards linear;}
@keyframes puzzlePiecePopShadow {
	0% {transform: translate(0,0) scale(1) rotate(0deg);}
	33.3333% {transform: translate(-19px,-19px) scale(1.25) rotate(100deg);}
	66.6667% {transform: translate(-46px,-46px) scale(1) rotate(200deg);}
	83.3333% {transform: translate(-52px,-52px) scale(1.1) rotate(225deg);}
	100% {transform: translate(-60px,-60px) scale(1) rotate(250deg);}
}


/* values section ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.values {
	position: relative;
	width: 100%;
	padding: 24px;
}
.values:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
	display: block;
	width: 65%;
	height: calc(100% - 100px);
	background: #f4f3ee;
	border-radius: 5px;
	transform-origin: center top;
	transform: translateX(-50%) scaleY(1);
}
.bg-tertiary .values:before {background: #fff;}
.values-icon {position: relative; z-index: 2; width: 200px; height: 200px;}
.values-text {position: relative; z-index: 2; text-align: center;}
.values-text h3 {
	position: relative;
	display: block;
	margin: 0 0 12px;
	padding: 0;
	transform: translateX(0);
	background: none;
}

/* values icon ---------------------------------------------- */
.values-icon {margin: 0 auto -12px;}
.values-icon-red {fill: #c10230;}
.values-icon-black {fill: #000700;}
.values-icon-grey {fill: #e4e4e4;}
.values-icon-bronze {fill: #b77e5c;}
.values-icon-bronze-dark {fill: #79513F;}
.values-icon-white {fill: #fff;}
.values-icon-gold {fill: #F9D53D;}

/* values icon - Honour ---------------------------------------------- */
.values-honour #honour-icon-hand {animation: handBounce 2s infinite linear;}
@keyframes handBounce {
	0% {transform: translateY(0);}
	75% {transform: translateY(0);}
	80% {transform: translateY(-8px);}
	85% {transform: translateY(0);}
	90% {transform: translateY(0);}
	95% {transform: translateY(-8px);}
	100% {transform: translateY(0);}
}
#honour-icon-stars {
	position: relative;
	opacity: 1;
	transform-origin: center center;
	transform: rotate(-270deg) scale(1);
	-webkit-transition: all 1s cubic-bezier(.23,.6,.3,1);
	-moz-transition: all 1s cubic-bezier(.23,.6,.3,1);
	-o-transition: all 1s cubic-bezier(.23,.6,.3,1);
	transition: all 1s cubic-bezier(.23,.6,.3,1);
}
#honour-icon-stars-rotate {
	position: relative;
	transform-origin: center center;
	animation: honourStars 12s infinite linear;
}
@keyframes honourStars {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/* values icon - Respect ---------------------------------------------- */
.respect-line {
	fill: none;
	stroke: #FFE029;
	stroke-width: 4;
	stroke-dashoffset: 0;
}
.respect-line-one {stroke-dasharray: 0,158,86,120; stroke-dashoffset: 600;}
.values-respect .respect-line-one {animation: respectDash 4s linear forwards infinite;}
.respect-line-two {stroke-dasharray: 0,160,50; stroke-dashoffset: 800;}
.values-respect .respect-line-two {animation: respectDash 3s linear forwards infinite;}
.respect-line-three {stroke-dasharray: 80,152; stroke-dashoffset: 1000;}
.values-respect .respect-line-three {animation: respectDash 5s linear forwards infinite;}
.respect-line-four {stroke-dasharray: 65,140; stroke-dashoffset: 650;}
.values-respect .respect-line-four {animation: respectDash 6s linear forwards infinite;}
.respect-line-five {stroke-dasharray: 0,150,170,115; stroke-dashoffset: 875;}
.values-respect .respect-line-five {animation: respectDash 3.5s linear forwards infinite;}
@keyframes respectDash {to {stroke-dashoffset: 0;}}

.respect-star-one {transform-origin: center center;}
.values-respect .respect-star-one {animation: starOneMove 2s linear forwards infinite;}
@keyframes starOneMove {
	0% {transform: translate(0,0);}
	20% {transform: translate(0,0);}
	60% {transform: translate(-20px,-80px);}
	100% {transform: translate(-20px,-80px);}
}
.respect-star-one path {transform-origin: 30% 30%;}
.values-respect .respect-star-one path {animation: starOneRotate 2s linear forwards infinite;}
@keyframes starOneRotate {
	0% {transform: rotate(0deg) scale(1);}
	20% {transform: rotate(0deg) scale(1);}
	60% {transform: rotate(-360deg) scale(0);}
	100% {transform: rotate(-360deg) scale(0);}
}

.respect-star-two {transform-origin: center center;}
.values-respect .respect-star-two {animation: starTwoMove 1.5s linear forwards infinite;}
@keyframes starTwoMove {
	0% {transform: translate(0,0);}
	60% {transform: translate(0,0);}
	100% {transform: translate(20px,-74px);}
}
.respect-star-two path {transform-origin: 30% 30%;}
.values-respect .respect-star-two path {animation: starTwoRotate 1.5s linear forwards infinite;}
@keyframes starTwoRotate {
	0% {transform: rotate(0deg) scale(1);}
	60% {transform: rotate(0deg) scale(1);}
	100% {transform: rotate(-200deg) scale(0);}
}

.respect-star-three {transform-origin: center center;}
.values-respect .respect-star-three {animation: starThreeMove 2.25s linear forwards infinite;}
@keyframes starThreeMove {
	0% {transform: translate(75px,-14px);}
	20% {transform: translate(75px,-14px);}
	60% {transform: translate(75px,-40px);}
	100% {transform: translate(75px,-40px);}
}
.respect-star-three path {transform-origin: 30% 30%;}
.values-respect .respect-star-three path {animation: starThreeRotate 2.25s linear forwards infinite;}
@keyframes starThreeRotate {
	0% {transform: rotate(120deg) scale(1);}
	20% {transform: rotate(120deg) scale(1);}
	60% {transform: rotate(440deg) scale(0);}
	100% {transform: rotate(440deg) scale(0);}
}

.respect-star-four {transform-origin: center center;}
.values-respect .respect-star-four {animation: starFourMove 1.75s linear forwards infinite;}
@keyframes starFourMove {
	0% {transform: translate(75px,-14px);}
	20% {transform: translate(75px,-14px);}
	60% {transform: translate(50px,-40px);}
	100% {transform: translate(50px,-40px);}
}
.respect-star-four path {transform-origin: 30% 30%;}
.values-respect .respect-star-four path {animation: starFourRotate 1.75s linear forwards infinite;}
@keyframes starFourRotate {
	0% {transform: rotate(140deg) scale(1);}
	20% {transform: rotate(140deg) scale(1);}
	60% {transform: rotate(280deg) scale(0);}
	100% {transform: rotate(280deg) scale(0);}
}

/* values icon - Courage ---------------------------------------------- */
#courage-compass-needles {
	position: relative;
	transform-origin: 54.5% 59.75%;
	animation: compassNeedles 4s infinite ease forwards;
}
@keyframes compassNeedles {
	0% {transform: rotate(0deg);}
	10% {transform: rotate(-24deg);}
	28% {transform: rotate(376deg);}
	38% {transform: rotate(348deg);}
	45% {transform: rotate(368deg);}
	50% {transform: rotate(360deg);}
	100% {transform: rotate(360deg);}
}

/* values icon - Tenacity ---------------------------------------------- */
.values-tenacity #tenacity-full-icon {animation: tenacityJerkMobile 5s infinite ease forwards;}
@keyframes tenacityJerkMobile {
	0% {transform: translate(0,0);}
	76% {transform: translate(0,0);}
	77% {transform: translate(0,4px);}
	78% {transform: translate(0,0);}
	100% {transform: translate(0,0);}
}
#sword-one,
#sword-two {
	position: relative;
	transform-origin: 50% 50%;
	-webkit-transition: transform 2s cubic-bezier(.23,.6,.3,1);
	-moz-transition: transform 2s cubic-bezier(.23,.6,.3,1);
	-o-transition: transform 2s cubic-bezier(.23,.6,.3,1);
	transition: transform 2s cubic-bezier(.23,.6,.3,1);
}
#sword-one {animation: swordOne 5s infinite ease-in forwards;}
#sword-two {animation: swordTwo 5s infinite ease-in forwards;}
@keyframes swordOne {
	0% {transform: translate(0,0);}
	15% {transform: translate(0,0);}
	45% {transform: translate(-20.625px,-25px);}
	75% {transform: translate(-20.625px,-25px);}
	76% {transform: translate(0,0);}
	100% {transform: translate(0,0);}
}
@keyframes swordTwo {
	0% {transform: translate(0,0);}
	30% {transform: translate(0,0);}
	60% {transform: translate(20.625px,-25px);}
	75% {transform: translate(20.625px,-25px);}
	76% {transform: translate(0,0);}
	100% {transform: translate(0,0);}
}
.values-tenacity:hover #sword-two {
	transform: translate(0,0);
	-webkit-transition: transform .125s cubic-bezier(.23,.6,.3,1) .75s;
	-moz-transition: transform .125s cubic-bezier(.23,.6,.3,1) .75s;
	-o-transition: transform .125s cubic-bezier(.23,.6,.3,1) .75s;
	transition: transform .125s cubic-bezier(.23,.6,.3,1) .75s;
}
.shield-highlight-left {
	transform: scaleY(0); 
	transform-origin: 50% 29.5%;
	animation: shieldShineVertical 5s infinite ease-in-out forwards;
}
@keyframes shieldShineVertical {
	0% {transform: scaleY(0); transform-origin: 50% 64%;}
	80% {transform: scaleY(0); transform-origin: 50% 64%;}
	87.4% {transform: scaleY(1); transform-origin: 50% 64%;}
	87.5% {transform: scaleY(1); transform-origin: 50% 29.5%;}
	95% {transform: scaleY(0); transform-origin: 50% 29.5%;}
	100% {transform: scaleY(0); transform-origin: 50% 29.5%;}
}
.shield-highlight-top {
	transform: scaleX(0); 
	transform-origin: 66% 50%;
	animation: shieldShineHorizontal 5s infinite ease-in-out forwards;
}
@keyframes shieldShineHorizontal {
	0% {transform: scaleX(0); transform-origin: 34% 50%;}
	85% {transform: scaleX(0); transform-origin: 34% 50%;}
	92.4% {transform: scaleX(1); transform-origin: 34% 50%;}
	92.5% {transform: scaleX(1); transform-origin: 66% 50%;}
	100% {transform: scaleX(0); transform-origin: 66% 50%;}
}

@media screen and (min-width: 560px) {

	/* values section ---------------------------------------------- */
	/* -------------------------------------------------------------------------------------------- */
	.values-icons {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.values {width: 50%; padding: 24px;}

}

@media screen and (min-width: 767px) {

	/* mission section ---------------------------------------------- */
	/* -------------------------------------------------------------------------------------------- */
	.vision-header {
		background: none;
		color: initial;
	}
	.mission-blocks {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		border-right: none;
	}
	.mission-block {
		width: 33.3333%;
		border-right: 4px solid #000700;
		text-align: left;
	}
	.mission-farmers .mission-icon svg {top: 200px;}
	.mission-customers .mission-icon svg {top: 220px;}

	/* values section animations ---------------------------------------------- */
	/* -------------------------------------------------------------------------------------------- */
	.values:before {
		transform: translateX(-50%) scaleY(0);
		-webkit-transition: all 1s cubic-bezier(.23,.6,.3,1);
		-moz-transition: all 1s cubic-bezier(.23,.6,.3,1);
		-o-transition: all 1s cubic-bezier(.23,.6,.3,1);
		transition: all 1s cubic-bezier(.23,.6,.3,1);
	}
	.values:hover:before {transform: translateX(-50%) scaleY(1);}

	/* values icon - Honour ---------------------------------------------- */
	.values-honour #honour-icon-hand {animation: none;}
	.values-honour:hover #honour-icon-hand {animation: handBounce 2s infinite linear;}
	#honour-icon-stars {
		opacity: 0;
		transform: rotate(-270deg) scale(0.65);
	}
	.values-honour:hover #honour-icon-stars {
		opacity: 1;
		transform: rotate(0deg) scale(1);
	}

	/* values icon - Respect ---------------------------------------------- */
	.values-respect .respect-line-one,
	.values-respect .respect-line-two,
	.values-respect .respect-line-three,
	.values-respect .respect-line-four,
	.values-respect .respect-line-five {animation: none;}
	.values-respect:hover .respect-line-one {animation: respectDash 4s linear forwards infinite;}
	.values-respect:hover .respect-line-two {animation: respectDash 3s linear forwards infinite;}
	.values-respect:hover .respect-line-three {animation: respectDash 5s linear forwards infinite;}
	.values-respect:hover .respect-line-four {animation: respectDash 6s linear forwards infinite;}
	.values-respect:hover .respect-line-five {animation: respectDash 3.5s linear forwards infinite;}
	.values-respect .respect-star-one,
	.values-respect .respect-star-one path {animation: none;}
	.values-respect:hover .respect-star-one {animation: starOneMove 2s linear forwards infinite;}
	.values-respect:hover .respect-star-one path {animation: starOneRotate 2s linear forwards infinite;}
	.values-respect .respect-star-two,
	.values-respect .respect-star-two path {animation: none;}
	.values-respect:hover .respect-star-two {animation: starTwoMove 1.5s linear forwards infinite;}
	.values-respect:hover .respect-star-two path {animation: starTwoRotate 1.5s linear forwards infinite;}
	.values-respect .respect-star-three,
	.values-respect .respect-star-three path {animation: none;}
	.values-respect:hover .respect-star-three {animation: starThreeMove 2.25s linear forwards infinite;}
	.values-respect:hover .respect-star-three path {animation: starThreeRotate 2.25s linear forwards infinite;}
	.values-respect .respect-star-four,
	.values-respect .respect-star-four path {animation: none;}
	.values-respect:hover .respect-star-four {animation: starFourMove 1.75s linear forwards infinite;}
	.values-respect:hover .respect-star-four path {animation: starFourRotate 1.75s linear forwards infinite;}

	/* values icon - Courage ---------------------------------------------- */
	#courage-compass-needles {
		animation: compassNeedles 4s infinite ease forwards;
		animation-play-state: paused;
	}
	.values-courage:hover #courage-compass-needles {animation-play-state: running;}

	/* values icon - Tenacity ---------------------------------------------- */
	.values-tenacity #tenacity-full-icon {animation: none;}
	.values-tenacity:hover #tenacity-full-icon {animation: tenacityJerk 1s 1 ease forwards;}
	@keyframes tenacityJerk {
		0% {transform: translate(0,0);}
		12.5% {transform: translate(0,0);}
		17.5% {transform: translate(4px,4px);}
		25% {transform: translate(0,0);}
		87.5% {transform: translate(0,0);}
		92.5% {transform: translate(-4px,4px);}
		100% {transform: translate(0,0);}
	}
	#sword-one,
	#sword-two {
		position: relative;
		transform-origin: 50% 50%;
		animation: none;
		-webkit-transition: transform 2s cubic-bezier(.23,.6,.3,1);
		-moz-transition: transform 2s cubic-bezier(.23,.6,.3,1);
		-o-transition: transform 2s cubic-bezier(.23,.6,.3,1);
		transition: transform 2s cubic-bezier(.23,.6,.3,1);
	}
	#sword-one {transform: translate(-185px,-200px);}
	#sword-two {transform: translate(185px,-200px);}
	.values-tenacity:hover #sword-one {
		transform: translate(0,0);
		-webkit-transition: transform .125s cubic-bezier(.23,.6,.3,1);
		-moz-transition: transform .125s cubic-bezier(.23,.6,.3,1);
		-o-transition: transform .125s cubic-bezier(.23,.6,.3,1);
		transition: transform .125s cubic-bezier(.23,.6,.3,1);
	}
	.values-tenacity:hover #sword-two {
		transform: translate(0,0);
		-webkit-transition: transform .125s cubic-bezier(.23,.6,.3,1) .75s;
		-moz-transition: transform .125s cubic-bezier(.23,.6,.3,1) .75s;
		-o-transition: transform .125s cubic-bezier(.23,.6,.3,1) .75s;
		transition: transform .125s cubic-bezier(.23,.6,.3,1) .75s;
	}
	.shield-highlight-left {animation: none;}
	.shield-highlight-top {animation: none;}
	.values-tenacity:hover .shield-highlight-left {animation: shieldShineVertical 5s infinite ease-in-out forwards;}
	.values-tenacity:hover .shield-highlight-top {animation: shieldShineHorizontal 5s infinite ease-in-out forwards;}
}

@media screen and (min-width: 900px) {
	.values {width: 25%;}
}


/* -------------------------------------------------------------------------------------------- */
/* Our Team ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.department-title {
	position: relative;
	top: 0;
	left: 50%;
	z-index: 1;
	display: inline-block;
	margin: 0 auto;
	padding: 8px 21px 10px;
	background: #c10230;
	transform: translate(-50%,0);
	font-size: 2em;
	line-height: 0.85em;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.tag-team {z-index: 2;}
.team-member .team-line {border-bottom: 1px solid #000700;}
.team-member img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
}
.team-member-name {
	margin: 0;
	padding: 8px 0;
	text-align: center;
	transform: translateX(0);
}
.team-member-info {
	width: 100%;
	margin: 0;
	padding: 0 12px;
	line-height: 1.35em;
	text-align: center;
}
.team-member-info p {margin-bottom: 5px; font-style: italic;}


@media screen and (min-width: 340px) {
	.department-title {
		padding: 8px 22px 12px;
		font-size: 3em;
		line-height: 0.85em;
	}
	.tag-team {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	.team-member {width: 50%;}
	.team-member img {width: 42vw; margin: 0 0 0 4vw;}
	.team-member-info {width: 50vw;}
	.team-member:last-child {flex-grow: 1;} 
}

@media screen and (min-width: 560px) {
	.department-title {
		position: absolute;
		border: 1px solid #000700;
		background: none;
		transform: translate(-50%,-50%);
		color: #000700;
	}
	.team-member {width: 33.3333%;}
	.team-member-info {width: 33.3333vw;}
	.team-member img {width: 28.3333vw; margin-left: 2.5vw;}
}

@media screen and (min-width: 900px) {
	.team-member {width: 25%;}
	.team-member-info {width: 25vw;}
	.team-member img {width: 21vw; margin-left: 2vw;}
}

@media screen and (min-width: 1080px) {
	.department-title {
		padding: 8px 36px 14px;
		font-size: 4em;
		line-height: 0.85em;
	}
}

@media screen and (min-width: 1280px) {
	.team-department {margin-top: 0;}
	.team-member {width: 20%;}
	.team-member-info {width: 20vw;}
	.team-member img {width: 17vw; margin-left: 1.5vw;}
	
	.team-member:nth-child(5n+1) {flex-grow: 1;}
	.team-member:nth-child(5n+1) img {margin-left: auto; margin-right: 1.5vw;}
	.team-member:first-child .team-member-info {margin-left: auto;}
	.team-member:nth-child(5n+1) .team-member-info {margin-left: auto;}
	
	.team-member:last-child img {margin-left: 1.5vw; margin-right: auto;}
	.team-member:last-child .team-member-info {margin: 0;}
	.team-member:nth-child(5n+1):last-child img {margin-left: auto;}
	.team-member:nth-child(5n+1):last-child .team-member-info {margin-left: auto; margin-right: auto;}
}


@media screen and (min-width: 1600px) {
	.team-member {width: 16.6667%;}
	.team-member-info {width: 16.6667vw;}
	.team-member img {width: 14.6667vw; margin-left: 1vw;}	
	
	.team-member:nth-child(5n+1) {flex-grow: initial;}
	.team-member:nth-child(6n+1) {flex-grow: 1;}
	.team-member:nth-child(5n+1) img {margin-left: 1vw; margin-right: 0;}
	.team-member:nth-child(6n+1) img {margin-left: auto; margin-right: 1vw;}
	.team-member:nth-child(5n+1) .team-member-info {margin-left: 0;}
	.team-member:nth-child(6n+1) .team-member-info {margin-left: auto;}
	
	.team-member:last-child img {margin-left: 1vw;}
	.team-member:nth-child(5n+1):last-child img {margin-left: 1vw;}
	.team-member:nth-child(6n+1):last-child img {margin-left: auto; margin-right: auto;}
	.team-member:nth-child(5n+1):last-child .team-member-info {margin-left: 0; margin-right: 0;}
	.team-member:nth-child(6n+1):last-child .team-member-info {margin-left: auto; margin-right: auto;}
}

@media screen and (min-width: 1920px) {
	.team-member {width: 14.2857%;}
	.team-member-info {width: 14.2857vw;}
	.team-member img {width: 12.2857vw;}
	
	.team-member:nth-child(6n+1) {flex-grow: initial;}
	.team-member:nth-child(7n+1) {flex-grow: 1;}
	.team-member:nth-child(6n+1) img {margin-left: 1vw; margin-right: 0;}
	.team-member:nth-child(7n+1) img {margin-left: auto; margin-right: 1vw;}
	.team-member:nth-child(6n+1) .team-member-info {margin-left: 0;}
	.team-member:nth-child(7n+1) .team-member-info {margin-left: auto;}
	
	.team-member:nth-child(6n+1):last-child img {margin-left: 1vw;}
	.team-member:nth-child(7n+1):last-child img {margin-left: auto; margin-right: auto;}
	.team-member:nth-child(6n+1):last-child .team-member-info {margin-left: 0; margin-right: 0;}
	.team-member:nth-child(7n+1):last-child .team-member-info {margin-left: auto; margin-right: auto;}
}




/* -------------------------------------------------------------------------------------------- */
/* Thunderstruck Sales and Marketing banner ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.tsm-banner {
	position: relative;
	background: #000;
}
.tsm-image {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
	height: 100%;
	width: 100%;
}
.tsm-image img {
	position: absolute;
	left: 52%;
	display: block;
	height: 100%;
	width: auto;
	margin-left: -980px;
}
.tsm-info {
	position: relative;
	left: 50%;
	z-index: 2;
	width: 45%;
	max-width: 600px;
}
.tsm-text {margin: 0 0 20px;}
.tsm-text h4 {margin: 0 0 12px;}
.tsm-text img {margin-left: -8px;}

@media screen and (max-width: 1030px) {
	/* Company page ---------------------------------------------- */
	.tsm-banner {padding-bottom: 0;}
	.tsm-image {
		position: relative;
		height: 500px;
	}
	.tsm-image img {
		position: relative;
		margin-left: -660px;
	}
	.tsm-info {
		left: 0;
		width: 90%;
		max-width: 700px;
		margin: 0 auto;
	}
	.tsm-button-wrap {
		position: absolute;
		bottom: -440px;
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 750px) {
	/* Company page ---------------------------------------------- */
	.tsm-image {height: 400px;}
	.tsm-image img {margin-left: -520px;}
	.tsm-button-wrap {bottom: -340px;}
}