/*
    Theme Name: Plastifab
    Theme URI: http: //cultureinspired.com
    Description: Plastifab theme by Rubix Marketing.
    Version: 1.0.0
    Framework Version: 1.7.8 Beta
    Author: Rubix Marketing
    Author URI: https: //rubixmarketing.ca/
*/


/*** BASE ***/

#mobile-menu {
    display: none !important; /* This is a menu generated by the check stock files, couldn't find where to remove it properly. */
}


/* Fonts */

@font-face {
    font-family: 'Roboto';
    src: url('./assets/fonts/Roboto-Bold.ttf') format('ttf'),
         url('./assets/fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./assets/fonts/Roboto-Medium.ttf') format('ttf'),
         url('./assets/fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./assets/fonts/Roboto-Regular.ttf') format('ttf'),
         url('./assets/fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./assets/fonts/Roboto-Light.ttf') format('ttf'),
         url('./assets/fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


/* Brand Colors */

.bg-color-black {
    background: #1A1A1A;
}

.text-color-black {
    color: #1A1A1A;
}

.bg-color-medium-grey {
    background: #808080;
}

.text-color-medium-grey {
    color: #808080;
}

.bg-color-light-grey {
    background: #E9E9E8;
}

.text-color-light-grey {
    color: #E9E9E8;
}

.bg-color-white {
    background: #fff;
}

.text-color-white {
    color: #fff;
}

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

.text-color-dark-blue {
    color: #1C315B;
}

.bg-color-medium-blue {
    background: #3D5794;
}

.text-color-medium-blue {
    color: #3D5794;
}

.bg-color-orange {
    background: #E1784B;
}

.text-color-orange {
    color: #E1784B;
}


/* Global */

.otgs-development-site-front-end {
    display: none !important;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #1A1A1A;
}

@media screen and (min-width: 1000px) {
    body {
        font-size: 20px;
    }
}

h1 {

}

h2 {

}

ul,
li,
article {
    box-sizing: border-box;
}

.wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}


/* Common Components */

.pageSection {
    position: relative;
    float: left;
    width: 100%;
}

.pageSection--hero {
}

.heroContent {
    display: flex;
    width: 86%;
    flex-direction: column-reverse;
    margin: 40px auto 64px auto;
}

@media screen and (min-width: 1000px) {
    .heroContent {
        position: relative;
        display: flex;
        width: 86%; /* was 88% */
        flex-direction: row;
        margin: 100px auto 0 auto;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent {
        margin: 170px auto 0 auto;
    }
}

@media screen and (min-width: 1700px) {
    .heroContent {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent {
        width: 1520px;
    }
}


@media screen and (min-width: 2300px) {
    .heroContent {

    }
}

.heroContentInner {
    width: auto;
    max-width: 520px;
    margin: auto;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .heroContentInner {
        max-width: 550px;
        margin: 0;
        text-align: left;
    }
}

@media screen and (min-width: 1540px) {
    .heroContentInner {
        max-width: 780px;
    }
}

.heroContentInner__breadcrumb {
    display: block;
    font-size: 1.6em;
    font-weight: 300;
    margin-bottom: 22px;
}

.heroContentInner__heading {
    font-size: 2.4em;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 32px 0;
}

@media screen and (min-width: 1000px) {
    .heroContentInner__heading {
        font-size: 3.5em;
        margin: 0 0 63px 6px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContentInner__heading {
        font-size: 5em;
    }
}

.heroContentInner__heading span {
    font-weight: inherit;
}

.heroContentInner__text {
    max-width: 740px;
    font-weight: 300;
    line-height: 1.5;
}

.heroContentInner__text p,
.heroContentInner__text span {
    font-weight: inherit !important;
}

.heroContentInner__text ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
}

.heroContentInner__text ul li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1000px) {
    .heroContentInner__text ul li {
        justify-content: flex-start;
    }
}

.heroContentInner__text ul li:before {
    content: "•";
    font-size: 2em;
    line-height: 30px;
    margin-right: 8px;
    transform: scale(1.05);
}

@media screen and (min-width: 1000px) {
    .heroContentInner__text ul li:before {
        margin-right: 67px;
    }
}

.btn.heroContentInner__btn {
    width: 100%;
    margin-top: 24px;
    letter-spacing: 0.3px;
}

@media screen and (min-width: 600px) {
    .btn.heroContentInner__btn {
        margin-top: 40px;
    }
    .btn.heroContentInner__btn {
        width: 280px;
    }
}

@media screen and (min-width: 1000px) {
    .btn.heroContentInner__btn {
        width: 368px;
    }
}

.btn.heroContentInner__btn--downloadIcon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 242px;
    margin: 48px auto 0 auto;
}

@media screen and (min-width: 1000px) {
    .btn.heroContentInner__btn--downloadIcon {
        margin: 48px 0 0 0;
    }
}

.btn.heroContentInner__btn--downloadIcon:lang(fr) {
    width: 222px;
}

.btn.heroContentInner__btn--downloadIcon:after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 0 0 16px;
    background-image: url('./assets/svgs/icon_download.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.heroContent__image {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto 32px auto;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3D5794;
}

@media screen and (min-width: 375px) {
    .heroContent__image {
        width: 320px;
        height: 320px;
    }
}

@media screen and (min-width: 720px) {
    .heroContent__image {
        width: 420px;
        height: 420px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__image {
        position: absolute;
        top: -45px;
        right: -225px;
        width: 520px;
        height: 520px;
        margin: 0;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent__image {
        right: -218px;
        width: 650px;
        height: 650px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent__image {
        top: -45px;
        width: 768px;
        height: 768px;
    }
}

@media screen and (min-width: 1700px) {
    .heroContent__image {
        top: -115px;
        right: -306px;
        right: -18vw;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__image {
        right: -245px;
        width: 828px;
        height: 828px;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent__image--alt {
        top: -200px;
        top: -130px;
        right: -34px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent__image--alt {
        right: 0;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__image--alt {
        top: -215px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent__image--alt {
        /* top: -381px; */
        right: -40px;
    }
}

@media screen and (min-width: 1700px) {
    .heroContent__image--alt {
        right: -64px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__image--alt {
        top: -248px;
        right: 0;
    }
}

.heroContent__secondaryImage {
    position: relative;
    width: 140px;
    height: 140px;
    top: -8px;
    right: 0;
    margin: 0 0 0 auto;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3D5794;
}

@media screen and (min-width: 390px) {
    .heroContent__secondaryImage {
        top: -12px;
    }
}

@media screen and (min-width: 600px) {
    .heroContent__secondaryImage {
        width: 200px;
        height: 200px;
    }
}

@media screen and (min-width: 720px) {
    .heroContent__secondaryImage {
        top: 13px;
    }
}

@media screen and (min-width: 860px) {
    .heroContent__secondaryImage {
        width: 240px;
        height: 240px;
        top: 24px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__secondaryImage {
        position: absolute;
        top: 400px;
        left: initial;
        right: 210px;
        margin: 0;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent__secondaryImage {
        top: 430px;
        right: 410px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent__secondaryImage {
        width: 200px;
        height: 200px;
        top: -60px;
        right: 510px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__secondaryImage {
        top: -120px;
        right: 450px;
    }
}

@media screen and (min-width: 1700px) {
    .heroContent__secondaryImage {
        width: 240px;
        height: 240px;
        top: -140px;
        right: 410px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__secondaryImage {
        right: 540px;
    }
}

.heroContent__form {

}

.heroArrow {
    position: absolute;
    display: none;
    align-items: center;
    height: 55px;
    top: 275px;
    right: 0;
}

@media screen and (min-width: 720px) {
    .heroArrow {
        top: 380px;
    }
}

@media screen and (min-width: 1000px) {
    .heroArrow {
        display: flex;
        top: 510px;
    }
}

@media screen and (min-width: 1240px) {
    .heroArrow {
        height: 106px;
        top: 670px;
    }
}

@media screen and (min-width: 1500px) {
    .heroArrow {
        top: 800px;
    }
}

@media screen and (min-width: 1920px) {
    .heroArrow {
        top: 950px;
        height: auto;
    }
}

@media screen and (min-width: 2300px) {
    .heroArrow {
        top: 985px;
    }
}

.heroArrow__top {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 0px;
    left: 1px;
    background: #E1784C;
    transform: skewY(-45deg);
}

@media screen and (min-width: 1240px) {
    .heroArrow__top {
        width: 100px;
        top: 0;
        left: 0;
    }
}

@media screen and (min-width: 1920px) {
    .heroArrow__top {
        width: 129px;
        top: -65px;
    }
}

.heroArrow__center {
    position: relative;
    width: 42vw;
    height: 4px;
    margin: auto;
    background: #E1784C;
}

@media screen and (min-width: 1000px) {
    .heroArrow__center {
        width: 300px;
    }
}

@media screen and (min-width: 1240px) {
    .heroArrow__center {
        width: 420px;
    }
}

@media screen and (min-width: 1500px) {
    .heroArrow__center {
        width: 440px;
    }
}

@media screen and (min-width: 1540px) {
    .heroArrow__center {
        width: 540px;
    }
}

@media screen and (min-width: 1700px) {
    .heroArrow__center {
        width: 440px;
    }
}

@media screen and (min-width: 1920px) {
    .heroArrow__center {
        width: 600px;
    }
}

@media screen and (min-width: 2300px) {
    .heroArrow__center {
        width: 40vw;
    }
}

.heroArrow__bottom {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 0px;
    left: 1px;
    background: #E1784C;
    transform: skewY(45deg);
}

@media screen and (min-width: 1240px) {
    .heroArrow__bottom {
        width: 100px;
        bottom: 0;
        left: 0;
    }
}

@media screen and (min-width: 1920px) {
    .heroArrow__bottom {
        width: 129px;
        bottom: -65px;
    }
}

.pageContent {
    position: relative;
    width: 92%;
    margin: auto;
}

.pageContent__superTitle {
}

.pageContent__heading {
}

.pageContent__heading span {
    font-weight: inherit;
}

.pageContent__text {
}

.textLink {
    font-weight: 500;
    text-decoration: none;
}

.accordion {
    position: relative;
    display: table;
    width: 92%;
    list-style: none;
    padding: 0;
    margin: 0 auto 64px auto;
}

@media screen and (min-width: 1366px) {
    .accordion {
        width: 1200px;
        margin: 0 auto 100px auto;
    }
}

@media screen and (min-width: 1500px) {
    .accordion {
        width: 1260px;
    }
}

@media screen and (min-width: 1920px) {
    .accordion {
        width: 1520px;
        margin: 0 auto 200px auto;
    }
}

.accordion__item {
    width: 100%;
    margin: 0 0 16px 0;
    float: left;
    cursor: pointer;
}

.accordion__item {
    width: 100%;
    margin: 0 0 24px 0;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0.2em 1em 0 rgb(0 0 0 / 15%);
}

@media screen and (min-width: 768px) {
    .accordion__item {
        width: 48.65%;
        margin: 0 2.7% 53px 0;
        text-align: left;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0.2em 1em 0 rgb(0 0 0 / 15%);
    }
    .accordion__item:nth-of-type(2n + 2) {
        margin: 0 0 53px 0;
    }
}

.accordion__item * {
    cursor: pointer;
}

.accordion__box {
    display: table;
    width: 100%;
    margin: 0;
    padding: 32px;
    box-sizing: border-box;
    border: none;
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

@media screen and (min-width: 1000px) {
    .accordion__box {
        padding: 32px 45px 32px 41px;
    }
}

.accordion__titleContainer {
    display: table;
    width: 100%;
    float: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.accordion__title {
    position: relative;
    display: none;
    padding: 0 0 0 0;
    font-size: 1.2em;
    font-weight: 300;
    vertical-align: middle;
    text-align: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (min-width: 768px) {
    .accordion__title {
        font-size: 1.5em;
        line-height: 1.375;
    }
}

@media screen and (min-width: 1240px) {
    .accordion__title {
        font-size: 2em;
    }
}

.accordion__title span {
    display: table-cell;
    vertical-align: middle;
    float: right;
}

.accordion__expanse {
    width: 100%;
    float: left;
}

.accordion__expanseInner {
    width: 100%;
    float: left;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}

.accordion__content {
    float: left;
    width: 100%;
    padding: 0 32px 36px 32px;
    box-sizing: border-box;
    font-weight: 300;
    line-height: 1.5;
}

@media screen and (min-width: 768px) {
    .accordion__content {
        padding: 0 43px 47px 43px;
    }
}

.accordion__content > *:first-of-type {
    margin-top: 0;
}

.accordion__content p {
    font-weight: inherit;
    margin: 1.5em 0;
}

.accordion__plus {
    display: table-cell;
    width: 24px;
    height: 24px;
    float: right;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    transform: rotate(0deg);
}

@media screen and (min-width: 768px) {
    .accordion__plus {
        width: 32px;
        height: 32px;
    }
}

@media screen and (min-width: 1240px) {
    .accordion__plus {
        width: 50px;
        height: 50px;
    }
}

.accordion__item:nth-of-type(3n + 1) {
    background: #3D5794;
}

.accordion__item:nth-of-type(3n + 1) * {
    color: #fff;
}

.accordion__item:nth-of-type(3n + 1) .accordion__plus * {
    stroke: #E1784B;
}

.accordion__item:nth-of-type(3n + 2) {
    background: #E1784B;
}

.accordion__item:nth-of-type(3n + 2) * {
    color: #fff;
}

.accordion__item:nth-of-type(3n + 2) .accordion__plus * {
    stroke: #3D5794;
}

.accordion__item:nth-of-type(3n + 3) {
    background: #fff;
}

.accordion__item:nth-of-type(3n + 3) * {
    color: #1A1A1A;
}

.accordion__item:nth-of-type(3n + 3) .accordion__plus * {
    stroke: #E1784B;
}


/* Popup */

.popupShader {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    opacity: 0;
    background: rgba(0,0,0,0.35);
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.popup {
    position: fixed;
    width: max-content;
    height: max-content;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    opacity: 0;
    background: #fff;
    -moz-transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    box-shadow: 0 0.15em 1em 0 rgba(0,0,0,0.3);
}

.popup--opened {
    opacity: 1;
}

.popupContents {
    font-size: 17px;
    padding: 24px;
    box-sizing: border-box;
    opacity: 0;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-align: center;
}

@media screen and (min-width: 720px) {
    .popupContents {
        font-size: 21px;
        padding: 48px;
    }
}

.popupContents--video {
    padding: 8px;
}

@media screen and (min-width: 720px) {
    .popupContents--video {
        padding: 16px;
    }
}

.popupContents p {
    margin: auto;
}


/* Buttons */

.btn {
    position: relative;
    display: inline-block;
    margin: auto;
    border-radius: 10px;
    padding: 12px 20px;
    box-sizing: border-box;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    opacity: 1 !important;
}

.btn--small {
    padding: 8px 24px;
}

.btn--shadowed {
    box-shadow: 0 0.2em 1em 0 rgba(0,0,0,0.08);
}

.btn--solidOrange {
    background: #E1784B;
    border: 1.5px solid #E1784B;
    color: #fff;
}

.btn--solidOrange:hover {
    background: #3D5794;
    border: 1.5px solid #3D5794;
}

.btn--solidMediumBlue {
    background: #3D5794;
    border: 1.5px solid #3D5794;
    color: #fff;
}

.btn--solidMediumBlue:hover {
    background: #3D5794;
    border: 1.5px solid #3D5794;
}

.btn--ghostBlack {
    border: 1.5px solid #000;
    color: #000;
}

.btn--ghostBlack:hover {
    background: #000;
    border: 1.5px solid #000;
    color: #fff;
}


/* Inputs */

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
input[type='number'],
textarea,
select {
    font-size: 18px;
    padding: 14px 28px;
    border-radius: 10px;
    border: none;
    color: #808080;
}

input[type='submit'] {

}

@media screen and (min-width: 600px) {
    input[type='submit'] {
        width: auto;
    }
}

::placeholder {
    color: #808080 !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #808080;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #808080;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #808080;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #808080;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    background-image: url('./assets/svgs/icon_down_arrow.svg');
    background-repeat: no-repeat;
    background-position: right 20px top 42%;
    background-size: 16px auto
}


/* Animations */

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

@-webkit-keyframes hvr-push {
    50% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
}

@keyframes hvr-push {
    50% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
}

.hvr-push,
.hvr-push-menu a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active,
.hvr-push-menu a:hover,
.hvr-push-menu a:focus,
.hvr-push-menu a:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Utility & State Classes */

.ut-responsive-video {
    width: 310px;
}

@media screen and (min-width: 400px) {
    .ut-responsive-video {
        width: 360px;
    }
}

@media screen and (min-width: 600px) {
    .ut-responsive-video {
        width: 580px;
    }
}

@media screen and (min-width: 720px) {
    .ut-responsive-video {
        width: 600px;
    }
}

@media screen and (min-width: 1000px) {
    .ut-responsive-video {
        width: 960px;
    }
}

@media screen and (min-width: 2100px) {
    .ut-responsive-video {
        width: 1280px;
    }
}

.state-pre-animated {
    opacity: 0!important;
    transform: translateY(64px)!important;
    -moz-transition: opacity 1s ease-out,transform 1s ease-out;
    -webkit-transition: opacity 1s ease-out,transform 1s ease-out;
    -o-transition: opacity 1s ease-out,transform 1s ease-out;
    transition: opacity 1s ease-out,transform 1s ease-out
}

.state-pre-animated-alt {
    opacity: 0!important;
    transform: translateX(-48px)!important;
    -moz-transition: opacity 1s ease-out,transform 1s ease-out;
    -webkit-transition: opacity 1s ease-out,transform 1s ease-out;
    -o-transition: opacity 1s ease-out,transform 1s ease-out;
    transition: opacity 1s ease-out,transform 1s ease-out
}

.state-pre-animated-multi-item {
    opacity: 0!important;
    transform: translateY(64px)!important;
    -moz-transition: opacity 1s ease-out,transform 1s ease-out;
    -webkit-transition: opacity 1s ease-out,transform 1s ease-out;
    -o-transition: opacity 1s ease-out,transform 1s ease-out;
    transition: opacity 1s ease-out,transform 1s ease-out
}

.pageContent__text.state-pre-animated-multi-item {
    transform: translateY(32px)
}

.state-animated {
    opacity: 1!important;
    transform: translateY(0px)!important
}


/*** LAYOUTS ***/

/* The Footer */

.footer {
    width: 100%;
}

.footerColumns {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 92%;
    margin: 72px auto 0 auto;
}

@media screen and (min-width: 1000px) {
    .footerColumns {
        flex-direction: row;
        margin: 115px auto 0 auto;
    }
}

@media screen and (min-width: 1920px) {
    .footerColumns {
        width: 92.8125%;
        width: 1782px;
        margin: 115px auto 0 auto;
        left: 9px;
    }
}

.footerColumn {
    margin-bottom: 32px;
}

@media screen and (min-width: 600px) {
    .footerColumn {
        margin-bottom: 48px;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn--info {
        width: 260px;
        margin-right: 88px;
    }
}

@media screen and (min-width: 1400px) {
    .footerColumn--info {
        margin-right: 128px;
    }
}

@media screen and (min-width: 1600px) {
    .footerColumn--info {
        margin-right: 160px;
    }
}

@media screen and (min-width: 1700px) {
    .footerColumn--info {
        margin-right: 180px;
    }
}

@media screen and (min-width: 1920px) {
    .footerColumn--info {
        margin-right: 88px;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn--menuFirst {
        width: 187px;
        margin-right: 100px;
    }
}

@media screen and (min-width: 1400px) {
    .footerColumn--menuFirst {
        margin-right: 128px;
    }
}

@media screen and (min-width: 1600px) {
    .footerColumn--menuFirst {
        margin-right: 160px;
    }
}

@media screen and (min-width: 1700px) {
    .footerColumn--menuFirst {
        margin-right: 180px;
    }
}

@media screen and (min-width: 1920px) {
    .footerColumn--menuFirst {
        margin-right: 100px;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn--menuSecond {
        width: 239px;
    }
}

@media screen and (min-width: 1366px) {
    .footerColumn--menuSecond {
        margin-right: 100px;
    }
}

@media screen and (min-width: 1400px) {
    .footerColumn--menuSecond {
        margin-right: 128px;
    }
}

@media screen and (min-width: 1600px) {
    .footerColumn--menuSecond {
        margin-right: 160px;
    }
}

@media screen and (min-width: 1700px) {
    .footerColumn--menuSecond {
        margin-right: 180px;
    }
}

@media screen and (min-width: 1920px) {
    .footerColumn--menuSecond {
        margin-right: 72px;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn--menuThird {
        width: calc(50% - 48px);
        margin: 72px 48px 0 0;
    }
}

@media screen and (min-width: 1366px) {
    .footerColumn--menuThird {
        width: auto;
        margin: 0;
    }
}

@media screen and (min-width: 1920px) {
    .footerColumn--menuThird {
        width: 154px;
        margin: 0 74px 0 0;
    }
}

@media (min-width: 1000px) and (max-width: 1365px) {
    .footerColumn--menuThird .menu {
        column-count: 2;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn--form {
        width: 50%;
        margin: 72px 0 0 0;
    }
}

@media screen and (min-width: 1366px) {
    .footerColumn--form {
        width: 66%;
        max-width: 800px;
        margin: 72px auto 0 auto;
    }
}

@media screen and (min-width: 1920px) {
    .footerColumn--form {
        width: 608px;
        max-width: none;
        margin: -36px 0 0 0;
    }
}

.footerColumn .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footerColumn .menu li {
    margin-bottom: 18px;
}

.footerColumn .menu li:last-of-type {
    margin-bottom: 0;
}

.footerColumn--menuFirst .menu li {
    margin-bottom: 22px;
}

.footerColumn .menu li a {
    display: block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}

.footerColumn .menu li.menu-link-bold a {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
}

.footerColumn .menu li.menu-link-top-space a {
    margin-top: 45px;
}

.footerColumn__languageSwitcher ul {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 46px;
    border: 2px solid #D9D9D9;
    border-radius: 10px;
}

@media (min-width: 600px) and (max-width: 999px) {
    .footerColumn__languageSwitcher ul {
        max-width: 320px;
    }
}

.footerColumn__languageSwitcher ul li:first-of-type {
    position: relative;
    display: flex;
    align-items: center;
    margin: auto 0 auto auto;
}

.footerColumn__languageSwitcher ul li:first-of-type:after {
    content: "/";
    color: #fff;
    font-weight: 500;
    margin: auto 4px auto 4px;
}

.footerColumn__languageSwitcher ul li:first-of-type a {
    padding-left: 2px;
}

.footerColumn__languageSwitcher ul li:last-of-type {
    margin: auto auto auto 0 !important;
}

.footerColumn__languageSwitcher ul li.wpml-ls-current-language a {
    color: #E1784B;
}

.footerColumn__languageSwitcher ul li a {
    font-size: 18.5px !important;
}

.footerColumn__languageSwitcher ul li a span {
    font-size: inherit;
    font-weight: 500;
}

.footerColumn__logo {
    display: block;
    width: 180px;
    margin-bottom: 32px;
}

@media screen and (min-width: 1000px) {
    .footerColumn__logo {
        width: 260px;
    }
}

.footerColumn__address {
    display: block;
    margin-bottom: 32px;
    font-weight: 300;
    line-height: 1.3;
    color: #fff;
}

.footerColumn__phone {
    display: block;
    margin-bottom: 32px;
    font-weight: 300;
    color: #fff;
}

.footerColumn__phoneAlt {
    display: block;
    margin-bottom: 32px;
    font-weight: 300;
    color: #fff;
}

.footerSocials {
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 0 32px 0;
}

@media screen and (min-width: 768px) {
    .footerSocials {
        margin: 0 0 24px 0;
    }
}

@media screen and (min-width: 1000px) {
    .footerSocials {
        margin: 0 0 44px 0;
    }
}

.footerSocials__item {
    width: 28px;
}

.footerSocials__item--facebook {
    margin-right: 16px;
}

.footerSocials__item--linkedin {
    margin-right: 21px;
}

.footerSocials__item--twitter {
}

.footerColumn__certCgp {
    width: 125px;
    margin: 0 0 21px 0;
}

@media screen and (min-width: 600px) {
    .footerColumn__certCgp {
        float: left;
        margin: 0 21px 0 0;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn__certCgp {
        float: none;
        margin: 0 0 26px 0;
    }
}

.footerColumn__certsRow {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: 100%;
    margin: 0 0 20px 0;
}

@media screen and (min-width: 600px) {
    .footerColumn__certsRow {
        margin: 23px 0 0 0;
        float: left;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn__certsRow {
        flex-basis: 100%;
        margin: 0;
        float: none;
    }
}

@media screen and (min-width: 1920px) {
    .footerColumn__certsRow {
        position: absolute;
    }
}

.footerColumn__certBnq {
    height: 72px;
    margin: 0 0 12px 0;
}

@media screen and (min-width: 600px) {
    .footerColumn__certBnq {
        margin: 0 0 21px 0;
    }
}

@media screen and (min-width: 1000px) {
    .footerColumn__certBnq {
        width: 242px;
        height: auto;
        margin: 0 0 26px 0;
    }
}

.footerColumn__certIapd {
    height: 72px;
    margin: 0;
}

@media screen and (min-width: 1000px) {
    .footerColumn__certIapd {
        width: 267px;
        height: auto;
        margin: auto;
    }
}

.footerColumn .menu li.menu-link-quote {
    margin: 40px 0 25px 0;
}

.footerColumn .menu li.menu-link-quote a {
    background: #E1784B;
    border: 1.5px solid #E1784B;
    color: #fff;
    border-radius: 10px;
    padding: 12px 20px;
    box-sizing: border-box;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    opacity: 1 !important;
}

@media (min-width: 600px) and (max-width: 999px) {
    .footerColumn .menu li.menu-link-quote a {
        max-width: 320px;
    }
}

.footerColumn .menu li.menu-link-quote:hover a {
    background: #E1784B;
    border: 1.5px solid #E1784B;
}

.footerColumn .menu li.menu-link-stock {
    margin-bottom: 25px;
}

.footerColumn .menu li.menu-link-stock a {
    background: #fff;
    border: 1.5px solid #fff;
    color: #3D5794;
    border-radius: 10px;
    padding: 12px 20px;
    box-sizing: border-box;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    opacity: 1 !important;
}

@media (min-width: 600px) and (max-width: 999px) {
    .footerColumn .menu li.menu-link-stock a {
        max-width: 320px;
    }
}

.footerColumn .menu li.menu-link-stock:hover a {
    background: #fff;
    border: 1.5px solid #fff;
}

.footerColumn__form {
    float: left;
    border-radius: 30px;
    padding-bottom: 42px;
}

.footerColumn__formTitle {
    width: 90%;
    font-size: 30px;
    font-weight: 300;
    margin: 42px auto 26px auto;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .footerColumn__formTitle {
        width: calc(100% - 142px);
        font-size: 50px;
        margin: 42px auto 26px auto;
        text-align: left;
    }
}

.footerColumn__form .wpcf7 {
    width: 90%;
    margin: 0 auto 40px auto !important;
}

@media screen and (min-width: 1000px) {
    .footerColumn__form .wpcf7 {
        width: calc(100% - 142px);
        margin: 0 auto 68px auto !important;
    }
}

.footerColumn .wpcf7_field_message textarea {
    height: 132px;
}

.copyright {
    display: block;
    margin: 48px auto 37px auto;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}


/*** WORDPRESS TEMPLATE CONTENT ***/

/* The Loop */

.loopContent {

}

.loop {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

@media screen and (min-width: 600px) {
    .loop {
        flex-direction: row;
    }
}

.loop article.post {
    position: relative;
    width: 100%;  /* 1 column loop */
    box-shadow: 0 0.2em 1em 0 rgba(0,0,0,0.15);
}

@media screen and (min-width: 600px) {
    .loop article.post {
        width: 49%; /* 2 column loop */
        margin: 0% 2% 2% 0%;
    }
    .loop article.post:nth-of-type(2n+2) {
        margin: 0% 0% 2% 0%;
    }
}

@media screen and (min-width: 1000px) {
    .loop article.post {
        width: 32%; /* 3 column loop */
        margin: 0% 2% 2% 0%;
    }
    .loop article.post:nth-of-type(2n+2) {
        margin: 0% 2% 2% 0%;
    }
    .loop article.post:nth-of-type(3n+3) {
        margin: 0% 0% 2% 0%;
    }
}

@media screen and (min-width: 1160px) {
    .loop article.post {
        width: 23.5%; /* 4 column loop */
        margin: 0% 2% 2% 0%;
    }
    .loop article.post:nth-of-type(2n+2) {
        margin: 0% 2% 2% 0%;
    }
    .loop article.post:nth-of-type(3n+3) {
        margin: 0% 2% 2% 0%;
    }
    .loop article.post:nth-of-type(4n+4) {
        margin: 0% 0% 2% 0%;
    }
}

.postFeaturedImage {

}

.postFeaturedImage__link {
    display: block;
}

.postFeaturedImage__link img {
    width: 100%;
}

.loopInfo {

}

.loopInfo__title {

}

.loopInfo__title a {

}

.publishingInfo {

}

.publishingInfo__info {

}

.loopInfo__excerpt {

}

.post-categories {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.post-categories li {
    display: inline-block;
}

.pagination {
    float: right;
    clear: both;
}

.pagination > span,
.pagination > p,
.pagination > a {

}

.pagination > .current {

}


/* The Single Post */

.singlePost {
    width: 86%; /* was 88% */
    margin: 40px auto 64px auto;
}

@media screen and (min-width: 1000px) {
    .singlePost {
        margin: 170px auto 124px auto;
    }
}

@media screen and (min-width: 1920px) {
    .singlePost {
        width: 1520px;
    }
}

.singlePost__row {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (min-width: 1240px) {
    .singlePost__row {
        flex-direction: row;
    }
}

@media screen and (min-width: 1240px) {
    .singlePost__inner {
        width: calc(100% - 480px);
    }
}

@media screen and (min-width: 1920px) {
    .singlePost__inner {
        width: 1003px;
    }
}

.singlePost__breadcrumb {
    display: block;
    font-size: 1.6em;
    font-weight: 300;
    margin-bottom: 22px;
}

.singlePost__title {
    font-size: 2.4em;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 22px 0;
}

@media screen and (min-width: 1000px) {
    .singlePost__title {
        font-size: 3.5em;
        margin: 0 0 35px 0;
    }
}

@media screen and (min-width: 1540px) {
    .singlePost__title {
        font-size: 5em;
        font-size: 4.25em;
    }
}

.singlePost__title span {
    font-weight: inherit;
}

.singlePost__info {
    display: block;
    font-size: 1.2em;
    font-weight: 300;
    margin: 0 0 35px 0;
}

@media screen and (min-width: 1000px) {
    .singlePost__info {
        margin: 0 0 66px 0;
    }
}

.singlePost__image {
    display: block;
    width: 100%;
    height: 320px;
    margin-bottom: 48px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 600px) {
    .singlePost__image {
        height: 531px;
    }
}

@media screen and (min-width: 1000px) {
    .singlePost__image {
        margin-bottom: 92px;
    }
}

.contentContainer--singlePost {
    width: 100%;
    font-weight: 300;
    line-height: 1.5;
}

@media screen and (min-width: 1240px) {
    .contentContainer--singlePost {
        width: calc(100% - 32px);
    }
}

.contentContainer--singlePost p {
    font-weight: inherit;
    color: inherit;
}

.contentContainer--singlePost > *:last-child {
    margin-bottom: 35px;
}

@media screen and (min-width: 1000px) {
    .contentContainer--singlePost > *:last-child {
        margin-bottom: 93px;
    }
}

.contentContainer--singlePost a {
    color: #E1784B;
    font-weight: 500;
}

.singlePost__btn {
    min-width: 205px;
}

.newsSidebarContainer {
    width: 100%;
    margin: 72px 0 0 auto;
}

@media screen and (min-width: 1240px) {
    .newsSidebarContainer {
        width: 420px;
        margin: 0 0 0 auto;
    }
}

.newsSidebarContainer__heading {
    font-size: 2em;
    font-weight: 300;
    margin: 6px 0 24px 0;
}

@media screen and (min-width: 600px) {
    .newsSidebarContainer__heading {
        margin: 6px 0 49px 0;
    }
}

.newsSidebar {
    list-style: none;
    padding: 0;
}

.newsSidebar__item {
    margin-bottom: 24px;
}

@media screen and (min-width: 1000px) {
    .newsSidebar__item {
        margin-bottom: 50px;
    }
}

.newsSidebar__item:last-of-type {
    margin-bottom: 0;
}

.newsSidebar__link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-decoration: none;
    color: #1A1A1A;
}

.newsSidebar__image {
    min-width: 122px;
    height: 122px;
    border-radius: 10px;
    background: #E9E9E8;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.newsSidebar__content {
    padding-left: 16px;
}

@media screen and (min-width: 1000px) {
    .newsSidebar__content {
        padding-left: 36px;
    }
}

.newsSidebar__title {
    font-size: 1.2em;
    font-weight: 300;
    margin: 6px 0 8px 0;
}

@media screen and (min-width: 390px) {
    .newsSidebar__title {
        margin: 12px 0 8px 0;
    }
}

@media screen and (min-width: 600px) {
    .newsSidebar__title {
        font-size: 1.6em;
    }
}

.newsSidebar__info {
    font-weight: 300;
}


/*** PAGES & CATEGORIES ***/

/* Home */

.pageSection--homeHero {
    min-height: 630px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 390px) {
    .pageSection--homeHero {
        min-height: 700px;
    }
}

@media screen and (min-width: 412px) {
    .pageSection--homeHero {
        min-height: 665px;
    }
}

@media (width: 1024px) and (height: 1366px) {
    .pageSection--homeHero {
        min-height: calc(100vh - 80px);
    }
}

@media screen and (min-width: 1500px) {
    .pageSection--homeHero {
        min-height: 750px;
        height: calc(100vh - 130px);
    }
}

@media screen and (min-width: 1600px) {
    .pageSection--homeHero {
        height: calc(100vh - 160px);
    }
}

.pageSection__backgroundVideo--homeHero {
    position: absolute;
    display: block;
    /* width: 1920px;
    height: 1080px; */
    width: 100%;
    height: 100%;
    /* bottom: 0; */
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pageSection__backgroundVideo--homeHero video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    top: 0;
    left: 0;
}

.pageSection__backgroundVideo--homeHero:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(26,26,26,0.4);
}

@media screen and (min-width: 1000px) {
    .pageSection__backgroundVideo--homeHero:after {
        background: rgba(26,26,26,0.3);
    }
}

.heroContent--homeHero {
    position: relative;
    flex-direction: column;
    margin: 165px auto 48px auto;
}

@media screen and (min-width: 390px) {
    .heroContent--homeHero {
        margin: 225px auto 48px auto;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent--homeHero {
        margin: 86px auto 48px auto;
    }
}

@media (width: 1024px) and (height: 1366px) {
    .heroContent--homeHero {
        margin: 465px auto 48px auto;
    }
}

@media screen and (min-width: 1400px) {
    .heroContent--homeHero {
        margin: 100px auto 48px auto;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent--homeHero {
        margin: 120px auto 48px auto;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--homeHero {
        margin: 154px auto 48px auto;
    }
}

.heroContent__heading--homeHero {
    font-size: 2.4em;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 32px 0;
}

@media screen and (min-width: 1000px) {
    .heroContent__heading--homeHero {
        font-size: 2.4em;
        margin: 0 0 40px 6px;
    }
}

@media (width: 1024px) and (height: 1366px) {
    .heroContent__heading--homeHero {
        font-size: 3.5em;
    }
}

@media screen and (min-width: 1400px) {
    .heroContent__heading--homeHero {
        font-size: 3.5em;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent__heading--homeHero {
        font-size: 5em;
    }
}

.heroContent__heading--homeHero span {
    font-weight: inherit;
}

.heroContent__text--homeHero {
    max-width: 420px;
    margin: 0 0 43px 0;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.29;
}

.heroContent__text--homeHero:lang(fr) {
    max-width: 540px;
}

.heroContent__text--homeHero p {
    font-weight: inherit;
    margin: 0;
}

.heroContent__btn--homeHero {
    width: 220px;
    margin: 0;
}

.heroContent__btn--homeHero:lang(fr) {
    min-width: 300px;
}

.homefold {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 86%;
    margin: 205px auto 72px auto;
}

@media screen and (min-width: 1000px) {
    .homefold {
        margin: 205px auto 100px auto;
    }
}

@media screen and (min-width: 1500px) {
    .homefold {
        flex-direction: row;
        justify-content: space-between;
        width: 1290px;
        margin: 200px auto 85px auto;
    }
}

@media screen and (min-width: 1920px) {
    .homefold {
        width: 1520px;
    }
}

.homefold__content {
    margin-bottom: 64px;
}

@media screen and (min-width: 720px) {
    .homefold__content {
        max-width: 650px;
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 1000px) {
    .homefold__content {
        width: 484px;
        max-width: 100%;
        margin: 0 auto 0 0;
    }
}

@media screen and (min-width: 1326px) {
    .homefold__content:lang(fr) {
        width: 560px;
    }
}

.homefold__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
}

@media screen and (min-width: 600px) {
    .homefold__heading {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1400px) {
    .homefold__heading {
        font-size: 4.25em;
        margin: 0 0 41px 0;
    }
}

.homefold__text {
    line-height: 1.5;
}

.homefold__text p {
    font-weight: inherit;
    margin-bottom: 58px;
}

.homefold__btn {
    width: 100%;
}

@media screen and (min-width: 600px) {
    .homefold__btn {
        width: 312px;
    }
}

@media screen and (min-width: 1440px) {
    .homefold__btn:lang(fr) {
        width: 395px;
    }
}

.homefoldArrow {
    position: absolute;
    display: block;
    width: 4px;
    right: 0;
    left: 0;
    top: 0;
    margin: 0 auto;
}

.homefoldArrow__left {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 20px;
    left: -48px;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1920px) {
    .homefoldArrow__left {
        width: 129px;
        bottom: 60px;
        left: -127px;
        transform: skewY(45deg);
    }
}

.homefoldArrow__center {
    width: 4px;
    height: 0;
    margin: auto;
    background: #E1784C;
    -moz-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    -webkit-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    -o-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    transition: height 0.4s cubic-bezier(.71,.01,0,1);
}

.homefoldArrow__center.state-animated {
    height: 150px;
}

@media screen and (min-width: 1000px) {
    .homefoldArrow__center.state-animated {
        height: 260px;
    }
}

@media screen and (min-width: 1500px) {
    .homefoldArrow__center.state-animated {
        height: 375px;
    }
}

@media screen and (min-width: 1920px) {
    .homefoldArrow__center.state-animated {
        height: 430px;
    }
}

.homefoldArrow__right {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 20px;
    right: -48px;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1920px) {
    .homefoldArrow__right {
        width: 129px;
        bottom: 60px;
        right: -127px;
    }
}

.homefold__images {
    position: relative;
    margin: auto;
}

@media screen and (min-width: 1000px) {
    .homefold__images {
        width: 900px;
        height: 711px;
        margin: -80px -132px 0 auto;
    }
}

@media screen and (min-width: 1240px) {
    .homefold__images {
        margin: -380px -225px 0 auto;
    }
}

@media screen and (min-width: 1326px) {
    .homefold__images {
        margin: -445px -180px 0 auto;
        margin: -445px -132px 0 auto;
    }
}

@media screen and (min-width: 1500px) {
    .homefold__images {
        margin: -80px -132px 0 auto;
    }
}

.homefold__image {
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1000px) {
    .homefold__image {
        position: absolute;
    }
}

.homefold__image--first {
    width: 300px;
    height: 300px;
}

@media screen and (min-width: 600px) {
    .homefold__image--first {
        width: 420px;
        height: 420px;
    }
}

@media screen and (min-width: 720px) {
    .homefold__image--first {
        width: 600px;
        height: 600px;
    }
}

@media screen and (min-width: 1000px) {
    .homefold__image--first {
        width: 342px;
        height: 342px;
        left: 0;
        bottom: 0;
    }
}

.homefold__image--second {
    display: none;
    width: 548px;
    height: 548px;
}

@media screen and (min-width: 1000px) {
    .homefold__image--second {
        display: block;
        width: 548px;
        height: 548px;
        top: 0;
        right: 0;
    }
}

.testimonials {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 auto;
    padding: 32px 0;
    overflow-x: scroll;
}

@media screen and (min-width: 1140px) {
    .testimonials {
        overflow-x: hidden;
    }
}

.testimonials--home {
    margin-bottom: 100px;
}

@media screen and (min-width: 1000px) {
    .testimonials--home {
        margin-bottom: 140px;
    }
}

@media screen and (min-width: 1500px) {
    .testimonials--home {
        margin-bottom: 200px;
    }
}

.testimonials__list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    list-style: none;
    padding: 0;
    margin: 0 0 0 62px;
    cursor: grab;
}

.testimonials__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 340px;
    margin: 0 37px 0 0;
    padding: 64px 32px 0 32px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 0.2em 1em 0 rgb(0 0 0 / 15%);
}

@media screen and (min-width: 390px) {
    .testimonials__item {
        min-width: 360px;
    }
}

@media screen and (min-width: 412px) {
    .testimonials__item {
        min-width: 380px;
    }
}

@media screen and (min-width: 600px) {
    .testimonials__item {
        min-width: 560px;
        padding: 108px 72px 0 72px;
    }
}

@media screen and (min-width: 720px) {
    .testimonials__item {
        min-width: 600px;
    }
}

@media screen and (min-width: 1000px) {
    .testimonials__item {
        min-height: 604px;
    }
}

@media screen and (min-width: 1000px) {
    .testimonials__item--ourMissionTestimonials {
        min-height: auto;
    }
}


.testimonials__item * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.testimonials__item:nth-of-type(3n+1) {
    background: #3D5794;
}

.testimonials__item:nth-of-type(3n+1) * {
    color: #fff;
}

.testimonials__item:nth-of-type(3n+2) {
    background: #E1784B;
}

.testimonials__item:nth-of-type(3n+2) svg .cls-1 {
    fill: #3D5794;
}

.testimonials__item:nth-of-type(3n+2) * {
    color: #fff;
}

.testimonials__item:nth-of-type(3n+3) {
    background: #fff;
}

.testimonials__item:nth-of-type(3n+3) svg .cls-1 {
    fill: #E1784B;
}

.testimonials__quoteIcon {
    display: block;
    width: 75px;
    margin: 0 0 14px 0;
}

.testimonials__quote {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.45;
    margin: 0 0 32px 0;
}

.testimonials__role {
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.08;
    margin: auto 0 2px 0;
}

.testimonials__industry {
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 32px 0;
}

@media screen and (min-width: 600px) {
    .testimonials__industry {
        margin: 0 0 98px 0;
    }
}

.testimonials__arrowLeft {
    position: relative;
    min-width: 70px; /* arrow without text label */
    min-width: 150px;
    margin: auto 0 auto 6%;
    top: 22px;
    cursor: grab;
}

@media screen and (min-width: 1000px) {
    .testimonials__arrowLeft {
        margin: auto 0 auto 68px;
    }
}

.industries {
    position: relative;
    width: 86%;
    margin: 0 auto 100px auto;
}

@media screen and (min-width: 1000px) {
    .industries {
        margin: 0 auto 149px auto;
    }
}

@media screen and (min-width: 1500px) {
    .industries {
        width: 1290px;
        margin: 0 auto 149px auto;
    }
}

@media screen and (min-width: 1700px) {
    .industries {
        width: 1520px;
    }
}

.industries__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
    text-align: right;
}

@media screen and (min-width: 600px) {
    .industries__heading {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1400px) {
    .industries__heading {
        font-size: 4.25em;
        margin: 0 0 28px 0;
    }
}

.industries__text {
    font-size: 1.6em;
    line-height: 1.5;
    text-align: right;
    margin: 0 0 72px 0;
}

@media screen and (min-width: 1000px) {
    .industries__text {
        margin: 0 0 108px 0;
    }
}

.industries__text p {
    font-weight: inherit;
    margin: 0;
}

@media screen and (max-width: 599px) {
    .industries__text br {
        display: none;
    }
}

.industryHeadingArrow {
    position: absolute;
    display: flex;
    align-items: center;
    height: auto;
    top: 43px;
    left: 0;
}

@media screen and (min-width: 600px) {
    .industryHeadingArrow {
        top: 62px;
    }
}

@media screen and (min-width: 1000px) {
    .industryHeadingArrow {
        top: 75px;
    }
}

@media screen and (min-width: 1400px) {
    .industryHeadingArrow {
        top: 90px;
    }
}

.industryHeadingArrow__top {
    position: absolute;
    width: 50px;
    height: 5px;
    top: -26px;
    right: 0px;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1920px) {
    .industryHeadingArrow__top {
        width: 122px;
        height: 5px;
        top: -62px;
    }
}

.industryHeadingArrow__center {
    position: relative;
    width: 0;
    height: 4px;
    margin: auto;
    background: #E1784C;
    -moz-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    -webkit-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    -o-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    transition: width 0.6s cubic-bezier(.71,.01,0,1);
}

.industryHeadingArrow__center.state-animated {
    width: 160px;
}

@media screen and (min-width: 600px) {
    .industryHeadingArrow__center.state-animated {
        width: 280px;
    }
}

@media screen and (min-width: 1000px) {
    .industryHeadingArrow__center.state-animated {
        width: 55vw;
    }
}

@media screen and (min-width: 1326px) {
    .industryHeadingArrow__center.state-animated {
        width: 65vw;
    }
}

@media screen and (min-width: 1400px) {
    .industryHeadingArrow__center.state-animated {
        width: 55vw;
    }
}

@media screen and (min-width: 1500px) {
    .industryHeadingArrow__center.state-animated {
        width: 50.1vw;
    }
}

.industryHeadingArrow__bottom {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: -26px;
    right: 0;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1920px) {
    .industryHeadingArrow__bottom {
        width: 122px;
        bottom: -62px;
        right: 0;
    }
}

.industries__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

.industries__item {
    position: relative;
    width: 100%;
    margin: 0 auto 24px auto;
    overflow: hidden;
    border-radius: 10px;
}

@media (min-width: 768px) and (max-width: 1399px) {
    .industries__item {
        width: 48%;
        margin: 0 4% 4% 0;
    }
    .industries__item:nth-of-type(2n+2) {
        margin: 0 0 4% 0;
    }
    .industries__item:last-of-type {
        margin: 0;
    }
}

@media screen and (min-width: 1400px) {
    .industries__item {
        width: auto;
        margin: 0 53px 61px 0;
    }
    .industries__item:nth-of-type(4n+4) {
        margin: 0 0 61px 0;
    }
    .industries__item:last-of-type {
        margin: 0 0 61px 0;
    }
}

@media screen and (min-width: 1700px) {
    .industries__item {
        width: auto;
        margin: 0 53px 61px 0;
    }
    .industries__item:nth-of-type(4n+4) {
        margin: 0 0 61px 0;
    }
    .industries__item:last-of-type {
        margin: 0 0 61px 0;
    }
}

.industries__link {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    height: 340px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 30px 28px 26px 28px;
    box-sizing: border-box;
}

@media screen and (min-width: 1400px) {
    .industries__link {
        min-width: 260px;
        width: 260px;
        height: 260px;
        padding: 30px 28px 26px 28px;
    }
}

@media screen and (min-width: 1600px) {
    .industries__link {
        min-width: 280px;
        width: 280px;
        height: 280px;
    }
}

@media screen and (min-width: 1700px) {
    .industries__link {
        min-width: 340px;
        width: 340px;
        height: 340px;
    }
}

.industries__link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(0deg, rgba(61, 87, 148, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(61, 87, 148, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(0deg, rgba(61, 87, 148, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D5794', endColorstr='#FFFFFF', GradientType=1 );
    background: -ms-linear-gradient(0deg, rgba(61, 87, 148, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(61, 87, 148, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

@media screen and (min-width: 1140px) {
    .industries__link:before {
        display: none;
    }
    .industries__link:hover:before {
        display: block;
    }
}

.industries__image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.industries__item:hover .industries__image {
    transform: scale(1.1);
}

.industryItemArrow {
    position: absolute;
    display: flex;
    align-items: center;
    height: 55px;
    top: 165px;
    left: 30px;
}

@media screen and (min-width: 1140px) {
    .industryItemArrow {
        display: none;
        top: 143px;
    }
    .industries__item:hover .industryItemArrow {
        display: flex;
    }
}

@media screen and (min-width: 1400px) {
    .industryItemArrow {
        top: 100px;
    }
}

@media screen and (min-width: 1600px) {
    .industryItemArrow {
        top: 120px;
    }
    .industryItemArrow:lang(fr) {
        top: 86px;
    }
}

@media screen and (min-width: 1700px) {
    .industryItemArrow {
        top: 143px;
    }
    .industryItemArrow:lang(fr) {
        top: 112px;
    }
}

.industryItemArrow__top {
    position: absolute;
    width: 18px;
    height: 5px;
    top: 16px;
    right: 1px;
    background: #E1784C;
    transform: skewY(45deg);
}

.industryItemArrow__center {
    position: relative;
    width: 143px;
    height: 4px;
    margin: auto;
    background: #E1784C;
}

.industryItemArrow__bottom {
    position: absolute;
    width: 18px;
    height: 5px;
    bottom: 16px;
    right: 1px;
    background: #E1784C;
    transform: skewY(-45deg);
}

.industries__title {
    position: relative;
    font-size: 2em;
    line-height: 1.125;
    font-weight: 300;
    margin: auto 0 0 0;
    color: #fff;
}

@media screen and (min-width: 1140px) {
    .industries__title {
        display: none;
    }
    .industries__item:hover .industries__title {
        display: block;
    }
}

@media screen and (min-width: 1400px) {
    .industries__title {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 1600px) {
    .industries__title {
        font-size: 1.6em;
    }
}

@media screen and (min-width: 1700px) {
    .industries__title {
        font-size: 2em;
    }
}

.materials {
    position: relative;
    width: 86%;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 1500px) {
    .materials {
        width: 1290px;
        margin: 0 auto 60px auto;
    }
}

@media screen and (min-width: 1700px) {
    .materials {
        width: 1520px;
    }
}

.materials__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
}

@media screen and (min-width: 600px) {
    .materials__heading {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1400px) {
    .materials__heading {
        font-size: 4.25em;
        margin: 0 0 34px 0;
    }
}

@media screen and (max-width: 719px) {
    .materials__heading br {
        display: none;
    }
}

.materials__text {
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 64px 0;
}

@media screen and (min-width: 1000px) {
    .materials__text {
        margin: 0 0 129px 0;
    }
}

.materials__text p {
    font-weight: inherit;
    margin: 0;
}

.materialsHeadingArrow {
    position: absolute;
    display: none;
    align-items: center;
    height: auto;
    top: 70px;
    right: 0;
}

@media screen and (min-width: 768px) {
    .materialsHeadingArrow {
        display: flex;
    }
}

@media screen and (min-width: 1000px) {
    .materialsHeadingArrow {
        top: 88px;
    }
}

@media screen and (min-width: 1400px) {
    .materialsHeadingArrow {
        top: 109px;
    }
}

.materialsHeadingArrow__top {
    position: absolute;
    width: 50px;
    height: 5px;
    top: -26px;
    left: 0px;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1920px) {
    .materialsHeadingArrow__top {
        width: 122px;
        top: -62px;
    }
}

.materialsHeadingArrow__center {
    position: relative;
    width: 0;
    height: 4px;
    margin: auto;
    background: #E1784C;
    -moz-transition: width 0.4s cubic-bezier(.71,.01,0,1);
    -webkit-transition: width 0.4s cubic-bezier(.71,.01,0,1);
    -o-transition: width 0.4s cubic-bezier(.71,.01,0,1);
    transition: width 0.4s cubic-bezier(.71,.01,0,1);
}

.materialsHeadingArrow__center.state-animated {
    width: 86px;
}

@media screen and (min-width: 390px) {
    .materialsHeadingArrow__center.state-animated {
        width: 118px;
    }
}

@media screen and (min-width: 850px) {
    .materialsHeadingArrow__center.state-animated {
        width: 200px;
    }
}

@media screen and (min-width: 1000px) {
    .materialsHeadingArrow__center.state-animated {
        width: 18vw;
    }
}

@media screen and (min-width: 1326px) {
    .materialsHeadingArrow__center.state-animated {
        width: 35vw;
    }
}

@media screen and (min-width: 1400px) {
    .materialsHeadingArrow__center.state-animated {
        width: 23vw;
    }
}

@media screen and (min-width: 1500px) {
    .materialsHeadingArrow__center.state-animated {
        width: 27vw;
    }
}

@media screen and (min-width: 1920px) {
    .materialsHeadingArrow__center.state-animated {
        width: 34.2vw;
    }
}

.materialsHeadingArrow__bottom {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: -26px;
    left: 0;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1920px) {
    .materialsHeadingArrow__bottom {
        width: 122px;
        bottom: -62px;
    }
}

.materials__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    margin: auto;
}

.materials__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin: 0 auto 64px auto;
    text-align: center;
}


@media screen and (min-width: 720px) {
    .materials__item {
        text-align: left;
    }
}

@media (min-width: 720px) and (max-width: 999px) {
    .materials__item {
        width: 48%;
        margin: 0 4% 72px 0;
    }
    .materials__item:nth-of-type(2n+2) {
        margin: 0 0 72px 0;
    }
    .materials__item:nth-of-type(1):lang(en) {
        min-height: 430px;
    }
    .materials__item:nth-of-type(2):lang(en) {
        min-height: 430px;
    }
    .materials__item:nth-of-type(3):lang(en) {
        min-height: 412px;
    }
    .materials__item:nth-of-type(4):lang(en) {
        min-height: 412px;
    }
    .materials__item:nth-of-type(5):lang(en) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(6):lang(en) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(7):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(8):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(9):lang(en) {
        min-height: 430px;
    }
    .materials__item:nth-of-type(1):lang(fr) {
        min-height: 430px;
    }
    .materials__item:nth-of-type(2):lang(fr) {
        min-height: 430px;
    }
    .materials__item:nth-of-type(3):lang(fr) {
        min-height: 463px;
    }
    .materials__item:nth-of-type(4):lang(fr) {
        min-height: 463px;
    }
    .materials__item:nth-of-type(5):lang(fr) {
        min-height: 521px;
    }
    .materials__item:nth-of-type(6):lang(fr) {
        min-height: 521px;
    }
    .materials__item:nth-of-type(7):lang(fr) {
        min-height: 512px;
    }
    .materials__item:nth-of-type(8):lang(fr) {
        min-height: 512px;
    }
    .materials__item:nth-of-type(9):lang(fr) {
        min-height: 430px;
    }
}

@media (min-width: 1000px) and (max-width: 1365px) {
    .materials__item {
        width: 382px;
        margin: 0 48px 109px 0;
    }
    .materials__item:nth-of-type(4n+4) {
        margin: 0 0 109px 0;
    }
    .materials__item:nth-of-type(1):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(2):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(3):lang(en) {
        min-height: 430px;
    }
    .materials__item:nth-of-type(4):lang(en) {
        min-height: 430px;
    }
    .materials__item:nth-of-type(5):lang(en) {
        min-height: 556px;
    }
    .materials__item:nth-of-type(6):lang(en) {
        min-height: 556px;
    }
    .materials__item:nth-of-type(7):lang(en) {
        min-height: 493px;
    }
    .materials__item:nth-of-type(8):lang(en) {
        min-height: 493px;
    }
    .materials__item:nth-of-type(9):lang(en) {
        min-height: 430px;
    }
    .materials__item:nth-of-type(1):lang(fr) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(2):lang(fr) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(3):lang(fr) {
        min-height: 502px;
    }
    .materials__item:nth-of-type(4):lang(fr) {
        min-height: 502px;
    }
    .materials__item:nth-of-type(5):lang(fr) {
        min-height: 583px;
    }
    .materials__item:nth-of-type(6):lang(fr) {
        min-height: 583px;
    }
    .materials__item:nth-of-type(7):lang(fr) {
        min-height: 538px;
    }
    .materials__item:nth-of-type(8):lang(fr) {
        min-height: 538px;
    }
    .materials__item:nth-of-type(9):lang(fr) {
        min-height: 458px;
    }
}

@media screen and (min-width: 1140px) {
    .materials__item {
        margin: 0 72px 109px 0;
    }
}

@media screen and (min-width: 1366px) {
    .materials__item {
        width: 340px;
    }
}

@media (min-width: 1366px) and (max-width: 1699px) {
    .materials__item {
        margin: 0 75px 109px 0;
    }
    .materials__item:nth-of-type(3n+3) {
        margin: 0 0 109px 0;
    }
    .materials__item:nth-of-type(1):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(2):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(3):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(4):lang(en) {
        min-height: 585px;
    }
    .materials__item:nth-of-type(5):lang(en) {
        min-height: 585px;
    }
    .materials__item:nth-of-type(6):lang(en) {
        min-height: 585px;
    }
    .materials__item:nth-of-type(7):lang(en) {
        min-height: 493px;
    }
    .materials__item:nth-of-type(8):lang(en) {
        min-height: 493px;
    }
    .materials__item:nth-of-type(9):lang(en) {
        min-height: 493px;
    }
    .materials__item:nth-of-type(1):lang(fr) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(2):lang(fr) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(3):lang(fr) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(4):lang(fr) {
        min-height: 618px;
    }
    .materials__item:nth-of-type(5):lang(fr) {
        min-height: 618px;
    }
    .materials__item:nth-of-type(6):lang(fr) {
        min-height: 618px;
    }
    .materials__item:nth-of-type(7):lang(fr) {
        min-height: 566px;
    }
    .materials__item:nth-of-type(8):lang(fr) {
        min-height: 566px;
    }
    .materials__item:nth-of-type(9):lang(fr) {
        min-height: 566px;
    }
}

@media screen and (min-width: 1700px) {
    .materials__item {
        margin: 0 53px 109px 0;
    }
    .materials__item:nth-of-type(4n+4) {
        margin: 0 0 109px 0;
    }
    .materials__item:nth-of-type(1):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(2):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(3):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(4):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(5):lang(en) {
        min-height: 585px;
    }
    .materials__item:nth-of-type(6):lang(en) {
        min-height: 585px;
    }
    .materials__item:nth-of-type(7):lang(en) {
        min-height: 585px;
    }
    .materials__item:nth-of-type(8):lang(en) {
        min-height: 585px;
    }
    .materials__item:nth-of-type(9):lang(en) {
        min-height: 458px;
    }
    .materials__item:nth-of-type(1):lang(fr) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(2):lang(fr) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(3):lang(fr) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(4):lang(fr) {
        min-height: 503px;
    }
    .materials__item:nth-of-type(5):lang(fr) {
        min-height: 621px;
    }
    .materials__item:nth-of-type(6):lang(fr) {
        min-height: 621px;
    }
    .materials__item:nth-of-type(7):lang(fr) {
        min-height: 621px;
    }
    .materials__item:nth-of-type(8):lang(fr) {
        min-height: 621px;
    }
    .materials__item:nth-of-type(9):lang(fr) {
        min-height: 458px;
    }
}

.materials__image {
    width: 170px;
    height: 170px;
    margin: 0 auto 38px auto;
    border-radius: 100%;
    box-shadow: 0 0.2em 0.5em 0 rgb(0 0 0 / 25%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 720px) {
    .materials__image {
        margin: 0 0 38px 0;
    }
}

.materials__title {
    display: block;
    font-size: 2em;
    font-weight: 400;
    text-decoration: none;
    color: #1A1A1A;
    margin: 0 0 29px 0;
}

.materials__description {
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
}

@media (min-width: 600px) and (max-width: 719px) {
    .materials__description {
        max-width: 420px;
        margin: auto;
    }
}

.materials__btn {
    width: 205px;
    margin: 24px auto 0 auto;
}

@media screen and (min-width: 600px) {
    .materials__btn {
        margin: 32px auto 0 auto;
    }
}

@media screen and (min-width: 720px) {
    .materials__btn {
        margin: auto 0 0 0;
    }
}

.customSolutionsCta {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 86%;
    margin: 0 auto 100px auto;
}

@media screen and (min-width: 1326px) {
    .customSolutionsCta {
        flex-direction: row;
        justify-content: flex-start;
        margin: 0 auto 200px auto;
    }
}

@media screen and (min-width: 1500px) {
    .customSolutionsCta {
        width: 1290px;
    }
}

@media screen and (min-width: 1920px) {
    .customSolutionsCta {
        width: 1520px;
        margin: 0 auto 273px auto;
    }
}

.customSolutionsCta__imageContainer {
    position: relative;
    min-width: 300px;
    margin: 0 auto;
}

@media screen and (min-width: 720px) {
    .customSolutionsCta__imageContainer {
        min-width: 600px;
    }
}

@media screen and (min-width: 1326px) {
    .customSolutionsCta__imageContainer {
        min-width: 600px;
        margin: 0 86px 0 0;
    }
}

@media screen and (min-width: 1920px) {
    .customSolutionsCta__imageContainer {
        min-width: 798px;
        margin: 0 138px 0 0;
    }
}

.customSolutionsCtaArrow {
    position: absolute;
    width: 4px;
    right: 0;
    left: 0;
    top: 0;
    margin: 0 auto;
}

.customSolutionsCtaArrow__left {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 20px;
    left: -48px;
    background: #E1784C;
    transform: skewY(45deg);
}

@media screen and (min-width: 1920px) {
    .customSolutionsCtaArrow__left {
        width: 129px;
        bottom: 60px;
        left: -127px;
    }
}

.customSolutionsCtaArrow__center {
    width: 4px;
    height: 450px;
    margin: auto;
    background: #E1784C;
}

@media screen and (min-width: 720px) {
    .customSolutionsCtaArrow__center {
        height: 760px;
    }
}

@media screen and (min-width: 1000px) {
    .customSolutionsCtaArrow__center {
        height: 820px;
    }
}

@media screen and (min-width: 1326px) {
    .customSolutionsCtaArrow__center {
        height: 860px;
    }
}

@media screen and (min-width: 1920px) {
    .customSolutionsCtaArrow__center {
        height: 1192px;
    }
}

.customSolutionsCtaArrow__right {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 20px;
    right: -48px;
    background: #E1784C;
    transform: skewY(-45deg);
}

@media screen and (min-width: 1920px) {
    .customSolutionsCtaArrow__right {
        width: 129px;
        bottom: 60px;
        right: -127px;
    }
}

.customSolutionsCta__image {
    position: relative;
    width: 100%;
    height: 300px;
    top: 32px;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 720px) {
    .customSolutionsCta__image {
        height: 600px;
    }
}

@media screen and (min-width: 1000px) {
    .customSolutionsCta__image {
        top: 92px;
    }
}

@media screen and (min-width: 1326px) {
    .customSolutionsCta__image {
        height: 798px;
    }
}

@media screen and (min-width: 1326px) {
    .customSolutionsCta__image {
        height: 600px;
    }
}

@media screen and (min-width: 1920px) {
    .customSolutionsCta__image {
        height: 798px;
    }
}

.customSolutionsCta__content {
    width: 100%;
    margin: 230px 0 0 0;
}

@media screen and (min-width: 1000px) {
    .customSolutionsCta__content {
        margin: 290px 0 0 0;
    }
}

@media screen and (min-width: 1326px) {
    .customSolutionsCta__content {
        margin: 71px 0 0 0;
    }
}

.customSolutionsCta__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
}

@media screen and (min-width: 600px) {
    .customSolutionsCta__heading {
        font-size: 3.2em;
        margin: 7px 0 64px 0;
    }
}

@media screen and (min-width: 1400px) {
    .customSolutionsCta__heading {
        font-size: 4.25em;
        margin: 0 0 88px 0;
    }
}

.customSolutionsCta__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.customSolutionsCta__item {
    min-width: 100%;
    border: 1.5px solid #707070;
    border-radius: 10px;
    margin-bottom: 27px;
    overflow: hidden;
}

@media screen and (min-width: 1920px) {
    .customSolutionsCta__item {
        min-width: 583px;
    }
}

.customSolutionsCta__link {
    display: flex;
    align-items: stretch;
    min-height: 102px;
    text-decoration: none;
}

.customSolutionsCta__textContainer {
    margin: auto auto auto 16px;
    padding: 24px 16px 24px 0;
}

@media screen and (min-width: 600px) {
    .customSolutionsCta__textContainer {
        margin: auto auto auto 34px;
    }
}

@media screen and (min-width: 1920px) {
    .customSolutionsCta__textContainer {
        /* padding: 0; */
    }
}

.customSolutionsCta__superTitle {
    display: block;
    margin: -2px 0 5px 0;
    font-size: 0.9em;
    font-weight: 300;
    color: #1A1A1A;
}

.customSolutionsCta__title {
    margin: 0;
    font-size: 1.3em;
    font-weight: 300;
    color: #1A1A1A;
    padding-right: 12px;
    box-sizing: border-box;
}

@media screen and (min-width: 720px) {
    .customSolutionsCta__title {
        padding-right: 0;
    }
    .customSolutionsCta__title:lang(en) {
        font-size: 1.6em;
    }
}

.customSolutionsCta__downloadIcon {
    display: flex;
    min-width: 108px;
}

.customSolutionsCta__downloadIcon img {
    width: 35px;
}

.customSolutionsCta__btn {
    width: 100%;
    margin: 23px 0 0 0;
}

@media screen and (min-width: 600px) {
    .customSolutionsCta__btn {
        width: 247px;
    }
    .customSolutionsCta__btn:lang(fr) {
        width: 315px;
    }
}


/* Industry Template */

@media screen and (min-width: 1000px) {
    .heroContent--industryHero {
        margin-bottom: 190px;
    }
}

@media screen and (min-width: 1400px) {
    .heroContent--industryHero {
        margin-bottom: 222px;
    }
    body.point-of-purchase-and-retail-industry .heroContent--industryHero { /* Hero title has 3 line breaks, creates a large gap */
        margin-bottom: 75px;
    }
}

@media screen and (min-width: 2300px) {
    .heroContent--industryHero {
        /* margin-bottom: 300px; */
    }
}

.applications {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto 72px auto;
}

@media screen and (min-width: 1000px) {
    .applications {
        position: static;
        width: 86%; /* was 88% */
        flex-direction: row;
        margin: 0 auto 193px auto;
    }
}

@media screen and (min-width: 1140px) {
    .applications {
        width: 1000px;
    }
}

@media screen and (min-width: 1240px) {
    .applications {
        width: 920px;
        margin: 0 10% 193px auto;
    }
}

@media screen and (min-width: 1326px) {
    .applications {
        margin: 0 0 193px 20%;
    }
}

@media screen and (min-width: 1400px) {
    .applications {
        margin: 0 6% 261px auto;
    }
}

@media screen and (min-width: 1700px) {
    .applications {
        width: 1260px;
        margin: 0 auto 261px auto;
    }
}

@media screen and (min-width: 1920px) {
    .applications {
        width: 1330px;
    }
}

@media screen and (min-width: 2300px) {
    .applications {
        margin: 0 auto 193px auto;
    }
}

.applicationsArrow {
    position: absolute;
    display: flex;
    align-items: center;
    height: 55px;
    top: 105px;
    left: 0;
}

@media screen and (min-width: 1000px) {
    .applicationsArrow {
        display: block;
        top: 240px;
        height: auto;
    }
}

@media screen and (min-width: 1400px) {
    .applicationsArrow {
        top: 280px;
    }
}

@media screen and (min-width: 1440px) {
    .applicationsArrow {
        top: 320px;
    }
}

.applicationsArrow__top {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 0px;
    right: 1px;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1000px) {
    .applicationsArrow__top {
        width: 129px;
        top: -65px;
        right: 0;
    }
}

.applicationsArrow__center {
    position: relative;
    width: 0;
    height: 4px;
    margin: auto;
    background: #E1784C;
    -moz-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    -webkit-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    -o-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    transition: width 0.6s cubic-bezier(.71,.01,0,1);
}

@media screen and (min-width: 1000px) {
    .applicationsArrow__center.state-animated {
        width: 420px;
    }
}

@media screen and (min-width: 1240px) {
    .applicationsArrow__center.state-animated {
        width: 480px;
    }
}

@media screen and (min-width: 1400px) {
    .applicationsArrow__center.state-animated {
        width: 38vw;
    }
}

@media screen and (min-width: 1540px) {
    .applicationsArrow__center.state-animated {
        width: 42vw;
    }
}

@media screen and (min-width: 1700px) {
    .applicationsArrow__center.state-animated {
        width: 38vw;
    }
}

@media screen and (min-width: 1920px) {
    .applicationsArrow__center.state-animated {
        width: 45vw;
    }
}

@media screen and (min-width: 2300px) {
    .applicationsArrow__center.state-animated {
        width: 42vw;
    }
}

.applicationsArrow__bottom {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 0px;
    right: 1px;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1000px) {
    .applicationsArrow__bottom {
        width: 129px;
        bottom: -65px;
        right: 0;
    }
}

.applications__image {
    position: relative;
    display: none;
    opacity: 0;
    min-width: 260px;
    min-height: 260px;
    right: -40vw;
    margin: 0 auto 48px auto;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: #3D5794;
}

@media screen and (min-width: 600px) {
    .applications__image {
        right: -21vw;
        margin: 0 auto 64px auto;
    }
}

@media screen and (min-width: 1000px) {
    .applications__image {
        /* display: block; */
        min-width: 420px;
        min-height: 420px;
        margin: 0 94px 0 0;
        right: 0;
    }
}

@media screen and (min-width: 1920px) {
    .applications__image {
        min-width: 514px;
        min-height: 514px;
        margin: 0 94px 0 0;
    }
}

.applicationsContent {
    width: 86%;
    margin: 0 auto;
    text-align: center;
}

@media screen and (min-width: 769px) {
    .applicationsContent {
        width: auto;
    }
}

@media screen and (min-width: 1000px) {
    .applicationsContent {
        width: 420px;
        margin: 67px 0 0 auto;
        text-align: left;
    }
}

@media screen and (min-width: 1140px) {
    .applicationsContent {
        width: 540px;
    }
}

@media screen and (min-width: 1400px) {
    .applicationsContent {
        width: 658px;
        margin: 127px 0 0 auto;
    }
}

.applicationsContent__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.08;
    margin: 0;
}

@media screen and (min-width: 1440px) {
    .applicationsContent__heading {
        font-size: 3.25em;
    }
}

.applicationsContent__text {
}

.applicationsContent__text ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
}

@media screen and (min-width: 1000px) {
    .applicationsContent__text ul {
        margin: 30px 0 0 0;
    }
}

@media screen and (min-width: 1920px) {
    .applicationsContent__text ul {
        margin: 37px 0 0 0;
    }
}

.applicationsContent__text ul li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1000px) {
    .applicationsContent__text ul li {
        justify-content: flex-start;
    }
}

.applicationsContent__text ul li:before {
    content: "•";
    font-size: 2em;
    line-height: 30px;
    margin-right: 8px;
    transform: scale(1.05);
}

@media screen and (min-width: 1000px) {
    .applicationsContent__text ul li:before {
        margin-right: 67px;
    }
}

.advantages {
    margin-bottom: 72px;
}

@media screen and (min-width: 1000px) {
    .advantages {
        margin-bottom: 180px;
    }
}

@media screen and (min-width: 1920px) {
    .advantages {
        margin-bottom: 217px;
    }
}

@media (min-width: 1500px) and (max-width: 1699px) {
    .advantages--noApplications {
        margin-top: 48px;
    }
}

@media screen and (min-width: 1920px) {
    .advantages--noApplications {
        margin-top: 72px;
    }
}

.advantages__heading {
    width: 86%;
    font-size: 2.4em;
    font-weight: 300;
    margin: 0 auto 40px auto;
    text-align: center;
}

@media screen and (min-width: 600px) {
    .advantages__heading {
        margin: 0 auto 64px auto;
    }
}

@media screen and (min-width: 1000px) {
    .advantages__heading {
        font-size: 3.2em;
        margin: 0 auto 113px auto;
    }
}

@media screen and (min-width: 1600px) {
    .advantages__heading {
        font-size: 4.25em;
    }
}

.advantagesList {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 86%;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

@media screen and (min-width: 720px) {
    .advantagesList {
        width: 660px;
    }
}

@media screen and (min-width: 1000px) {
    .advantagesList {
        width: 920px;
    }
}

@media screen and (min-width: 1326px) {
    .advantagesList {
        width: 1246px;
    }
}

.advantagesList__item {
    width: 49%;
    margin: 0 2% 32px 0;
    float: left;
    text-align: center;
}

@media screen and (max-width: 999px) {
    .advantagesList__item:nth-of-type(2n+2) {
        margin: 0 0 32px 0;
    }
}

body.biochemical-pharmaceutical .advantagesList__item:nth-of-type(5),
body.biochimique-et-pharmaceutique .advantagesList__item:nth-of-type(5),
body.point-of-purchase-and-retail-industry .advantagesList__item:nth-of-type(5),
body.points-de-vente-et-vente-au-detail .advantagesList__item:nth-of-type(5),
body.lighting-industry .advantagesList__item:nth-of-type(5),
body.secteur-de-eclairage .advantagesList__item:nth-of-type(5),
body.mining-oil-gas-market .advantagesList__item:nth-of-type(5),
body.secteur-minier-petrole-et-gaz .advantagesList__item:nth-of-type(5) {
    margin: auto 0 0 25.5%;
}

@media screen and (min-width: 1000px) {
    .advantagesList__item {
        width: 33.33%;
        margin: 0 auto 137px 0;
    }
    body.biochemical-pharmaceutical .advantagesList__item:nth-of-type(4),
    body.biochimique-et-pharmaceutique .advantagesList__item:nth-of-type(4),
    body.point-of-purchase-and-retail-industry .advantagesList__item:nth-of-type(4),
    body.points-de-vente-et-vente-au-detail .advantagesList__item:nth-of-type(4),
    body.lighting-industry .advantagesList__item:nth-of-type(4),
    body.secteur-de-eclairage .advantagesList__item:nth-of-type(4),
    body.mining-oil-gas-market .advantagesList__item:nth-of-type(4),
    body.secteur-minier-petrole-et-gaz .advantagesList__item:nth-of-type(4) {
        margin: 0 auto 0 11%;
    }
    body.biochemical-pharmaceutical .advantagesList__item:nth-of-type(5),
    body.biochimique-et-pharmaceutique .advantagesList__item:nth-of-type(5),
    body.point-of-purchase-and-retail-industry .advantagesList__item:nth-of-type(5),
    body.points-de-vente-et-vente-au-detail .advantagesList__item:nth-of-type(5),
    body.lighting-industry .advantagesList__item:nth-of-type(5),
    body.secteur-de-eclairage .advantagesList__item:nth-of-type(5),
    body.mining-oil-gas-market .advantagesList__item:nth-of-type(5),
    body.secteur-minier-petrole-et-gaz .advantagesList__item:nth-of-type(5) {
        margin: 0 auto 0 0;
    }
}

body.transportation .advantagesList__item:last-of-type,
body.transport .advantagesList__item:last-of-type {
    transform: translateX(53%);
}

@media screen and (min-width: 1000px) {
    body.transportation .advantagesList__item:last-of-type,
    body.transport .advantagesList__item:last-of-type {
        transform: translateX(100%);
    }
}

.advantagesList__icon {
    width: 120px;
    margin-bottom: 24px;
}

@media screen and (min-width: 600px) {
    .advantagesList__icon {
        width: 170px;
        margin-bottom: 45px;
    }
}

.advantagesList__title {
    font-size: 1.3em;
    font-weight: 300;
    margin: 0 auto;
}

@media screen and (min-width: 600px) {
    .advantagesList__title {
        font-size: 1.6em;
    }
}

.caseStudy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 86%;
    margin: 0 auto;
}

@media screen and (min-width: 1240px) {
    .caseStudy {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
}

@media screen and (min-width: 1326px) {
    .caseStudy {
        max-width: 86%;
        width: auto;
    }
}

@media screen and (min-width: 1920px) {
    .caseStudy {
        width: 1503px;
        margin: 0 auto;
    }
}

.caseStudy__imageContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
}

@media screen and (min-width: 1240px) {
    .caseStudy__imageContainer {
        margin: 0;
    }
}

.caseStudy__image {
    min-width: 300px;
    height: 300px;
    margin: 0 auto 32px auto;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
    .caseStudy__image {
        width: 320px;
        height: 320px;
    }
}

@media screen and (min-width: 720px) {
    .caseStudy__image {
        width: 420px;
        height: 420px;
        margin: 0 auto 64px auto;
    }
}

@media screen and (min-width: 1000px) {
    .caseStudy__image {
        width: 520px;
        height: 520px;
    }
}

@media screen and (min-width: 1920px) {
    .caseStudy__image {
        min-width: 760px;
        height: 760px;
    }
}

.caseStudyContent {
    margin: auto;
    text-align: center;
}

@media screen and (min-width: 1240px) {
    .caseStudyContent {
        margin: 0 0 0 100px;
        text-align: left;
    }
}

@media screen and (min-width: 1920px) {
    .caseStudyContent {
        min-width: 630px;
        margin: 0 0 0 136px;
    }
}

.caseStudyContent__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.08;
    margin: 0 0 16px 0;
}

@media screen and (min-width: 1240px) {
    .caseStudyContent__heading {
        font-size: 3.2em;
        margin: 72px 0 32px 0;
    }
}

@media screen and (min-width: 1920px) {
    .caseStudyContent__heading {
        font-size: 4.25em;
        margin: 113px 0 40px 0;
    }
    .caseStudyContent__heading:lang(fr) br {
        display: none;
    }
}

.caseStudyContent__text {
    font-size: 1.2em;
    line-height: 1.4;
    font-weight: 300;
    margin: 0 0 53px 0;
}

@media screen and (min-width: 1000px) {
    .caseStudyContent__text {
        /* font-size: 1.6em; */
        font-size: 1.3em;
        margin: 0 0 53px 0;
    }
}

@media screen and (min-width: 1326px) {
    .caseStudyContent__text {
        max-width: 520px;
    }
}

@media screen and (min-width: 1920px) {
    .caseStudyContent__text {
        max-width: none;
    }
}

.caseStudyContent__text p {
    font-weight: inherit;
    margin: 0;
}

@media (min-width: 1px) and (max-width: 599px) {
    .caseStudyContent__text br {
        display: none;
    }
}

@media (min-width: 1240px) and (max-width: 1919px) {
    .caseStudyContent__text br {
        display: none;
    }
}

.caseStudyContent__btn {
    display: block;
    width: 100%;
    height: 49px;
    margin: auto;
}

@media screen and (min-width: 600px) {
    .caseStudyContent__btn {
        width: 275px;
    }
}

@media screen and (min-width: 1000px) {
    .caseStudyContent__btn:lang(fr) {
        width: 325px;
    }
}

@media screen and (min-width: 1240px) {
    .caseStudyContent__btn {
        margin: 0;
    }
}

.caseStudyContent__btn--caseStudy {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E1784B;
    color: #fff;
    margin-bottom: 24px;
}

.caseStudyContent__btn--caseStudy:after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 0 0 16px;
    background-image: url('./assets/svgs/icon_download.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.caseStudyContent__btn--allCaseStudies {
    border: 2px solid #E1784B;
    color: #E1784B;
}

.caseStudyContent__btn--allCaseStudies:hover {
    border: 2px solid #E1784B;
    background: #E1784B;
    color: #fff;
}

.caseStudyArrowDesktopWrap {
    position: relative;
    display: none;
    height: 324px;
    width: 4px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 64px 0 0 137px;
}

@media screen and (min-width: 1240px) {
    .caseStudyArrowDesktopWrap {
        display: block;
    }
}

.caseStudyArrowDesktop {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}


.caseStudyArrowDesktop__left {
    position: absolute;
    width: 129px;
    height: 5px;
    top: 60px;
    left: -127px;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.caseStudyArrowDesktop__center {
    width: 4px;
    height: 0;
    margin: auto;
    background: #E1784C;
    -moz-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    -webkit-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    -o-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    transition: height 0.4s cubic-bezier(.71,.01,0,1);
}

.caseStudyArrowDesktop__center.state-animated {
    height: 324px;
}

.caseStudyArrowDesktop__right {
    position: absolute;
    width: 129px;
    height: 5px;
    top: 60px;
    right: -127px;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.caseStudyArrowMobileWrap {
    position: relative;
    width: 104px;
    height: 160px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 64px auto 0 auto;
}

@media screen and (min-width: 1240px) {
    .caseStudyArrowMobileWrap {
        display: none;
    }
}

.caseStudyArrowMobile {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

.caseStudyArrowMobile__left {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 20px;
    left: 2px;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.caseStudyArrowMobile__center {
    width: 4px;
    height: 0;
    margin: auto;
    background: #E1784C;
    -moz-transition: height 0.6s cubic-bezier(.71,.01,0,1);
    -webkit-transition: height 0.6s cubic-bezier(.71,.01,0,1);
    -o-transition: height 0.6s cubic-bezier(.71,.01,0,1);
    transition: height 0.6s cubic-bezier(.71,.01,0,1);
}

.caseStudyArrowMobile__center.state-animated {
    height: 160px;
}

.caseStudyArrowMobile__right {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 20px;
    right: 2px;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}


/* Custom Plastic Extrusion Profiles */

.heroContent--customPlasticsHero {
    margin: 64px auto;
}

@media screen and (min-width: 1000px) {
    .heroContent--customPlasticsHero {
        margin: 100px auto 160px auto;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent--customPlasticsHero {
        margin: 100px auto 380px auto;
    }
    .heroContent--customPlasticsHero:lang(fr) {
        margin: 100px auto 300px auto;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent--customPlasticsHero {
        max-width: none;
        margin: 170px 0 380px 6%;
    }
    .heroContent--customPlasticsHero:lang(fr) {
        margin: 170px 0 300px 6%;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent--customPlasticsHero {
        margin: 170px 0 450px 6%;
    }
    .heroContent--customPlasticsHero:lang(fr) {
        margin: 170px 0 310px 6%;
    }
}

@media screen and (min-width: 1700px) {
    .heroContent--customPlasticsHero {
        margin: 170px 0 350px 10.45%;
    }
    .heroContent--customPlasticsHero:lang(fr) {
        margin: 170px 0 280px 10.45%;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--customPlasticsHero {
        max-width: 1520px;
        margin: 170px auto 500px auto;
    }
    .heroContent--customPlasticsHero:lang(fr) {
        margin: 170px auto 360px auto;
    }
}

@media screen and (min-width: 2300px) {
    .heroContent__image--customPlasticsHero {
        right: -200px;
    }
}

@media screen and (min-width: 600px) {
    .btn.heroContentInner__btn--customPlasticsHero:lang(fr) {
        width: 405px;
    }
}

@media screen and (min-width: 1000px) {
    .btn.heroContentInner__btn--customPlasticsHero:lang(fr) {
        min-width: 500px;
    }
}

.customPlasticsProfiles {
    width: 86%;
    max-width: 650px;
    margin: 0 auto 100px auto;
    list-style: none;
    padding: 0;
}

@media screen and (min-width: 1000px) {
    .customPlasticsProfiles {
        max-width: 100%;
        margin: 0 auto 246px auto;
    }
}

@media screen and (min-width: 1500px) {
    .customPlasticsProfiles {
        width: 1380px;
        max-width: 100%;
    }
}

.customPlasticsProfilesItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 64px;
}

@media screen and (min-width: 1000px) {
    .customPlasticsProfilesItem {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 103px;
    }
}

.customPlasticsProfilesItem:last-of-type {
    margin-bottom: 0;
}

.customPlasticsProfilesItem__image {
    min-width: 300px;
    min-height: 300px;
    margin: 0 auto 32px auto;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3D5794;
}

@media screen and (min-width: 1000px) {
    .customPlasticsProfilesItem__image {
        min-width: 420px;
        min-height: 420px;
        margin: auto 72px auto 0;
    }
}

@media screen and (min-width: 1400px) {
    .customPlasticsProfilesItem__image {
        min-width: 514px;
        min-height: 514px;
        margin: auto 110px auto 0;
    }
}

.customPlasticsProfilesItem__content {
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .customPlasticsProfilesItem__content {
        text-align: left;
    }
}

.customPlasticsProfilesItem__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.08;
    margin: 0;
}

@media screen and (min-width: 1400px) {
    .customPlasticsProfilesItem__heading {
        font-size: 3.25em;
        font-weight: 300;
        line-height: 1.08;
        margin: 0;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .customPlasticsProfilesItem__heading br {
        display: none;
    }
}

.customPlasticsProfilesItem__text {
    margin-bottom: 32px;
    font-weight: 300;
    line-height: 1.5;
}

@media screen and (min-width: 1000px) {
    .customPlasticsProfilesItem__text {
        margin-bottom: 48px;
    }
}

.customPlasticsProfilesItem__text p {
    font-weight: inherit;
}

.customPlasticsProfilesItem__text ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
}

.customPlasticsProfilesItem__text ul li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1000px) {
    .customPlasticsProfilesItem__text ul li {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 999px) {
    .customPlasticsProfilesItem__text ul li {
        margin-bottom: 8px;
    }
}

.customPlasticsProfilesItem__text ul li:before {
    content: "•";
    font-size: 2em;
    line-height: 30px;
    margin-right: 8px;
    transform: scale(1.05);
}

@media screen and (min-width: 1000px) {
    .customPlasticsProfilesItem__text ul li:before {
        margin-right: 67px;
    }
}

.customPlasticsProfilesItem__btn {
    width: 100%;
}

@media screen and (min-width: 600px) {
    .customPlasticsProfilesItem__btn {
        width: 275px;
    }
}

@media screen and (min-width: 1000px) {
    .customPlasticsProfilesItem__btn {
        width: 176px;
    }
}

.pageContent--customPlasticsGetInTouch {
    margin-bottom: 125px;
    text-align: center;
}

.pageContent__heading--customPlasticsGetInTouch {
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1.08;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 1000px) {
    .pageContent__heading--customPlasticsGetInTouch {
        font-size: 4.25em;
        margin: 0 auto 58px auto;
    }
}

@media screen and (max-width: 599px) {
    .pageContent__heading--customPlasticsGetInTouch br {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1365px) {
    .pageContent__heading--customPlasticsGetInTouch:lang(fr) br {
        display: none;
    }
}

.pageContent__btn--customPlasticsGetInTouch {
    width: 184px;
}

.pageContent__btn--customPlasticsGetInTouch:lang(fr) {
    width: 228px;
}

@media screen and (min-width: 1000px) {
    .pageContent__btn--customPlasticsGetInTouch:lang(fr) {
        width: 280px;
    }
}

.customPlasticsProcess {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 86%;
    max-width: 520px;
    margin: 0 auto 100px auto;
    list-style: none;
    padding: 0;
}

@media screen and (min-width: 720px) {
    .customPlasticsProcess {
        display: flex;
        flex-direction: row;
        width: 92%;
        max-width: 100%;
        justify-content: space-between;
        align-items: flex-start;
    }
}

@media screen and (min-width: 1000px) {
    .customPlasticsProcess {
        width: 86%;
    }
}

@media screen and (min-width: 1400px) {
    .customPlasticsProcess {
        width: 1190px;
    }
}

@media screen and (min-width: 1920px) {
    .customPlasticsProcess {
        margin: 0 auto 186px auto;
    }
}

.customPlasticsProcessItem {
    width: 100%;
    margin-bottom: 32px;
    text-align: center;
}

@media screen and (min-width: 720px) {
    .customPlasticsProcessItem {
        width: 30%;
        margin-bottom: 0;
        text-align: center;
    }
}

.customPlasticsProcessItem__icon {
    width: 170px;
    margin-bottom: 24px;
}

@media screen and (min-width: 1000px) {
    .customPlasticsProcessItem__icon {
        margin-bottom: 32px;
    }
}

.customPlasticsProcessItem__text p {
    font-weight: inherit;
}

.customPlasticsProcessItem__heading {
    font-size: 2em;
    margin: 0 auto 24px auto;
}

@media screen and (min-width: 1000px) {
    .customPlasticsProcessItem__heading {
        margin: 0 auto 36px auto;
    }
}

.customPlasticsProcessItem__text {
    font-weight: 300;
    line-height: 1.5;
}


/* Case Studies */

@media screen and (min-width: 1000px) {
    .heroContent--caseStudiesHero {
        margin-bottom: 240px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent--caseStudiesHero {
        margin-bottom: 320px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent--caseStudiesHero {
        margin-bottom: 200px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent--caseStudiesHero {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--caseStudiesHero {
        width: 1520px;
        margin-bottom: 240px;
    }
}

@media screen and (min-width: 1240px) {
    .heroContentInner--caseStudiesHero {
        max-width: 430px;
    }
}

@media screen and (min-width: 1326px) {
    .heroContentInner--caseStudiesHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContentInner--caseStudiesHero {
        max-width: 500px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContentInner--caseStudiesHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContentInner--caseStudiesHero {
        max-width: 600px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__heading--caseStudiesHero {
        margin: 0 0 44px 6px;
    }
}

@media screen and (max-width: 1239px) {
    .heroContent__heading--caseStudiesHero br {
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__text--caseStudiesHero {
        margin-left: 6px;
    }
}

@media (min-width: 1240px) and (max-width: 1299px) {
    .heroContent__image--caseStudiesHero:lang(fr) {
        right: -95px;
    }
}

.pageContent--caseStudies {
    margin: 0 auto 76px auto;
    text-align: center;
}

.pageContent--caseStudies {
    margin: 0 auto 48px auto;
}

@media screen and (min-width: 1000px) {
    .pageContent--caseStudies {
        margin: 0 auto 76px auto;
    }
}

.pageContent__heading--caseStudies {
    width: 86%;
    font-size: 2.4em;
    font-weight: 300;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 1000px) {
    .pageContent__heading--caseStudies {
        margin: 0 auto 40px auto;
    }
}

@media screen and (min-width: 1000px) {
    .pageContent__heading--caseStudies {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1600px) {
    .pageContent__heading--caseStudies {
        font-size: 4.25em;
    }
}

@media screen and (max-width: 999px) {
    .pageContent__heading--caseStudies br {
        display: none;
    }
}

.pageContent__text--caseStudies {
    font-weight: 300;
    line-height: 1.5;
    max-width: 577px;
    margin: auto;
}

@media screen and (min-width: 720px) {
    .pageContent__text--caseStudies {
        max-width: 500px;
    }
}

@media screen and (min-width: 1000px) {
    .pageContent__text--caseStudies {
        max-width: 577px;
    }
}

.pageContent__text--caseStudies p {
    font-weight: inherit;
}

.caseStudies {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 92%;
    margin: 0 auto 100px auto;
    list-style: none;
    padding: 0;
}

@media screen and (min-width: 390px) {
    .caseStudies {
        width: 86%;
    }
}

@media screen and (min-width: 720px) {
    .caseStudies {
        flex-direction: row;
        align-items: flex-start;
    }
}

@media screen and (min-width: 1000px) {
    .caseStudies {
        margin: 0 auto 70px auto;
    }
}

@media screen and (min-width: 1920px) {
    .caseStudies {
        width: 1520px;
        right: -8px;
    }
}

.caseStudies--justifyCenter {
    justify-content: center;
}

.caseStudies--poinOfPurchaseRetail {
    margin-bottom: 120px;
}

.caseStudyItem {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin: 0 auto 60px auto;
    text-align: center;
    overflow: hidden;
}

@media screen and (max-width: 719px) {
    .caseStudyItem:last-of-type {
        margin-bottom: 0;
    }
}

@media (min-width: 720px) and (max-width: 999px) {
    .caseStudyItem {
        width: 48%;
        margin: 0 4% 72px 0;
        text-align: left;
    }
    /* .caseStudyItem:lang(en) {
        min-height: 520px;
    }
    .caseStudyItem:lang(fr) {
        min-height: 600px;
    } */
    .caseStudyItem:nth-of-type(2n+2) {
        margin: 0 0 72px 0;
    }
}

@media screen and (min-width: 1000px) {
    .caseStudyItem {
        width: 31.44%;
        margin: 0 2.84% 91px 0;
    }
    /* .caseStudyItem:lang(en) {
        min-height: 560px;
    }
    .caseStudyItem:lang(fr) {
        min-height: 581px;
    } */
    .caseStudyItem:nth-of-type(3n+3) {
        margin: 0 0 64px 0;
    }
}

@media screen and (min-width: 1400px) {
    /* .caseStudyItem:lang(en) {
        min-height: 725px;
    }
    .caseStudyItem:lang(fr) {
        min-height: 812px;
    } */
}

.caseStudyItem a {
    text-decoration: none;
}

.caseStudyItem__imageContainer {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto 24px auto;
}

@media screen and (min-width: 1000px) {
    .caseStudyItem__imageContainer {
        margin: 0 auto 40px auto;
    }
}

.caseStudyItem__image {
    width: 100%;
    height: 220px;
    background-color: #E9E9E8;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.caseStudyItem__imageContainer:hover .caseStudyItem__image {
    transform: scale(1.1);
}

@media screen and (min-width: 1400px) {
    .caseStudyItem__image {
        height: 340px;
    }
}

.caseStudyItem__title {
    font-size: 2em;
    font-weight: 300;
    margin: 0 auto 26px auto;
}

@media screen and (min-width: 1000px) {
    .caseStudyItem__title {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 1400px) {
    .caseStudyItem__title {
        font-size: 2em;
    }
}

.caseStudyItem__title a {
    color: #1A1A1A;
}

.caseStudyItem__infoContent {
    list-style: none;
    padding: 0;
}

.caseStudyItem__info {
    margin-bottom: 1px;
}

.caseStudyItem__info--subject {
}

.caseStudyItem__infoLabel {
    font-weight: 500;
    line-height: 1.5;
}

.caseStudyItem__infoValue {

}

.caseStudyItem__info--material {
}

.caseStudyItem__info--realization {
}

.caseStudyItem__btn {
    width: 205px;
    margin: 24px auto 0 auto;
}

@media screen and (min-width: 720px) {
    .caseStudyItem__btn {
        margin: auto 0 0 0;
        margin: 32px 0 0 0;
    }
}

@media screen and (min-width: 1000px) {
    .caseStudyItem__btn {
        margin: auto auto 0 auto;
        margin: 32px auto 0 auto;
    }
}


/* Case Study */

@media screen and (min-width: 1540px) {
    .pageSection--caseStudyHero {
        min-height: 913px;
    }
}

.heroContent--caseStudyHero {
    width: 92%;
    flex-direction: column;
    margin-bottom: 64px;
}

@media screen and (min-width: 1000px) {
    .heroContent--caseStudyHero {
        flex-direction: row;
        align-items: flex-start;
        width: 86%; /* was 88% */
        margin: 100px auto 120px auto;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent--caseStudyHero {
        margin: 170px auto 0 auto;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent--caseStudyHero {
        width: 1400px;
        min-width: initial;
        max-width: none;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--caseStudyHero {
        width: 1520px;
    }
}

.heroContent__heading--caseStudyHero {
    margin-top: -5px;
    line-height: 1.1;
}

@media (min-width: 1540px) and (max-width: 1599px) {
    .heroContentInner__heading--caseStudyHero:lang(fr) {
        font-size: 3.5em;
    }
}

@media screen and (max-width: 999px) {
    .heroContent__heading--caseStudyHero br {
        display: none;
    }
}

.heroContent__formHeading--caseStudyHero {
    font-size: 1.3em;
    font-weight: 300;
    margin: 0 0 16px 0;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .heroContent__formHeading--caseStudyHero {
        font-size: 2.2em;
        margin: 0 0 16px 0;
        text-align: left;
    }
    .heroContent__formHeading--caseStudyHero:lang(fr) {
        font-size: 1.6em;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent__formHeading--caseStudyHero:lang(fr) {
        font-size: 2.2em;
    }
}

.heroContent__formText {
    margin: 0 0 24px 0;
    font-weight: 300;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .heroContent__formText {
        margin: 0 0 27px 0;
        text-align: left;
    }
}

.heroContent__form--caseStudyHero {
    width: 100%;
    margin: 0 auto;
    padding: 24px 16px 12px 16px;
    border-radius: 30px;
    box-sizing: border-box;
}


@media screen and (min-width: 600px) {
    .heroContent__form--caseStudyHero {
        max-width: 550px;
        border-radius: 30px;
        padding: 24px 24px 32px 24px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__form--caseStudyHero {
        width: 46.65%;
        max-width: none;
        margin: 0 0 auto auto;
    }
}

@media screen and (min-width: 1140px) {
    .heroContent__form--caseStudyHero {
        width: 50%;
    }
}

@media screen and (min-width: 1326px) {
    .heroContent__form--caseStudyHero {
        width: 704px;
        margin: -4px 0 auto auto;
        padding: 42px 70px 70px 70px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__form--caseStudyHero {
        margin: -64px 0 auto auto;
    }
}

.btn--caseStudyForm {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E1784B;
    color: #fff;
    margin: 8px 0 0 0;
    float: left;
}

.btn--caseStudyForm:after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 0 0 16px;
    background-image: url('./assets/svgs/icon_download.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.heroContent__formCheckmark {
    width: 80px;
    margin: 80px auto 27px auto;
}

.heroContent__formHeading--caseStudyThankYou {
    font-size: 2.85em;
    font-weight: 300;
    margin: 0 0 70px 0;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .heroContent__formHeading--caseStudyThankYou {
        font-size: 2.4em;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent__formHeading--caseStudyThankYou {
        font-size: 2.85em;
    }
}

.heroContent__formBtn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 293px;
    margin: 0 auto 26px auto;
}

.heroContent__formBtn:before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 16px 0 0;
    background-image: url('./assets/svgs/icon_back_arrow.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


/* Request a Quote */

.heroContent--requestAQuoteHero {
    margin-bottom: 72px;
}

@media screen and (min-width: 1000px) {
    .heroContent--requestAQuoteHero {
        margin-bottom: 265px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent--requestAQuoteHero {
        margin-bottom: 380px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent--requestAQuoteHero {
        margin-bottom: 245px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent--requestAQuoteHero {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--requestAQuoteHero {
        width: 1520px;
        margin-bottom: 280px;
    }
}

@media screen and (max-width: 999px) {
    .heroContentInner__breadcrumb--requestAQuoteHero {
        display: none;
    }
}

@media screen and (min-width: 1240px) {
    .heroContentInner--requestAQuoteHero {
        max-width: 430px;
    }
}

@media screen and (min-width: 1326px) {
    .heroContentInner--requestAQuoteHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContentInner--requestAQuoteHero {
        max-width: 500px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContentInner--requestAQuoteHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContentInner--requestAQuoteHero {
        max-width: 600px;
    }
}

@media screen and (max-width: 999px) {
    .heroContentInner--requestAQuoteHero {
        margin-top: 32px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__heading--requestAQuoteHero {
        margin: 0 0 44px 6px;
    }
}

@media screen and (max-width: 999px) {
    .heroContent__heading--requestAQuoteHero br {
        display: none;
    }
}

@media (min-width: 1240px) and (max-width: 1299px) {
    .heroContent__image--requestAQuoteHero:lang(fr) {
        right: -95px;
    }
}

.pageContent--requestAQuote {
    max-width: 720px;
    margin: 0 auto 93px auto;
    text-align: center;
}

.pageContent__heading--requestAQuote {
    font-size: 2em;
    font-weight: 300;
    line-height: 1.13;
}

@media screen and (max-width: 999px) {
    .pageContent__heading--requestAQuote br {
        display: none;
    }
}

.requestAQuoteForm {
    position: relative;
    width: 92%;
    max-width: 707px;
    margin: 0 auto 72px auto;
}

@media screen and (min-width: 1326px) {
    .requestAQuoteForm {
        width: 900px;
        max-width: none;
        margin: 0 auto 162px auto;
    }
}

.requestAQuoteForm .wpcf7 input,
.requestAQuoteForm .wpcf7 select,
.requestAQuoteForm .wpcf7 textarea {
    background-color: #E9E9E8;
    padding: 25.5px 28px;
}

.requestAQuoteForm .wpcf7 figure {
    margin-bottom: 28px;
}

.requestAQuoteForm .wpcf7 figure.wpcf7_field_first_name,
.requestAQuoteForm .wpcf7 figure.wpcf7_field_last_name {
    width: 48.5%;
}

.requestAQuoteForm .wpcf7 figure.wpcf7_field_first_name {
    margin: 0 3% 28px 0;
}

@media screen and (min-width: 600px) {
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_phone,
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_email {
        width: 48.5%;
    }
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_email {
        margin: 0 3% 28px 0;
    }
}

@media screen and (min-width: 768px) {
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_country,
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_state,
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_zip {
        width: 31.33%;
    }
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_country,
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_state {
        margin: 0 3% 28px 0;
    }
}

.requestAQuoteForm .wpcf7 figure.wpcf7_field_zip {
    margin-bottom: 62px;
}

@media screen and (min-width: 600px) {
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_company,
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_product {
        width: 48.5%;
    }
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_company {
        margin: 0 3% 28px 0;
    }
}

@media screen and (min-width: 1000px) {
    .requestAQuoteForm .wpcf7 figure.wpcf7_field_message {
        margin-bottom: 75px;
    }
}

.requestAQuoteForm .wpcf7 figure.wpcf7_field_message textarea {
    height: 156px;
}

.btn--requestAQuote {
    display: flex;
    justify-content: center;
    min-width: 233px !important;
    margin: auto;
}


/* Tecnical Information */

@media screen and (min-width: 1000px) {
    .heroContent--technicalInfoHero {
        margin-bottom: 160px;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent--technicalInfoHero {
        margin-bottom: 150px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent--technicalInfoHero {
        margin-bottom: 220px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent--technicalInfoHero {
        margin-bottom: 200px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent--technicalInfoHero {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--technicalInfoHero {
        width: 1520px;
        margin-bottom: 171px;
    }
}

@media screen and (min-width: 1240px) {
    .heroContentInner--technicalInfoHero {
        max-width: 430px;
    }
}

@media screen and (min-width: 1400px) {
    .heroContentInner--technicalInfoHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContentInner--technicalInfoHero {
        max-width: 500px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContentInner--technicalInfoHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContentInner--technicalInfoHero {
        max-width: 600px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContentInner__heading--technicalInfoHero {
        margin: 0 0 44px 6px;
    }
}

@media (min-width: 1540px) and (max-width: 1919px) {
    .heroContentInner__heading--technicalInfoHero:lang(fr) {
        font-size: 3.5em;
    }
}

.heroContentInner__text--technicalInfoHero {

}

.heroContentInner__text--technicalInfoHero p {
    margin: 1.5em 0;
}

.pageContent--technicalInfo {
    margin: 0 auto 48px auto;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .pageContent--technicalInfo {
        margin: 0 auto 76px auto;
    }
}

@media screen and (min-width: 1920px) {
    .pageContent--technicalInfo {
        margin: 171px auto 106px auto;
    }
}

.pageContent__heading--technicalInfo {
    width: 86%;
    font-size: 2.4em;
    font-weight: 300;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 1000px) {
    .pageContent__heading--technicalInfo {
        margin: 0 auto 17px auto;
    }
}

@media screen and (min-width: 1000px) {
    .pageContent__heading--technicalInfo {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1600px) {
    .pageContent__heading--technicalInfo {
        font-size: 4.25em;
    }
}

@media screen and (max-width: 999px) {
    .pageContent__heading--technicalInfo br {
        display: none;
    }
}

.pageContent__text--technicalInfo {
    font-weight: 300;
    line-height: 1.5;
    margin: auto;
}

@media screen and (min-width: 720px) {
    .pageContent__text--technicalInfo {
    }
}

@media screen and (min-width: 1000px) {
    .pageContent__text--technicalInfo {
    }
}

.pageContent__text--technicalInfo p {
    margin: 0 auto;
    font-weight: inherit;
}


/* Our Values */

@media screen and (min-width: 1000px) {
    .heroContent--ourValuesHero {
        margin-bottom: 160px;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent--ourValuesHero {
        margin-bottom: 132px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent--ourValuesHero {
        margin-bottom: 200px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent--ourValuesHero {
        width: 1345px;
    }
}

@media screen and (min-width: 1700px) {
    .heroContent--ourValuesHero {
        margin-bottom: 175px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--ourValuesHero {
        margin-top: 194px;
        width: 1520px;
    }
}

.heroContentInner--ourValuesHero {

}

@media screen and (min-width: 1240px) {
    .heroContentInner--ourValuesHero {
        max-width: 430px;
    }
}

@media screen and (min-width: 1400px) {
    .heroContentInner--ourValuesHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContentInner--ourValuesHero {
        max-width: 500px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContentInner--ourValuesHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContentInner--ourValuesHero {
        max-width: 600px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContentInner__heading--ourValuesHero {
        margin: 0 0 45px 6px;
    }
}

.heroContentInner__text--ourValuesHero {
}

.btn.heroContentInner__btn--ourValuesHero {
    width: 205px;
}

@media screen and (min-width: 600px) {
    .btn.heroContentInner__btn--ourValuesHero {
        margin-top: 14px;
    }
}

.pageContent--ourValues {
    margin: 0 auto 48px auto;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .pageContent--ourValues {
        margin: 0 auto 76px auto;
    }
}

@media screen and (min-width: 1920px) {
    .pageContent--ourValues {
        margin: 0 auto 100px auto;
    }
}

.pageContent__heading--ourValues {
    width: 86%;
    font-size: 2.4em;
    font-weight: 300;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 600px) {
    .pageContent__heading--ourValues {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1000px) {
    .pageContent__heading--ourValues {
        margin: 0 auto 40px auto;
    }
}

@media screen and (min-width: 1540px) {
    .pageContent__heading--ourValues {
        font-size: 4.25em;
    }
}

@media screen and (min-width: 1600px) {
    .pageContent__heading--ourValues {
        font-size: 5em;
    }
}

.ourValuesContainer {
    position: relative;
    margin: 0 auto 64px auto;
}

@media screen and (min-width: 1000px) {
    .ourValuesContainer {
        margin: 0 auto 223px auto;
    }
}

.ourValues {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 92%;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

@media screen and (min-width: 600px) {
    .ourValues {
        max-width: 552px;
    }
}

@media screen and (min-width: 1000px) {
    .ourValues {
        flex-direction: row;
        justify-content: flex-start;
        width: 563px;
        max-width: 100%;
        left: -75px;
    }
}

.ourValues__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40vw;
    height: 40vw;
    margin: 0 auto 6vw auto;
    border-radius: 100%;
}

@media screen and (min-width: 600px) {
    .ourValues__item {
        width: 240px;
        height: 240px;
        margin: 0 auto 34px auto;
    }
}

@media screen and (min-width: 1000px) {
    .ourValues__item {
        width: 233px;
        height: 233px;
        margin: 0 97px 6px 0;
    }
}

@media screen and (min-width: 1000px) {
    .ourValues__item--first {
    }
    .ourValues__item--second {
        margin-right: 0;
    }
    .ourValues__item--third {
        transform: translateX(165px);
    }
    .ourValues__item--fourth {
        margin-right: 0;
        transform: translateX(165px);
    }
}

.ourValues__label {
    display: block;
    font-size: 1.2em;
    text-align: center;
}

@media screen and (min-width: 475px) {
    .ourValues__label {
        font-size: 1.6em;
    }
}

.ourValuesArrow {
    position: absolute;
    display: none;
    height: 55px;
    top: 178px;
    left: 0;
}

@media screen and (min-width: 1000px) {
    .ourValuesArrow {
        display: block;
        height: auto;
    }
}

@media screen and (min-width: 1920px) {
    .ourValuesArrow {
        top: 191px;
    }
}

.ourValuesArrow--second {
    margin-left: 460px;
    margin-left: 24vw;
}

.ourValuesArrow--third {
    margin: auto 0 auto auto;
    right: 0;
    left: initial;
}

.ourValuesArrow__top {
    position: absolute;
    width: 50px;
    height: 5px;
    top: -25px;
    right: -2px;
    background: #E1784C;
    transform: skewY(45deg);
}

@media screen and (min-width: 1920px) {
    .ourValuesArrow__top {
        width: 114px;
        top: -57px;
        right: -2px;
    }
}

.ourValuesArrow__top--third {
    visibility: hidden;
}

.ourValuesArrow__center {
    position: relative;
    width: 13vw;
    height: 4px;
    margin: auto;
    background: #E1784C;
}

@media screen and (min-width: 1140px) {
    .ourValuesArrow__center {
        width: 15vw;
    }
}

@media screen and (min-width: 1240px) {
    .ourValuesArrow__center {
        width: 18vw;
    }
}

@media screen and (min-width: 1366px) {
    .ourValuesArrow__center {
        width: 20vw;
    }
}

@media screen and (min-width: 1920px) {
    .ourValuesArrow__center {
        width: 393px;
        width: 20.5vw;
    }
}

.ourValuesArrow__center--second {
    width: 997px;
    width: 52vw;
}

.ourValuesArrow__center--third {
    width: 378px;
    width: 19.7vw;
}

.ourValuesArrow__bottom {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: -25px;
    right: -2px;
    background: #E1784C;
    transform: skewY(-45deg);
}

@media screen and (min-width: 1920px) {
    .ourValuesArrow__bottom {
        width: 114px;
        bottom: -57px;
        right: -2px;
    }
}

.ourValuesArrow__bottom--third {
    visibility: hidden;
}


/* News */

@media screen and (min-width: 1000px) {
    .heroContent--newsHero {
        margin-bottom: 350px;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent--newsHero {
        margin-bottom: 380px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent--newsHero {
        margin-bottom: 520px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent--newsHero {
        margin-bottom: 380px;
    }
}

@media screen and (min-width: 1600px) {
    .heroContent--newsHero {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--newsHero {
        width: 1520px;
        margin-bottom: 400px;
    }
}

.newsList {
    position: relative;
    width: 92%;
    max-width: 552px;
    margin: 0 auto 72px auto;
}

@media screen and (min-width: 1000px) {
    .newsList {
        max-width: 1140px;
        margin: 0 auto 218px auto;
    }
}

@media screen and (min-width: 1366px) {
    .newsList {
        width: 86%; /* was 88% */
    }
}

@media screen and (min-width: 1600px) {
    .newsList {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .newsList {
        width: 1520px;
    }
}

.newsList ul {
    padding: 0;
    margin: auto;
}

.newsList__item {
    display: flex;
    flex-direction: column;
    margin: 0 auto 64px auto;
}

@media screen and (min-width: 1000px) {
    .newsList__item {
        flex-direction: row;
        margin: 0 0 90px 0;
    }
}

@media screen and (min-width: 1366px) {
    .newsList__item {
        max-width: 1020px;
    }
}

.newsList__image {
    display: block;
    min-width: 100%;
    height: 328px;
    margin: 0 auto 32px auto;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1000px) {
    .newsList__image {
        min-width: 460px;
        height: 328px;
        margin: 0 52px 0 0;
    }
}

@media screen and (min-width: 1366px) {
    .newsList__image {
        height: 345px;
    }
}

.newsList__content {
    box-sizing: border-box;
}

@media screen and (min-width: 1000px) {
    .newsList__content {
        padding-right: 21px;
    }
}

.newsList__info {
    display: block;
    margin-bottom: 11px;
    color: #808080;
    font-weight: 300;
    line-height: 1.3;
}

.newsList__title {
    margin: 0;
    font-size: 2em;
    font-weight: 300;
    line-height: 1.38;
    text-decoration: none;
}

.newsList__titleLink {
    text-decoration: none;
}

.newsList__text {
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 32px;
}

.newsList__btn {
    width: 100%;
}

@media screen and (min-width: 600px) {
    .newsList__btn {
        width: 205px;
    }
}

.newsList .alm-btn-wrap {
    max-width: 552px;
}

@media screen and (min-width: 1000px) {
    .newsList .alm-btn-wrap {
        margin: auto;
    }
}

@media screen and (min-width: 1366px) {
    .newsList .alm-btn-wrap {
        max-width: 1020px;
        margin: 0;
    }
}

.newsList .alm-load-more-btn.loading {
    width: 32px;
    height: 32px;
    padding: 0;
    background: none;
    transition: none !important;
}

.newsList .alm-load-more-btn.loading:before {
    width: 32px;
    height: 32px;
    margin: 0;
    background-image: url('./assets/images/spinner-skype.gif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.newsList .alm-load-more-btn:not(.loading) {
    width: 100%;
    height: 55px;
    margin: 0;
    color: #E1784C;
    background: none;
    border: 2px solid #E1784C;
    border-radius: 10px;
    font-weight: 500;
    cursor: pointer;
}

.newsList .alm-load-more-btn:hover {
    color: #fff;
    background: #E1784C;
}

@media screen and (max-width: 999px) {
    .newsList .alm-load-more-btn {
        margin-top: 32px;
    }
}


/* Materials */

@media screen and (min-width: 1000px) {
    .heroContent--materialsHero {
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 1240px) {
    .heroContent--materialsHero {
        margin-bottom: 140px;
    }
}

@media screen and (min-width: 1400px) {
    .heroContent--materialsHero {
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent--materialsHero {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--materialsHero {
        width: 1520px;
        margin-bottom: 191px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContentInner--materialsHero {
        max-width: 560px;
    }
}

@media screen and (min-width: 1140px) {
    .heroContentInner--materialsHero {
        max-width: 660px;
    }
}

@media screen and (min-width: 1240px) {
    .heroContentInner--materialsHero {
        max-width: 600px;
    }
}

@media screen and (min-width: 1326px) {
    .heroContentInner--materialsHero {
        max-width: 660px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContentInner--materialsHero {
        max-width: 774px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContentInner__heading--materialsHero {
        margin: 0 0 47px 6px;
    }
}

.heroContentInner__text--materialsHero {
    max-width: 100%;
    text-align: left;
}

.heroContentInner__text--materialsHero ul {
    margin: 61px 0 0 0;
    text-align: left;
}

.heroContentInner__text--materialsHero ul li {
    margin-bottom: 30px;
}

.heroContentInner__text--materialsHero ul li:before {
    align-self: flex-start;
}

@media screen and (min-width: 1000px) {
    .heroContentInner__text--materialsHero ul li:before {
        margin-right: 25px;
    }
}

.heroContent__image--materialsHero {
      box-shadow: 0 0.2em 1em 0 rgb(0 0 0 / 15%);
}

@media screen and (min-width: 1400px) {
    .heroContent__image--materialsHero {
          top: -4px;
          right: 0;
          width: 514px;
          height: 514px;
    }
}

.materialsKeyPropertiesContainer {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.materialsKeyProperties {
    position: relative;
    width: 86%;
    max-width: 520px;
    margin: 0 auto;
}

@media screen and (min-width: 1000px) {
    .materialsKeyProperties {
        position: relative;
        max-width: 100%;
        margin: 0 auto 0 auto;
    }
}

@media screen and (min-width: 1240px) {
    .materialsKeyProperties {
        margin: 0 auto 195px auto;
    }
}

@media screen and (min-width: 1920px) {
    .materialsKeyProperties {
        width: 1520px;
        margin: 0 auto 195px auto;
    }
}

@media screen and (min-width: 1240px) {
    .materialsKeyPropertiesContent {
        width: 520px;
        margin: 0 0 0 auto;
    }
}

@media screen and (min-width: 1400px) {
    .materialsKeyPropertiesContent {
        width: 650px;
        margin: 0 0 0 auto;
    }
}

.materialsKeyPropertiesContent--applications {
    margin-top: 64px;
}

.materialsKeyPropertiesContent__heading {
    font-size: 2.2em;
    font-weight: 300;
    margin: 0 0 24px 0;
}

@media screen and (min-width: 1000px) {
    .materialsKeyPropertiesContent__heading {
        font-size: 3.25em;
        margin: 0 0 40px 5px;
    }
}

.materialsKeyPropertiesContent__text,
.materialsKeyPropertiesContent__text span {
    font-weight: 300 !important;
}

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

.materialsKeyPropertiesContent__text li {
    position: relative;
    display: flex;
    font-weight: 300 !important;
    line-height: 1.5;
    margin-bottom: 12px;
}

@media screen and (min-width: 1920px) {
    .materialsKeyPropertiesContent__text li {
        margin-bottom: initial;
    }
}

.materialsKeyPropertiesContent__text li:before {
    align-self: flex-start;
    content: "•";
    font-size: 2em;
    line-height: 30px;
    margin-right: 8px;
    transform: scale(1.05);
}

@media screen and (min-width: 1000px) {
    .materialsKeyPropertiesContent__text li:before {
        margin-right: 67px;
    }
}

.materialsKeyPropertiesContent__text a {
    color: #E1784C;
    font-weight: 400 !important;
}

.materialsKeyPropertiesContent__text li span {
    font-weight: inherit;
}

.keyPropertiesArrowDesktop {
    position: absolute;
    display: none;
    align-items: center;
    height: 55px;
    top: 5px;
    left: 0;
}

@media screen and (min-width: 1240px) {
    .keyPropertiesArrowDesktop {
        display: flex;
        height: auto;
        top: initial;
        margin: -211px auto auto auto;
    }
}

@media screen and (min-width: 1400px) {
    .keyPropertiesArrowDesktop {
        display: flex;
        height: auto;
        top: initial;
        margin: -171px auto auto auto;
    }
}

@media screen and (min-width: 1920px) {
    .keyPropertiesArrowDesktop {
        margin: -262px auto auto auto;
    }
}

.keyPropertiesArrowDesktop__top {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 0px;
    right: 1px;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1000px) {
    .keyPropertiesArrowDesktop__top {
        width: 129px;
        top: -65px;
        right: 0;
    }
}

@media screen and (min-width: 1240px) {
    .keyPropertiesArrowDesktop__top {
        width: 72px;
        top: -37px;
    }
}

@media screen and (min-width: 1920px) {
    .keyPropertiesArrowDesktop__top {
        width: 129px;
        top: -65px;
    }
}

.keyPropertiesArrowDesktop__center {
    position: relative;
    width: 0;
    height: 4px;
    margin: auto;
    background: #E1784C;
    -moz-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    -webkit-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    -o-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    transition: width 0.6s cubic-bezier(.71,.01,0,1);
}

.keyPropertiesArrowDesktop__center.state-animated {
    width: 42vw;
}

@media screen and (min-width: 1400px) {
    .keyPropertiesArrowDesktop__center.state-animated {
        width: 40vw;
    }
}

@media screen and (min-width: 1600px) {
    .keyPropertiesArrowDesktop__center.state-animated {
        width: 45vw;
    }
}

@media screen and (min-width: 1920px) {
    .keyPropertiesArrowDesktop__center.state-animated {
        width: 936px;
    }
}

@media screen and (min-width: 2300px) {
    .keyPropertiesArrowDesktop__center.state-animated {
        width: 45vw;
    }
}

.keyPropertiesArrowDesktop__bottom {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 0px;
    right: 1px;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1000px) {
    .keyPropertiesArrowDesktop__bottom {
        width: 129px;
        bottom: -65px;
        right: 0;
    }
}

@media screen and (min-width: 1240px) {
    .keyPropertiesArrowDesktop__bottom {
        width: 72px;
        bottom: -37px;
    }
}

@media screen and (min-width: 1920px) {
    .keyPropertiesArrowDesktop__bottom {
        width: 129px;
        bottom: -65px;
    }
}

.keyPropertiesArrowMobileWrap {
    position: relative;
    width: 104px;
    height: 160px;
    bottom: 0;
    margin: 64px auto 0 auto;
}

@media screen and (min-width: 1240px) {
    .keyPropertiesArrowMobileWrap {
        display: none;
    }
}

.keyPropertiesArrowMobile {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

.keyPropertiesArrowMobile__left {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 20px;
    left: 2px;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.keyPropertiesArrowMobile__center {
    width: 4px;
    height: 0;
    margin: auto;
    background: #E1784C;
    -moz-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    -webkit-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    -o-transition: height 0.4s cubic-bezier(.71,.01,0,1);
    transition: height 0.4s cubic-bezier(.71,.01,0,1);
}

.keyPropertiesArrowMobile__center.state-animated {
    height: 160px;
}

.keyPropertiesArrowMobile__right {
    position: absolute;
    width: 50px;
    height: 5px;
    top: 20px;
    right: 2px;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}


/* Contact Us */

@media screen and (min-width: 1000px) {
    .heroContent--contactHero {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 1400px) {
    .heroContent--contactHero {
        flex-direction: row;
        min-height: 980px;
    }
}

.heroContentInner--contactHero {
    position: relative;
    width: 100%;
    max-width: 100%;
}

@media screen and (min-width: 1000px) {
    .heroContentInner--contactHero {
        max-width: 865px;
        margin: auto;
    }
}

@media screen and (min-width: 1400px) {
    .heroContentInner--contactHero {
        max-width: 100%;
        margin: 0;
    }
}

.heroContentInner__heading--contactHero {
    margin: 0 0 21px 0;
}

.heroContentInner__text--contactHero {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    font-size: 1.6em;
    line-height: 1.2;
    margin: 0 auto 16px auto;
}

@media screen and (min-width: 1000px) {
    .heroContentInner__text--contactHero {
        flex-direction: row;
        margin: 0 0 16px 6px;
    }
    .heroContentInner__text--contactHero:lang(fr) {
        align-items: flex-start;
    }
}

@media screen and (min-width: 1400px) {
    .heroContentInner__text--contactHero {
        max-width: 520px;
        align-items: flex-start;
    }
}

@media screen and (min-width: 1500px) {
    .heroContentInner__text--contactHero {
        max-width: 740px;
        align-items: center;
    }
}

.heroContentInner__text--contactHero:before {
    content: "";
    display: block;
    min-width: 22.5px;
    height: 31.5px;
    margin: 12px auto 0 auto;
    background-image: url('./assets/svgs/icon_map_marker_solid_orange.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1000px) {
    .heroContentInner__text--contactHero:before {
        margin: 0 20.5px 0 0;
    }
    .heroContentInner__text--contactHero:lang(fr):before {
        margin: 6px 20.5px 0 0;
    }
}

@media screen and (min-width: 1400px) {
    .heroContentInner__text--contactHero:before {
        margin: 8px 20.5px 0 0;
    }
    .heroContentInner__text--contactHero:lang(fr):before {
        margin: 6px 20.5px 0 0;
    }
}

@media screen and (min-width: 1500px) {
    .heroContentInner__text--contactHero:before {
        margin: 0 20.5px 0 0;
    }
    .heroContentInner__text--contactHero:lang(fr):before {
        margin: 9px 20.5px 0 0;
    }
}

.heroContentInner__note--contactHero {
    margin: 0 auto 32px auto;
    font-weight: 300;
    line-height: 1.35;
}

@media screen and (min-width: 1000px) {
    .heroContentInner__note--contactHero {
        margin: 0 0 78px 6px;
    }
}

@media (min-width: 1400px) and (max-width: 1499px) {
    .heroContentInner__note--contactHero:lang(fr) {
        max-width: 500px;
    }
    .heroContentInner__note--contactHero:lang(fr) br {
        display: none;
    }
}

.heroContentInner__note--contactHero a {
    color: #E1784B;
    font-weight: 400;
}

.heroContent__image--contactMap {
    width: 300px;
    height: 300px;
}

@media screen and (min-width: 390px) {
    .heroContent__image--contactMap {
        width: 320px;
        height: 320px;
    }
}

@media screen and (min-width: 412px) {
    .heroContent__image--contactMap {
        width: 350px;
        height: 350px;
    }
}

@media screen and (min-width: 600px) {
    .heroContent__image--contactMap {
        width: 500px;
        height: 500px;
        margin: 0 auto 64px auto;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__image--contactMap {
        position: relative;
        width: 812px;
        height: 812px;
        top: 0;
        right: 0;
        margin: 0 auto 100px auto;
    }
}

@media screen and (min-width: 1400px) {
    .heroContent__image--contactMap {
        position: absolute;
        width: 812px;
        height: 812px;
        top: -112px;
        right: -137px;
        margin: 0;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__image--contactMap {
        width: 812px;
        height: 812px;
        top: -112px;
        right: 0;
    }
}

.heroContent__imageInner--contactMap {
    position: relative;
    width: 280px;
    margin: 0 auto;
}

@media screen and (min-width: 390px) {
    .heroContent__imageInner--contactMap {
        width: 308px;
    }
}

@media screen and (min-width: 412px) {
    .heroContent__imageInner--contactMap {
        width: 325px;
    }
}

@media screen and (min-width: 600px) {
    .heroContent__imageInner--contactMap {
        width: 460px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__imageInner--contactMap {
        position: relative;
        width: 722px;
        margin: 32px 12px 0 auto;
    }
}

.contactMapMarker {
    position: absolute;
    width: 18px;
    cursor: pointer;
    z-index: 1;
}

@media screen and (min-width: 390px) {
    .contactMapMarker {
        width: 21px;
    }
}

@media screen and (min-width: 412px) {
    .contactMapMarker {
        width: 24px;
    }
}

@media screen and (min-width: 1000px) {
    .contactMapMarker {
        width: 42px;
    }
}

.contactMapMarker--westernEasternCanada {
    top: 375px;
    top: 44%;
    left: 135px;
    left: 19%;
}

.contactMapMarker--ontario {
    top: 450px;
    top: 52%;
    left: 375px;
    left: 52%;
}

.contactMapMarker--quebec {
    top: 425px;
    top: 50%;
    left: 500px;
    left: 69%;
}

.contactMapMarker--usUpperWestCoast {
    top: 530px;
    top: 61%;
    left: 35px;
    left: 5%;
}

.contactMapMarker--usLowerWestCoast {
    top: 620px;
    top: 72%;
    left: 60px;
    left: 8%;
}

.contactMapMarker--usSouthWest {
    top: 755px;
    top: 88%;
    left: 255px;
    left: 35%;
}

.contactMapMarker--usWesternMidwest {
    top: 550px;
    top: 64%;
    left: 245px;
    left: 34%;
}

.contactMapMarker--usCentralMidwest {
    top: 585px;
    top: 68%;
    left: 315px;
    left: 44%;
}

.contactMapMarker--usEasternMidwest {
    top: 564px;
    top: 72%;
    left: 407px;
    left: 57%;
}

.contactMapMarker--usUpperEastCoast {
    top: 550px;
    top: 64%;
    left: 527px;
    left: 73%;
}

.contactMapMarker--usLowerEastCoast {
    top: 624px;
    top: 72%;
    left: 490px;
    left: 68%;
}

.contactMapMarker--usSouthEast {
    top: 720px;
    top: 84%;
    left: 400px;
    left: 55.5%;
}

.locationContactInfoCards {
    position: relative;
    width: 100%;
    max-width: 707px;
    margin: 0 auto;
}

@media screen and (min-width: 1000px) {
    .locationContactInfoCards {
        max-width: 100%;
        margin: 0 0 100px 0;
    }
}

@media screen and (min-width: 1400px) {
    .locationContactInfoCards {
        width: 1520px;
    }
}

.locationContactInfoCard {
    display: none;
    width: 100%;
    border-radius: 10px;
    background: #F77C6A;
    padding: 32px 24px;
    box-sizing: border-box;
    text-align: left;
}

@media screen and (min-width: 1400px) {
    .locationContactInfoCard {
        width: 500px;
        padding: 37px 49px 56px 49px;
    }
}

@media screen and (min-width: 1540px) {
    .locationContactInfoCard {
        width: 612px;
    }
}

.locationContactInfoCard * {
    color: #fff;
}

.locationContactInfoCard img {
    width: 100%;
}

.locationContactInfoCard--westernEasternCanada {
    background: #CBDAAA;
}

.locationContactInfoCard--westernEasternCanada * {
    color: #1A1A1A !important;
}

.locationContactInfoCard--ontario {
    background: #97abf3;
}

.locationContactInfoCard--quebec {
    background: #e6b287;
}

.locationContactInfoCard--quebec * {
    color: #1A1A1A !important;
}

.locationContactInfoCard--usUpperWestCoast {
    background: #dd9e65;
}

.locationContactInfoCard--usLowerWestCoast {
    background: #efcf7b;
}

.locationContactInfoCard--usLowerWestCoast * {
    color: #1A1A1A !important;
}

.locationContactInfoCard--usSouthWest {
    background: #F77C6A;
}

.locationContactInfoCard--usWesternMidwest {
    background: #cecece;
}

.locationContactInfoCard--usWesternMidwest * {
    color: #1A1A1A !important;
}

.locationContactInfoCard--usCentralMidwest {
    background: #6362b0;
}

.locationContactInfoCard--usEasternMidwest {
    background: #8ecf8c;
}

.locationContactInfoCard--usUpperEastCoast {
    background: #4a8474;
}

.locationContactInfoCard--usLowerEastCoast {
    background: #8063a0;
}

.locationContactInfoCard--usSouthEast {
    background: #98d5d1;
}

.locationContactInfoCard--usSouthEast * {
    color: #1A1A1A;
}

.locationContactInfoCard__heading {
    font-size: 1.3em;
    margin: 32px 0 24px 0;
}

@media screen and (min-width: 1400px) {
    .locationContactInfoCard__heading {
        font-size: 1.6em;
        margin: 51px 0 34px 0;
    }
}

.locationContactInfoCard__heading:first-of-type {
    margin-top: 0 !important;
}

.locationContactInfoCard__row {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

@media screen and (min-width: 1400px) {
    .locationContactInfoCard__row {
        margin-bottom: 29px;
    }
}

.locationContactInfoCard__row:last-of-type {
    margin-bottom: 0;
}

.locationContactInfoCard__phone {
    width: 21px;
    margin-right: 18px;
}

@media screen and (min-width: 1400px) {
    .locationContactInfoCard__phone {
        width: 26px;
        margin-right: 23px;
    }
}

.locationContactInfoCard__email {
    width: 24px;
    margin-right: 18px;
}

@media screen and (min-width: 1400px) {
    .locationContactInfoCard__email {
        width: 32px;
        margin-right: 23px;
    }
}

.locationContactInfoCard__name {
    font-weight: 300;
}

.contactFold {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 86%;
    max-width: 707px;
    margin: 0 auto 64px auto;
}

@media screen and (min-width: 1000px) {
    .contactFold {
        max-width: 865px;
        margin: 0 auto 100px auto;
    }
}

@media screen and (min-width: 1400px) {
    .contactFold {
        flex-direction: row;
        width: 86%;
        max-width: 100%;
        margin: 0 auto 100px auto;
    }
}

@media screen and (min-width: 1700px) {
    .contactFold {
        width: 1345px;
        margin: 0 auto 132px auto;
    }
}

@media screen and (min-width: 1920px) {
    .contactFold {
        width: 1520px;
    }
}

.contactFold__contactInfo {
    width: 100%;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 1000px) {
    .contactFold__contactInfo {
        margin: 0 auto 48px auto;
    }
}

@media screen and (min-width: 1400px) {
    .contactFold__contactInfo {
        width: 600px;
        margin: 0 auto 0 0;
    }
}

@media screen and (min-width: 1600px) {
    .contactFold__contactInfo {
        width: 500px;
        min-width: 500px;
    }
}

.contactFold__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
}

@media screen and (min-width: 1400px) {
    .contactFold__heading {
        font-size: 4.25em;
        margin: 7px 0 52px 0;
    }
}

.contactFold__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contactFold__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 29px;
    padding-left: 8px;
}

.contactFold__item--address {
}

.contactFold__item--address:before {
    content: "";
    display: block;
    width: 22.5px;
    height: 31.5px;
    margin: 0 32.5px 0 0;
    background-image: url('./assets/svgs/icon_map_marker_ghost_orange.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.contactFold__item--fax {
}

.contactFold__item--fax:before {
    content: "";
    position: relative;
    display: block;
    width: 28.5px;
    height: 31.5px;
    margin: 0 24.5px 0 0;
    top: -7px;
    background-image: url('./assets/svgs/icon_fax_ghost_orange.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1400px) {
    .contactFold__item--fax:before {
        top: -3px;
    }
}

.contactFold__item--phone {
}

.contactFold__item--phone:before {
    content: "";
    position: relative;
    display: block;
    width: 28.5px;
    height: 31.5px;
    margin: 0 24.5px 0 0;
    top: -5px;
    background-image: url('./assets/svgs/icon_phone_ghost_orange.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1400px) {
    .contactFold__item--phone:before {
        top: -3px;
    }
}

.contactFold__item--phoneTollFree {
}

.contactFold__item--phoneTollFree:before {
    content: "";
    position: relative;
    display: block;
    width: 28.5px;
    height: 31.5px;
    margin: 0 24.5px 0 0;
    top: -5px;
    background-image: url('./assets/svgs/icon_phone_ghost_orange.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1400px) {
    .contactFold__item--phoneTollFree:before {
        top: -3px;
    }
}

.contactFold__item a {
    color: #1A1A1A;
}

.contactFold__form {
    position: relative;
    margin: 0 auto 0 auto;
}

@media screen and (min-width: 1326px) {
    .contactFold__form {
        width: 900px;
        max-width: none;
        margin: 0 0 0 auto;
    }
}

@media screen and (min-width: 1400px) {
    .contactFold__form {
        width: 700px;
    }
}

@media screen and (min-width: 1600px) {
    .contactFold__form {
        width: 900px;
    }
}

.contactFold__form .wpcf7 input, .contactFold__form .wpcf7 select, .contactFold__form .wpcf7 textarea {
    background-color: #E9E9E8;
    padding: 25.5px 28px;
}

.contactFold__form .wpcf7 figure {
    margin-bottom: 28px;
}

.contactFold__form .wpcf7 figure.wpcf7_field_first_name, .contactFold__form .wpcf7 figure.wpcf7_field_last_name {
    width: 48.5%;
}

.contactFold__form .wpcf7 figure.wpcf7_field_first_name {
    margin: 0 3% 28px 0;
}

@media screen and (min-width: 600px) {
    .contactFold__form .wpcf7 figure.wpcf7_field_phone, .contactFold__form .wpcf7 figure.wpcf7_field_email {
        width: 48.5%;
    }

    .contactFold__form .wpcf7 figure.wpcf7_field_email {
        margin: 0 3% 28px 0;
    }
}

@media screen and (min-width: 768px) {
    .contactFold__form .wpcf7 figure.wpcf7_field_country, .contactFold__form .wpcf7 figure.wpcf7_field_state, .contactFold__form .wpcf7 figure.wpcf7_field_zip {
        width: 31.33%;
    }

    .contactFold__form .wpcf7 figure.wpcf7_field_country, .contactFold__form .wpcf7 figure.wpcf7_field_state {
        margin: 0 3% 28px 0;
    }
}

@media screen and (min-width: 600px) {
    .contactFold__form .wpcf7 figure.wpcf7_field_company, .contactFold__form .wpcf7 figure.wpcf7_field_product {
        width: 48.5%;
    }

    .contactFold__form .wpcf7 figure.wpcf7_field_company {
        margin: 0 3% 28px 0;
    }
}

@media screen and (min-width: 1000px) {
    .contactFold__form .wpcf7 figure.wpcf7_field_message {
        margin-bottom: 75px;
    }
}

.contactFold__form .wpcf7 figure.wpcf7_field_message textarea {
    height: 156px;
}

.btn--contactFold__form {
    min-width: 256px !important;
}

.stockingLocations {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 86%;
    max-width: 707px;
    margin: 0 auto 72px auto;
}

@media screen and (min-width: 1000px) {
    .stockingLocations {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 865px;
    }
}

@media screen and (min-width: 1400px) {
    .stockingLocations {
        width: 86%;
        max-width: 100%;
        margin: 0 auto 150px auto;
    }
}

@media screen and (min-width: 1700px) {
    .stockingLocations {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .stockingLocations {
        width: 1520px;
    }
}

.stockingLocations__heading {
    width: 100%;
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 0 0 32px 0;
}

@media screen and (min-width: 1000px) {
    .stockingLocations__heading {
        font-size: 3.2em;
        margin: 0 0 48px 0;
    }
}

@media screen and (min-width: 1400px) {
    .stockingLocations__heading {
        font-size: 4.25em;
        margin: 0 0 73px 0;
    }
}

.stockingLocation {
    margin: 0;
}

.stockingLocation--presidentialExpress {
    margin-bottom: 24px;

}

@media screen and (min-width: 1000px) {
    .stockingLocation--presidentialExpress {
        margin: 0 100px 0 0;
    }
}

@media screen and (min-width: 1400px) {
    .stockingLocation--presidentialExpress {
        margin: 0 180px 0 0;
        padding-left: 5px;
    }
}

@media screen and (min-width: 1920px) {
    .stockingLocation--presidentialExpress {
        margin: 0 277px 0 0;
    }
}

.stockingLocation--wsi {
}

.stockingLocation__heading {
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.12;
    margin: 0 0 34px 0;
}

.stockingLocation__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stockingLocation__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 29px;
}

.stockingLocation__item--address:before {
    content: "";
    display: block;
    width: 28.5px;
    height: 31.5px;
    margin: 0 27.5px 0 0;
    background-image: url('./assets/svgs/icon_map_marker_ghost_orange.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.stockingLocation__item--phone a {
    color: #1A1A1A;
}

.stockingLocation__item--phone:before {
    content: "";
    display: block;
    position: relative;
    width: 31.5px;
    height: 31.5px;
    margin: 0 24.5px 0 0;
    top: -2px;
    background-image: url('./assets/svgs/icon_phone_ghost_orange.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


/* Our Mission */

.pageSection--ourMissionHero {
}

.heroContent--ourMissionHero {
    width: 86%;
    flex-direction: column-reverse;
    margin: 40px auto 64px auto;
}

@media screen and (min-width: 1540px) {
    .heroContent--ourMissionHero {
        flex-direction: row;
        margin: 170px auto 375px auto;
    }
}

@media screen and (min-width: 1700px) {
    .heroContent--ourMissionHero {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--ourMissionHero {
        width: 1520px;
    }
}

.heroContentInner--ourMissionHero {
    max-width: 530px;
    margin: auto;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .heroContentInner--ourMissionHero {
        margin: 40px auto 32px auto;
    }
}

@media screen and (min-width: 1540px) {
    .heroContentInner--ourMissionHero {
        max-width: 530px;
        margin: 0;
        text-align: left;
    }
}

.heroContentInner__breadcrumb--ourMissionHero {
}

.heroContentInner__heading--ourMissionHero {
    margin: 0 0 61px 0;
}

.heroContentInner__text--ourMissionHero {
}

.btn.heroContentInner__btn--playIcon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 200px;
    margin: 57px auto 0 auto;
}

@media screen and (min-width: 1540px) {
    .btn.heroContentInner__btn--playIcon {
        margin: 57px 0 0 0;
    }
}

.btn.heroContentInner__btn--playIcon:after {
    content: "";
    display: block;
    width: 12px;
    height: 19px;
    margin: 0 0 0 14px;
    background-image: url(./assets/svgs/icon_play.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.heroContent__images--ourMission {
    position: relative;
    margin: auto;
}

@media screen and (min-width: 412px) {
    .heroContent__images--ourMission {
        width: 355px;
    }
}

@media screen and (min-width: 720px) {
    .heroContent__images--ourMission {
        width: 420px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__images--ourMission {
        width: 698px;
        margin: 120px auto 32px auto;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__images--ourMission {
        max-width: 963px;
        margin: 0 0 0 auto;
    }
}

.heroContent__image--ourMission {
    position: relative;
    top: initial;
    right: initial;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 375px) {
    .heroContent__image--ourMission {
        width: 320px;
        height: 320px;
    }
}

@media screen and (min-width: 720px) {
    .heroContent__image--ourMission {
        width: 420px;
        height: 420px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__image--ourMission {
        width: 698px;
        height: 698px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__image--ourMission {
        position: absolute;
        top: -53px;
        right: -42px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__image--ourMission {
        position: absolute;
        top: -53px;
        right: -108px;
    }
}

.heroContent__quoteBubble {
    position: absolute;
}

.heroContent__quoteBubble--orange {
    width: 96px;
    top: -8px;
    left: -8px;
}

@media screen and (min-width: 375px) {
    .heroContent__quoteBubble--orange {
        left: 3px;
    }
}

@media screen and (min-width: 720px) {
    .heroContent__quoteBubble--orange {
        width: 150px;
        top: 0;
        left: -48px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__quoteBubble--orange {
        width: 298px;
        top: -64px;
        left: -80px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__quoteBubble--orange {
        top: -104px;
        left: -30px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__quoteBubble--orange {
        top: -83px;
        left: 12px;
    }
}

.heroContent__quoteBubble--blue {
    width: 86px;
    right: -10px;
    top: -26px;
}

@media screen and (min-width: 375px) {
    .heroContent__quoteBubble--blue {
        right: 6px;
    }
}

@media screen and (min-width: 720px) {
    .heroContent__quoteBubble--blue {
        width: 100px;
        right: -40px;
        top: 32px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__quoteBubble--blue {
        width: 160px;
        right: -32px;
        top: -16px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__quoteBubble--blue {
        width: 131px;
        right: -64px;
        top: -14px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__quoteBubble--blue {
        width: 131px;
        right: -131px;
        top: -14px;
    }
}

.heroContent__quoteBubble--white {
    width: 160px;
    height: 116px;
    top: 186px;
    left: -12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 720px) {
    .heroContent__quoteBubble--white {
        width: 160px;
        height: 116px;
        top: 250px;
        left: -60px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__quoteBubble--white {
        width: 451px;
        height: 317px;
        top: 344px;
        left: -150px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__quoteBubble--white {
        left: -45px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__quoteBubble--white {
        top: 341px;
        left: -155px;
    }
}

.heroContent__quoteBubbleText {
    display: block;
    font-size: 0.6em;
    line-height: 1.25;
    font-weight: 300;
    width: 112px;
    margin: 48px 0 0 20px;
}

@media screen and (min-width: 1000px) {
    .heroContent__quoteBubbleText {
        font-size: 1.6em;
        width: 292px;
        margin: 101px 0 0 65px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent__quoteBubbleText {
        font-size: 1.6em;
        width: 292px;
        margin: 101px 0 0 65px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent__quoteBubbleText {
        font-size: 1.6em;
        width: 292px;
        margin: 101px 0 0 65px;
    }
}

.ourStory {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 86%;
    max-width: 552px;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 1000px) {
    .ourStory {
        flex-direction: row;
        align-items: flex-start;
        max-width: 100%;
        margin-bottom: 48px;
    }
}

@media screen and (min-width: 1000px) {
    .ourStory {
        margin-bottom: 72px;
    }
}

@media screen and (min-width: 1366px) {
    .ourStory {
        margin-bottom: 118px;
    }
}

@media screen and (min-width: 1540px) {
    .ourStory {
        margin: 0 auto 216px auto;
    }
}

@media screen and (min-width: 1700px) {
    .ourStory {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .ourStory {
        width: 1520px;
    }
}

.ourStory__content {
}

.ourStory__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
    text-align: center;
}

@media screen and (min-width: 600px) {
    .ourStory__heading {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1000px) {
    .ourStory__heading {
        text-align: left;
    }
}

@media screen and (min-width: 1540px) {
    .ourStory__heading {
        font-size: 4.25em;
    }
}

@media screen and (min-width: 1920px) {
    .ourStory__heading {
        margin: 95px 0 58px 0;
    }
}

.ourStory__text {
    line-height: 1.5;
}

.ourStory__text p {
    font-weight: inherit;
}

.ourStory__image {
    min-width: 300px;
    height: 300px;
    margin: 0 auto 32px auto;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
    .ourStory__image {
        min-width: 320px;
        height: 320px;
    }
}

@media screen and (min-width: 720px) {
    .ourStory__image {
        min-width: 420px;
        height: 420px;
    }
}

@media screen and (min-width: 1000px) {
    .ourStory__image {
        min-width: 360px;
        height: 360px;
        margin: 0 64px 0 0;
    }
}

@media screen and (min-width: 1240px) {
    .ourStory__image {
        min-width: 360px;
        height: 360px;
        margin: 0 64px 0 0;
    }
}

@media screen and (min-width: 1366px) {
    .ourStory__image {
        min-width: 500px;
        height: 500px;
        margin: 0 100px 0 0;
    }
}

@media screen and (min-width: 1920px) {
    .ourStory__image {
        min-width: 680px;
        height: 680px;
        margin: 0 149px 0 0;
    }
}

.pageSection--ourMissionTestimonials {
}

.testimonials--ourMission {
    margin-bottom: 72px;
}

@media screen and (min-width: 1366px) {
    .testimonials--ourMission {
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 1920px) {
    .testimonials--ourMission {
        margin-bottom: 258px;
    }
}

.testimonials__list--ourMission {
}

.ourHistory {
    min-height: 635px;
}

@media screen and (max-width: 719px) {
    .ourHistory:lang(fr) {
        min-height: 690px;
    }
}

@media screen and (min-width: 720px) {
    .ourHistory {
        min-height: 560px;
    }
}

@media screen and (min-width: 1000px) {
    .ourHistory {
        min-height: 740px;
    }
}

@media screen and (min-width: 1920px) {
    .ourHistory {
        min-height: 698px;
    }
}

.ourHistory__heading {
    font-size: 3.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 48px 0 64px 0;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    .ourHistory__heading {
        font-size: 4.25em;
        margin: 139px 0 118px 0;
    }
}

.ourHistorySlider {
    position: relative;
}

.ourHistory__arrows {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    margin: auto;
    bottom: 64px;
    left: 0;
    right: 0;
}

@media screen and (min-width: 1000px) {
    .ourHistory__arrows {
        width: 86%;
        bottom: 64px;
    }
}

@media screen and (min-width: 1400px) {
    .ourHistory__arrows {
        width: 80%;
        bottom: 128px;
    }
}

@media screen and (min-width: 1700px) {
    .ourHistory__arrows {
        width: 1512px;
        bottom: 172px;
    }
}

.ourHistory__arrow {
    width: 120px;
    height: 53px;
    cursor: pointer;
}

@media screen and (min-width: 1000px) {
    .ourHistory__arrow {
        width: 243px;
        height: 107px;
    }
}

.ourHistory__arrow--next {
    margin: auto 0 auto auto;
}

.ourHistory__arrow--prev {
    margin: auto auto auto 0;
}

.ourHistory__arrow--blue path {
    stroke: #1C315B;
}

.ourHistory__arrowsAlt {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 77%;
    margin: auto;
    bottom: 64px;
    left: 0;
    right: 0;
}

@media screen and (min-width: 1000px) {
    .ourHistory__arrowsAlt {
        bottom: 64px;
    }
}

@media screen and (min-width: 1400px) {
    .ourHistory__arrowsAlt {
        width: 1000px;
        bottom: 128px;
    }
}

@media screen and (min-width: 1700px) {
    .ourHistory__arrowsAlt {
        bottom: 172px;
    }
}

.ourHistory__arrowAlt {
    width: 80px;
    height: 80px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.ourHistory__arrowAlt--blue { /* used to turn arrow blue instead of hiding it, hence the class name */
    display: none;
}

.ourHistory__arrowAlt--next {
    margin: auto 0 auto auto;
}

.ourHistory__arrowAlt--prev {
    margin: auto auto auto 0;
}

.animatedArrow,
.animatedArrow * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.animatedArrow__circle {
    position: absolute;
    border: 2px solid #fff;
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.animatedArrow__circleInner {
    width: 100%;
    cursor: pointer;
    position: absolute;
}

.animatedArrow__arrowFirst,
.animatedArrow__arrowSecond {
    position: absolute;
    bottom: 0;
    margin-left: 0px;
    width: 24px;
    height: 24px;
    background-size: contain;
    top: 30px;
}

.animatedArrow__arrowFirst--next {
    left: 30%;
}

.animatedArrow__arrowSecond--next {
    margin-left: 16px;
    left: 30%;
}

.animatedArrow__arrowFirst--prev {
    margin-right: 16px;
    right: 30%;
}

.animatedArrow__arrowSecond--prev {
    right: 30%;
}

.animatedArrow__arrowFirst--next,
.animatedArrow__arrowSecond--next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

.animatedArrow__arrowFirst--prev,
.animatedArrow__arrowSecond--prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

@keyframes bounceAlphaNext {
    0% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
    25% {
        opacity: 0;
        transform: translateX(20px) scale(0.9);
    }
    26% {
        opacity: 0;
        transform: translateX(-20px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }
}

.bounceAlphaNext {
    animation-name: bounceAlphaNext;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.animatedArrow__arrowFirst--next.bounceAlphaNext,
.animatedArrow__arrowSecond--next.bounceAlphaNext {
    animation-name: bounceAlphaNext;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.ourHistory__arrowAlt--next .animatedArrow__circle:hover .animatedArrow__arrowFirst {
    animation-name: bounceAlphaNext;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.ourHistory__arrowAlt--next .animatedArrow__circle:hover .animatedArrow__arrowSecond {
    animation-name: bounceAlphaNext;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes bounceAlphaPrev {
    0% {
        opacity: 1;
        transform: translateX(0px) scaleX(-1);
    }
    25% {
        opacity: 0;
        transform: translateX(-20px) scaleX(-0.9);
    }
    26% {
        opacity: 0;
        transform: translateX(20px) scaleX(-0.9);
    }
    55% {
        opacity: 1;
        transform: translateX(0px) scaleX(-1);
    }
}

.bounceAlphaPrev {
    animation-name: bounceAlphaPrev;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.animatedArrow__arrowFirst--prev.bounceAlphaPrev,
.animatedArrow__arrowSecond--prev.bounceAlphaPrev {
    animation-name: bounceAlphaPrev;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.ourHistory__arrowAlt--prev .animatedArrow__circle:hover .animatedArrow__arrowFirst {
  animation-name: bounceAlphaPrev;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.ourHistory__arrowAlt--prev .animatedArrow__circle:hover .animatedArrow__arrowSecond {
    animation-name: bounceAlphaPrev;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.ourHistorySlider__line {
    position: absolute;
    width: 100%;
    height: 4px;
    top: 41px;
    left: 0;
    background: #1C315B;
}

@media screen and (min-width: 1000px) {
    .ourHistorySlider__line {
        top: 58px;
    }
}

.ourHistorySlider__list {
    position: relative;
    display: flex;
    flex-direction: row;
    list-style: none;
    width: 100%;
    padding: 0;
    /* margin: auto 0 auto 712px; */
    margin: auto 0;
    left: 0;
    transform: translateX(19vw);
    -moz-transition: left 0.5s ease-out;
    -webkit-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
}

@media screen and (min-width: 390px) {
    .ourHistorySlider__list {
        transform: translateX(21vw);
    }
}

@media screen and (min-width: 412px) {
    .ourHistorySlider__list {
        transform: translateX(23vw);
    }
}

@media screen and (min-width: 600px) {
    .ourHistorySlider__list {
        transform: translateX(32vw);
    }
}

@media screen and (min-width: 720px) {
    .ourHistorySlider__list {
        transform: translateX(35vw);
    }
}

@media screen and (min-width: 850px) {
    .ourHistorySlider__list {
        transform: translateX(37vw);
    }
}

@media screen and (min-width: 1000px) {
    .ourHistorySlider__list {
        transform: translateX(34vw);
    }
}

@media screen and (min-width: 1140px) {
    .ourHistorySlider__list {
        transform: translateX(36vw);
    }
}

@media screen and (min-width: 1240px) {
    .ourHistorySlider__list {
        transform: translateX(37vw);
    }
}

@media screen and (min-width: 1326px) {
    .ourHistorySlider__list {
        transform: translateX(38vw);
    }
}

@media screen and (min-width: 1400px) {
    .ourHistorySlider__list {
        transform: translateX(38vw);
    }
}

@media screen and (min-width: 1500px) {
    .ourHistorySlider__list {
        transform: translateX(39vw);
    }
}

@media screen and (min-width: 1600px) {
    .ourHistorySlider__list {
        transform: translateX(40vw);
    }
}

@media screen and (min-width: 1700px) {
    .ourHistorySlider__list {
        transform: translateX(40vw);
    }
}

@media screen and (min-width: 1920px) {
    .ourHistorySlider__list {
        transform: translateX(41.4vw);
    }
}

@media screen and (min-width: 2100px) {
    .ourHistorySlider__list {
        transform: translateX(42vw);
    }
}

@media screen and (min-width: 2300px) {
    .ourHistorySlider__list {
        transform: translateX(43vw);
    }
}

.ourHistorySlider__item {
    position: relative;
    width: 220px !important;
    margin-right: 138px;
    color: #fff;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (min-width: 1000px) {
    .ourHistorySlider__item {
        width: 332px !important;
        margin-right: 138px;
    }
}

.ourHistorySlider__item:last-of-type { /* this is for the last slide js logic */
    opacity: 0;
}

.ourHistorySlider__item:focus-visible {
    outline: none;
}

.ourHistorySlider__year {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 3em;
    width: 220px;
    height: 82px;
    margin: 0 0 72px 0;
    border-radius: 100px;
    background: #1C315B;
    color: #3D5794;
    transform: scale(0.9);
    -moz-transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

@media screen and (min-width: 1000px) {
    .ourHistorySlider__year {
        font-size: 4.1em;
        width: 332px;
        height: 116px;
    }
}

.ourHistorySlider__item--active .ourHistorySlider__year {
    background: #E1784B;
    color: #fff;
    transform: scale(1);
}

.ourHistorySlider__text {
    position: absolute;
    width: calc(100% + 60px);
    font-size: 1.35em;
    font-weight: 300;
    line-height: 1.1875;
    margin: 0 auto 0 -30px;
    opacity: 0;
}

@media screen and (min-width: 720px) {
    .ourHistorySlider__text {
        width: calc(100% + 200px);
        margin: 0 auto 0 -100px;
    }
}

@media screen and (min-width: 1920px) {
    .ourHistorySlider__text {
        width: 494px;
        margin: 0 auto 0 -81px;
    }
}

.ourHistorySlider__item--active .ourHistorySlider__text {
    opacity: 1;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.ourTeam {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    width: 86%;
    max-width: 552px;
    margin: 72px auto 72px auto;
}

@media screen and (min-width: 720px) {
    .ourTeam {
        margin: 100px auto 86px auto;
    }
}

@media screen and (min-width: 1000px) {
    .ourTeam {
        flex-direction: row;
        align-items: flex-start;
        max-width: 100%;
        margin: 140px auto 120px auto;
    }
}

@media screen and (min-width: 1366px) {
    .ourTeam {
        align-items: center;
    }
}

@media screen and (min-width: 1600px) {
    .ourTeam {
        margin: 140px auto;
    }
}

@media screen and (min-width: 1700px) {
    .ourTeam {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .ourTeam {
        align-items: flex-start;
        width: 1520px;
        margin: 197px auto 126px auto;
    }
}

.ourTeam__content {
}

.ourTeam__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
    text-align: center;
}

@media screen and (min-width: 600px) {
    .ourTeam__heading {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1000px) {
    .ourTeam__heading {
        text-align: left;
    }
}

@media screen and (min-width: 1540px) {
    .ourTeam__heading {
        font-size: 4.25em;
    }
}

@media screen and (min-width: 1920px) {
    .ourTeam__heading {
        font-size: 4.25em;
        margin: 172px 0 38px 0;
    }
}

.ourTeam__text {
    line-height: 1.5;
}

.ourTeam__text p {
    font-weight: inherit;
}

.ourTeam__image {
    min-width: 300px;
    height: 300px;
    margin: 0 auto 32px auto;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
    .ourTeam__image {
        min-width: 320px;
        height: 320px;
    }
}

@media screen and (min-width: 720px) {
    .ourTeam__image {
        min-width: 420px;
        height: 420px;
    }
}

@media screen and (min-width: 1000px) {
    .ourTeam__image {
        min-width: 350px;
        height: 350px;
        margin: 0 0 0 64px;
    }
}

@media screen and (min-width: 1366px) {
    .ourTeam__image {
        min-width: 500px;
        height: 500px;
        margin: 0 0 0 100px;
    }
}

@media screen and (min-width: 1920px) {
    .ourTeam__image {
        min-width: 680px;
        height: 680px;
        margin: 0 0 0 139px;
    }
}

@media screen and (min-width: 1500px) {
    .pageContent--ourValuesOurMission {
        margin: 0 auto 76px auto;
    }
}

@media screen and (min-width: 1920px) {
    .pageContent--ourValuesOurMission {
        margin: 0 auto 100px auto;
    }
}

.ourValuesContainer--ourMission {
    margin: 0 auto 64px auto;
}

@media screen and (min-width: 720px) {
    .ourValuesContainer--ourMission {
        margin: 0 auto 100px auto;
    }
}

@media screen and (min-width: 1000px) {
    .ourValuesContainer--ourMission {
        margin: 0 auto 180px auto;
    }
}

@media screen and (min-width: 1920px) {
    .ourValuesContainer--ourMission {
        margin: 0 auto 438px auto;
    }
}

.ourMissionGreenStatement {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 86%;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 1000px) {
    .ourMissionGreenStatement {
        margin: 0 auto 126px auto;
    }
}

@media screen and (min-width: 1240px) {
    .ourMissionGreenStatement {
        flex-direction: row;
    }
}

@media screen and (min-width: 1540px) {
    .ourMissionGreenStatement {
        margin: 64px auto 126px auto;
    }
}

@media screen and (min-width: 1700px) {
    .ourMissionGreenStatement {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .ourMissionGreenStatement {
        width: 1763px;
        margin: 0 auto 126px auto;
    }
}

.ourMissionGreenStatement__images {
    position: relative;
    margin: 0 auto 32px auto;
}

@media screen and (min-width: 1240px) {
    .ourMissionGreenStatement__images {
        margin: 170px 128px 0 0;
    }
}

@media screen and (min-width: 1920px) {
    .ourMissionGreenStatement__images {
        margin: 0 216px 0 0;
    }
}

.ourMissionGreenStatement__image {
}

.ourMissionGreenStatement__image--first {
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
    .ourMissionGreenStatement__image--first {
        width: 320px;
        height: 320px;
    }
}

@media screen and (min-width: 720px) {
    .ourMissionGreenStatement__image--first {
        width: 420px;
        height: 420px;
    }
}

@media screen and (min-width: 1920px) {
    .ourMissionGreenStatement__image--first {
        width: 674px;
        height: 674px;
    }
}

.ourMissionGreenStatement__image--second {
    position: absolute;
    width: 118px;
    top: 0;
    right: 0;
}

@media screen and (min-width: 375px) {
    .ourMissionGreenStatement__image--second {
        width: 118px;
        top: 0;
        right: 0;
    }
}

@media screen and (min-width: 720px) {
    .ourMissionGreenStatement__image--second {
        width: 180px;
        top: -40px;
        right: -40px;
    }
}

@media screen and (min-width: 1000px) {
    .ourMissionGreenStatement__image--second {
        width: 180px;
        top: -40px;
        right: -40px;
    }
}

@media screen and (min-width: 1240px) {
    .ourMissionGreenStatement__image--second {
        top: -185px;
    }
}

@media screen and (min-width: 1920px) {
    .ourMissionGreenStatement__image--second {
        width: 251px;
        top: -185px;
        right: -142px;
    }
}

.ourMissionGreenStatement__content {
    max-width: 552px;
    margin: auto;
    box-sizing: border-box;
}

@media screen and (min-width: 1240px) {
    .ourMissionGreenStatement__content {
        max-width: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 1920px) {
    .ourMissionGreenStatement__content {
        padding: 0 128px 0 0;
    }
}

.ourMissionGreenStatement__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
    text-align: center;
}

@media screen and (min-width: 600px) {
    .ourMissionGreenStatement__heading {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1240px) {
    .ourMissionGreenStatement__heading {
        text-align: left;
    }
}

@media screen and (min-width: 1540px) {
    .ourMissionGreenStatement__heading {
        font-size: 4.25em;
        margin: -68px 0 56px 0;
    }
}

.ourMissionGreenStatement__text {
    display: block;
    line-height: 1.5;
    margin: 0 auto 48px auto;
}

@media screen and (min-width: 1920px) {
    .ourMissionGreenStatement__text {
        margin: 0 0 70px 0;
    }
}

.ourMissionGreenStatement__text p {
    font-weight: inherit;
}

.greenPoints {
    list-style: none;
    padding: 0;
    margin: auto;
}

.greenPoints__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 0 0 8px 0;
}

@media screen and (min-width: 720px) {
    .greenPoints__item {
        margin: 0 0 21px 0;
    }
}

@media screen and (min-width: 1920px) {
    .greenPoints__item {
        margin: 0 0 41px 0;
    }
}

.greenPoints__item:last-of-type {
    margin: 0;
}

.greenPoints__number {
    font-size: 123px;
    color: #3D5794;
}

.greenPoints__points {
    margin: 21px 0 0 16px;
}

@media screen and (min-width: 600px) {
    .greenPoints__points {
        margin: 21px 0 0 32px;
    }
}

@media screen and (min-width: 1920px) {
    .greenPoints__points {
        margin: 21px 0 0 49px;
    }
}

.greenPoints__title {
    font-size: 2em;
    margin: 6px 0 25px 0;
}

@media screen and (min-width: 1920px) {
    .greenPoints__title {
        margin: 0 0 25px 0;
    }
}

.greenPoints__bulletPoints {
    list-style: none;
    padding: 0;
    margin: 0;
}

.greenPoints__bulletPoint {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 3px 0 23px 0;
}

.greenPoints__bulletPoint:before {
    content: "";
    display: block;
    min-width: 23px;
    height: 17px;
    margin: 3px 17px 0 0;
    background-image: url('./assets/svgs/icon_checkmark_blue.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.greenStatementHeadingArrow {
    position: absolute;
    display: flex;
    align-items: center;
    height: auto;
    top: 318px;
    left: 0;
}

@media screen and (min-width: 720px) {
    .greenStatementHeadingArrow {
        top: 430px;
    }
}

@media screen and (min-width: 1240px) {
    .greenStatementHeadingArrow {
        top: 70px;
    }
}

@media screen and (min-width: 1400px) {
    .greenStatementHeadingArrow {
        top: 874px;
    }
}

.greenStatementHeadingArrow__top {
    position: absolute;
    width: 50px;
    height: 5px;
    top: -26px;
    right: 0px;
    background: #E1784C;
    transform: skewY(45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1540px) {
    .greenStatementHeadingArrow__top {
        width: 122px;
        height: 5px;
        top: -62px;
    }
}

.greenStatementHeadingArrow__center {
    position: relative;
    width: 0;
    height: 4px;
    margin: auto;
    background: #E1784C;
    -moz-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    -webkit-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    -o-transition: width 0.6s cubic-bezier(.71,.01,0,1);
    transition: width 0.6s cubic-bezier(.71,.01,0,1);
}

.greenStatementHeadingArrow__center.state-animated {
    width: 70px;
}

@media screen and (min-width: 600px) {
    .greenStatementHeadingArrow__center.state-animated {
        width: 130px;
    }
}

@media screen and (min-width: 720px) {
    .greenStatementHeadingArrow__center.state-animated {
        width: 20vw;
    }
}

@media screen and (min-width: 1540px) {
    .greenStatementHeadingArrow__center.state-animated {
        width: 35vw;
    }
}

@media screen and (min-width: 1920px) {
    .greenStatementHeadingArrow__center.state-animated {
        width: 41.8vw;
    }
}

.greenStatementHeadingArrow__bottom {
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: -26px;
    right: 0;
    background: #E1784C;
    transform: skewY(-45deg) !important;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

@media screen and (min-width: 1540px) {
    .greenStatementHeadingArrow__bottom {
        width: 122px;
        bottom: -62px;
        right: 0;
    }
}

.ourCommitment {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    width: 86%;
    max-width: 552px;
    margin: 72px auto 100px auto;
}

@media screen and (min-width: 1000px) {
    .ourCommitment {
        flex-direction: row;
        align-items: flex-start;
        max-width: 100%;
        margin: 0 auto 156px auto;
    }
}

@media screen and (min-width: 1366px) {
    .ourCommitment {
        align-items: center;
    }
}

@media screen and (min-width: 1700px) {
    .ourCommitment {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .ourCommitment {
        align-items: flex-start;
        width: 1520px;
        margin: 22px auto 155px auto;
    }
}

.ourCommitment__content {
}

.ourCommitment__heading {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.125;
    margin: 7px 0 32px 0;
    text-align: center;
}

@media screen and (min-width: 600px) {
    .ourCommitment__heading {
        font-size: 3.2em;
    }
}

@media screen and (min-width: 1000px) {
    .ourCommitment__heading {
        text-align: left;
    }
}

@media screen and (min-width: 1540px) {
    .ourCommitment__heading {
        font-size: 4.25em;
    }
}

@media screen and (min-width: 1920px) {
    .ourCommitment__heading {
        margin: 172px 0 38px 0;
    }
}

.ourCommitment__text {
    line-height: 1.5;
}

.ourCommitment__text p {
    font-weight: inherit;
}

.ourCommitment__image {
    min-width: 300px;
    height: 300px;
    margin: 0 auto 32px auto;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 375px) {
    .ourCommitment__image {
        min-width: 320px;
        height: 320px;
    }
}

@media screen and (min-width: 720px) {
    .ourCommitment__image {
        min-width: 420px;
        height: 420px;
    }
}

@media screen and (min-width: 1000px) {
    .ourCommitment__image {
        min-width: 350px;
        height: 350px;
        margin: 0 0 0 64px;
    }
}

@media screen and (min-width: 1366px) {
    .ourCommitment__image {
        min-width: 500px;
        height: 500px;
        margin: 0 0 0 100px;
    }
}

@media screen and (min-width: 1920px) {
    .ourCommitment__image {
        min-width: 680px;
        height: 680px;
        margin: 0 0 0 139px;
    }
}


/* Legal */

@media screen and (min-width: 1000px) {
    .heroContent--legalHero {
        margin-bottom: 360px;
        margin-bottom: 48px;
    }
}

/* @media screen and (min-width: 1400px) {
    .heroContent--legalHero {
        margin-bottom: 420px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContent--legalHero {
        margin-bottom: 560px;
    }
}

@media screen and (min-width: 1540px) {
    .heroContent--legalHero {
        margin-bottom: 340px;
    }
} */

@media screen and (min-width: 1600px) {
    .heroContent--legalHero {
        width: 1345px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContent--legalHero {
        width: 1520px;
    }
}

@media screen and (max-width: 999px) {
    .heroContentInner__breadcrumb--legalHero {
        display: none;
    }
}

@media screen and (min-width: 1240px) {
    .heroContentInner--legalHero {
        max-width: 468px;
    }
}

@media screen and (min-width: 1400px) {
    .heroContentInner--legalHero {
        max-width: 600px;
    }
}

@media screen and (min-width: 1500px) {
    .heroContentInner--legalHero {
        max-width: 550px;
    }
}

@media screen and (min-width: 1920px) {
    .heroContentInner--legalHero {
        max-width: 600px;
    }
}

@media screen and (max-width: 999px) {
    .heroContentInner--legalHero {
        margin-top: 32px;
    }
}

@media screen and (min-width: 1000px) {
    .heroContent__heading--legalHero {
        margin: 0 0 44px 6px;
    }
}

@media screen and (max-width: 999px) {
    .heroContent__heading--legalHero br {
        display: none;
    }
}

body.page-template-page--legal .heroContent__image {
    display: none;
}

.contentContainer--legal {
    width: 86%;
    max-width: 1520px;
    margin: 0 auto 100px auto;
}

@media screen and (min-width: 1000px) {
    .contentContainer--legal {
        margin: 0 auto 100px auto;
    }
}

@media screen and (min-width: 1500px) {
    .contentContainer--legal {
        max-width: 1345px;
        margin: 0 auto 140px auto;
    }
}

@media screen and (min-width: 1920px) {
    .contentContainer--legal {
        max-width: 1520px;
    }
}

.contentContainer--legal a {
    color: #E1784B;
}


/* Check Stock */

.contentContainer--checkStock {
    max-width: 1170px;
    margin: 200px auto 100px auto;
}


/*** PLUGIN STYLING ***/

/* Photoswipe Masonry Gallery by Web Design Gold Coast */

.pswp__top-bar,
.pswp__caption {
    background: transparent !important;
}

.pswp__bg {
    background: rgba(0,0,0,0.95) !important;
}

.psgal figure.msnry_item {
    display: none !important;
}

.psgal figure.msnry_item:first-of-type {
    display: block !important;
    width: 100%;
    height: 520px;
    padding: 0;
    opacity: 0;
}

.pswp__item {
    opacity: 0 !important;
}

.pswp__item.opaque {
    opacity: 1 !important;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

@media screen and (max-width: 600px) {
    .pswp__img {
        margin-top: 0;
    }
}

.pswp__zoom-wrap {
    z-index: 999;
}

.pswp__button {
    /* background-color: #fff !important; */
}

.pswp__share--download,
.pswp__button--share {
    display: none !important;
}

.pswp__caption__center {
    text-align: center;
    max-width: 92%;
    margin: 12px auto 10px auto;
    font-size: 15px;
    padding: 0;
    line-height: 20px;
    color: #fff;
}

.pswp__button--arrow--right:before {
    right: 120px;
    transform: scale(2);
    background-color: transparent !important;
}

.pswp__button--arrow--left:before {
    left: 120px;
    transform: scale(2);
    background-color: transparent !important;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 1 !important;
}


/* Contact Form 7 */

.wpcf7 {
    width: 100%;
    margin: auto !important;
}

.wpcf7 form {
    width: 100%;
    float: left;
}

.wpcf7 label {
    width: 100%;
    display: block;
}

.wpcf7 p {
    margin: 0;
}

.wpcf7 figure {
    width: 100%;
    margin-bottom: 24px;
    float: left;
}

@media screen and (min-width: 600px) {
    .wpcf7 figure.wpcf7_field_first_name,
    .wpcf7 figure.wpcf7_field_last_name {
        width: 48%;
    }
    .wpcf7 figure.wpcf7_field_first_name {
        margin: 0 4% 24px 0;
    }
}

.wpcf7 figure h4 {
    margin: 0 auto 18px auto;
    font-weight: 300;
}

.wpcf7 input[type='submit'] {
    min-width: 186px;
    background: #E1784B;
    border: 1.5px solid #E1784B;
    color: #fff;
    border-radius: 10px;
    padding: 12px 20px;
    box-sizing: border-box;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    opacity: 1 !important;
    float: left;
}

.wpcf7 input[type='submit']:hover {
    background: #3D5794;
    border: 1.5px solid #3D5794;
}

.wpcf7 input[type="file"] {
    /* color: #fff; */
}

.wpcf7 .ajax-loader {
    /* display: none !important; */ /* disables the ajax spinner for CF7 */
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.wpcf7 .wpcf7-response-output {
    width: 100%;
    margin: 0;
    padding: 12px !important;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

.wpcf7 .wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: #398f14;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    display: block;
    width: 100%;
    margin: 12px 0 16px 7px;
    float: left;
    box-sizing: border-box;
    text-align: left;
    text-decoration: underline;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-aborted {
    display: block !important;
    width: 100%;
    float: left;
    color: red;
    border-color: red;
    box-sizing: border-box;
    text-align: center;
}

.wpcf7 .wpcf7-form .wpcf7-mail-sent-ok {
    display: block !important;
    width: 100%;
    margin-bottom: 32px;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.wpcf7 ::-webkit-input-placeholder { /* WebKit browsers */
    color: #000;
}

.wpcf7 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000;
}

.wpcf7 ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
}

.wpcf7 :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000;
}


/* Contact Form 7 Captcha */

.cf7sr-g-recaptcha {
    margin-bottom: 24px;
    clear: both;
}

@media screen and (min-width: 600px) {
    .cf7sr-g-recaptcha {
        float: left;
    }
}


/* Lightslider.js */

.lSSlideOuter {
    margin: auto;
    /* width: 80%; */
    /* padding: 8vw 0 8vw 0; */
}

.lslide {

}

.lSSlideOuter .lSPager.lSpg {
    display: block;
    position: relative;
    z-index: 1;
}

.lSAction {
    /* display: none !important; */
}

.lSAction > .lSPrev {
    display: block;
    width: 16px;
    height: 32px;
    /* margin-top: -40px; */
    background-image: url('./assets/svgs/arrow_left.svg');
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1;
}

.lSAction > .lSNext {
    display: block;
    width: 16px;
    height: 32px;
    /* margin-top: -40px; */
    background-image: url('./assets/svgs/arrow_right.svg');
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1;
}

.lSSlideOuter .lSPager.lSpg > li {
    padding: 0 10px;
}

.lSSlideOuter .lSPager.lSpg > li a {
    width: 12px;
    height: 12px;
    background-color: #000;
}


.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #ccc;
}


/* Simple Responsive Lightbox by WPGrand */

.lg-outer .lg-thumb-outer {
    display: none;
    background: rgba(13, 10, 10, 0.7);
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
    height: 93%;
    top: 4%;
}

.lg-progress-bar .lg-progress {
    background-color: #fff !important;
}

#lg-download {
    display: none !important;
}