/********** homepage / global **********/

body {
	font-family: 'Campton', Arial, Helvetica, sans-serif;
	font-size:  1rem;
}

h1 {
	font-weight:  700;
	font-size:  3.5rem;
}

p {
	font-size: 1.125rem;
	font-size: 1.25rem;
	line-height: 1.35;
}

:root {
	--image-height: 600px;
	--alt-bg: #eee;
}

.row-1 .image-1 {
	position: absolute;
	top: 0;
	left: 0;
}

.image-block {
	width: 100%;
	height: var(--image-height);
}

.row {
	padding-bottom: 200px;
	position:  relative;
}

.yellow-squares {
	width: 45%;
	position: absolute;
	top: 182px;
	left: 0;
	z-index: 10;
	mix-blend-mode: multiply;
}

.yellow-squares div:before {
	content: "";
	display: block;
	padding-bottom: 100%;
 	background: #ECE839;
}

.home .yellow-squares div:after {
	content: "";
	display: block;
	padding-bottom: 200%;
}

.gray-square {
	width: 75%;
	height: 940px;
 	background: #eee;
	position: absolute;
	bottom: -480px;
	bottom: -80px;
	right: 0;
	z-index: -1;
}

.image-1 {
	background: transparent url('/images/image-block-1.jpg') no-repeat center / cover;
}
.image-2 {
	background: transparent url('/images/image-block-2.jpg') no-repeat center / cover;
}
.image-3 {
	background: transparent url('/images/image-block-3.jpg') no-repeat center / cover;
}
.image-4 {
	background: transparent url('/images/image-block-4.jpg') no-repeat center / cover;
}
.image-5 {
	background: transparent url('/images/image-block-5.jpg') no-repeat center / cover;
}

.logo {
	position: fixed;
	top: 54px;
	left: 62px;
	z-index:  10;
	z-index: 40;	
}

.logo img {
	width: 190px;
}

.footer {
	background: black;
}

.vertical-center {
	display: flex;
	align-items: center;
}

.row-1 .vertical-center {
	height: var(--image-height);
}

.row-1 p {
	padding: 60px 0;
	max-width: 70%;
}

.row-2 h1, .row-2 p {
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0;
}

.row {
	xborder-top: 1px dashed rgba(0,0,0,.1);
	padding: 140px 0;
	padding: 170px 0;
}

.row-1 {
	padding-top: 0;
}

.row-1, .row-6, .row-7 {
	border-top: 0;
}

.row h1 {
	margin: 0;
	font-size: 3.8rem;
	font-size: 4rem;
	max-width:  90%;
	padding-top: 60px;
	padding-top: 0;
	padding-bottom:  60px;
	position: relative;
	z-index: 5;
	font-weight: 600;
}

.row p {
	max-width: 70%;
	color: rgba(0,0,0, 0.6);
	padding-top: 60px;
	padding-bottom:  60px;
	padding-bottom: 0;
	margin: 0;
}

.row p strong {
	color: rgba(0,0,0, 0.7);
}

.footer p strong {
	color: #fff;
}

.row-1 h1 {
	padding-bottom: 0;
}


.footer {
	background: #000;
	color: #fff;
	z-index: 15;
}

.footer-bottom {
	/* background: #000;
	color: #fff; */
}

.footer p, .footer-bottom p {
	padding: 0;
	color: #fff;
}

.footer a, .footer-bottom a {
	color: #fff;
}

.footer h1 {
	font-size:  2.3rem;
	font-weight: 300;
	max-width: 90%;
}

.footer h1 strong, p strong {
	font-weight: 600;
}

.footer h1 {
	padding-bottom: 55px;
}

.footer-bottom {
	margin-top: 80px;
}

.footer-bottom p {
	font-size: .825rem;
	line-height:  1.7;
	max-width: 100%;
}

.footer-bottom .sep {
	display: inline-block;
	border-left: 1px solid rgba(255,255,255,.3);
	margin: 0 11px;
	height: 10px;
}

.footer h3, .content-page .footer h3 {
	font-size: 1.25rem;
	font-weight: 300;
}

.footer h4, .content-page .footer h4 {
	font-size: 1rem;
	margin: 0;
}

.brand-logos {
	/* display: flex;
	align-items: baseline; */
	padding-top: 10px;
}

.brand-logos div {
	display: flex;
	align-items: baseline;
}

.brand-logos a {
	display: inline-block;
	padding: 18px 25px;
	transition: opacity .25s ease;
}

.brand-logos a:first-child {
	padding-left: 0;
}

.brand-logos a:hover {
	opacity: .4;
	transition: opacity 0.1s ease;
}

.brand-logos img {
	width: 130px;
	vertical-align: bottom;
}

.brand-logos img.unifor {
	width: 90px;
	margin-right:  40px;
}

.brand-logos img.frovi {
	width: 104px;
	margin-left: 1px;
}

.brand-logos a + a {
	xmargin-left:  50px;
}

/* form styles */

form {
	/* max-width: 400px; */
}

.form-control {
	background: transparent;
	border-radius: 0;
	color: #fff;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.3);
	margin-top: 5px;
	padding-left: 0;
	font-size: .825rem;
}

.form-control:focus {
	background: transparent;
	box-shadow: none;
	border-bottom: 1px solid #ECE839;
	color: #fff;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: .75; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}

form .btn {
	background: #ECE839;
    color: #000;
    border-radius: 0;
    margin-top: 20px;
    border: none;
    line-height: 30px;
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 1rem;
}

form .btn:hover, form .btn:active {
	background: #fff !important;
	color: #000 !important;
}

form .message {
	padding-top: 18px;
}

form .error {
	color: #f34222;
}

form .success {
	color: white;
	color: #b1ff46;
}






.logo-footer {
	width: 131px;
	display: none;
}

.footer .emblem {
    width: 55%;
    opacity: .1;
    position: absolute;
    top: -15%;
	left: -10%;
	xbackground: red;
	z-index: -1;
}

.footer {
	overflow: hidden;
}

.footer .col-md-4 {
	z-index: 30;
}







/* footer */
.footer {
	padding: 140px 0;
}
.footer h1, .content-page .footer h1 {
	font-size: 2.8rem;
	padding-top: 140px;
}

.footer h3, .content-page .footer h3 {
	margin-bottom: 60px;
}

.our-brands {
	padding-top: 35px;
}

.footer-bottom {
	margin-top:  60px;
}

.footer p, .content-page .footer p {
	font-size: .9375rem;
}
.footer .sep {
	height: 12px;
}


/* xl >= 1200 (default, don't need a media query) */

/*

https://getbootstrap.com/docs/4.0/layout/grid/#variables

$grid-breakpoints: (
  // Extra small screen / phone
  xs: 0,
  // Small screen / phone
  sm: 576px,
  // Medium screen / tablet
  md: 768px,
  // Large screen / desktop
  lg: 992px,
  // Extra large screen / wide desktop
  xl: 1200px
);

*/


/* lg >= 992 */
@media only screen and (max-width: 1200px) {
	:root {
		--image-height: 450px;
	}
	
	.row {
		padding: 155px 0;
	}
	
	.row h1 {
		font-size: 3.4rem;
		max-width: 100%;
	}
	
	.row p {
		font-size: 1.175rem;
		font-size: 1.1875rem;
		max-width: 75%;
	}
	.yellow-squares {
		width: 44%;
		top: 152px;
	}
	
	.logo {
		top: 44px;
		left: 56px;
	}
	
	.logo img {
		width: 170px;
	}
	
	.footer {
		padding: 140px 0;
	}
	.footer h1, .content-page .footer h1 {
		font-size: 2.1rem;
		padding-top: 140px;
	}
	
	.footer h3, .conent-page .footer h3 {
		margin-bottom: 60px;
	}
	
	.our-brands {
		padding-top: 35px;
	}
	
	.footer-bottom {
		margin-top:  60px;
	}
	
	.footer p, .content-page .footer p {
		font-size: .9375rem;
	}
	.footer .sep {
		height: 12px;
	}
}

/* md >= 768 */
@media only screen and (max-width: 992px) {
	:root {
		--image-height: 400px;
	}
	
	.row {
		padding: 140px 0;
	}
	
	.row h1 {
		font-size: 2.8rem;
		max-width: 100%;
	}
	
	.row p {
		font-size: 1.125rem;
		max-width: 85%;
	}
	.yellow-squares {
		width: 43%;
		top: 142px;
	}
	
	.logo {
		top: 42px;
		left: 52px;
	}
	
	.logo img {
		width: 150px;
	}
	
	/* footer */
	.footer {
		padding: 140px 0;
	}
	.footer h1, .content-page .footer h1 {
		font-size: 2.1rem;
		padding-top: 140px;
	}

	.footer h3, .content-page .footer h3 {
		margin-bottom: 60px;
	}
	
	.our-brands {
		padding-top: 35px;
	}
	
	.footer-bottom {
		margin-top:  60px;
	}
	
	.footer p, .content-page .footer p {
		font-size: .9375rem;
	}
	.footer .sep {
		height: 12px;
	}
	
	/* .footer .emblem {
		width: 85%;
		left: -15%;
		top: -10%;
	} */
}

/* sm >= 576 */
@media only screen and (max-width: 768px) {
	:root {
		--image-height: 380px;
	}
	
	.row {
		padding: 140px 0;
	}
	
	.row h1 {
		font-size: 2.55rem;
		max-width: 100%;
	}
	
	.row p {
		font-size: 1.125rem;
		max-width: 88%;
	}
	
	.yellow-squares {
		width: 42%;
		top: 132px;
	}
	
	.yellow-squares div:after {
		padding-bottom: 160%;
	}
	
	.logo {
		top: 37px;
		left: 42px;
	}
	
	.logo img {
		width: 150px;
	}
	
	/* footer */
	.footer {
		padding: 110px 0;
	}
	.footer h1, .content-page .footer h1 {
		font-size: 2.1rem;
		padding-top: 110px;
	}

	.footer h3, .content-page .footer h3 {
		margin-bottom: 60px;
	}
	
	.our-brands {
		padding-top: 35px;
	}
	
	.footer-bottom {
		margin-top:  60px;
	}
	
	.footer p, .content-page .footer p {
		font-size: .9375rem;
	}
	.footer .sep {
		height: 12px;
	}
	
	.footer .emblem {
		width: 85%;
		left: -15%;
		top: -10%;
	}
	
}

/* xs < 576 */
@media only screen and (max-width: 576px) {
	:root {
		--image-height: 230px;
	}
	
	.row {
		padding: 70px 0;
	}
	
	.row h1 {
		font-size: 1.65rem;
		max-width: 100%;
		padding: 30px 0;
	}
	
	.row p {
		font-size: .9375rem; /* 15px */
		max-width: 100%;
		padding: 30px 0;
	}
	
	.yellow-squares {
		width: 70%;
		top: 110px;
	}
	
	.yellow-squares div:after {
		padding-bottom: 100%;
	}
	
	.logo {
		top: 34px;
		left: 8.333333%; /* bootstrap col-1 margin */
		position: absolute;
	}
	
	.logo img {
		width: 100px;
	}
	
	.row-1 .image-1 {
		position: relative;
	}
	.row-1 .vertical-center {
		height: auto;
	}
	
	.row-1 h1 {
		padding-bottom: 0;
	}
	
	/* footer */
	.footer {
		padding: 35px 0;
	}
	.footer h1, .content-page .footer h1 {
		font-size: 1.25rem;
		font-weight:  500;
		padding-top: 35px;
	}

	.footer h3, .content-page .footer h3 {
		font-size: 1.125rem;
		font-weight:  500;
		margin-bottom: 60px;
	}
	
	.our-brands {
		padding-top: 35px;
	}
	
	.brand-logos div {
		display: block;
	}
	
	.brand-logos a {
		padding-left: 0;
		display: block;
	}
	
	.brand-locos img {
		margin-left:  0;
	}
	
	.footer-bottom {
		margin-top:  60px;
	}
	
	.footer p, .content-page .footer p {
		font-size: .825rem;
	}
	
	.footer .emblem {
		width: 85%;
		left: -15%;
		top: -10%;
	}
}

.row-1, .pre-footer, .footer {
	padding-top: 0;
}

.row-5, .pre-footer {
	padding-bottom: 0;
}

.footer p {
	padding: 0;
	max-width: 100%;
}

.form-group {
	margin-bottom: 0;
}

/* misc new */

.row-1 h1 {
	z-index: 20;
}

/********** nav **********/

.nav-container {
	position: absolute;
	top: 80px;
	top: 81px;
	left: 0;
	z-index: 3;
	z-index: 30;
	width: 100%;
	text-align: center;
}

.navbar {
	padding: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding: .75rem 1rem .5rem;
	padding: 12px 16px 8px;
	padding: 15px 17px 11px;
	padding: 15px 14px 11px;
	margin-left: 8px;
}

.navbar-light .navbar-nav .nav-link {
	color: #212529;
}

.nav-link {
	font-size: 1.25rem;
	line-height:  1.25rem;
	font-weight: 600;
	transition: background .5s;
	/* transition: all 0s; */
}

.nav-link:hover {
	background: #ECE839;
	background: #f3ee17;
	/* mix-blend-mode: multiply; */
	
	background: rgba(0,0,0,.05);
	
	transition: all 0s;
	color: #212529;
	/* color: orange; */
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	/* transition: all 0s; */
	/* color: orange; */
	color: #212529;
}

.active .nav-link {
	background: #ECE839;
	background: #f3ee17;
}

.nav-home img {
	height: 17px;
	vertical-align: top;
	margin-top: -3px;
	opacity: .85;
}

.navbar-light .navbar-toggler {
	border: none;
	padding: .75rem;
	margin-right: 1rem;
	margin-top: 7px;
	background: rgba(0,0,0,.05);
	margin-top: -2px;
	border-radius: 0;
}

button:focus {
	outline: none;
}

.burger span {
	background: #212529;
	display: block;
	height: 2px;
	width: 25px;
}

.burger span + span {
	margin-top: 5px;
}

.burger.collapsed {
	background: transparent;
}

/********** all pages **********/

.pl-4, .px-4 {
	padding-left: 2rem !important;
}
.pr-4, .px-4 {
	padding-right: 2rem !important;
}

.pt-4, .py-4 {
	padding-top: 2rem !important;
}

@media (min-width: 768px) {
	.pl-md-3, .px-md-3 {
		padding-left: 1rem !important;
	}
	.pr-md-3, .px-md-3 {
		padding-right: 1rem !important;
	}
	.pt-md-0, .py-md-0 {
		padding-top: 0 !important;
	}
}

/********** about page **********/

.hero {
	position: absolute;
	top: 0;
	left: 0;
}

.alt-bg {
	background: var(--alt-bg);
}

.about .hero {
	background-image: url('/images/hero-about.jpg');
}

.about .row-1 h1 {
	/* color: #fff; */
	z-index: 20;
}

.about-image-2 {
	background-image: url('/images/about-image-block-2.jpg');
}

.about-image-3 {
	background-image: url('/images/about-image-block-3.jpg');
}

.image-big {
	max-width: 100%;
}

.image-big-left {
	max-width: 95%;
}

.content-page .row {
	padding: 70px 0;
}

.content-page .pre-footer {
	padding: 0;
}

.about .card-title {
	margin-bottom: 0;
	padding-top: 4px;
}

.content-page p {
	max-width: 95%;
	font-size: 1.0625rem;
	padding-top: 0;
	padding-bottom: 0;
}

.content-page h2 {
	font-size: 1.75rem;
	padding: 0;
	margin: 0;
	font-weight: 600;
}

.content-page h3 {
	font-size: 1.5rem;
	padding: 0;
	margin: 0;
	font-weight: 600;
}

.content-page h4 {
	font-size: 1.0625rem;
	padding: 0;
	/* margin: 0; */
	font-weight: 600;
}

.process-grid .card {
	border: none;
	border-radius: 0;
	font-weight: 600;
}

.process-grid .card:before {
	content: "";
	display: block;
	padding-bottom: 100%;
	/* background: #ECE839; */
}

.process-grid .card-body {
	padding: 0;
}

.process-grid .card-title {
	font-weight: 600;
	position: absolute;
	top: 50%;
	width: 100%;
	padding-top: 2px;
	line-height: 2rem;
	margin-top: -1rem;
}

.process-grid .card {
	transform: scale(0);
}

.process-grid.animate-in .card {
	animation: pop-in 1.75s forwards;
}

.process-grid.animate-in .process-step-1 { animation-delay: 0s; }
.process-grid.animate-in .process-step-2 { animation-delay: .2s; }
.process-grid.animate-in .process-step-3 { animation-delay: .4s; }
.process-grid.animate-in .process-step-4 { animation-delay: .6s; }
.process-grid.animate-in .process-step-5 { animation-delay: .8s; }

@keyframes pop-in {
	

	0% {
		transform: scale(3);
		opacity: 0;
		background: #000;
		/* box-shadow: 0 0 0 10px rgba(194, 191, 0, 0); */
	}
	
	65% {
		
		/* box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.329); */
	}
	50% {
		transform: scale(1);
		opacity: 1;
		background: white;
		background: #f3ee17;
		/* box-shadow: 0 0 0 0 rgba(243, 238, 23, 0); */
	}
	/*51% {
		transform: scale(1);
		opacity: 1;
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.05);
	}*/
	100% {
		transform: scale(1);
		opacity: 1;
		background: white;
		/* transform: scale(0.95); */
		box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
	}
}

/********** people page **********/

.people .designers {
	list-style: square;
	margin-bottom: 0;
}

.people .designers a {
	color: #d2a317;
	transition: all .5s;
	font-size: 1.0625rem;
}

.people .designers a:hover {
	color: #222;
	color: #a38200;
	text-decoration: none;
	transition: all 0s;
}

.content-page .designers {
	padding-left: 16px;
}

.content-page .row-2 .px-4 {
	z-index: 20;
}

.content-page h3 {
	z-index: 20;
}

.people .hero {
	background-image: url('/images/hero-people.jpg');
}

.people .row-1 h1 {
	color: #fff;
	z-index: 20;
}

.people-image-2 {
	background-image: url('/images/people-image-block-2.jpg');
}

.people h1 {
	padding-bottom: 0;
}

.people .management-title {
	padding-bottom: 0;
}

.people .management-grid {
	padding-top: 0;
}

.people .card {
	border: none;
	border-radius: 0;
}

.people .card-img-top {
	border-radius: 0;
}

.people .card-body {
	/* padding-top: .75rem; */
	/* padding-bottom: 1.5rem; */
	/* padding: .875rem 0; */
	/* background: var(--alt-bg); */
}

.people .card-title {
	/* text-align: center; */
	font-weight: 600;
	font-size:  1.125rem;
	/* margin-bottom: 0; */
}

.people .thumb {
	position: relative;
}

.people .card .tint {
	background: rgba(0, 0, 0, .25);
	/* background: #ECE839; */
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 1s;
	opacity: 0;
}

.people .thumb:hover .tint {
	opacity: 1;
	transition: opacity 0s;
}

.people .thumb .view-button {
	background: #ECE839;
	background: #f3ee17;
	background: #cfcfcf;
	background: #dfdfdf;
	background: rgba(0,0,0,.2);
	position: absolute;
	display: inline-block;
	bottom: 0;
	right: 0;
	height: 39px;
	width: 39px;
	color: #212529;
	transition: all 1s ease-out;
	
	/* opacity: 0; */
}

.people .thumb .view-button img {
	opacity: .9;
	
	width: 20px;
	margin-top: 10px;
	margin-left: 10px;
	
	width: 13px;
	margin-top: 13px;
	margin-left: 13px;
}

.people .thumb:hover .view-button {
	background: #f3ee17;
	transition: all 0s;
}

.people .thumb .view-button:after {
	content: '';
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	box-shadow: 0 0 0 0 rgba(243, 238, 23, 1);
	
	animation: pulse 3s infinite;
}

.people .thumb-1 .view-button:after { animation-delay: 0s; }
.people .thumb-2 .view-button:after { animation-delay: .15s; }
.people .thumb-3 .view-button:after { animation-delay: .3s; }
.people .thumb-4 .view-button:after { animation-delay: .45s; }

@keyframes pulse {
	0% {
		/* transform: scale(0.95); */
		box-shadow: 0 0 0 0 rgba(243, 238, 23, 0.7);
		box-shadow: 0 0 0 0 rgba(68, 61, 0, 0.699);
		box-shadow: 0 0 0 0 rgb(194, 191, 0);
		box-shadow: 0 0 0 0 rgb(136, 136, 136);
		box-shadow: 0 0 0 0 rgba(0,0,0,.2);
		/* box-shadow: 0 0 0 0 red; */
	}

	30% {
		/* transform: scale(1); */
		box-shadow: 0 0 0 20px rgba(243, 238, 23, 0);
		box-shadow: 0 0 0 10px rgba(194, 191, 0, 0);
	}

	100% {
		/* transform: scale(0.95); */
		box-shadow: 0 0 0 0 rgba(243, 238, 23, 0);
	}
}







.mfp-inline-popup {
	position: relative;
	background: #FFF;
	padding: 50px;
	width: auto;
	max-width: 600px;
	margin: 20px auto;
}

.mfp-inline-popup .row {
	padding: 0;
}

.people .mfp-inline-popup .row h2 {
	font-size: 1.75rem;
}

.people .mfp-inline-popup .row h3 {
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: .5rem;
	margin-bottom:  1.5rem;
}

.people .mfp-inline-popup a,
.people .mfp-inline-popup a strong {
	color: #d2a317;
	color: #212529;
	transition: all .5s;
}

.people .mfp-inline-popup a:hover,
.people .mfp-inline-popup a:hover strong {
	color: #222;
	color: #d2a317;
	text-decoration: none;
	transition: all 0s;
}


.mfp-close-btn-in .mfp-close {
	background: rgba(243, 238, 23, 1);
	background: rgba(0,0,0,.1) url('/images/close.svg') no-repeat center center / 14px;
	width: 50px;
	height: 50px;
	opacity: 1;
	transition: all .5s ease-out;
	color: transparent;
}

.mfp-close-btn-in .mfp-close:hover {
	background-color: rgba(243, 238, 23, 1);
	transition: all 0s;
}

/* mfp fade transition */

/* overlay at start */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

html {
	overflow-y: auto !important; /* fix magnific hiding scrollbar jarringly */
}


/********** products page **********/

.nav-container .row {
	padding: 0;
}

.product-grid {
	position: relative;
	z-index: 20;
}

.products .hero {
	background-image: url('/images/hero-products.jpg');
}

/*
.products .row-1 {
	padding: 0;
}

.products .row h3 {
	padding-top: 70px;
}

.products .row-1 h1 {
	color: #fff;
	z-index: 20;
}
*/

.products .card {
	border: none;
}

.products .card .thumb {
	position: relative;
	overflow: hidden;
}
/* 
.products .card .thumb img {
	transition: transform .8s ease-out;
}

.products .card .thumb:hover img {
	transition: transform .1s ease-in;
	transform: scale(1.5);
} */

.products .card .tint {
	background: rgba(0, 0, 0, .5);
	/* background: #ECE839; */
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 1s;
	opacity: 0;
}

.products .cardx .tint:after {
	content: '';
	background: rgba(0,0,0,.5);
	/* background: #ECE839;
	background: #e1ce00; */
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 1s ease-out;
	opacity: 0;
}

.products .thumb:hover .tint,
.products .thumb:hover .tint:after {
	opacity: 1;
	transition: opacity 0s;
}

.products .thumb .view-button {
	background: #ECE839;
	background: #f3ee17;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	line-height: 2rem;
	margin-top: -.75rem;
	width: 120px;
	margin-left: -60px;
	color: #212529;
	font-weight: 600;
	text-align: center;
	padding-top: 4px;
	transform: scale(0);
	transition: all 1s ease-out;
	opacity: 0;
}

.products .thumb:hover .view-button {
	opacity: 1;
	transform: scale(1);
	/* transition: all .1s; */
	transition: all 0s;
}


.products .card-img-top {
	border-radius: 0;
}

.products .card-body {
	/* padding-top: .75rem; */
	/* padding-bottom: 1.5rem; */
	padding: .875rem 0;
	background: var(--alt-bg);
}

.products .card-title {
	text-align: center;
	font-weight: 600;
	font-size:  1.125rem;
	margin-bottom: 0;
}

.small-gutters .col {
	padding: 4px;
}

/* content page */

.content-page .row-1 {
	padding-bottom: 0;
}

.contant-page .row-1 h3 {
	/* padding-top: 70px; */
}


.products .row-1 h1 {
	color: #fff;
	z-index: 20;
}

/* responsive nav */

@media only screen and (max-width: 1200px) {
	.nav-container {
		top: 72px;
	}
}

@media only screen and (max-width: 992px) {
	.nav-container {
		top: 63px;
	}
}

@media only screen and (max-width: 768px) {
	.nav-container {
		top: 58px;
	}
	.nav-link {
		font-size: 1.125rem;
	}
	
	.navbar-expand-md .navbar-nav .nav-link {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.content-page .row {
		padding: 50px 0;
	}
	
	.content-page .row.small-gutters {
		padding: 46px 0;
	}
	
	.content-page .row.small-gutters.process-grid {
		padding: 0;
	}
	
	.content-page h3 {
		font-size:  1.25rem;
	}
}

@media only screen and (max-width: 576px) {
	.nav-container {
		top: 40px;
	}
	
	.navbar-collapse {
		background: white;
		text-align: left;
		padding: 1rem 0;
		margin-top: 2rem;
	}	
	
	.navbar-expand-md .navbar-nav .nav-link {
		margin-left: 0;
		padding-left: 2rem;
	}
	
	.content-page .row {
		padding: 2rem 0;
	}
	
	.content-page .row.small-gutters {
		padding: 28px 0;
	}
	
	.content-page .row.small-gutters.process-grid {
		padding: 0;
	}
	
	.content-page .row-1 {
		padding-top: 230px;
	}
	
	.content-page .row-1 h1 {
		color: #212529;
	}
	
	.image-big-left {
		max-width: 100%;
	}
	
	.content-page h1 {
		font-size: 1.75rem;
	}
	
	.content-page h3 {
		font-size: 1.125rem;
		font-weight: 500;
	}
	
	.content-page .row-1 h3 {
		padding-top: 50px;
	}
	
	.content-page p {
		font-size: .9375rem;
		max-width: 100%;
	}
	
	.process-grid .card:before {
		padding-bottom: 50px;
	}
	.process-grid .card-title {
		font-size: 1.125rem;
	}
}

.nav-container .row {
	padding: 0;
}

.content-page .row-1 {
	padding-bottom: 0;
}

.people .management-title {
	padding-bottom: 0;
}

.people .small-gutters.management-grid {
	padding-top: 0;
}

.about .process-title {
	padding-bottom: 0;
}

.about .process-grid {
	padding: 0;
}
.content-page .pre-footer {
	padding: 0;
}

.content-page .footer.row {
	padding-top: 0;
}

/* new pages 2021-08-12 */

.content-page section .row {
	padding: 100px 0;
}

.content-page section .row-1 {
	padding: 0;
}

.content-page h3 {
	max-width: 460px;
}

.content-page p {
	max-width: 470px;
}
.content-page p + p {
	margin-top: 1rem;
}

.image-big {
	/* margin-top: 2rem; */
	margin-top: 4px;
}

/* new about page */
.content-page .row-1 h1 {
	transform: translate3d(0, 80px, 0);
}
.about-new .hero {
	background-image: url('/images/hero-people.jpg');
	background-image: url('/images/about-11.jpg');
	background-image: url('/images/hero-about.jpg');
	/* background-image: url('/images/hero-about-new.jpg'); */
}

.about-new .row-1 h1  {
	/* color: #fff; */
}

.about-new .row-3 .row {
	padding-top: 0;
}

.about-new .row-3 .row .image-big {
	/* margin-top: -2rem; */
}

.about-new .row-4 {
	background: transparent url('/images/image-block-1.jpg') no-repeat center / cover;
	background-image: url('/images/methodology-3.jpg');
	height: 1000px;
	color: #fff;
	background: #1a1a1a;
	/* background: #000 url('/images/about-4-bg.gif') no-repeat center; */
	background: #000 url('/images/yellow.gif') no-repeat center / 1550px;
	background: #000 url('/images/yellow-2.gif') no-repeat center 370px / 1537px;
	background: #000 url('/images/yellow-3.png') no-repeat center 370px / 1537px;
	/* background: #000 url('/images/yellow-2.gif') no-repeat center 450px / 1155px; */
	background: #1a1a1a;
}

.about-new .row-4 p {
	color: #fff;
}

.about-new .row-5 {
	background: transparent url('/images/image-block-1.jpg') no-repeat center / cover;
	background-image: url('/images/about-4ap.jpg');
	background-image: url('/images/about-4ap2.jpg');
	height: 500px;
	color: #fff;
}

.about-new .row-4 .row {
	padding: 0;
}

.about-new .row-4 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.about-new .row-4 .global-list {
	color: #f3ee17;
	padding-top: 10px;
	text-shadow: 0 15px 40px black, 0 15px 40px black;
	padding-top: 0;
}

.global-list  h3 {
	line-height: 1.8;
}

.about-new .row-4 {
	position: relative;
	overflow: hidden;
	
	/* text-shadow: 0 12px 25px black, 0 25px 45px black, 0 45px 65px black; */
}

.about-map {
	width: 1538px;
	/* background: #1a1a1a url('/images/yellow-2.gif') no-repeat 0 center / 1537px; */
	background: #1a1a1a url('/images/yellow-3.gif') no-repeat 0 center / 1537px;
	/* background: red; */
	position: absolute;
	bottom: 0;
	left: 50%;
	/* margin-left: -769px; */
	transform: translate3d(-50%, 40px, 0);
	z-index: 1;
	height: 708px;
	/* pointer-events: none; */
}

:root {
	/* --about-map-ping-delay: .075s; */
	--about-map-ping-delay: .1s;
}
.about-map .map-dot {
	position: absolute;
	width: 8px;
	height: 8px;
	/* background: red; */
	background: transparent;
	/* background: #f3ee17; */
	opacity: 0;
}

.row-about-map.animate-in .about-map-pulse {
	animation: about-map-pulse .6s ease-in forwards;
}

@keyframes about-map-pulse {
	0% {
		box-shadow: 0px 0px 0px 60px #929029b0;
		/* border-radius: 20px; */
		/* opacity: 0; */
		/* width: 100px; */
		/* transform: scale(.1); */
		/* opacity: 0; */
		background: #4d4b00;
		background: #4d4b00;
		/* background: #fff; */
	}
	100% {
		/* box-shadow: 0px 0px 0px 0px rgba(255,255,255,0); */
		/* box-shadow: 0px 0px 10px 0px rgba(255, 187, 0, 0.521); */
		background: #f3ee17;
		background: #faff33;
		/* border-radius: 20px; */
		/* background: #525000; */
		/* border-radius: 0px; */
		opacity: 1;
		transform: scale(1);
	}
}


.row-about-map.animate-in .about-map .map-dot-1 {
	top: 226px;
	left: 819px;
	animation-delay: calc(var(--about-map-ping-delay) * 1);
}
.row-about-map.animate-in .about-map .map-dot-2 {
	top: 240px;
	left: 466px;
	animation-delay: calc(var(--about-map-ping-delay) * 2);
}
.row-about-map.animate-in .about-map .map-dot-3 {
	top: 201px;
	left: 792px;
	animation-delay: calc(var(--about-map-ping-delay) * 3);
}
.row-about-map.animate-in .about-map .map-dot-4 {
	top: 569px;
	left: 1370px;
	animation-delay: calc(var(--about-map-ping-delay) * 4);
}
.row-about-map.animate-in .about-map .map-dot-5 {
	top: 385px;
	left: 1168px;
	animation-delay: calc(var(--about-map-ping-delay) * 5);
}
.row-about-map.animate-in .about-map .map-dot-6 {
	top: 586px;
	left: 465px;
	animation-delay: calc(var(--about-map-ping-delay) * 6);
}
.row-about-map.animate-in .about-map .map-dot-7 {
	top: 290px;
	left: 818px;
	animation-delay: calc(var(--about-map-ping-delay) * 7);
}
.row-about-map.animate-in .about-map .map-dot-8 {
	top: 243px;
	left: 1315px;
	animation-delay: calc(var(--about-map-ping-delay) * 8);
}
.row-about-map.animate-in .about-map .map-dot-9 {
	top: 358px;
	left: 943px;
	animation-delay: calc(var(--about-map-ping-delay) * 9);
}
.row-about-map.animate-in .about-map .map-dot-10 {
	top: 335px;
	left: 217px;
	animation-delay: calc(var(--about-map-ping-delay) * 0);
}
.row-about-map.animate-in .about-map .map-dot-11 {
	top: 603px;
	left: 1362px;
	animation-delay: calc(var(--about-map-ping-delay) * 1);
}
.row-about-map.animate-in .about-map .map-dot-12 {
	top: 264px;
	left: 775px;
	animation-delay: calc(var(--about-map-ping-delay) * 2);
}
.row-about-map.animate-in .about-map .map-dot-13 {
	top: 357px;
	left: 1086px;
	animation-delay: calc(var(--about-map-ping-delay) * 3);
}
.row-about-map.animate-in .about-map .map-dot-14 {
	top: 303px;
	left: 1329px;
	animation-delay: calc(var(--about-map-ping-delay) * 4);
}
.row-about-map.animate-in .about-map .map-dot-15 {
	top: 221px;
	left: 800px;
	animation-delay: calc(var(--about-map-ping-delay) * 5);
}
.row-about-map.animate-in .about-map .map-dot-16 {
	top: 258px;
	left: 396px;
	animation-delay: calc(var(--about-map-ping-delay) * 6);
}
.row-about-map.animate-in .about-map .map-dot-17 {
	top: 568px;
	left: 1240px;
	animation-delay: calc(var(--about-map-ping-delay) * 7);
}
.row-about-map.animate-in .about-map .map-dot-18 {
	top: 478px;
	left: 1336px;
	animation-delay: calc(var(--about-map-ping-delay) * 8);
}
.row-about-map.animate-in .about-map .map-dot-19 {
	top: 242px;
	left: 819px;
	animation-delay: calc(var(--about-map-ping-delay) * 9);
}
.row-about-map.animate-in .about-map .map-dot-20 {
	top: 286px;
	left: 217px;
	animation-delay: calc(var(--about-map-ping-delay) * 0);
}
.row-about-map.animate-in .about-map .map-dot-21 {
	top: 358px;
	left: 1015px;
	animation-delay: calc(var(--about-map-ping-delay) * 1);
}










.about-new .row-4 .container {
	position: relative;
	z-index: 2;
}

/* methodology page */

.methodology .hero {
	background-image: url('/images/hero-people.jpg');
	background-image: url('/images/hero-products.jpg');
}

.methodology .row-1 h1  {
	color: #fff;
}

.methodology .row-3 .row {
	padding: 0;
}

.methodology .row-3 {
	background: transparent url('/images/image-block-1.jpg') no-repeat center / cover;
	background-image: url('/images/methodology-3ap.jpg');
	height: 990px;
	color: #fff;
}

.methodology .row-3 {
	padding-top: 100px;
}

.methodology .row-3 p {
	color: #fff;
}

.methodology .row-4 {
	background: #ECE839;
}

.methodology .row-4 .row {
	padding: 0;
}

.methodology .row-4 {
	padding-top: 90px;
	padding-bottom: 85px;
}

.cube {
	width: 300px;
	height: 344px;
	background: transparent url('/images/cube-base.svg') no-repeat center / 300px;
	position: relative;
	transform: scale(.9);
	margin-top: 110px;
}

.cube .face {
	position: absolute;
	top: 50%;
	left: 50%;
	/* opacity: .5; */
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}

.cube .face-0 {
	width: 300px;
	height: 200px;
	background: transparent url(/images/cube-0-2.svg) no-repeat center / 300px;
	margin-top: -185px;
	margin-left: -150px;
	transition: all 1.5s ease .1s;
	transform: rotate(0deg) scale(-.5, .1);
	transform-origin: right;
}

.cube .face-3 {
	width: 146px;
	height: 248px;
	background: transparent url(/images/cube-3-15-2.svg) no-repeat center / 146px;
	margin-top: -168px;
	margin-left: 2px;
	transition: all 1.5s ease .15s;
	transform: rotate(300deg) scale(-.5, .1);
	transform-origin: left;
}

.cube .face-9 {
	width: 146px;
	height: 248px;
	background: transparent url(/images/cube-9-21-2.svg) no-repeat center / 146px;
	margin-top: -82px;
	margin-left: 0px;
	transition: all 1.5s ease .2s;
	transform: rotate(-300deg) scale(-.5, .1);
	transform-origin: right;
}

.cube .face-12 {
	width: 300px;
	height: 200px;
	background: transparent url(/images/cube-0-2.svg) no-repeat center / 300px;
	margin-top: -17px;
	margin-left: -150px;
	transition: all 1.5s ease .25s;
	transform: rotate(0deg) scale(-.5, .1);
	transform-origin: left;
}


.cube .face-15 {
	width: 146px;
	height: 248px;
	background: transparent url(/images/cube-3-15-2.svg) no-repeat center / 146px;
	margin-top: -82px;
	margin-left: -146px;
	transition: all 1.5s ease .3s;
	transform: rotate(300deg) scale(-.5, .1);
	transform-origin: right;
}

.cube .face-21 {
	width: 146px;
	height: 248px;
	background: transparent url(/images/cube-9-21-2.svg) no-repeat center / 146px;
	margin-top: -168px;
	margin-left: -148px;
	transition: all 1.5s ease .35s;
	transform: rotate(-300deg) scale(-.5, .1);
	transform-origin: left;
}

.cube .face {
	/* transition: all .8s ease-in-out; */
	color: transparent;
	opacity: 0;
	
	/* transform: rotate3d(11, 11, 11, 75deg);
	transform: rotate3d(0, 0, 1, 90deg) scale(-.5, -.5);
	transform: rotate3d(0, 0, 1, 270deg) scale(-.5, -.5);
	transform: rotate3d(0, 0, 1, 45deg) scale(-.8, -.8);
	transform: rotate3d(0, 0, 1, -135deg) scale(-.8, -.8); */
	
	/* transform: rotate3d(0, 0, 1, 0deg) scale(-.1, -.1); */
	
	/* transform: rotate3d(0, 0, 1, 0deg) scale(1, 1); */
	
	/* transform: rotate(62deg); */
}

.row-cube {
	overflow: hidden;
}
.cube {
	transform: scale(.9) rotate(145deg) scale(.1, .9);
	transform: scale(.9) rotate(360deg) scale(.9, .9);
	transform: scale(.9) rotate(360deg) scale(.1, .1);
	transform: scale(.9) rotate(-335deg) scale(.4, .4);
	/* transform: rotate(180deg) scale(.4, .4); */
	transition: all 1.5s ease;
	opacity: 0;
}

.animate-in .cube {
	transform: scale(.9);
	opacity: 1;
}
.animate-in .cube .face {
	color: #000;
	opacity: 1;
}
.animate-in .cube .face-0 {
	/* transform: scale(1.05) translate3d(0px, -95%, 0);
	transform: scale(1.05) translate3d(0px, -100%, 0); */
	transform: scale(1.05) translate3d(0px, -110%, 0);
	/* transform: scale(1.10) translate3d(0px, -90%, 0); */
}
.animate-in .cube .face-12 {
	/* transform: scale(1.05) translate3d(0px, 5%, 0);
	transform: scale(1.05) translate3d(0px, 100%, 0); */
	transform: scale(1.05) translate3d(0px, 110%, 0);
	/* transform: scale(1.10) translate3d(0px, 90%, 0); */
}
.animate-in .cube .face-3 {
	/* transform: scale(1.05) translate3d(115%, -35%, 0);
	transform: scale(1.05) translate3d(120%, -38%, 0);
	transform: scale(1.05) translate3d(120%, -40%, 0); */
	transform: scale(1.05) translate3d(130%, -43%, 0);
	/* transform: scale(1.10) translate3d(120%, -33%, 0); */
}
.animate-in .cube .face-15 {
	/* transform: scale(1.05) translate3d(-115%, 35%, 0);
	transform: scale(1.05) translate3d(-120%, 38%, 0);
	transform: scale(1.05) translate3d(-120%, 40%, 0); */
	transform: scale(1.05) translate3d(-130%, 43%, 0);
	/* transform: scale(1.10) translate3d(-120%, 33%, 0); */
}
.animate-in .cube .face-9 {
	/* transform: scale(1.05) translate3d(115%, 35%, 0);
	transform: scale(1.05) translate3d(120%, 38%, 0);
	transform: scale(1.05) translate3d(120.5%, 40.5%, 0); */
	transform: scale(1.05) translate3d(131.5%, 45%, 0);
	/* transform: scale(1.10) translate3d(121.5%, 35%, 0); */
}
.animate-in .cube .face-21 {
	/* transform: scale(1.05) translate3d(-115%, -35%, 0);
	transform: scale(1.05) translate3d(-120%, -38%, 0);
	transform: scale(1.05) translate3d(-120.5%, -40.5%, 0); */
	transform: scale(1.05) translate3d(-131.5%, -45%, 0);
	/* transform: scale(1.10) translate3d(-121.5%, -35%, 0); */
}

.methodology-grid .col {
	padding-top: 15px;
	padding-bottom: 15px;
}

.methodology-grid .card {
	border-radius: 0;
	border: none;
	padding: 5px;
}

.methodology-grid .card-img-top {
	width: 58px;
	width: 51px;
	margin-left: 20px;
	margin-top: 1.5rem;
	opacity: .9;
}

.methodology-grid .card-title {
	font-weight: 600;
	font-size: 1.3rem;
	line-height: 1;
	border-bottom: 1px solid rgba(0 0 0 / 10%);
	padding-top: 8px;
	padding-bottom: 16px;
}

.methodology-grid .card-subtitle {
	font-weight: 600;
	font-size: 1.1rem;
	line-height: 1;
	padding-top: 15px;
	padding-bottom: 10px;
}

.methodology-grid .card-body {
	padding-bottom: 2.5rem;
}

.methodology-grid ul {
	margin: 0;
	padding: 0;
	padding-left: 1rem;
}

.methodology-grid li {
	padding: 0;
	margin: 0;
	font-size: 1.1rem;
}





:root {
	/* --about-map-ping-delay: .075s; */
	--methodology-grid-animate-in-delay: .075s;
}
.about-map .map-dot_ {
	position: absolute;
	width: 8px;
	height: 8px;
	/* background: red; */
	background: transparent;
	/* background: #f3ee17; */
	opacity: 0;
}

.methodology-grid .card {
	opacity: 0;
}

.methodology-grid.animate-in .card {
	animation: methodology-grid-animate-in .75s ease-out forwards;
}

@keyframes methodology-grid-animate-in {
	0% {
		opacity: 0;
		transform: translate3d(0, 70px, 0);
		/* box-shadow: 0 0 10px black; */
	}
	40% {
		transform: translate3d(0, -16px, 0);
		/* box-shadow: 0 10px 10px rgba(59, 49, 0, 0.05); */
		/* opacity: 1; */
	}
	100% {
		transform: translate3d(0, 0px, 0);
		border-radius: 0;
		opacity: 1;
	}
}


.methodology-grid.animate-in .card-1 {
	animation-delay: calc(var(--methodology-grid-animate-in-delay) * 1);
}
.methodology-grid.animate-in .card-2 {
	animation-delay: calc(var(--methodology-grid-animate-in-delay) * 2);
}
.methodology-grid.animate-in .card-3 {
	animation-delay: calc(var(--methodology-grid-animate-in-delay) * 3);
}
.methodology-grid.animate-in .card-4 {
	animation-delay: calc(var(--methodology-grid-animate-in-delay) * 4);
}
.methodology-grid.animate-in .card-5 {
	animation-delay: calc(var(--methodology-grid-animate-in-delay) * 5);
}
.methodology-grid.animate-in .card-6 {
	animation-delay: calc(var(--methodology-grid-animate-in-delay) * 6);
}













/* partners page */

.partners .hero {
	background-image: url('/images/hero-products.jpg');
	background-image: url('/images/about-1.jpg');
	background-image: url('/images/hero-people.jpg');
}

.partners .row-1 h1  {
	color: #fff;
}

.partners .row-3 {
	background: transparent url('/images/image-block-1.jpg') no-repeat center / cover;
	background-image: url('/images/partners-3.jpg');
	height: 500px;
	color: #fff;
}

.partners .row-4 {
	background: #ECE839;
}


.partners .row-partners-brands {
	position: relative;
	overflow: hidden;
	height: 700px;
	
	/* text-shadow: 0 12px 25px black, 0 25px 45px black, 0 45px 65px black; */
}

.brand-cloud {
	width: 2000px;
	/* background: #1a1a1a url('/images/yellow-2.gif') no-repeat 0 center / 1537px; */
	/* background: transparent url('/images/partners-brands.png') no-repeat 0 center / 2000px; */
	/* background: red; */
	position: absolute;
	bottom: 0;
	left: 50%;
	/* margin-left: -769px; */
	transform: translate3d(-50%, 50px, 0);
	z-index: 1;
	height: 708px;
	/* pointer-events: none; */
}

.brand-cloud .layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.brand-cloud .layer-1 {
	background: transparent url('/images/brands_1_1.png') no-repeat 0 center / 2000px;
	z-index: 1;
}
.brand-cloud .layer-2 {
	background: transparent url('/images/brands_1_2.png') no-repeat 0 center / 2000px;
	z-index: 2;
}
.brand-cloud .layer-3 {
	background: transparent url('/images/brands_1_3.png') no-repeat 0 center / 2000px;
	z-index: 3;
}
.brand-cloud .layer-4 {
	background: transparent url('/images/brands_1_4.png') no-repeat 0 center / 2000px;
	z-index: 4;
}
.brand-cloud .layer-5 {
	background: transparent url('/images/brands_1_5.png') no-repeat 0 center / 2000px;
	z-index: 5;
}
.brand-cloud .layer-6 {
	background: transparent url('/images/brands_1_6.png') no-repeat 0 center / 2000px;
	z-index: 6;
}

:root {
	--brands-cloud-animate-in-delay: .09s;
}


.row-partners-brands .layer {
	opacity: 0;
}

.row-partners-brands.animate-in .layer {
	animation: brands-cloud-animate-in .7s ease forwards;
}

@keyframes brands-cloud-animate-in {
	0% {
		opacity: 0;
		transform: translate3d(0, 70px, 0);
		transform: scale(5);
		/* box-shadow: 0 0 10px black; */
	}
	70% {
		/* transform: scale(.8); */
	}
	100% {
		/* transform: translate3d(0, 0px, 0); */
		opacity: 1;
	}
}


.row-partners-brands.animate-in .layer-1 {
	animation-delay: calc(var(--brands-cloud-animate-in-delay) * 1);
}
.row-partners-brands.animate-in .layer-2 {
	animation-delay: calc(var(--brands-cloud-animate-in-delay) * 2);
}
.row-partners-brands.animate-in .layer-3 {
	animation-delay: calc(var(--brands-cloud-animate-in-delay) * 3);
}
.row-partners-brands.animate-in .layer-4 {
	animation-delay: calc(var(--brands-cloud-animate-in-delay) * 4);
}
.row-partners-brands.animate-in .layer-5 {
	animation-delay: calc(var(--brands-cloud-animate-in-delay) * 5);
}
.row-partners-brands.animate-in .layer-6 {
	animation-delay: calc(var(--brands-cloud-animate-in-delay) * 6);
}




/* sustainability page */

.sustainability .hero {
	background-image: url('/images/sustainability-1.jpg');
	background-image: url('/images/about-1.jpg');
	background-image: url('/images/about-1ap.jpg');
	/* background-image: url('/images/hero-about.jpg'); */
}

.sustainability .row-1 h1  {
	color: #fff;
}

.sustainability .row-3 {
	background: transparent url('/images/image-block-1.jpg') no-repeat center / cover;
	background-image: url('/images/sustainability-3ap.jpg');
	height: 500px;
	color: #fff;
}