* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "din-2014", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

body,
html {
    height: 100%;
}

html {
    font-size: 16px;
}

body {
    background-color: #232E83;
    overflow-x: hidden;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p {
	visibility: hidden;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p {
	visibility: visible;
}

.preventscroll {
    position: relative;
    overflow: hidden;
}

.menu--open {
    overflow: hidden;
}

.wrapper {
    padding: 0 60px;
    height: 100%
}


/* Page Information & Scroll */

.pageinfo {
	display: -ms-grid;
	display: grid;
	position: fixed;
	left: 60px;
	height: 100%;
	justify-items: start;
	-ms-grid-rows: calc(19vh + 100px) max-content 20px auto;
	    grid-template-rows: calc(19vh + 100px) -webkit-max-content 20px auto;
	    grid-template-rows: calc(19vh + 100px) max-content 20px auto;
	-ms-grid-columns: 9%;
	    grid-template-columns: 9%;
}

.scroll__title,
.title {
    color: #4DBFB9;
    font-size: 21px;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

.scroll,
.title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / -1;
}

.title {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2 / span 1;
}

.scroll {
	-ms-grid-row: 4;
	-ms-grid-row-span: 1;
	grid-row: 4 / span 1;
}

.scroll__arrow {
    margin-top: 1.618rem;
    width: 24px;
    -webkit-animation: scrollbounce 1.5s infinite alternate ease-in-out;
            animation: scrollbounce 1.5s infinite alternate ease-in-out;
    -webkit-transform-origin: top;
            transform-origin: top;
}


/* Homepage Background */

.background {
    position: fixed;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
    grid-template-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
    -ms-grid-rows: 0.097fr 0.039fr 0.054fr 0.088fr 0.054fr 0.167fr 0.167fr 0.054fr 0.088fr 0.064fr 0.127fr;
    grid-template-rows: 0.097fr 0.039fr 0.054fr 0.088fr 0.054fr 0.167fr 0.167fr 0.054fr 0.088fr 0.064fr 0.127fr;
    width: calc(100% - 120px);
    height: 100%;
    z-index: 1;
}

.splash {
    -ms-grid-columns: 60px (1fr)[10] 60px;
    grid-template-columns: 60px repeat(10, 1fr) 60px;
    width: 100%;
    left: 0;
}

.blob {
    -ms-grid-row: 4;
    -ms-grid-row-span: 7;
    grid-row: 4 / -2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 8;
    grid-column: 4 / -4;
    width: 100%;
    z-index: 3;
    transition: opacity 2s ease-in-out, -webkit-transform 2s ease-in-out;
    transition: transform 2s ease-in-out, opacity 2s ease-in-out;
    transition: transform 2s ease-in-out, opacity 2s ease-in-out, -webkit-transform 2s ease-in-out;
}

.tublob {
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
    grid-column: 3 / span 4;
    -ms-grid-row: 7;
    -ms-grid-row-span: 5;
    grid-row: 7 / span 5;
    width: 100%;
    z-index: 0;
    transition: opacity 1s ease-in-out, -webkit-transform 2s ease-in-out 0.15s;
    transition: transform 2s ease-in-out 0.15s, opacity 1s ease-in-out;
    transition: transform 2s ease-in-out 0.15s, opacity 1s ease-in-out, -webkit-transform 2s ease-in-out 0.15s;
}

.polygon {
    -ms-grid-row: 4;
    -ms-grid-row-span: 8;
    grid-row: 4 / -1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 8;
    grid-column: 4 / -2;
    width: 100%;
    z-index: 4;
    transition: opacity 1s ease-in-out, -webkit-transform 2s ease-in-out 0.3s;
    transition: transform 2s ease-in-out 0.3s, opacity 1s ease-in-out;
    transition: transform 2s ease-in-out 0.3s, opacity 1s ease-in-out, -webkit-transform 2s ease-in-out 0.3s;
}

.team .polygon,
.team .blob,
.team .tublob {
    transition: none;
}

.tublob--alchemy,
.tublob--partner {
    -webkit-transform: translateX(120%) scale(0.5);
            transform: translateX(120%) scale(0.5);
}

.blob--alchemy,
.blob--partner {
    -webkit-transform: translateX(50%) scale(0.5);
            transform: translateX(50%) scale(0.5);
}

.polygon--alchemy,
.polygon--partner {
    -webkit-transform: translateX(40%);
            transform: translateX(40%);
}

.tublob--partner,
.blob--partner,
.polygon--partner {
    opacity: 0;
}


/* Brands Content */


/* Brands Content */

.brands .pageinfo {
	z-index: 3;
}

.brand__introduction {
	z-index: 3;
	-ms-grid-column: 3;
	-ms-grid-column-span: 8;
	grid-column: 3 / 10;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;
	grid-row: 5 / span 1;

    /*grid-row: 3 / span 1;*/
}

.brand__introduction p {
    font-weight: 300;
    font-size: 2.618rem;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.brands.wrapper {
    padding: 0;
}

.brands .container {
	z-index: 1;
	    -ms-grid-columns: 60px 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr 60px;
	        grid-template-columns: 60px 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr 60px;
	    -ms-grid-rows: 19vh 60px 20px 20px auto 60px 250px (minmax(max-content, 70vh))[3] (30px)[3];
	        grid-template-rows: 19vh 60px 20px 20px auto 60px 250px repeat(1, minmax(-webkit-max-content, 70vh)) repeat(3, 30px);
	        grid-template-rows: 19vh 60px 20px 20px auto 60px 250px repeat(1, minmax(max-content, 70vh)) repeat(3, 30px);
} 

@supports (-ms-ime-align:auto) {

	.brands .container {
    	max-height: 350%;
	}

}

.brand__logo--reversed {
    width: 250px;
}

.brand__desc p {
	margin-bottom: 30px;
	font-weight: 300;
	font-size: 1.618rem;
	color: #000;
	transition: opacity 0.3s ease-in-out;
}

.brandturqblob {
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    grid-column: 5 / span 4;
    -ms-grid-row: 6;
    -ms-grid-row-span: 4;
    grid-row: 6 / span 4;

    /*grid-row: 4 / span 4;*/
    width: 100%;
}

.brand__url {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 1.4rem;
    color: #F37A20;
    transition: opacity 0.3s ease-in-out;
}

.brand__desc {
    margin: 30px 0 20px 0;
}

.brand__info {
	z-index: 3;
	position: relative;
	-ms-grid-row-align: center;
	    align-self: center;
}

.brands__blob {
	z-index: 2;
	position: relative;
	overflow: hidden;
    -ms-grid-row: 6;
    -ms-grid-row-span: 8;
    	grid-row: 7 / span 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 14;
		grid-column: 1 / span 14;
	height: 100%;
}

.brands__blob--bg {
	-ms-grid-row: 9;
	-ms-grid-row-span: 5;
	grid-row: 9 / span 5;
	-ms-grid-column: 1;
	-ms-grid-column-span: 14;
	grid-column: 1 / span 14;
	background-color: #FFF;
}

.brands__blob svg {
	-webkit-transform: scale(3);
	        transform: scale(3);
	-webkit-transform-origin: top center;
	        transform-origin: top center;
}

.brand__blob {
	height: auto;
	width: 100%;
	position: relative;
}

.brand__info--id {
	z-index: 4;
	-ms-grid-row: 8;
	-ms-grid-row-span: 1;
	grid-row: 8 / span 1;
	-ms-grid-column: 3;
	-ms-grid-column-span: 4;
	grid-column: 3 / span 4;
}

.brand__bg--id {
	z-index: 4;
	position: relative;
	overflow: hidden;
	margin-left: 15%;
	margin-top: 20%;
	-ms-grid-row: 8;
	-ms-grid-row-span: 1;
	grid-row: 8 / span 1;
	-ms-grid-column: 6;
	-ms-grid-column-span: 9;
	grid-column: 6 / span 9;

}

.brand__bg--id svg {
	-webkit-transform: scale(1.5);
	        transform: scale(1.5);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}

.brand__blob--id {
	z-index: 5;
	-webkit-animation: text-translate-up 9s infinite alternate ease-in-out;
	        animation: text-translate-up 9s infinite alternate ease-in-out;
	-ms-grid-row: 8;
	-ms-grid-row-span: 1;
	grid-row: 8 / span 1;
	-ms-grid-column: 9;
	-ms-grid-column-span: 4;
	grid-column: 9 / 13;
	-ms-grid-row-align: center;
	    align-self: center;
}

.bg__colour--dit {
	z-index: 3;
	-ms-grid-row: 9;
	-ms-grid-row-span: 1;
	grid-row: 9 / span 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 14;
	grid-column: 1 / span 14;
	background-color: #F9F5E0;
}

.brand__info--dit {
	z-index: 4;
	-ms-grid-row: 9;
	-ms-grid-row-span: 1;
	grid-row: 9 / span 1;
	-ms-grid-column: 9;
	-ms-grid-column-span: 4;
	grid-column: 9 / span 4
}

.brand__bg--dit {
	z-index: 4;
	position: relative;
	overflow: hidden;
	margin-right: 30%;
	-ms-grid-row: 9;
	-ms-grid-row-span: 1;
	grid-row: 9 / span 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 9;
	grid-column: 1 / 10;
}

.brand__bg--dit svg {
	-webkit-transform: scale(3);
	        transform: scale(3);
	-webkit-transform-origin: center right;
	        transform-origin: center right;
}

.brand__blob--dit {
	z-index: 5;
	-webkit-animation: text-translate-up 13s infinite alternate ease-in-out;
	        animation: text-translate-up 13s infinite alternate ease-in-out;
	-ms-grid-row: 9;
	-ms-grid-row-span: 1;
	grid-row: 9 / span 1;
	-ms-grid-column: 3;
	-ms-grid-column-span: 4;
	grid-column: 3 / 7;
	-ms-grid-row-align: center;
	    align-self: center;
}

.bg__colour--as {
	z-index: 3;
	-ms-grid-row: 10;
	-ms-grid-row-span: 4;
	grid-row: 10 / span 4;
	-ms-grid-column: 1;
	-ms-grid-column-span: 14;
	grid-column: 1 / span 14;
	background-color: #FEF5F5;
}

.brand__info--as {
	z-index: 4;
	-ms-grid-row: 10;
	-ms-grid-row-span: 1;
	grid-row: 10 / span 1;
	-ms-grid-column: 3;
	-ms-grid-column-span: 4;
	grid-column: 3 / span 4;
}

.brand__bg--as {
	z-index: 4;
	position: relative;
	overflow: hidden;
	margin-top: 10%;
	margin-left: 15%;
	-ms-grid-row: 10;
	-ms-grid-row-span: 4;
	grid-row: 10 / span 4;
	-ms-grid-column: 4;
	-ms-grid-column-span: 11;
	grid-column: 4 / span 11;
}

.brand__bg--as svg {
	-webkit-transform: scale(2.3);
	        transform: scale(2.3);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}

.brand__blob--as {
	z-index: 4;
	-webkit-animation: text-translate-up 11s infinite alternate ease-in-out;
	        animation: text-translate-up 11s infinite alternate ease-in-out;
	-ms-grid-row: 10;
	-ms-grid-row-span: 1;
	grid-row: 10 / span 1;
	-ms-grid-column: 9;
	-ms-grid-column-span: 4;
	grid-column: 9 / 13;
	-ms-grid-row-align: center;
	    align-self: center;
}

.brands .team__info {
    z-index: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 6;
    grid-column: 3 / 9;
}

.brands .polygon {
    -ms-grid-row: 5;
    grid-row: 5;

    -ms-grid-column: 3;
    -ms-grid-column-span: 6;
    grid-column: 3 / span 6;
}

.logo__wrapper--open .brand__info {
    display: block;
}

.logo__wrapper--visible .brand__logo {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0.5s;
}

.logo__wrapper--visible .brand__desc p {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0.8s;
}

.logo__wrapper--visible .brand__url {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 1.1s;
}

.logo__wrapper--open .brand__logo--reversed {
    opacity: 0;
}

.logo__wrapper--visible .brand__logo--reversed {
    display: none;
}


/* Contact Content */

.contact .container {
	-ms-grid-rows: minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) 0 (auto 120px)[2] (auto 60px)[2];
	    grid-template-rows: 19vh 20px 20px 20px repeat(2, auto 120px) repeat(3, auto 60px);
}

.contactform .title,
.brands .container .title,
.team .container .title {
    display: none;
}

.contact .polygon {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    grid-column: 2 / 7;
    height: 150%;
    z-index: 2;
}

.contact .blob {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column: 2 / 6;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contact .tublob {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / span 1;
    height: 180px;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: start;
    justify-self: start;
    z-index: 1;
}

.map {
    border: 0;
    -ms-grid-column: 2;
    -ms-grid-column-span: 7;
    grid-column: 2 / span 7;
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 7 / span 1;
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background: rgba(0, 0, 0, 0.3);
    display: none;
}

.map__placeholder {
	z-index: -1;
	width: 100%;
	height: 400px;
	-ms-grid-column: 2;
	-ms-grid-column-span: 7;
	grid-column: 2 / span 7;
	-ms-grid-row: 7;
	-ms-grid-row-span: 1;
	grid-row: 7 / span 1;
}

.map--highlight {
    display: block;
}

.location--highlight {
    padding: 30px;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    grid-column: 9 / -2;
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 7 / span 1;
    height: 100%;
    width: 100%;
    background-color: #192256;
}

.location--lt,
.location--mt,
.location--rt {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-row: 9 / span 1;
}

.location--lm,
.location--mm,
.location--rm {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 11 / span 1;
}

.location--lb,
.location--mb,
.location--rb {
    -ms-grid-row: 13;
    -ms-grid-row-span: 1;
    grid-row: 13 / span 1;
}

.location--lt,
.location--lm,
.location--lb {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / span 3;
}

.location--mt,
.location--mm,
.location--mb {
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    grid-column: 6 / span 2;
}

.location--rt,
.location--rm,
.location--rb {
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    grid-column: 9 / span 3;
}

.location {
    font-weight: 300;
}

.location__city {
    text-transform: uppercase;
    font-size: 27px;
    color: #FFFFFF;
    letter-spacing: 0.8px;
}

.location__country {
    font-size: 22px;
    color: #4DBFB9;
    letter-spacing: 0.8px;
}

.location__address {
    margin-top: 30px;
}

.address__line,
.address__phone {
	letter-spacing: 0.2px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 
}

.phone__link,
.phone__link:hover,
.phone__link:active,
.phone__link:visited {
    color: #F5851F;
}

.location--highlight .location__city,
.location--highlight .location__country {
    font-size: 32px;
    color: #FFFFFF;
}

.location--highlight .location__address {
    margin-top: 60px;
}

.location--highlight .address__line {
    font-size: 22px;
    color: #FFFFFF;
}

.location--highlight .address__phone {
    font-size: 22px;
    color: #F37A20;
}


/* Contact Form */
.grecaptcha-badge {
	z-index: 1;
}

.form__modal  {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 8;
	background: radial-gradient(circle, rgba(25,34,86,0.9) 0%, rgba(35,46,131,1) 100%);
}

.formblob {
	position: absolute;
	left: 47%;
	top: 53%;
	-webkit-transform: translate(-50% , -50%);
	        transform: translate(-50% , -50%);
	width: auto;
	height: 80%;
	z-index: 1;
    min-height: 500px;
}

.modal__close {
    position: absolute;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 30%;
    left: 70%;
    cursor: pointer;
}

.modal__close--icon {
    cursor: pointer;
    padding: 6px;
    margin-top: 50px;
    width: 40px;
    height: 40px;
    border: 2px solid #F37A20;
    border-radius: 50%;
}

.modal__content{
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50% , -50%);
	        transform: translate(-50% , -50%);
	text-align: center;
}
.modal__content--header {
    font-weight: 300;
    font-size: 4.236em;
    color: #FFFFFF;
}

.modal__content--desc {
	font-weight: 300;
    font-size: 1.618rem;
    color: #FFFFFF;
}

/*start of 404*/
.form__modal-404  {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 8;
	background: radial-gradient(circle, rgba(25,34,86,0.9) 0%, rgba(35,46,131,1) 100%);
}

.four-oh-four .modal__content {
    width: calc(100% - 30px);
}

.warning__404 {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 16px;
    color: #4DBFB9;
}

.modal__content--header-404 {
	position:relative;
	margin-bottom: 30px;
	font-weight: 100;
    font-size: 100px;
	color: #FFFFFF;
    font-weight: 300;
    font-size: 4.236em;
    color: #FFFFFF;
    letter-spacing: 1px;
}

.modal__content--desc-404 {
    font-weight: 300;
    font-size: 1.618rem;
    color: #FFFFFF;
    line-height: 1.4;
	letter-spacing: 0.2px;
}

.return-home{
	color:#F5851F !important;
}

/*end of 404*/

.contactform {
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    grid-column: 7 / -2;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / span 1;
}

.contact--form {
    position: relative;
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

.opacity-down {
    margin: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
}

.loader {
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 48px;
    vertical-align: middle;
    opacity: 1;
    margin: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    -webkit-animation: load3 1.4s infinite linear;
            animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    transition: opacity 0.3s ease-in-out;
}

.loader:before {
    width: 50%;
    height: 50%;
    background: #FFFFFF;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.loader:after {
    background: #F5851F;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: background 0.3s ease-in-out;
}

.contact--input-small {
	min-width: 300px;
}

.contact--input-submit:hover + .loader:after,
.contact--input-submit:active + .loader:after,
.contact--input-submit:focus + .loader:after {
    background: #F5851F;
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.contact--label {
    font-size: 18px;
    font-weight: 300;
}

input,
textarea {
    width: 100%;
    background: transparent;
    font-weight: 300;
    font-size: 21px;
    outline: none;
    color: #FFFFFF;
    display: block;
    border: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

input {
    border-radius: 0;
    padding: 15px;
    border-bottom: 1px solid #4DBFB9;
}

input:first-child:not('.contact--input-submit') {
    margin-top: 0;
}

textarea {
    height: 150px;
    margin: 40px 0 0 0;
    padding: 15px;
    border: 1px solid #4DBFB9;
    font-size: 21px;
    border-radius: 5px;
}

.contact--input-submit {
    -webkit-appearance: none;
    border-radius: 0;
    margin-top: 35px;
    width: 120px;
    padding: 15px 0;
    background: #F5851F;
    font-weight: 400;
    font-size: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 30px;
    letter-spacing: 0.7px;
    border: none;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}

.contact--input-submit:hover,
.contact--input-submit:focus,
.contact--input-submit:active {
    background: #F5851F;
}

.input-checkbox {
    float: none;
    margin-bottom: 15px;
}

.contact--checkbox-input {
    position: absolute;
    opacity: 0;
}

.checkbox-container {
    display: block;
    margin-top: 35px;
}

.contact--checkbox-box {
    position: relative;
    display: inline-block;
    border: 1px solid #4DBFB9;
    border-radius: 50%;
    background: transparent;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    cursor: pointer;
}

.contact--checkbox-box:after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	transition: opacity 0.2s ease-in-out;
	background-image: url("../images/check-mark.svg");
	background-size: calc(100% - 10px);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.contact--checkbox-input:checked~.checkbox-container .contact--checkbox-box:after {
    opacity: 1;
}

.contact--checkbox-text {
	display: inline-block;
	margin-left: 15px;
	max-width: calc(100% - 50px);
	vertical-align: middle;
	color: white;
	font-size: 16px;
	font-weight: 300;
}

.privacy-link,
.privacy-link:hover,
.privacy-link:active,
.privacy-link:focus,
.privacy-link:visited {
    color: #F5851F;
    text-decoration: none;
}



/* Label Styling */

.contact--label:not([for="message-input"]),
input:valid+.contact--label:not([for="message-input"]) {
    -webkit-transform: translate(14px, -40px) scale(1);
            transform: translate(14px, -40px) scale(1);
    position: absolute;
    color: rgba(255, 255, 255, 0.8);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

input:focus+.contact--label:not([for="message-input"]),
input:valid+.contact--label:not([for="message-input"]) {
    -webkit-transform: translate(0, -65px) scale(0.85);
            transform: translate(0, -65px) scale(0.85);
    color: #4DBFB9;
}


/* Validation */

.input-container {
    margin-top: 25px;
    position: relative;
}

.error~label.error {
    position: absolute;
    display: inline-block;
    background: #F9B715;
    color: #224099;
    padding: 4px 5px 5px 5px;
    font-size: 16px;
}

.error~label.error:after {
    bottom: 100%;
    left: 8px;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #F9B715;
    border-width: 5px;
}


/* Form Thank You Message */

.form--submitted {
    display: none;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}

.form--submitted .slide--overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 20;
}

.form--submitted-panel {
    z-index: 21;
    color: #333333;
    background: #FFFFFF;
    text-align: center;
    position: relative;
    width: 500px;
    max-width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
    padding: 30px;
    font-family: 'proxima-nova', sans-serif;
}

.form--submitted-header {
    margin: 0;
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.form--submitted-content {
    font-size: 16px;
    margin-bottom: 15px;
    font-family: 'Lato Regular';
}

.form--submitted-button {
    cursor: pointer;
    outline: none;
    background: #239F42;
    border: none;
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'Lato Regular';
    padding: 7px 15px 10px 15px;
}

.inputsubmit-container {
    position: relative;
    text-align: center;
}


/* Journey */

.footer--fixed {
	position: fixed;
	width: 100%;
	bottom: 0;
}

.journey .container {
	margin: 0 auto;
	max-width: 1100px;
	-ms-grid-columns: (1fr)[8];
		grid-template-columns: repeat(8, 1fr);
	-ms-grid-rows: 19vh 5vh 20px 20px (minmax(18rem, max-content))[10] 13.5rem;
	    grid-template-rows: 19vh 5vh 20px 20px repeat(10, minmax(18rem, -webkit-max-content)) 13.5rem;
	    grid-template-rows: 19vh 5vh 20px 20px repeat(10, minmax(18rem, max-content)) 13.5rem;
}

.journey .background {
    position: fixed;
    display: -ms-grid;
    display: grid;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 1100px;
    -ms-grid-columns: 1fr[8];
    grid-template-columns: repeat(8, 1fr);
    -ms-grid-rows: minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(95.02px, 0.088fr);
    grid-template-rows: minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(95.02px, 0.088fr);
}

.pointer {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / span 1;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / span 1;
    background: #F5851F;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    z-index: 4;
}

.year {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-column-align: end;
    justify-self: end;
}

.year p {
    font-size: 60px;
    color: #FFFFFF;
    font-weight: 300;
    -webkit-transform-origin: top right;
            transform-origin: top right;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.journeyinfo {
    -ms-grid-column: 4;
    -ms-grid-column-span: 5;
    grid-column: 4 / span 5;
    padding-bottom: 65px;
}

.separator {
    width: 2px;
    background-color: #4DBFB9;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / span 1;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row: 5;
    -ms-grid-row-span: 10;
    grid-row: 5 / span 10;
    -webkit-animation: activeMenu 10s infinite ease-in-out;
            animation: activeMenu 10s infinite ease-in-out;
}

.journeyinfo p {
    font-size: 2.618rem;
    color: #FFFFFF;
    font-weight: 300;
    margin-bottom: 28px;
}

.year,
.journeyinfo {
    opacity: 0.1;
    -webkit-transform-origin: right 1.8em;
            transform-origin: right 1.8em;
    transition: opacity 0.4s ease-in-out;
}

.year--active {
    opacity: 1;
}

.year--active p {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}

.journey--active {
    opacity: 1;
}

.journeyinfo:nth-child(3n),
.year:nth-child(n) {
    -webkit-animation: journey-text-down 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
            animation: journey-text-down 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.journeyinfo:nth-child(n) {
    -webkit-animation: journey-text-up 13s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
            animation: journey-text-up 13s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.year:nth-child(3n+1) {
    -webkit-animation: journey-text-up 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
            animation: journey-text-up 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.year:nth-child(2n),
.journeyinfo:nth-child(3n+1) {
    -webkit-animation: journey-text-down 15s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
            animation: journey-text-down 15s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.year:nth-child(3n),
.journeyinfo:nth-child(2n) {
    -webkit-animation: journey-text-up 20s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
            animation: journey-text-up 20s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.journeyinfo:nth-child(3n) {
    -webkit-animation: journey-text-down 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
            animation: journey-text-down 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.year--2019,
.journeyinfo--2019 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / span 1;
}

.year--2018,
.journeyinfo--2018 {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    grid-row: 6 / span 1;
}

.year--2017,
.journeyinfo--2017 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 7 / span 1;
}

.year--2016,
.journeyinfo--2016 {
    -ms-grid-row: 8;
    -ms-grid-row-span: 1;
    grid-row: 8 / span 1;
}

.year--2013,
.journeyinfo--2013 {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-row: 9 / span 1;
}

.year--2012,
.journeyinfo--2012 {
    -ms-grid-row: 10;
    -ms-grid-row-span: 1;
    grid-row: 10 / span 1;
}

.year--2010,
.journeyinfo--2010 {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 11 / span 1;
}

.year--2004,
.journeyinfo--2004 {
    -ms-grid-row: 12;
    -ms-grid-row-span: 1;
    grid-row: 12 / span 1;
}

.year--2000,
.journeyinfo--2000 {
    -ms-grid-row: 13;
    -ms-grid-row-span: 1;
    grid-row: 13 / span 1;
}

.year--1998,
.journeyinfo--1998 {
    -ms-grid-row: 14;
    -ms-grid-row-span: 1;
    grid-row: 14 / span 1;
}

.year--1995,
.journeyinfo--1995 {
    -ms-grid-row: 15;
    -ms-grid-row-span: 1;
    grid-row: 15 / span 1;
}



/* Team */

.team .container {
	-ms-grid-rows: 19vh 50px 20px 20px (auto 63vh)[2] auto 60px auto 30px auto;
	    grid-template-rows: 19vh 50px 20px 20px repeat(2, auto 63vh) auto 60px auto 30px auto;
}

.team .background {
    opacity: 0.4;
    z-index: 0;
}

.team__info {
    z-index: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    grid-column: 2 / 8;
}

.info--1 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / span 1;
}

.info--2 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 7 / span 1;
}

.info--3 {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-row: 9 / span 1;
}

.team__info p {
    font-weight: 300;
    letter-spacing: 0.7px;
    font-size: 2.618rem;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.team__heading {
    z-index: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 12;
    grid-column: 2 / span 12;
    font-size: 21pt;
    text-transform: uppercase;
    color: #f37a20;
    font-weight: 300;
}

.team__heading--leaders {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 11 / span 1;
}

.team__management {
    z-index: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    grid-column: 2 / -1;
    -ms-grid-row: 13;
    -ms-grid-row-span: 1;
    grid-row: 13 / span 1;
}

.team__management--l {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / 5;
}

.team__management--m {
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    grid-column: 6 / 8;
}

.team__management--r {
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    grid-column: 9 / 12;
}

.management__name {
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 2.618rem;
    font-weight: 300;
}

.management__role {
    color: #4CC0BA;
    font-weight: 300;
    font-size: 1.618rem;
    margin-bottom: 30px;
}

.management__desc {
    font-weight: 300;
    font-size: 1.618rem;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.team__heading--members {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 11 / span 1;
}

.team__members {
    z-index: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    	grid-column: 2 / span 10;
    -ms-grid-row: 13;
    -ms-grid-row-span: 1;
    	grid-row: 13 / span 1;

    display: flex;
	flex-wrap: wrap;
}

.member {
    z-index: 3;
    width: 12.5%;
    height: auto;
    text-align: center;
}

.member:hover .member__image {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1.054);
            transform: scale(1.054);
    transition: 0.5s;
}

.member__image {
    opacity: 1;
    transition: 0.8s;
    width: 110px;
    height: auto;
    max-width: calc(100% - 10px);
}

.member__image[data-src] {
    opacity: 0;
}

.member:nth-child(even) {
    margin-top: 68px;
}

.member:nth-child(n) {
    -webkit-animation: text-translate-up 14s infinite alternate ease-in-out;
            animation: text-translate-up 14s infinite alternate ease-in-out;
}

.member:nth-child(3n+1) {
    -webkit-animation: text-translate-up 12s infinite alternate ease-in-out;
            animation: text-translate-up 12s infinite alternate ease-in-out;
}

.member:nth-child(2n) {
    -webkit-animation: text-translate-up 16s infinite alternate ease-in-out;
            animation: text-translate-up 16s infinite alternate ease-in-out;
}

.member:nth-child(3n) {
    -webkit-animation: text-translate-up 18s infinite alternate ease-in-out;
            animation: text-translate-up 18s infinite alternate ease-in-out;
}


/* Homepage Content */

.container {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-gap: 0;
    width: 100%;
    -ms-grid-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
    grid-template-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
}

.home .container {
	-ms-grid-rows: 19vh 40px 20px 20px 20px minmax(180px, 0.167fr) minmax(180px, 0.167fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr) (minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) minmax(180px, 0.167fr) minmax(180px, 0.167fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr))[3] minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) minmax(180px, 0.167fr) 30px minmax(42.49px, 0.039fr) 30px;
	    grid-template-rows: 19vh 40px 20px 20px 20px minmax(180px, 0.167fr) minmax(180px, 0.167fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr) repeat(3, minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) minmax(180px, 0.167fr) minmax(180px, 0.167fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr)) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) minmax(180px, 0.167fr) 30px minmax(42.49px, 0.039fr) 30px;	
	z-index: 3;
}

.content {
    margin-top: -0.6rem;
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    grid-column: 2 / span 6;
    -ms-grid-row-align: start;
    align-self: start;
    z-index: 3;
}

.content__panel {
    color: #FFFFFF;
    font-size: 4.236rem;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.07;
}

.content__panel::-moz-selection {
    background-color: #F5851F;
}

.content__panel::selection {
    background-color: #F5851F;
}

.introduction {
    -ms-grid-row: 6;
    -ms-grid-row-span: 2;
    grid-row: 6 / span 2;
}

.maelstrom {
    -ms-grid-row: 17;
    -ms-grid-row-span: 2;
    grid-row: 17 / span 2;
}

.alchemy {
    -ms-grid-row: 28;
    -ms-grid-row-span: 3;
    grid-row: 28 / span 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    grid-column: 2 / span 10;
}

.partner {
    -ms-grid-row: 39;
    -ms-grid-row-span: 3;
    grid-row: 39 / span 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 10;
    grid-column: 2 / span 10;
}

.solution__experience,
.solution__strategy {
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column: 2 / span 4;
}

.solution__people,
.solution__technology {
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    grid-column: 7 / span 4;
}

.solution__experience,
.solution__people {
    -ms-grid-row: 29;
    -ms-grid-row-span: 4;
    grid-row: 29 / span 4;
}

.solution__technology,
.solution__strategy {
    -ms-grid-row: 32;
    -ms-grid-row-span: 2;
    grid-row: 32 / span 2;
}

.solution__header--lt,
.solution__header--rt {
    -ms-grid-row: 29;
    -ms-grid-row-span: 1;
    grid-row: 29 / span 1;
    -ms-grid-row-align: end;
    align-self: end;
    -ms-grid-column-align: start;
    justify-self: start;
}

.solution__desc--lt,
.solution__desc--rt {
    -ms-grid-row: 30;
    -ms-grid-row-span: 2;
    grid-row: 30 / span 2;
    margin-top: 0.6rem;
    -ms-grid-row-align: start;
    align-self: start;
    -ms-grid-column-align: start;
    justify-self: start;
}

.solution__header--lb,
.solution__header--rb {
    -ms-grid-row: 32;
    -ms-grid-row-span: 1;
    grid-row: 32 / span 1;
    -ms-grid-row-align: end;
    align-self: end;
    -ms-grid-column-align: start;
    justify-self: start;
}

.solution__desc--lb,
.solution__desc--rb {
    -ms-grid-row: 33;
    -ms-grid-row-span: 1;
    grid-row: 33 / span 1;
    margin-top: 0.6rem;
    -ms-grid-row-align: start;
    align-self: start;
    -ms-grid-column-align: start;
    justify-self: start;
}

.solution__header--lt,
.solution__desc--lt,
.solution__header--lb,
.solution__desc--lb {
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column: 2 / span 4;
}

.solution__header--rt,
.solution__desc--rt,
.solution__header--rb,
.solution__desc--rb {
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    grid-column: 7 / span 4;
}

.textelement {
    color: #FFFFFF;
    font-size: 1.618rem;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 300;
    opacity: 0.5;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 4;
    transition: opacity 2s ease-in-out;
}

.textelement:nth-of-type(1) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
    -ms-grid-row: 8;
    -ms-grid-row-span: 2;
    grid-row: 8 / span 2;
    -webkit-animation: text-translate-up 18s infinite alternate ease-in-out;
            animation: text-translate-up 18s infinite alternate ease-in-out;
}

.textelement:nth-of-type(2) {
    -ms-grid-column: 8;
    -ms-grid-column-span: 3;
    grid-column: 8 / span 3;
    -ms-grid-row: 7;
    grid-row: 7;
    -webkit-animation: text-translate-down 16s infinite alternate ease-in-out;
            animation: text-translate-down 16s infinite alternate ease-in-out;
    -ms-grid-column-align: end;
    justify-self: end;
}

.textelement:nth-of-type(3) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / span 2;
    -ms-grid-row: 11;
    grid-row: 11;
    -webkit-animation: text-translate-up 12s infinite alternate ease-in-out;
            animation: text-translate-up 12s infinite alternate ease-in-out;
}

.textelement:nth-of-type(4) {
    -ms-grid-column: 8;
    -ms-grid-column-span: 2;
    grid-column: 8 / span 2;
    -ms-grid-row: 9;
    -ms-grid-row-span: 2;
    grid-row: 9 / span 2;
    -webkit-animation: text-translate-down 20s infinite alternate ease-in-out;
            animation: text-translate-down 20s infinite alternate ease-in-out;
}

.textelement--alchemy,
.textelement--partner {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.solution--lt,
.solution--rt {
    -ms-grid-row: 30;
    -ms-grid-row-span: 4;
    grid-row: 30 / span 4;
}

.solution--lb,
.solution--rb {
    -ms-grid-row: 33;
    -ms-grid-row-span: 4;
    grid-row: 33 / span 4;
}

.testimonial--rt,
.testimonial--rb,
.solution--rt,
.solution--rb {
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    grid-column: 7 / span 4;
}

.solution__header,
.testimonial__company {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2.618rem;
}

.solution__desc,
.testimonial__desc {
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 0.7px;
}

.solution__header,
.solution__desc,
.testimonial__company,
.testimonial__desc {
    color: #FFFFFF;
}

.testimonial__header {
    color: #4DBFB9;
    font-weight: 300;
    font-size: 30px;
}

.testimonial__desc {
    margin-top: 1.618rem;
}

.testimonial--lt,
.testimonial--rt {
    -ms-grid-row: 41;
    -ms-grid-row-span: 4;
    grid-row: 41 / span 4;
}

.testimonial--lb,
.testimonial--rb {
    -ms-grid-row: 46;
    -ms-grid-row-span: 4;
    grid-row: 46 / span 4;
}

.testimonial--lt,
.testimonial--lb,
.solution--lt,
.solution--lb {
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column: 2 / span 4;
}
/*privacy*/
.anchor-offset {
    position: relative;
    display: block;
    visibility: hidden;
    top: -220px;
}

.privacy-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
	    grid-template-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
	position:relative;
    -ms-grid-rows: 250px auto;
        grid-template-rows: 250px auto;
	color: #FFFFFF;
	
}
.privacy-container-content {
	-ms-grid-column: 2;
	-ms-grid-column-span: 5;
	    grid-column: 2 / span 5; 
	-ms-grid-row: 2; 
	-ms-grid-row-span: 1; 
		grid-row: 2 / span 1;
}

.privacy-container-content h2 {
	text-transform: uppercase;
    font-weight: 400;
    font-size: 2.618rem;
	margin-bottom:40px;
}

.brands .footer__copyright {
	-ms-grid-row: 12;
	-ms-grid-row-span: 1;
	grid-row: 12 / span 1;
	-ms-grid-column: 3;
	-ms-grid-column-span: 12;
	grid-column: 3 / span 12;
	z-index: 3;
}

.privacy-container-content h3 {
    color: #4DBFB9;
    font-weight: 300;
    font-size: 30px;
	margin-bottom: 1.618rem;
}

.privacy-container-content p {
	font-weight: 300;
    font-size: 22px;
    margin-bottom: 20px;
	letter-spacing:0.2px;
	line-height: 1.3;
}

.mailto-privacy {
	color: #F37A20;
}

.privacy-container-nav {
	position: fixed;
	right: 12%;
	width: 440px;
    top: 250px;
	border-radius: 20px;
    padding-left: 50px;
}

.privacy-navigation-title {
	text-transform: uppercase;
    font-weight: 400;
    font-size: 2.618rem;
	margin-bottom:40px;
}

.privacy-container-nav ul {
	list-style-type: none;
}

.privacy-container-nav ul li {
	list-style-type: none;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #4DBFB9;
}

.privacy-container-nav ul a {
	color: #4DBFB9;
    font-weight: 300;
    font-size: 16px;
}

hr {
	margin:20px 0;
	border:none;
}

/* Footer */

.footerwrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
    grid-template-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
    -ms-grid-rows: (30px)[3];
    grid-template-rows: repeat(3, 30px);
}

.footer__copyright {
    color: #4DBFB9;
    font-size: 16px;
    text-transform: uppercase;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    grid-column: 2 / span 5;
    -ms-grid-column-align: start;
    justify-self: start;
    -ms-grid-row-align: end;
    align-self: end;
    vertical-align: top;
    display: inline-block;
}

.footer__intro {
    color: #F5851F;
    font-size: 16px;
    text-transform: uppercase;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    grid-column: 7 / span 5;
    -ms-grid-column-align: end;
    justify-self: end;
    -ms-grid-row-align: end;
    align-self: end;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    z-index: 3;
}

.footer__symbol {
    margin-top: -2px;
    vertical-align: top;
    display: inline-block;
}


/* Navigation */

.navigation {
    position: fixed;
    z-index: 4;
    background-color: #232E83;
	z-index: 4;
	width: calc(100% - 120px);
	display: -ms-grid;
	display: grid;
	grid-gap: 0;
	height: 19vh;
	-ms-grid-rows: 0.509fr 0.206fr 0.285fr;
	    grid-template-rows: 0.509fr 0.206fr 0.285fr;
	-ms-grid-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
	    grid-template-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
}

.brands .navigation {
    width: 100%;
    -ms-grid-columns: 60px 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr 60px;
    grid-template-columns: 60px 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr 60px;
}

.navigation--mobile {
    display: none;
    position: fixed;
    background-color: #232E83;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 15px;
    z-index: 7;
}

.navigation:after,
.navigation--mobile:after {
    content: '';
    width: 100%;
    height: 60px;
    bottom: -60px;
    left: 0;
    position: absolute;
    background: linear-gradient(0deg, rgba(35, 46, 131, 0) 0%, rgba(35, 46, 131, 1) 100%);
}

.brands .navigation:after,
.brands .navigation--mobile:after {
    background: none;
}

.menu {
    height: 100%;
}

.menu__icon {
    fill: none;
    stroke: #f27b21;
    stroke-linecap: square;
    stroke-linejoin: round;
    stroke-width: 2px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

.visible .menu__icon {
    stroke: #232E83;
}

.visible .menu__icon--middle {
    opacity: 0;
}

.navigation__logo--mobile {
    float: left;
    position: absolute;
    left: 15px;
    height: 40px;
    width: 40px;
    z-index: 7;
}

.navigation__toggle {
    position: absolute;
    right: 15px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    transition: background-color 0.5s ease-in-out;
    z-index: 7;
}

.navigation__logo--mobile svg {
    height: 100%;
}

.navigation__expand {
    position: absolute;
    display: none;
    opacity: 0;
    top: 110px;
    left: 15px;
    z-index: 7;
    width: 100%;
    height: 100%;
}

.navigation__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F37A20;
    z-index: 6;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.navigation__link path {
    transition: fill 0.5s ease-in-out;
}

.navigation__item--mobile {
    opacity: 0;
    -webkit-transform: translateY(1em);
            transform: translateY(1em);
    transition: opacity 0.5s ease-in-out;
}

.open .navigation__overlay,
.open .navigation__expand {
    display: block;
}

.visible .navigation__overlay,
.visible .navigation__expand,
.visible .navigation__item--mobile {
    opacity: 1;
}

.visible .navigation__item--mobile {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.visible .navigation__toggle {}

.visible .navigation__link path {
    fill: #232E83;
}

.visible .navigation__item--mobile:nth-child(1) {
    transition: opacity 0.3s ease-in-out 0.3s, -webkit-transform 0.3s ease-in-out 0.3s;
    transition: transform 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s;
    transition: transform 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s, -webkit-transform 0.3s ease-in-out 0.3s;
}

.visible .navigation__item--mobile:nth-child(2) {
    transition: opacity 0.3s ease-in-out 0.4s, -webkit-transform 0.3s ease-in-out 0.4s;
    transition: transform 0.3s ease-in-out 0.4s, opacity 0.3s ease-in-out 0.4s;
    transition: transform 0.3s ease-in-out 0.4s, opacity 0.3s ease-in-out 0.4s, -webkit-transform 0.3s ease-in-out 0.4s;
}

.visible .navigation__item--mobile:nth-child(3) {
    transition: opacity 0.3s ease-in-out 0.5s, -webkit-transform 0.3s ease-in-out 0.5s;
    transition: transform 0.3s ease-in-out 0.5s, opacity 0.3s ease-in-out 0.5s;
    transition: transform 0.3s ease-in-out 0.5s, opacity 0.3s ease-in-out 0.5s, -webkit-transform 0.3s ease-in-out 0.5s;
}

.visible .navigation__item--mobile:nth-child(4) {
    transition: opacity 0.3s ease-in-out 0.6s, -webkit-transform 0.3s ease-in-out 0.6s;
    transition: transform 0.3s ease-in-out 0.6s, opacity 0.3s ease-in-out 0.6s;
    transition: transform 0.3s ease-in-out 0.6s, opacity 0.3s ease-in-out 0.6s, -webkit-transform 0.3s ease-in-out 0.6s;
}

.navigation__link,
.navigation__link--mobile {
    font-size: 21px;
    color: #F5851F;
    text-transform: uppercase;
}

.navigation__link--mobile {
    font-weight: 300;
    font-size: 41px;
    color: #232E83;
}

.navigation__item {
    position: relative;
    -ms-grid-row-align: end;
    align-self: end;
    font-weight: 400;
}

.navigation__link {
    position: relative;
}

.navigation__link--active {
    color: #4DBFB9;
}

.navigation__link--active:after {
    content: '';
    position: absolute;
    bottom: -5px;
    height: 1px;
    left: 0;
    width: 100%;
    background: #F5851F;
    border-radius: 4px;
    -webkit-animation: activeMenu 10s infinite ease-in-out;
            animation: activeMenu 10s infinite ease-in-out;
}

.navigation__link:not(.navigation__link--active):after {
    content: '';
    position: absolute;
    bottom: -5px;
    height: 1px;
    left: 0;
    width: 100%;
    background: #F5851F;
    opacity: 0;
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.navigation__item:hover .navigation__link:not(.navigation__link--active):after {
    content: '';
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}

.navigation__item:nth-child(1) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
}

.brands .navigation__item:nth-child(1) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / span 2;
}

.navigation__item:nth-child(2) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4 / span 2;
}

.brands .navigation__item:nth-child(2) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5 / span 2;
}

.navigation__logo,
.splash__logo {
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    grid-column: 6 / span 2;
    grid-row: 1 / span 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    width: 64px;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.splash__logo svg {
    height: 100%;
}

.brands .navigation__logo {
    -ms-grid-column: 7;
    -ms-grid-column-span: 2;
    grid-column: 7 / span 2;
}

.navigation__item:nth-child(4) {
    -ms-grid-column: 8;
    -ms-grid-column-span: 2;
    grid-column: 8 / span 2;
    -ms-grid-column-align: end;
    justify-self: end;
}

.brands .navigation__item:nth-child(4) {
    -ms-grid-column: 9;
    -ms-grid-column-span: 2;
    grid-column: 9 / span 2;
}

.navigation__item:nth-child(5) {
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;
    grid-column: 11 / -2;
    -ms-grid-column-align: end;
    justify-self: end;
}

.brands .navigation__item:nth-child(5) {
    -ms-grid-column: 12;
    -ms-grid-column-span: 1;
    grid-column: 12 / span 1;
}


/* Test Clippath */

.splash {
    background: #232E83;
    z-index: 8;
}

.splash__logo {
    position: relative;
}

.splash__caption {
    -ms-grid-row: 9;
    -ms-grid-row-span: 2;
    grid-row: 9 / span 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / span 12;
    -ms-grid-column-align: center;
    justify-self: center;
    text-align: center;
}

.splash__caption--text {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 2.618rem;
    margin-bottom: 1.618rem;
}

.splash__caption--cta {
    color: #F69320;
    font-weight: 300;
    font-size: 1.618rem;
    text-transform: uppercase;
    cursor: pointer;
}

.splash__caption--text,
.splash__caption--cta {
    letter-spacing: 0.7px;
}


/* Animations */

@-webkit-keyframes activeMenu {
    0% {
        background-color: #F5851F;
    }

    33% {
        background-color: #4DBFB9;
    }

    66% {
        background-color: #F6ACA0;
    }

    100% {
        background-color: #F5851F;
    }
}

@keyframes activeMenu {
    0% {
        background-color: #F5851F;
    }

    33% {
        background-color: #4DBFB9;
    }

    66% {
        background-color: #F6ACA0;
    }

    100% {
        background-color: #F5851F;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateY(1em);
                transform: translateY(1em);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes slideIn {
    0% {
        -webkit-transform: translateY(1em);
                transform: translateY(1em);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeInBlock {
    0% {
        display: none;
        opacity: 0;
    }

    0.01% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInBlock {
    0% {
        display: none;
        opacity: 0;
    }

    0.01% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes fadeOutBlock {
    0% {
        display: block;
        opacity: 1;
    }

    99.9% {
        display: block;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes fadeOutBlock {
    0% {
        display: block;
        opacity: 1;
    }

    99.9% {
        display: block;
        opacity: 0;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-webkit-keyframes scrollbounce {
    0% {
        -webkit-transform: scaleY(0.85);
                transform: scaleY(0.85)
    }

    100% {
        -webkit-transform: scaleY(1);
                transform: scaleY(1)
    }
}

@keyframes scrollbounce {
    0% {
        -webkit-transform: scaleY(0.85);
                transform: scaleY(0.85)
    }

    100% {
        -webkit-transform: scaleY(1);
                transform: scaleY(1)
    }
}

@-webkit-keyframes journey-text-down {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }

    75% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes journey-text-down {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }

    75% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes journey-text-up {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }

    75% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes journey-text-up {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }

    75% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes text-translate-up {

    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(-0.5em);
                transform: translateY(-0.5em);
    }

    60% {
        -webkit-transform: translateY(0.2em);
                transform: translateY(0.2em);
    }

    70% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    85% {
        -webkit-transform: translateY(-0.3em);
                transform: translateY(-0.3em);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes text-translate-up {

    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(-0.5em);
                transform: translateY(-0.5em);
    }

    60% {
        -webkit-transform: translateY(0.2em);
                transform: translateY(0.2em);
    }

    70% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    85% {
        -webkit-transform: translateY(-0.3em);
                transform: translateY(-0.3em);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes text-translate-down {

    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(0.5em);
                transform: translateY(0.5em);
    }

    60% {
        -webkit-transform: translateY(-0.2em);
                transform: translateY(-0.2em);
    }

    70% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    85% {
        -webkit-transform: translateY(0.3em);
                transform: translateY(0.3em);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes text-translate-down {

    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(0.5em);
                transform: translateY(0.5em);
    }

    60% {
        -webkit-transform: translateY(-0.2em);
                transform: translateY(-0.2em);
    }

    70% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    85% {
        -webkit-transform: translateY(0.3em);
                transform: translateY(0.3em);
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes blob-animate {

    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    33% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }

    66% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}

@keyframes blob-animate {

    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    33% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }

    66% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}

@-webkit-keyframes polygon-rotate {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes polygon-rotate {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}


/* Media Queries */

@media (max-width: 1760px) {

    .content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 7;
        grid-column: 2 / span 7;
    }

    .alchemy {
        -ms-grid-column: 2;
        -ms-grid-column-span: 8;
        grid-column: 2 / span 8;
    }
}

@media (max-width: 1650px) {

    html {
        font-size: 14px;
    }

    .content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 7;
        grid-column: 2 / span 7;
    }

    .alchemy {
        -ms-grid-column: 2;
        -ms-grid-column-span: 8;
        grid-column: 2 / span 8;
    }

    .partner {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / span 10;
    }

    .content__panel {
        font-size: 3.5rem;
    }

    .solution__desc,
    .testimonial__desc {
        font-size: 18px;
    }

    .solution__header,
    .testimonial__company {
        font-size: 2.3rem;
    }

    .testimonial__header {
        font-size: 26px;
    }

    .tublob--alchemy,
    .tublob--partner {
        -webkit-transform: translate(100%, -50%) scale(0.5);
                transform: translate(100%, -50%) scale(0.5);
    }

    .blob {
        -ms-grid-column: 3;
        -ms-grid-column-span: 8;
        grid-column: 3 / -3;
    }

    .polygon {
        -ms-grid-column: 3;
        -ms-grid-column-span: 10;
        grid-column: 3 / -1;
    }

    .testimonial--lb,
    .testimonial--rb {
        -ms-grid-row: 45;
        -ms-grid-row-span: 4;
        grid-row: 45 / span 4;
    }
}

@media (max-width: 1500px) {

    .textelement:nth-of-type(2) {
        -ms-grid-column: 9;
        -ms-grid-column-span: 3;
        grid-column: 9 / span 3;
    }
}

@media (max-width: 1490px) {

    .privacy-container-content p {
        font-size: 20px;
    }

}

@media (max-width: 1465px) {

}

@media (max-width: 1330px) {

}

@media (max-width: 1300px) {

	.brand__bg--id {
		margin-top: 40%;
	}

	.brand__bg--as {
		margin-top: 20%;
	}

	.brand__blob--id,
	.brand__blob--as {
		-ms-grid-column: 9;
		-ms-grid-column-span: 5;
		grid-column: 9 / 14;
	}

	.brand__blob--dit {
		-ms-grid-column: 3;
		-ms-grid-column-span: 5;
		grid-column: 3 / 8;
	}

	.brand__info--id,
	.brand__info--as {
		-ms-grid-column: 3;
		-ms-grid-column-span: 5;
		grid-column: 3 / 8;
	}

	.brand__info--dit {
		-ms-grid-column: 9;
		-ms-grid-column-span: 5;
		grid-column: 9 / 14;
	}

}

@media (max-width: 1250px) {

    .year p {
        font-size: 50px;
    }

    .journeyinfo p {
        font-size: 2rem;
    }

    .brand__introduction {
        -ms-grid-column: 3;
        -ms-grid-column-span: 9;
        grid-column: 3 / 12;
    }

    .privacy-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
            grid-template-columns: 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
        position:relative;
        color: #FFFFFF;
        
    }

    .privacy-container-content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 6;
        	grid-column: 2 / span 6; 
        -ms-grid-row: 2; 
        -ms-grid-row-span: 1; 
        	grid-row: 2 / span 1; 
    }

    .privacy-container-content h2 {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 2.618rem;
        margin-bottom:40px;
    }

    .privacy-container-content h3 {
        color: #4DBFB9;
        font-weight: 300;
        font-size: 30px;
        margin-bottom: 1.618rem;
    }

    .privacy-container-content p {
        font-weight: 300;
        font-size: 22px;
        margin-bottom: 20px;
        letter-spacing:0.2px;
        line-height:1.3;
    }

    .privacy-container-nav {
        display: none;
    }

}

@media (max-width: 1230px) {

    .content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 8;
        grid-column: 2 / span 8;
    }

    .alchemy {
        -ms-grid-column: 2;
        -ms-grid-column-span: 9;
        grid-column: 2 / span 9;
    }
	
}

@media (max-width: 1200px) {

    .navigation__item:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1 / 2;
    }

    .brands .navigation__item:nth-child(1) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / span 1;
    }

    .navigation__item:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / span 1;
    }

    .brands .navigation__item:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3 / span 1;
    }

    .navigation__logo {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3 / span 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1 / -1;
        width: 64px;
        -ms-grid-column-align: center;
        justify-self: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .brands .navigation__logo {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4 / span 1;
    }

    .navigation__item:nth-child(4) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4 / span 1;
        -ms-grid-column-align: end;
        justify-self: end;
    }

    .brands .navigation__item:nth-child(4) {
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
        grid-column: 5 / span 1;
    }

    .navigation__item:nth-child(5) {
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
        grid-column: 5 / span 1;
        -ms-grid-column-align: end;
        justify-self: end;
    }

    .brands .navigation__item:nth-child(5) {
        -ms-grid-column: 6;
        -ms-grid-column-span: 1;
        grid-column: 6 / span 1;
    }

    .navigation {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
        left: 60px;
    }

    .brands .navigation {
        -ms-grid-columns: 60px (1fr)[5] 60px;
        grid-template-columns: 60px repeat(5, 1fr) 60px;
        width: 100%;
        left: 0;
    }

    .alchemy,
    .partner {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / span 10;
    }



	.journeyinfo {
		-ms-grid-column: 4;
		-ms-grid-column-span: 4;
		grid-column: 4 / span 4;
	}

}

@media (max-width: 1150px) {

    .alchemy {
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
    }

    .contactform {
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5 / span 1;
    }

    .location--highlight {
        -ms-grid-column: 9;
        -ms-grid-column-span: 4;
        grid-column: 9 / -1;
    }

    .contact .blob,
    .contact .polygon,
    .contact .tublob {
        display: none;
    }

    .member {
        margin: 0px !important;
        padding: 10px;
        min-width: 16.66666%;
    }

    .member:nth-child(n) {
        -webkit-animation: none;
                animation: none;
    }

    .member:hover .member__image {
        -webkit-transform: none;
                transform: none;
        transition: none;
    }
}

@media (max-width: 1050px) {

    .content__panel {
        font-size: 2.8rem;
    }

    .solution__header,
    .testimonial__company {
        font-size: 2.1rem;
    }

    .testimonial__header {
        font-size: 22px;
    }

    .testimonial--rt,
    .testimonial--rb,
    .solution--rt,
    .solution--rb {
        -ms-grid-column: 8;
        -ms-grid-column-span: 5;
        grid-column: 8 / span 5;
    }

    .testimonial--lt,
    .testimonial--lb,
    .solution--lt,
    .solution--lb {
        -ms-grid-column: 2;
        -ms-grid-column-span: 5;
        grid-column: 2 / span 5;
    }

    .logo__wrapper--go,
    .logo__wrapper--as,
    .logo__wrapper--dit {
        -ms-grid-column: 4;
        -ms-grid-column-span: 6;
        grid-column: 4 / span 6;
    }

    .logo__wrapper--go {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4 / span 1;
    }

    .logo__wrapper--as {
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
        grid-row: 6 / span 1;
    }

    .logo__wrapper--dit {
        -ms-grid-row: 8;
        -ms-grid-row-span: 1;
        grid-row: 8 / span 1;
    }

    .brand__logo--reversed {
        width: 200px;
    }

    .brands .container .title,
    .team .container .title {
        display: "";
        display: initial;
    }

    .brands .container .title {
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
        -webkit-writing-mode: lr-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: lr-tb;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3 / span 1;
    }

    .team .container .title {
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
        -webkit-writing-mode: lr-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: lr-tb;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4 / span 1;
    }

    .team__info {
        z-index: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / -2;
    }

    .info--1 {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5 / span 1;
    }

    .info--2 {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        grid-row: 7 / span 1;
    }

    .info--3 {
        -ms-grid-row: 9;
        -ms-grid-row-span: 1;
        grid-row: 9 / span 1;
    }

    .team__management--l {
        -ms-grid-column: 2;
        -ms-grid-column-span: 7;
        grid-column: 2 / -4;
        -ms-grid-row: 13;
        -ms-grid-row-span: 1;
        grid-row: 13 / span 1;
    }

    .team__management--m {
        -ms-grid-column: 2;
        -ms-grid-column-span: 7;
        grid-column: 2 / -4;
        -ms-grid-row: 15;
        -ms-grid-row-span: 1;
        grid-row: 15 / span 1;
    }

    .team__management--r {
        -ms-grid-column: 2;
        -ms-grid-column-span: 7;
        grid-column: 2 / -4;
        -ms-grid-row: 17;
        -ms-grid-row-span: 1;
        grid-row: 17 / span 1;
    }

    .team__heading--members {
        -ms-grid-row: 11;
        -ms-grid-row-span: 1;
        grid-row: 11 / span 1;
    }

    .team__members {
        -ms-grid-row: 13;
        -ms-grid-row-span: 1;
        grid-row: 13 / span 1;
    }

    .year {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / span 1;
        -ms-grid-column-align: center;
        justify-self: center;
    }

    .journeyinfo {
        -ms-grid-column: 4;
        -ms-grid-column-span: 4;
        grid-column: 4 / -1;
    }


    .footer__copyright {
        -ms-grid-column: 1;
        -ms-grid-column-span: 6;
        grid-column: 1 / span 6;
    }

    .footer__intro {
        -ms-grid-column: 7;
        -ms-grid-column-span: 6;
        grid-column: 7 / span 6;
    }

    .brands .footer__copyright {
		-ms-grid-column: 2;
		-ms-grid-column-span: 13;
		grid-column: 2 / span 13;
    }
}

@media (max-width: 970px) {

    .brand__introduction {
        -ms-grid-column: 3;
        -ms-grid-column-span: 11;
        grid-column: 3 / 14;
    }

    .privacy-container-content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / span 10;
    } 
}

@media (max-width: 910px) {

    .content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
    }
}

@media (max-width: 875px) {

    .navigation {
        display: none;
    }

    .navigation--mobile {
        padding: 30px 60px;
        height: 110px;
        display: block;
    }

    .navigation__logo--mobile {
        left: 60px;
        height: 50px;
    }

    .splash__logo {
        height: 50px;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / span 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / span 1;
        -ms-grid-column-align: start;
        justify-self: start;
        -ms-grid-row-align: center;
        align-self: center;
        width: 40px;
        -webkit-transform-origin: left;
                transform-origin: left;
    }

    .navigation__toggle {
        right: 60px;
        height: 40px;
        top: 35px;
    }

	.home .container {
		-ms-grid-rows: 110px 40px 20px 20px 20px (minmax(42.49px, 0.039fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr)  minmax(42.49px, 0.039fr) minmax(42.49px, 0.039fr) minmax(42.49px, 0.039fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr))[2] (minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) minmax(180px, 0.167fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr))[2] 60px 30px 30px 30px;
		    grid-template-rows: 110px 40px 20px 20px 20px repeat(2, minmax(42.49px, 0.039fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr)  minmax(42.49px, 0.039fr) minmax(42.49px, 0.039fr) minmax(42.49px, 0.039fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr)) repeat(2, minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) minmax(180px, 0.167fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr)) 60px 30px 30px 30px;
	}

	.brands .container {
		-ms-grid-rows: 110px 40px 40px 10px auto 60px 200px (minmax(auto, 70vh))[3] 60px (30px)[3];
		    grid-template-rows: 110px 40px 40px 10px auto 60px 200px repeat(3, minmax(auto, 70vh)) 60px repeat(3, 30px);
	}

	.team .container {
		-ms-grid-rows: 110px 40px 40px 10px (auto 63vh)[2] auto 60px auto 30px auto;
		    grid-template-rows: 110px 40px 40px 10px repeat(2, auto 63vh) auto 60px auto 30px auto;
	}

	.journey .container {
		-ms-grid-rows: 110px 40px 40px 20px (minmax(17rem, max-content))[10] (10rem)[2];
		    grid-template-rows: 110px 40px 40px 20px repeat(10, minmax(17rem, auto)) repeat(2, 10rem);
	}

	.contact .container {
	    -ms-grid-rows: 110px 20px 20px 20px (auto 90px)[2] (auto 60px)[7] (30px)[3];
	        grid-template-rows: 110px 20px 20px 20px repeat(2, auto 90px) repeat(7, auto 60px) repeat(3, 30px);
	}

	.pageinfo {
	    justify-items: start;
		left: 15px;
		-ms-grid-columns: 30px;
		    grid-template-columns: 30px;
			-ms-grid-rows: 210px max-content 20px auto;
			    grid-template-rows: 210px -webkit-max-content 20px auto;
			    grid-template-rows: 210px max-content 20px auto;
	}

	.contactform {
		-ms-grid-column: 2;
		-ms-grid-column-span: 12;
		grid-column: 2 / -1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		grid-row: 5 / span 1;
	}

    .contactform {
        -ms-grid-column: 2;
        -ms-grid-column-span: 12;
        grid-column: 2 / -1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5 / span 1;
    }

	.location--lt {
		-ms-grid-row: 9;
		-ms-grid-row-span: 1;
		grid-row: 9 / span 1;
	}

	.location--mt {
		-ms-grid-row: 11;
		-ms-grid-row-span: 1;
		grid-row: 11 / span 1;
	}

	.location--rt {
		-ms-grid-row: 13;
		-ms-grid-row-span: 1;
		grid-row: 13 / span 1;
	}
    .location {
        -ms-grid-column: 2;
        -ms-grid-column-span: 12;
        grid-column: 2 / -1;
    }

    .location--lt {
        -ms-grid-row: 9;
        -ms-grid-row-span: 1;
        grid-row: 9 / span 1;
    }

    .location--mt {
        -ms-grid-row: 11;
        -ms-grid-row-span: 1;
        grid-row: 11 / span 1;
    }

	.location--lm {
		-ms-grid-row: 15;
		-ms-grid-row-span: 1;
		grid-row: 15 / span 1;
	}

	.location--mm {
		-ms-grid-row: 17;
		-ms-grid-row-span: 1;
		grid-row: 17 / span 1;
	}

	.location--rm {
		-ms-grid-row: 19;
		-ms-grid-row-span: 1;
		grid-row: 19 / span 1;
	}

	.location--lb {
		-ms-grid-row: 21;
		-ms-grid-row-span: 1;
		grid-row: 21 / span 1;
	}

	.location--highlight {
		-ms-grid-column: 8;
		-ms-grid-column-span: 3;
		grid-column: 8 / -1;
	}


	.map__placeholder {
		-ms-grid-column: 2;
		-ms-grid-column-span: 6;
		grid-column: 2 / span 6;
	}

    .map {
        -ms-grid-column: 2;
        -ms-grid-column-span: 6;
        grid-column: 2 / span 6;
    }

    .map__placeholder {
        -ms-grid-column: 2;
        -ms-grid-column-span: 6;
        grid-column: 2 / span 6;
    }

    .journeyinfo {
        -ms-grid-column: 4;
        -ms-grid-column-span: 5;
        grid-column: 4 / span 5;
    }

    .year p {
        font-size: 42px;
        line-height: 1;
    }

    .year,
    .journeyinfo {
        opacity: 1;
    }

    .year:nth-child(3n+1),
    .year:nth-child(2n),
    .year:nth-child(3n),
    .year:nth-child(n),
    .journeyinfo:nth-child(3n+1),
    .journeyinfo:nth-child(2n),
    .journeyinfo:nth-child(3n),
    .journey:nth-child(n) {
        -webkit-animation: none;
                animation: none;
    }

    .splash.background {
        -ms-grid-columns: 60px (1fr)[10] 60px;
        grid-template-columns: 60px repeat(10, 1fr) 60px;
        -ms-grid-rows: 110px (1fr)[11];
        grid-template-rows: 110px repeat(11, 1fr);
    }

    .splash__caption {
        -ms-grid-row: 10;
        -ms-grid-row-span: 2;
        grid-row: 10 / span 2;
    }

    .privacy-container {
        -ms-grid-rows: 150px auto;
            grid-template-rows: 150px auto;
    } 
}

@media (max-width: 850px) {
    .member {
    	min-width: 33.33333%;
    }
}

@media (max-width: 767px) {

    html {
        font-size: 11px;
    }

    .wrapper,
    .brands .footerwrapper {
        padding: 0 15px;
    }

    .background {
        width: calc(100% - 30px);
    }

    .splash {
        width: 100%;
    }



	.title,
	.scroll__title {
		z-index: 3;
		font-size: 16px;
		letter-spacing: 0.7px;
	}

    .blob {
        -ms-grid-row: 6;
        -ms-grid-row-span: 14;
        grid-row: 6 / -2;
    }

	.scroll {
		grid-row: 4 / span 1;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
	}



    .textelement:nth-of-type(1),
    .textelement:nth-of-type(2),
    .textelement:nth-of-type(3),
    .textelement:nth-of-type(4) {
        -webkit-animation: none;
                animation: none;
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
        -ms-grid-column-align: start;
        justify-self: start;
    }

    .textelement:nth-of-type(1) {
        -ms-grid-row: 8;
        -ms-grid-row-span: 1;
        grid-row: 8 / span 1;
    }

    .textelement:nth-of-type(2) {
        -ms-grid-row: 10;
        -ms-grid-row-span: 1;
        grid-row: 10 / span 1;
    }

    .textelement:nth-of-type(3) {
        -ms-grid-row: 12;
        -ms-grid-row-span: 1;
        grid-row: 12 / span 1;
    }

    .textelement:nth-of-type(4) {
        -ms-grid-row: 14;
        -ms-grid-row-span: 1;
        grid-row: 14 / span 1;
    }


		        

	.home .container {
		-ms-grid-columns: 0.118fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
		    grid-template-columns: 0.118fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
	  	-ms-grid-rows: 110px 40px 20px 20px 20px minmax(58.72px, 0.054fr) minmax(58.72px, 0.054fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr) minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) auto auto auto minmax(58.72px, 0.054fr) minmax(58.72px, 0.054fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr) minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(21px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) (auto minmax(58.72px, 0.054fr))[5] minmax(42.49px, 0.039fr) minmax(21px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) (auto minmax(58.72px, 0.054fr))[5];
	  	    grid-template-rows: 110px 40px 20px 20px 20px minmax(58.72px, 0.054fr) minmax(58.72px, 0.054fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr) minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) auto auto auto minmax(58.72px, 0.054fr) minmax(58.72px, 0.054fr) minmax(58.72px, 0.054fr) minmax(95.02px, 0.088fr) minmax(68.75px, 0.064fr) minmax(137.51px, 0.127fr) minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) minmax(21px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) repeat(5, auto minmax(58.72px, 0.054fr)) minmax(42.49px, 0.039fr) minmax(21px, 0.054fr) minmax(95.02px, 0.088fr) minmax(58.72px, 0.054fr) repeat(5, auto minmax(58.72px, 0.054fr));
    }

    .background:not(.splash) {
        -ms-grid-columns: 0.118fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
        grid-template-columns: 0.118fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr;
        -ms-grid-rows: minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) (minmax(20px, 30px))[4] minmax(58.72px, 0.054fr) (16px 16px)[4] 200px;
        grid-template-rows: minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) repeat(4, minmax(20px, 30px)) minmax(58.72px, 0.054fr) repeat(4, 16px 16px) 200px;
    }

    .splash {
        -ms-grid-columns: 16px (1fr)[10] 60px;
        grid-template-columns: 16px repeat(10, 1fr) 60px;
        -ms-grid-rows: 70px (1fr)[10];
        grid-template-rows: 70px repeat(10, 1fr);
    }

    .splash__logo {
        -ms-grid-column-align: center;
        justify-self: center;
        -ms-grid-row-align: center;
        align-self: center;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1 / span 1;
        margin: 0;
        text-align: center;
    }

    .splash__caption--text {
        margin-bottom: 12px;
    }
			

    .splash__caption {
        position: relative;
        top: -20px;
    }



    .navigation--mobile {
        padding: 15px;
        height: 70px;
        display: block;
    }

    .navigation__logo--mobile {
        left: 15px;
        height: 40px;
    }

    .splash__logo {
        height: 40px;
    }

    .navigation__toggle {
        right: 15px;
        height: 32px;
        width: 32px;
        top: 19px;
    }

    .navigation__expand {
        left: 15px;
    }

    .polygon--alchemy,
    .polygon--partner {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }

    .blob--alchemy,
    .blob--partner {
        -webkit-transform: scale(0.7);
                transform: scale(0.7);
    }

    .tublob--alchemy,
    .tublob--partner {
        -webkit-transform: translate(20px, -20px) scale(0.7);
                transform: translate(20px, -20px) scale(0.7);
    }

    .testimonial,
    .solution {
        -ms-grid-column: 2;
        -ms-grid-column-span: 9;
        grid-column: 2 / span 9;
    }

    .solution--lt {
        -ms-grid-row: 30;
        -ms-grid-row-span: 1;
        grid-row: 30 / span 1;
    }

    .solution--rt {
        -ms-grid-row: 32;
        -ms-grid-row-span: 1;
        grid-row: 32 / span 1;
    }

    .solution--lb {
        -ms-grid-row: 34;
        -ms-grid-row-span: 1;
        grid-row: 34 / span 1;
    }

    .solution--rb {
        -ms-grid-row: 36;
        -ms-grid-row-span: 1;
        grid-row: 36 / span 1;
    }

    .alchemy {
        -ms-grid-row: 28;
        -ms-grid-row-span: 1;
        grid-row: 28 / span 1;
    }

    .partner {
        -ms-grid-row: 42;
        -ms-grid-row-span: 1;
        grid-row: 42 / span 1;
    }

    .testimonial--lt {
        -ms-grid-row: 44;
        -ms-grid-row-span: 1;
        grid-row: 44 / span 1;
    }

    .testimonial--rt {
        -ms-grid-row: 46;
        -ms-grid-row-span: 1;
        grid-row: 46 / span 1;
    }

    .testimonial--lb {
        -ms-grid-row: 48;
        -ms-grid-row-span: 1;
        grid-row: 48 / span 1;
    }
	
    .testimonial--rb {
        -ms-grid-row: 50;
        -ms-grid-row-span: 1;
        grid-row: 50 / span 1;
    }
	.contact .container {
		-ms-grid-rows: 110px 20px 20px 20px auto 90px auto auto 90px (auto 60px)[7] (30px)[3];
		    grid-template-rows: 110px 20px 20px 20px auto 90px auto auto 90px repeat(7, auto 60px) repeat(3, 30px);
	}

    .contact .container {
        -ms-grid-rows: minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) 0 0 auto 90px auto auto 90px (auto 60px)[7] (30px)[3];
        grid-template-rows: minmax(105.05px, 0.097fr) minmax(42.49px, 0.039fr) 0 0 auto 90px auto auto 90px repeat(7, auto 60px) repeat(3, 30px);
    }

    .map {
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
    }

    .map__placeholder {
    	-ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
    }

    .location--highlight {
        -ms-grid-row: 8;
        -ms-grid-row-span: 1;
        grid-row: 8 / span 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
    }

    .location--lt {
        -ms-grid-row: 10;
        -ms-grid-row-span: 1;
        grid-row: 10 / span 1;
    }

    .location--mt {
        -ms-grid-row: 12;
        -ms-grid-row-span: 1;
        grid-row: 12 / span 1;
    }

    .location--rt {
		-ms-grid-row: 14;
		-ms-grid-row-span: 1;
		grid-row: 14 / span 1;
    }

	.location--lm {
		-ms-grid-row: 16;
		-ms-grid-row-span: 1;
		grid-row: 16 / span 1;
	}

	.location--mm {
		-ms-grid-row: 18;
		-ms-grid-row-span: 1;
		grid-row: 18 / span 1;
	}

	.location--rm {
		-ms-grid-row: 20;
		-ms-grid-row-span: 1;
		grid-row: 20 / span 1;
	}

	.location--lb {
		-ms-grid-row: 22;
		-ms-grid-row-span: 1;
		grid-row: 22 / span 1;
	}

	.location--mb {
		-ms-grid-row: 24;
		-ms-grid-row-span: 1;
		grid-row: 24 / span 1;
	}

	.location--rb {
		-ms-grid-row: 26;
		-ms-grid-row-span: 1;
		grid-row: 26 / span 1;
	}

	.team__management--l {
		-ms-grid-column: 2;
		-ms-grid-column-span: 10;
		grid-column: 2 / -2;
	}

	.brands .container {
		-ms-grid-columns: 30px 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr 30px;
	        grid-template-columns: 30px 0.096fr 0.096fr 0.059fr 0.082fr 0.05fr 0.118fr 0.118fr 0.05fr 0.082fr 0.059fr 0.096fr 0.096fr 30px;
	        -ms-grid-rows: 110px 40px 40px 10px auto 60px 175px (400px 30px auto 60px)[3] (30px)[3];
	            grid-template-rows: 110px 40px 40px 10px auto 60px 175px repeat(3, -webkit-max-content 30px auto 60px) repeat(3, 30px);
	            grid-template-rows: 110px 40px 40px 10px auto 60px 175px repeat(3, max-content 30px auto 60px) repeat(3, 30px);
	}
    .team__management--l {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / -2;
    }

	.brand__introduction {
		-ms-grid-column: 3;
		-ms-grid-column-span: 10;
		grid-column: 3 / span 10;
	}
    .team__management--m {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / -2;
    }

	.brand__bg--id,
	.brand__bg--dit,
	.brand__bg--as {
		display: none;
	}

	.brands__blob--bg {
		-ms-grid-row: 9;
		-ms-grid-row-span: 14;
		grid-row: 9 / span 14;
	}

	.brand__info {
		-ms-grid-column: 3;
		-ms-grid-column-span: 10;
		grid-column: 3 / span 10;
	}
    .team__management--r {
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        grid-column: 2 / -2;
    }

	.brand__blob {
		width: 100%;
		height: auto;
		-ms-grid-column: 2;
		-ms-grid-column-span: 12;
		grid-column: 2 / span 12;
		-ms-grid-column-align: center;
		    justify-self: center;
	}

	.brand__blob--id {
		-ms-grid-row: 8;
		grid-row: 8;
	}

	.brand__info--id {
		-ms-grid-row: 10;
		grid-row: 10;
	}

	.bg__colour--dit {
		display: none;
	}
	
	.brand__blob--dit {
		-ms-grid-row: 12;
		grid-row: 12;
		-ms-grid-column: 2;
		-ms-grid-column-span: 12;
		grid-column: 2 / span 12;
	}

	.brand__info--dit {
		-ms-grid-row: 14;
		grid-row: 14;
	}

	.bg__colour--as {
		display: none;
	}

	.brand__blob--as {
		-ms-grid-row: 16;
		grid-row: 16;
	}

	.brand__info--as {
		-ms-grid-row: 18;
		grid-row: 18;
	}

	.brandturqblob {
		-ms-grid-row: 4;
		-ms-grid-row-span: 4;
		grid-row: 4 / span 4;
		-ms-grid-column: 3;
		-ms-grid-column-span: 7;
		grid-column: 3 / span 7;
	}




    .sectionc {
        fill: url(#sectionc-gradient-r) !important;
    }

    .sectionb {
        fill: url(#sectionb-gradient-r) !important;
    }

    .sectiona {
        fill: url(#sectiona-gradient-r) !important;
    }

    .splash.background {
        -ms-grid-columns: 60px (1fr)[10] 60px;
        grid-template-columns: 60px repeat(10, 1fr) 60px;
        -ms-grid-rows: 70px (1fr)[11];
        grid-template-rows: 70px repeat(11, 1fr);
    }

    .management__img {
    	width: 110px;
    }

    .brands .footer__copyright {
		-ms-grid-column: 1;
		-ms-grid-column-span: 14;
		grid-column: 1 / span 14;
		-ms-grid-row: 21;
		-ms-grid-row-span: 1;
		grid-row: 21 / span 1;
		margin-left: 15px;
    }

}

@media (max-width: 650px) {

    html {
        font-size: 10px;
    }

    .polygon {
        -ms-grid-row: 8;
        -ms-grid-row-span: 13;
        grid-row: 8 / -1;
    }

    .blob {
        -ms-grid-row: 8;
        -ms-grid-row-span: 12;
        grid-row: 8 / -2;
    }

    .tublob {
        -ms-grid-row: 7;
        -ms-grid-row-span: 5;
        grid-row: 7 / span 5;
    }

    .content__panel {
        font-size: 2.6rem;
    }

    .testimonial,
    .solution {
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2 / -1;
    }

    .solution__header,
    .testimonial__company {
        font-size: 1.9rem;
    }

    .testimonial__header {
        font-size: 20px;
    }

    .brand__info--id,
    .brand__info--as,
    .brand__info--dit {
        -ms-grid-column: 3;
        -ms-grid-column-span: 10;
        grid-column: 3 / span 10;
    }



    .year {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 2 / 4;
        -ms-grid-column-align: start;
        justify-self: start;
    }

    .year p {
        font-size: 36px;
    }

    .journeyinfo {
        padding-bottom: 50px;
    }

	.journey .container {
		    -ms-grid-rows: 110px 40px 40px 10px (minmax(10rem, auto))[10] (10rem)[2];
		        grid-template-rows: 110px 40px 40px 10px repeat(10, minmax(10rem, auto)) repeat(2, 10rem);
	}

    .testimonial__company {
        font-size: 22px;
    }

    .testimonial__header {
        font-size: 20px;
    }
}

@media (max-width: 600px) {

    .separator {
        display: none;
    }
}

@media (max-width: 550px) {

	.brands .container {
		-ms-grid-rows: 110px 40px 40px 10px auto 60px 150px (300px 30px auto 60px)[3] (30px)[3];
	}
}

@media (max-width: 500px) {
    .management__img {
    	width: 100px;
    }
}

/* Height Media Queries */

@media (max-height: 850px) and (min-width: 1200px) {

	.pageinfo {
		-ms-grid-rows: 210px max-content 20px auto;
		    grid-template-rows: 210px -webkit-max-content 20px auto;
		    grid-template-rows: 210px max-content 20px auto;
	}

    .polygon {
        -ms-grid-row: 3;
        -ms-grid-row-span: 9;
        grid-row: 3 / -1;
    }
}