/*** BODY ***/
body {
    position: relative;  
}
main {
    overflow-x: hidden;
}
/*** HEADINGS ***/
h2 {
    font-size: 37px;  
    margin-bottom: 0.67em;
}

/*** NAVBAR CIRCLES ***/
/* #navbar-circles {
    position: fixed;
    right: 1vw;
    top: 33vh;
    z-index: 500;
    display: none;
}
#navbar-circles > a {
    display: block;
    color: #333;
    font-size: 20px;
    position: relative;
    top: -20px;
    left: -11px;
}
#navbar-circles > a,
#navbar-circles > a:link,
#navbar-circles > a:active,
#navbar-circles > a:focus {
    text-decoration: none;  
}
#navbar-circles li {
    display: block;  
    float: none;
    margin-bottom: 20px;
}
#navbar-circles li a {
    width: 15px;
    height: 15px;
    border-radius: 8px;
    padding: 0;
    border: 2px solid #333;
    background: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#navbar-circles li.active > a,
#navbar-circles li.active > a:focus,
#navbar-circles li.active > a:hover {
    background: #333;
} */
/*  >> Nav Circles - Light Theme */
/* #navbar-circles.light-theme > a {
    color: #fff;  
}
#navbar-circles.light-theme li a {
    border: 2px solid #fff;
}
#navbar-circles.light-theme li.active > a,
#navbar-circles.light-theme li.active > a:focus,
#navbar-circles.light-theme li.active > a:hover {
    background: #fff;
} */
/* >> Nav Circles - Media Queries */
/* @media only screen and (max-width: 991px) {
    h2 {
        font-size: 30px;  
    }
    #navbar-circles {
        display: none !important;  
    }
} */
/* >> Nav Circles - iMac 4K */
/* @media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #navbar-circles {
        top: 37vh;
    }
} */

/*** NAVBAR CIRCLES ***/
#navbar-circles {
    position: fixed;
    right: 50px;
    top: 35vh;
    z-index: 500;
    display: none;
}
#navbar-circles > a {
    display: block;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: -20px;
    left: -11px;
}
#navbar-circles > a,
#navbar-circles > a:link,
#navbar-circles > a:active,
#navbar-circles > a:focus {
    text-decoration: none;  
}
#navbar-circles ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#navbar-circles li {
    display: block;  
    float: none;
    margin-bottom: 20px;
}
#navbar-circles li a {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    padding: 0;
    border: 2px solid #fff;
    background: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    display: block !important;
}
#navbar-circles a::before {
    color: #fff;
    position: absolute;
    left: -210px;
    top: -8px;
    text-align: right;
    float: right;
    display: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
    width: 200px;
}
#navbar-circles li > a.active,
#navbar-circles li > a.active:focus,
#navbar-circles li > a.active:hover {
    background: #fff;
}
#navbar-circles li > a.active::before,
#navbar-circles li > a.active:focus::before,
#navbar-circles li > a.active:hover::before,
#navbar-circles li:hover > a::before {
    display: inline-block;
}
/*  >> Nav Circles - Dark Theme */
#navbar-circles.dark-theme > a {
    color: #000;  
}
#navbar-circles.dark-theme li a {
    border: 2px solid #000;
}
#navbar-circles.dark-theme a::before {
    color: #000;
}
#navbar-circles.dark-theme li > a.active,
#navbar-circles.dark-theme li > a.active:focus,
#navbar-circles.dark-theme li > a.active:hover {
    background: #000;
}
/* >> Nav Circles - Media Queries */
/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
    #navbar-circles {
        display: none !important;  
    }
}

@media only screen and (max-width: 991px) {
    /*h2 {
        font-size: 30px;  
    }*/
    #navbar-circles {
        display: none !important;  
    }
}

/*** KEYFRAMES ***/
@keyframes pulse {
    0% {
      opacity: 0.4;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0.4;
    }
}
@-moz-keyframes pulse {
    0% {
      opacity: 0.4;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0.4;
    }
}
@-webkit-keyframes pulse {
    0% {
      opacity: 0.4;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0.4;
    }
}
@-o-keyframes pulse {
    0% {
      opacity: 0.4;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0.4;
    }
}
@-ms-keyframes pulse {
    0% {
      opacity: 0.4;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0.4;
    }
}

/*** INTRODUCTION VIDEO ***/
#introduction-video-wrapper {
    background: #000; 
    position: relative;
    z-index: 2;
    padding: 0;
}
#introduction-video-wrapper .video-container {
    position: relative;
    height: 100vh;
}
/* >> Introduction Video - Video */
#introduction-video-wrapper .video-container video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
}
/* >> Introduction Video - Text Overlay */
#introduction-video-wrapper .text-overlay {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%);
    text-align: center;
    z-index: 10;
}
#introduction-video-wrapper .text-overlay > h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 300 !important;
    letter-spacing: 2px;
    text-transform: none;
    /* max-width: 1100px; */
}
#introduction-video-wrapper.uk .text-overlay > h2 {
    max-width: revert;
}
#introduction-video-wrapper .text-overlay > p {
    font-size: 18px;
    max-width: 960px;
    margin: 0 auto;
}
#introduction-video-wrapper.de #alternateTitle {
    display: none;
}
#introduction-video-wrapper.de #normalTitle {
    display: block;
}
#introduction-video-wrapper .text-overlay > p sup {
    top: -0.3em;
}
#introduction-video-wrapper .text-overlay > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 100px;
}
#introduction-video-wrapper .text-overlay > ul li {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #fff;
    white-space: nowrap;
}
#introduction-video-wrapper.zh .text-overlay > ul li {
    padding-left: 30px;
    padding-right: 15px;
    border-left: 1px solid #fff;
}
#introduction-video-wrapper .text-overlay > ul li:first-of-type {
    border-left: none;
}
#introduction-video-wrapper .text-overlay > ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500 !important;
}
/* >> Introduction Video - Media Queries */
@media only screen and (max-width: 1400px) {
    #introduction-video-wrapper.de #slide-anchors, #introduction-video-wrapper.es #slide-anchors, #introduction-video-wrapper.fr #slide-anchors, #introduction-video-wrapper.gb #slide-anchors {
        display: none;
    }
    #introduction-video-wrapper.de .text-overlay, #introduction-video-wrapper.es .text-overlay {
        width: 80vw;
    }
}
@media only screen and (max-width: 1199px) {
    #introduction-video-wrapper .text-overlay > h2 {
        font-size: 40px;
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
    }
    #introduction-video-wrapper .text-overlay > ul li {
        padding-left: 10px;
        padding-right: 10px;
    }
    #introduction-video-wrapper .text-overlay {
        position: absolute;
        top: revert;
        left: var(--introTextX);
        transform: revert;
        top: var(--introTextY);
    }
    #introduction-video-wrapper > div {
        /* min-height: 500px; */
        /*var(--introHeight);*/
    }
    #introduction-video-wrapper {
        min-height: var(--introHeight);
    }
    #introduction-video-wrapper .video-container video {
        min-height: var(--introHeight);
    }
}
/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
    #slide-anchors {
     
    }
    #introduction-video-wrapper.fr .text-overlay {
        width: 80vw;
    }
}
@media only screen and (max-width: 991px) {
    #introduction-video-wrapper .text-overlay #slide-anchors {
        display: none;
    }
    #introduction-video-wrapper div.video-container .text-overlay {
        width: 800px;
    }
}
@media only screen and (max-width: 850px) {
    #introduction-video-wrapper div.video-container .text-overlay {
        width: 700px;
    } 
}
@media only screen and (max-width: 767px) {
    #introduction-video-wrapper div.video-container .text-overlay {
        width: 80%;
        max-width: 700px;
        /* padding: 0 20px; */
    }
}
@media only screen and (max-width: 500px) {
    /* #introduction-video-wrapper .text-overlay {
        -webkit-transform: translate(-50%, -60%);
        -ms-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
    } */
    #introduction-video-wrapper .text-overlay > h2 {
        font-size: 30px;
    }
    #introduction-video-wrapper .text-overlay > p {
        font-size: 16px;
    }
    #introduction-video-wrapper div.video-container .text-overlay {
        width: fit-content;
    }
}
/* >> Introduction Video - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #introduction-video-wrapper .text-overlay > h2,
    #introduction-video-wrapper .text-overlay > p {
        max-width: 1300px;
    }
    #introduction-video-wrapper .text-overlay > h2 {
        font-size: 80px;
    }
    #introduction-video-wrapper .text-overlay > p {
        font-size: 30px;
    }
    #introduction-video-wrapper .text-overlay > ul li {
        padding-left: 20px;
        padding-right: 20px;
    }
    #introduction-video-wrapper .text-overlay > ul li a {
        font-size: 22px;
    }
}
/*iphone 13 pro max*/
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #introduction-video-wrapper.de .text-overlay > h2 {
        font-size: 24px;
    }
    #introduction-video-wrapper div.video-container .text-overlay {
        width: 90vw;
    }
}
/* >> iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #introduction-video-wrapper .text-overlay > p {
        font-size: 17px;
    }
    #introduction-video-wrapper div.video-container .text-overlay {
        width: 90vw;
    }
}
/*iphone 13*/
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #introduction-video-wrapper div.video-container .text-overlay {
        width: 90vw;
    }
}
/*iphone 6, 6s, 7, 8*/
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #introduction-video-wrapper.de .text-overlay {
        width: 90vw;
    }
    #introduction-video-wrapper .text-overlay > h2 {
        font-size: 24px;
    }
    #introduction-video-wrapper div.video-container .text-overlay {
        width: 90vw;
    }
}
/* >> Introduction Video - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #introduction-video-wrapper .text-overlay > h2 {
        font-size: 24px;
    }
    #introduction-video-wrapper .text-overlay > p {
        font-size: 15px;
    }
    #introduction-video-wrapper.de #alternateTitle {
        display: block;
    }
    #introduction-video-wrapper.de #normalTitle {
        display: none;
    }
    #introduction-video-wrapper div.video-container .text-overlay {
        width: 90vw;
    }
}

/*** ERGONOMICS ***/
#ergonomics-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> Ergonomics - Columns */
#ergonomics-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#ergonomics-wrapper .row > div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 150px;
    padding-right: 150px;
}
#ergonomics-wrapper.fr .row > div:last-of-type {
    padding-right: 125px;
}
/* >> Ergonomics - Image */
#ergonomics-wrapper .row > div:first-of-type {
    background-image: url('/-/media/1c74361ec25d4cd4b3755e3e09b7b60e.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#ergonomics-wrapper.ap .row > div:first-of-type {
    background-image: url('/-/media/3917770771c7404dbb4ce8be1363fac1.ashx');
}
#ergonomics-wrapper.zh .row > div:first-of-type {
    background-image: url('/-/media/3917770771c7404dbb4ce8be1363fac1.ashx');
}
#ergonomics-wrapper.au .row > div:first-of-type {
    background-image: url('/-/media/28daf35fa0614540903c09412c15a167.ashx');
}
#ergonomics-wrapper.gb .row > div:first-of-type {
    background-image: url('/-/media/0c0f7627b9784809a27a121a03069335.ashx?sc_lang=en-gb');
}
/* >> Ergonomics - Content */
#ergonomics-wrapper .content h2,
#ergonomics-wrapper .content p {
    text-align: left;
}
#ergonomics-wrapper .content h2 {
    font-weight: 400 !important;
    letter-spacing: 2px;
    color: #000;
    font-size: 40px;
    text-transform: none;
}
#ergonomics-wrapper .content p {
    font-size: 18px;
    color: #303030;
}
#ergonomics-wrapper .content p sup {
    top: -0.3em;
}
/* >> Ergonomics - Media Queries */
@media only screen and (max-width: 1700px) {
    #ergonomics-wrapper .row > div:last-of-type {
        padding-left: 75px;
        padding-right: 75px !important;
    }
}
@media only screen and (max-width: 1400px) {
    #ergonomics-wrapper .content h2 {
        font-size: 35px;
    }
    #ergonomics-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #ergonomics-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1199px) {
    #ergonomics-wrapper .row > div {
        height: auto;
    }
    #ergonomics-wrapper .row > div:first-of-type {
        height: 60vh;
        min-height: 300px;
    }
    #ergonomics-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px !important;
    }
    #ergonomics-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #ergonomics-wrapper .content h2,
    #ergonomics-wrapper .content p {
        text-align: center;
    }
}
@media only screen and (max-width: 991px) {
    #ergonomics-wrapper .content {
        max-width: 800px;
    }
}
@media only screen and (max-width: 500px) {
    #ergonomics-wrapper .content h2 {
        font-size: 24px;
    }
    #ergonomics-wrapper .content p {
        font-size: 15px;
    }
}
/* >> Ergonomics - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #ergonomics-wrapper .content h2 {
        font-size: 46px;
    }
    #ergonomics-wrapper .content p {
        font-size: 25px;
    }
}
/* >> Ergonomics - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #ergonomics-wrapper .content h2 {
        font-size: 24px;
    }
    #ergonomics-wrapper .content p {
        font-size: 14px;
    }
}

/*** ACOUSTICS ***/
#acoustics-wrapper {
    height: 100vh;
    background-image: url('/-/media/545bd38d527f4eb2970017f39d665abd.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
}
#acoustics-wrapper.ap {
    background-image: url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
}
#acoustics-wrapper.zh {
    background-image: url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
}
#acoustics-wrapper.au {
    background-image: url('/-/media/731983b7cd7b4823a0065e43a61fbb54.ashx');
}
#acoustics-wrapper.gb {
    background-image: url('/-/media/33d306f31c89455b8d22a0b1d7b2bee4.ashx?sc_lang=en-gb');
}
#acoustics-wrapper .row {
    min-height: 100vh;
    /* -- START IE 11 HACK */
    height: 1px;
    /* -- END IE 11 HACK */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#acoustics-wrapper [class^="col"] {
    position: relative;
    top: -100px;
}
#acoustics-wrapper.ap [class^="col"] {
    position: absolute;
    top: 6vh;
}
#acoustics-wrapper.zh [class^="col"] {
    position: absolute;
    top: 6vh;
}
/* >> Acoustics - Content */
#acoustics-wrapper .content {
    width: 900px;
    margin-left: 50px;
}
#acoustics-wrapper h2,
#acoustics-wrapper p {
    width: 100%;
    max-width: 780px;
    color: #fff;
    text-align: left;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}
#acoustics-wrapper h2 {
    font-size: 40px;  
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-weight: 400 !important;
    text-transform: none;
}
#acoustics-wrapper p {
    font-size: 18px;
}
#acoustics-wrapper a.mlkn-button {
    width: 300px;
    max-width: 75%;
    background: transparent;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    display: block;
    margin-left: 30px;
    margin-top: 40px;
    font-weight: 600 !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#acoustics-wrapper a.mlkn-button:hover {
    background: #222;
    border: 1px solid #222;
}
/* >> Acoustics - Media Queries */
@media only screen and (max-width: 1400px) {
    #acoustics-wrapper h2 {
        font-size: 35px;
    }
    #acoustics-wrapper p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1199px) {
    #acoustics-wrapper {
        min-height: var(--acouHeight);
    }
}
@media only screen and (max-width: 991px) {
    #acoustics-wrapper .content {
        width: auto;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    #acoustics-wrapper h2,
    #acoustics-wrapper p {
        text-align: center;
    }
    #acoustics-wrapper a.mlkn-button {
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (max-width: 767px) {
    #acoustics-wrapper {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/545bd38d527f4eb2970017f39d665abd.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/545bd38d527f4eb2970017f39d665abd.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/545bd38d527f4eb2970017f39d665abd.ashx');
    }
    #acoustics-wrapper.ap {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
    }
    #acoustics-wrapper.zh {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
    }
    #acoustics-wrapper.au {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/731983b7cd7b4823a0065e43a61fbb54.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/731983b7cd7b4823a0065e43a61fbb54.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/731983b7cd7b4823a0065e43a61fbb54.ashx');
    }
    #acoustics-wrapper.uk {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/b0f4171ae92a496aa829861d39d58f64.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/b0f4171ae92a496aa829861d39d58f64.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/b0f4171ae92a496aa829861d39d58f64.ashx');
    }
    
    #acoustics-wrapper .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #acoustics-wrapper [class^="col"], #acoustics-wrapper.ap [class^="col"], #acoustics-wrapper.zh [class^="col"] {
        /* top: auto; */
    }
    #acoustics-wrapper.fr [class^="col"] {
        top: auto;
    }
}
@media only screen and (max-width: 500px) { 
    #acoustics-wrapper h2 {
        font-size: 24px;
    }
    #acoustics-wrapper p {
        font-size: 15px;
    }
    #acoustics-wrapper .row {
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
    }
}
/* >> Acoustics - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #acoustics-wrapper h2,
    #acoustics-wrapper p {
        width: 100%;
        max-width: 1140px;
    }
    #acoustics-wrapper h2 {
        font-size: 50px;  
    }
    #acoustics-wrapper p {
        font-size: 25px;
    }
    #acoustics-wrapper a.mlkn-button {
        font-size: 20px;
    }
}
/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
}

/* IPAD 9th gen */
@media only screen and (width: 810px) and (-webkit-device-pixel-ratio: 2) {
}

/* iPhone 13 PRO MAX */
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #acoustics-wrapper.zh, #acoustics-wrapper.ap {
        background-position-x: 40%;
    }
}

/* iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 

}
/* iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/* iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
    #acoustics-wrapper.zh, #acoustics-wrapper.ap {
        background-position-x: 40%;
    }
}
/* >> Acoustics - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #acoustics-wrapper h2 {
        font-size: 24px;
        margin-top: 80px;
    }
    #acoustics-wrapper.zh, #acoustics-wrapper.ap {
        background-position-x: 40%;
    }
    #acoustics-wrapper.de .content {
        margin-top: 30vh;
    }
    #acoustics-wrapper [class^="col"].es {
        top: auto;
    }
}

/*** WELLNESS ***/
#wellness-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> Wellness - Columns */
#wellness-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#wellness-wrapper.es .row > div {
    height: revert;
}
#wellness-wrapper .row > div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 75px;
    padding-right: 150px;
    min-height: fit-content;
}
/* >> Wellness - Image */
#wellness-wrapper .row > div:first-of-type {
    background-image: url('/-/media/bcbfc6deaa1a425dbef4f6ab06186ee0.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#wellness-wrapper.ap .row > div:first-of-type {
    background-image: url('/-/media/69eb7cf1956f47289205f322250422f2.ashx');
}
#wellness-wrapper.zh .row > div:first-of-type {
    background-image: url('/-/media/69eb7cf1956f47289205f322250422f2.ashx');
}
#wellness-wrapper.au .row > div:first-of-type {
    background-image: url('/-/media/0271180ca12940cdb0c364e91f3d753f.ashx');
}
#wellness-wrapper.uk .row > div:first-of-type {
    background-image: url('/-/media/075cb57a9752467c97ed900ad36425a9.ashx');
}

/* >> Wellness - Content */
#wellness-wrapper .content h2,
#wellness-wrapper .content p {
    text-align: left;
}
#wellness-wrapper .content h2 {
    font-weight: 400 !important;
    letter-spacing: 2px;
    color: #000;
    font-size: 40px;
    text-transform: none;
}
#wellness-wrapper.zh .content h2 {
    word-break: keep-all;
}
#wellness-wrapper .content p {
    font-size: 18px;
    color: #303030;
}
#wellness-wrapper .content p a {
    color: #303030;
}
#wellness-wrapper .content p sup {
    top: -0.2em;
}
#wellness-wrapper .col-xl-5 .content {
    padding-right: 10px;
}
/* >> Wellness - Media Queries */
@media only screen and (max-width: 1550px) {
    #wellness-wrapper .row > div:last-of-type {
        padding-left: 50px;
        padding-right: 100px;
    }
}
@media only screen and (max-width: 1400px) {
    #wellness-wrapper .content h2 {
        font-size: 35px;
    }
    #wellness-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #wellness-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1199px) {
    #wellness-wrapper .row > div {
        height: auto;
    }
    #wellness-wrapper .row > div:first-of-type {
        height: 60vh;
        min-height: 300px;
    }
    #wellness-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #wellness-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #wellness-wrapper .content h2,
    #wellness-wrapper .content p {
        text-align: center;
    }
}
@media only screen and (max-width: 991px) {
    #wellness-wrapper .content {
        max-width: 800px;
    }
}
@media only screen and (max-width: 500px) {
    #wellness-wrapper .content h2 {
        font-size: 24px;
    }
    #wellness-wrapper .content p {
        font-size: 15px;
    }
}
/* >> Wellness - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #wellness-wrapper .content h2 {
        font-size: 44px;
    }
    #wellness-wrapper .content p {
        font-size: 25px;
    }
}
/*iphone 13 pro max*/
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/* >> Wellness - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #wellness-wrapper .content h2 {
        font-size: 24px;
    }
    #wellness-wrapper .content p {
        font-size: 16px;
    }
}
/*iphone 13*/
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/*iphone 6, 6s, 7, 8*/
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

}
/*iphone 5, 5c, 5s, se*/
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

}





/*** SUSTAINABILITY ***/
#sustainability-wrapper {
    height: 100vh;
    background-image: url('/-/media/0C8FFE6668C44E48BD3BC63A37CCF5C2.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
}
#sustainability-wrapper.ap {
    background-image: url('/-/media/b0b6d8420c974b09a753faaa0cc8396a.ashx');
}
#sustainability-wrapper.zh {
    background-image: url('/-/media/b0b6d8420c974b09a753faaa0cc8396a.ashx');
}
#sustainability-wrapper.au {
    background-image: url('/-/media/8ff82a5256e64e4191cc202e85aa1464.ashx');
}
#sustainability-wrapper.uk {
    background-image: url('/-/media/a88cbaf1dffe4d32a63c1a881d2007c9.ashx');
}
#sustainability-wrapper .row {
    min-height: 100vh;
    /* -- START IE 11 HACK */
    height: 1px;
    /* -- END IE 11 HACK */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#sustainability-wrapper [class^="col"] {
    position: relative;
    top: var(--sustContentVertOffset);
    margin-bottom: 10vh;
}
/* >> Sustainability - Content */
#sustainability-wrapper .content {
    width: 450px;
    margin-left: 50px;
}
#sustainability-wrapper.de .content {
    width: 500px;
}
#sustainability-wrapper h2,
#sustainability-wrapper h3,
#sustainability-wrapper p {
    width: 100%;
    max-width: 780px;
    color: #fff;
    text-align: left;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}
#sustainability-wrapper h3 {
    color: white;
}
#sustainability-wrapper h2 {
    font-size: 40px;  
    /* margin-top: 20px; */
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-weight: 400 !important;
    text-transform: none;
}
#sustainability-wrapper p {
    font-size: 18px;
}
#sustainability-wrapper a.mlkn-button {
    width: 300px;
    background: transparent;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    display: block;
    margin-left: 30px;
    margin-top: 40px;
    font-weight: 600 !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#sustainability-wrapper a.mlkn-button:hover {
    background: #222;
    border: 1px solid #222;
}
/* >> Sustainability - Stacked Content */
#sustainability-stacked-content-wrapper {
    display: none;
}
#sustainability-stacked-content-wrapper .row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40vh;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
#sustainability-stacked-content-wrapper .content {
    max-width: 800px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
#sustainability-stacked-content-wrapper .content h2,
#sustainability-stacked-content-wrapper .content h3,
#sustainability-stacked-content-wrapper .content p {
    text-align: center;
}
#sustainability-stacked-content-wrapper .content h2 {
    font-size: 35px;
    text-transform: none;
    letter-spacing: 2px;
    font-weight: 400 !important;
}
#sustainability-stacked-content-wrapper .content p {
    font-size: 16px;
}
#sustainability-stacked-content-wrapper a.mlkn-button {
    width: 300px;
    max-width: 80%;
    background: #222;
    border: 1px solid #222;
    text-align: center;
    color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    font-weight: 600 !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
/* >> Sustainability - Media Queries */
@media only screen and (max-width: 1400px) {
    #sustainability-wrapper h2 {
        font-size: 35px
    }
    #sustainability-wrapper p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #sustainability-wrapper .content h2, #sustainability-stacked-content-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1199px) {
    #sustainability-wrapper {
        height: 60vh;
        min-height: 300px;
        background-position-y: var(--sustWrapperImgY);
        background-position-x: var(--sustWrapperImgX);
    }
    #sustainability-wrapper .content {
        display: none;
    }
    #sustainability-stacked-content-wrapper {
        display: block;
    }
}

/* >> Sustainability - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {

}
/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
    #sustainability-wrapper.zh {
        background-position-x: -30vw;
    }
}
@media only screen and (max-width: 991px) {
    #sustainability-stacked-content-wrapper .content {
        max-width: 800px;
    }
}

/* IPAD 9th gen */
@media only screen and (width: 810px) and (-webkit-device-pixel-ratio: 2) {
    #sustainability-wrapper.zh {
        background-position-x: -25vw;
    }
}
@media only screen and (max-width: 767px) {
    /* #sustainability-wrapper, #sustainability-wrapper.au, #sustainability-wrapper.zh, #sustainability-wrapper.ap {
        background-position-x: -25vw;
    } */
}
@media only screen and (max-width: 600px) {
    /* #sustainability-wrapper, #sustainability-wrapper.au, #sustainability-wrapper.zh, #sustainability-wrapper.ap {
        background-position-x: -40vw;
    } */
}
@media only screen and (max-width: 500px) {
    #sustainability-wrapper .content h2, #sustainability-stacked-content-wrapper .content h2 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 499px) {
    #sustainability-stacked-content-wrapper .content {
        margin: 0;
    }
}
/* iPhone 13 PRO MAX */
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #sustainability-wrapper, #sustainability-wrapper.au, #sustainability-wrapper.zh, #sustainability-wrapper.ap {
        background-position-x: -75vw;
    }
}

/* iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 

}
/* iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/* iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
    #sustainability-wrapper, #sustainability-wrapper.au, #sustainability-wrapper.zh, #sustainability-wrapper.ap {
        background-position-x: -60vw;
    }
}
/* iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #sustainability-wrapper .content h2, #sustainability-stacked-content-wrapper .content h2 {
        font-size: 24px;
    }
    #sustainability-stacked-content-wrapper .content {
        padding-left: 0;
        padding-right: 0;
    }
}


/*** MOISTURE ***/
#moisture-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> Moisture - Columns */
#moisture-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#moisture-wrapper .row > div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 75px;
    padding-right: 150px;
}
/* >> Moisture - Image */
#moisture-wrapper .row > div:first-of-type {
    background-image: url('/-/media/6afd3f56a815432da53c949c22752316.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#moisture-wrapper.ap .row > div:first-of-type {
    background-image: url('/-/media/6afd3f56a815432da53c949c22752316.ashx');
}
#moisture-wrapper.zh .row > div:first-of-type {
    background-image: url('/-/media/6afd3f56a815432da53c949c22752316.ashx');
}
#moisture-wrapper.au .row > div:first-of-type {
    background-image: url('/-/media/deb0c91145db4c46bf779d3214f0b32e.ashx');
}
/* >> Moisture - Content */
#moisture-wrapper .content h2,
#moisture-wrapper .content p {
    text-align: left;
}
#moisture-wrapper .content h2 {
    font-weight: 400 !important;
    letter-spacing: 2px;
    color: #000;
    font-size: 40px;
    text-transform: none;
}
#moisture-wrapper .content p {
    font-size: 18px;
    color: #303030;
}
#moisture-wrapper .content p sup {
    top: -0.2em;
}
/* >> Moisture - Media Queries */
@media only screen and (max-width: 1750px) {
    #moisture-wrapper .content h2 {
        font-size: 37px;
    }
}
@media only screen and (max-width: 1675px) {
    #moisture-wrapper .content h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1550px) {
    #moisture-wrapper .row > div:last-of-type {
        padding-left: 50px;
        padding-right: 100px;
    }
    #moisture-wrapper .content h2 {
        font-size: 35px;
    }
}
@media only screen and (max-width: 1400px) {
    #moisture-wrapper .content h2 {
        font-size: 32px;
    }
    #moisture-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #moisture-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1299px) {
    #moisture-wrapper .content h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 1199px) {
    #moisture-wrapper .row > div {
        height: auto;
    }
    #moisture-wrapper .row > div:first-of-type {
        height: 60vh;
        min-height: 300px;
    }
    #moisture-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #moisture-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #moisture-wrapper .content h2,
    #moisture-wrapper .content p {
        text-align: center;
    }
    #moisture-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    #moisture-wrapper .content {
        max-width: 800px;
    }
}
@media only screen and (max-width: 767px) {

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

}
@media only screen and (max-width: 500px) {
    #moisture-wrapper .content h2 {
        font-size: 25px;
    }
    #moisture-wrapper .content p {
        font-size: 15px;
    }
}
/* >> Moisture - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #moisture-wrapper .content h2 {
        font-size: 53px;
    }
    #moisture-wrapper .content p {
        font-size: 25px;
    }
}
/* >> Moisture - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #moisture-wrapper .content h2 {
        font-size: 28px;
    }
}
/* >> Moisture - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #moisture-wrapper .content p {
        font-size: 13px;
    }
    #moisture-wrapper .content h2 {
        font-size: 25px;
    }
}

/*** TRACTIONBACK 2.0 ***/
#tractionback-wrapper {
    height: 100vh;
    background-image: url('/-/media/545bd38d527f4eb2970017f39d665abd.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
}
#tractionback-wrapper.ap {
    background-image: url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
}
#tractionback-wrapper.zh {
    background-image: url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
}
#tractionback-wrapper.au {
    background-image: url('/-/media/731983b7cd7b4823a0065e43a61fbb54.ashx');
}
#tractionback-wrapper.uk {
    background-image: url('/-/media/5376b021f8324403b277b6df5d49c85b.ashx');
}
#tractionback-wrapper .row {
    min-height: 100vh;
    /* -- START IE 11 HACK */
    height: 1px;
    /* -- END IE 11 HACK */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#tractionback-wrapper [class^="col"] {
    position: relative;
    /* top: -100px; */
    top: revert;
    bottom: 10vh;
}
#tractionback-wrapper.ap [class^="col"] {
    position: absolute;
    top: 6vh;
}
#tractionback-wrapper.zh [class^="col"] {
    position: absolute;
    top: 6vh;
}
/* >> Tractionback - Content */
#tractionback-wrapper .content {
    width: 900px;
    margin-left: 50px;
}
#tractionback-wrapper.uk .content {
    width: revert;
    margin-left: auto;
}
#tractionback-wrapper h2,
#tractionback-wrapper p {
    width: 100%;
    max-width: 780px;
    color: #fff;
    text-align: left;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}
#tractionback-wrapper h2 {
    font-size: 40px;  
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-weight: 400 !important;
    text-transform: none;
}
#tractionback-wrapper.uk h2,
#tractionback-wrapper.uk p,
#tractionback-wrapper.uk h3 {
    padding: 0;
    margin: 0;
    color: white;
    max-width: revert;
}
#tractionback-wrapper.uk h2 {
    margin-bottom: 2vh;
}
#tractionback-wrapper p {
    font-size: 18px;
}
#tractionback-wrapper a.mlkn-button {
    width: 300px;
    max-width: 75%;
    background: transparent;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    display: block;
    margin-left: 30px;
    margin-top: 40px;
    font-weight: 600 !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#tractionback-wrapper a.mlkn-button:hover {
    background: #222;
    border: 1px solid #222;
}
/* >> Tractionback - Media Queries */
@media only screen and (max-width: 1400px) {
    #tractionback-wrapper h2 {
        font-size: 35px;
    }
    #tractionback-wrapper p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1199px) {
    #tractionback-wrapper {
        min-height: var(--acouHeight);
    }
}
@media only screen and (max-width: 991px) {
    #tractionback-wrapper .content {
        width: auto;
        max-width: 800px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #tractionback-wrapper h2,
    #tractionback-wrapper h3,
    #tractionback-wrapper p {
        text-align: center;
    }
    #tractionback-wrapper a.mlkn-button {
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (max-width: 767px) {
    #tractionback-wrapper {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/545bd38d527f4eb2970017f39d665abd.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/545bd38d527f4eb2970017f39d665abd.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/545bd38d527f4eb2970017f39d665abd.ashx');
    }
    #tractionback-wrapper.ap {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
    }
    #tractionback-wrapper.zh {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5219857933084c1da3f2458dc4eff214.ashx');
    }
    #tractionback-wrapper.au {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/731983b7cd7b4823a0065e43a61fbb54.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/731983b7cd7b4823a0065e43a61fbb54.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/731983b7cd7b4823a0065e43a61fbb54.ashx');
    }
    #tractionback-wrapper.uk {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/5376b021f8324403b277b6df5d49c85b.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5376b021f8324403b277b6df5d49c85b.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/5376b021f8324403b277b6df5d49c85b.ashx');
    }
    
    #tractionback-wrapper .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #tractionback-wrapper [class^="col"], #tractionback-wrapper.ap [class^="col"], #tractionback-wrapper.zh [class^="col"] {
        /* top: auto; */
    }
}
@media only screen and (max-width: 500px) { 
    #tractionback-wrapper h2 {
        font-size: 24px;
    }
    #tractionback-wrapper p {
        font-size: 15px;
    }
}
/* >> Tractionback - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #tractionback-wrapper h2,
    #tractionback-wrapper p {
        width: 100%;
        max-width: 1140px;
    }
    #tractionback-wrapper h2 {
        font-size: 50px;  
    }
    #tractionback-wrapper p {
        font-size: 25px;
    }
    #tractionback-wrapper a.mlkn-button {
        font-size: 20px;
    }
}
/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
}

/* IPAD 9th gen */
@media only screen and (width: 810px) and (-webkit-device-pixel-ratio: 2) {
}

/* iPhone 13 PRO MAX */
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #tractionback-wrapper.zh, #tractionback-wrapper.ap {
        background-position-x: 40%;
    }
    #tractionback-wrapper.uk .content {
        margin-top: 25vh;
    }
}

/* iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #tractionback-wrapper .content {
        margin-top: 20vh;
    }
}
/* iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/* iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
    #tractionback-wrapper.zh, #tractionback-wrapper.ap {
        background-position-x: 40%;
    }
    #tractionback-wrapper.de .content {
        margin-top: 30vh;
    }
    #tractionback-wrapper.de {
        height: 110vh;
    }
    #tractionback-wrapper [class^="col"], #tractionback-wrapper.ap [class^="col"], #tractionback-wrapper.zh [class^="col"] {
        top: 0;
    }
}
/* >> Tractionback - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #tractionback-wrapper h2 {
        font-size: 25px;
    }
    #tractionback-wrapper.zh, #tractionback-wrapper.ap {
        background-position-x: 40%;
    }
    #tractionback-wrapper.de .content {
        margin-top: 70vh;
    }
    #tractionback-wrapper.de {
        height: 150vh;
    }
    #tractionback-wrapper.es [class^="col"], #tractionback-wrapper.fr [class^="col"] {
        top: 85px;
    }
    #tractionback-wrapper.es, #tractionback-wrapper.fr {
        height: 130vh;
    }
}


/*** maintenance ***/
#maintenance-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> maintenance - Columns */
#maintenance-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#maintenance-wrapper .row > div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 150px;
    padding-right: 150px;
    height: fit-content;
    margin: auto 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* >> maintenance - Image */
#maintenance-wrapper .row > div:first-of-type {
    background-image: url('/-/media/6afd3f56a815432da53c949c22752316.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#maintenance-wrapper.ap .row > div:first-of-type {
    background-image: url('/-/media/6afd3f56a815432da53c949c22752316.ashx');
}
#maintenance-wrapper.zh .row > div:first-of-type {
    background-image: url('/-/media/6afd3f56a815432da53c949c22752316.ashx');
}
#maintenance-wrapper.uk .row > div:first-of-type {
    background-image: url('/-/media/062cd6df836443ada498a0c0b252410e.ashx');
    min-height: 100vh;
    height: inherit;
}
/* >> maintenance - Content */
#maintenance-wrapper .content h2,
#maintenance-wrapper .content p {
    text-align: left;
}
#maintenance-wrapper .content h2 {
    font-weight: 400 !important;
    letter-spacing: 2px;
    color: #000;
    font-size: 40px;
    text-transform: none;
}
#maintenance-wrapper .content p {
    font-size: 18px;
    color: #303030;
}
#maintenance-wrapper .content p sup {
    top: -0.2em;
}
/* >> maintenance - Media Queries */
@media only screen and (max-width: 1750px) {
    #maintenance-wrapper .content h2 {
        font-size: 37px;
    }
}
@media only screen and (max-width: 1700px) {
    #maintenance-wrapper .row > div:last-of-type {
        padding-left: 75px;
        padding-right: 75px;
    }
}
@media only screen and (max-width: 1675px) {
    #maintenance-wrapper .content h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1550px) {
    #maintenance-wrapper .row > div:last-of-type {
        padding-left: 50px;
        padding-right: 100px;
    }
    #maintenance-wrapper .content h2 {
        font-size: 35px;
    }
}
@media only screen and (max-width: 1400px) {
    #maintenance-wrapper .content h2 {
        font-size: 32px;
    }
    #maintenance-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #maintenance-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1299px) {
    #maintenance-wrapper .content h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 1199px) {
    #maintenance-wrapper .row > div {
        height: auto;
    }
    #maintenance-wrapper .row > div:first-of-type {
        height: 60vh;
        min-height: 300px;
    }
    #maintenance-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #maintenance-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #maintenance-wrapper .content h2,
    #maintenance-wrapper .content p {
        text-align: center;
    }
    #maintenance-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    #maintenance-wrapper .content {
        max-width: 800px;
    }
}
@media only screen and (max-width: 500px) {
    #maintenance-wrapper .content h2 {
        font-size: 24px;
    }
    #maintenance-wrapper .content p {
        font-size: 15px;
    }
}
@media only screen and (max-width: 499px) {
    #maintenance-wrapper .content {
        margin: 0;
    }
        /*#maintenance-wrapper .content h2 {
        visibility: hidden;
    }
    #maintenance-wrapper .content h2:after {
        content: "Tough Floors. Easy Maintenance.";
        visibility: visible;
        position: absolute;
        top: 5vh;
        left: 5vw;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    #maintenance-wrapper .content p {
        margin-top: 10vh;
    }*/
}
/* >> maintenance - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #maintenance-wrapper .content h2 {
        font-size: 53px;
    }
    #maintenance-wrapper .content p {
        font-size: 25px;
    }
}
/* >> maintenance - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #maintenance-wrapper .content h2 {
        font-size: 28px;
    }
}
/* >> maintenance - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #maintenance-wrapper .content p {
        font-size: 13px;
    }
    #maintenance-wrapper .content h2 {
        font-size: 24px;
    }
}


/*** INSTALLATION ***/
#installation-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> Installation - Columns */
#installation-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#installation-wrapper .row > div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 75px;
    padding-right: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: fit-content;
    margin: auto 0;
}
/* >> Installation - Image */
#installation-wrapper .row > div:first-of-type {
    background-image: url('/-/media/a1c0251c44f54d479f6b4f5043001cb7.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#installation-wrapper.au .row > div:first-of-type {
    background-image: url('/-/media/39d728ce8f264d7893e73dd0f34ee027.ashx');
}
#installation-wrapper.uk .row > div:first-of-type {
    background-image: url('/-/media/f274859a4b6c48e099dca1e86c6f4510.ashx');
    min-height: 100vh;
    height: inherit;
}
/* >> Installation - Content */
#installation-wrapper .content h2,
#installation-wrapper .content p {
    text-align: left;
}
#installation-wrapper .content h2 {
    font-weight: 400 !important;
    letter-spacing: 2px;
    color: #000;
    font-size: 40px;
    text-transform: none;
    /* width: 75%; */
}
#installation-wrapper .content p {
    font-size: 18px;
    color: #303030;
}
#installation-wrapper .col-xl-5 .content {
    padding-right: 20px;
}
/* >> Installation - Media Queries */
@media only screen and (max-width: 1700px) {
    #installation-wrapper .row > div:last-of-type {
        padding-left: 75px;
        padding-right: 75px;
    }
}
@media only screen and (max-width: 1400px) {
    #installation-wrapper .content h2 {
        font-size: 35px;
    }
    #installation-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #installation-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1199px) {
    #installation-wrapper .row > div {
        height: auto;
    }
    #installation-wrapper .row > div:first-of-type {
        height: 60vh;
        min-height: 300px;
        /* background-position-y: var(--instWrapperImgY); */
        /* background-position-x: var(--instWrapperImgX); */
    }
    #installation-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #installation-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #installation-wrapper .content h2,
    #installation-wrapper .content p {
        text-align: center;
        width: 100%;
    }
}
@media only screen and (max-width: 991px) {
    #installation-wrapper .content {
        max-width: 800px;
    }
    #installation-wrapper.uk .row > div:first-of-type {
        min-height: 60vh;
    }
}
@media only screen and (max-width: 500px) {
    #installation-wrapper .content h2 {
        font-size: 25px;
    }
    #installation-wrapper .content p {
        font-size: 15px;
    }
}
/* >> Installation - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #installation-wrapper .content h2 {
        font-size: 48px;
    }
    #installation-wrapper .content p {
        font-size: 25px;
    }
}
/*iphone 13 pro max*/
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #installation-wrapper .content h2 {
        font-size: 24px;
    }
}
/*iphone 6+, 7+, 8+*/
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

}
/*iphone 13*/
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/*iphone 6, 6s, 7, 8*/
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #installation-wrapper .content h2 {
        font-size: 24px;
    }
}
/* >> Installation - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #installation-wrapper .content h2 {
        font-size: 24px;
    }
}


/*** INSTALLATION ***/
#installation2-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> Installation - Columns */
#installation2-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#installation2-wrapper .row > div:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 75px;
    padding-right: 150px;
}
/* >> Installation - Image */
#installation2-wrapper .row > div:last-of-type {
    background-image: url('/-/media/a1c0251c44f54d479f6b4f5043001cb7.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#installation2-wrapper.au .row > div:last-of-type {
    background-image: url('/-/media/39d728ce8f264d7893e73dd0f34ee027.ashx');
}
#installation2-wrapper.uk .row > div:last-of-type {
    background-image: url('/-/media/f274859a4b6c48e099dca1e86c6f4510.ashx');
}
/* >> Installation - Content */
#installation2-wrapper .content h2,
#installation2-wrapper .content p {
    text-align: left;
}
#installation2-wrapper .content h2 {
    font-weight: 400 !important;
    letter-spacing: 2px;
    color: #000;
    font-size: 40px;
    text-transform: none;
    /* width: 75%; */
}
#installation2-wrapper .content p {
    font-size: 18px;
    color: #303030;
}
/* >> Installation - Media Queries */
@media only screen and (max-width: 1700px) {
    #installation2-wrapper .row > div:first-of-type {
        padding-left: 75px;
        padding-right: 75px;
    }
}
@media only screen and (max-width: 1400px) {
    #installation2-wrapper .content h2 {
        font-size: 35px;
    }
    #installation2-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #installation2-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1199px) {
    #installation2-wrapper .row > div {
        height: auto;
    }
    #installation2-wrapper .row > div:last-of-type {
        height: 60vh;
        min-height: 300px;
        background-position-y: var(--instWrapperImgY);
        /* background-position-x: var(--instWrapperImgX); */
    }
    #installation2-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #installation2-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #installation2-wrapper .content h2,
    #installation2-wrapper .content p {
        text-align: center;
        width: 100%;
    }
}
@media only screen and (max-width: 991px) {
    #installation2-wrapper .content {
        max-width: 800px;
    }
}
@media only screen and (max-width: 500px) {
    #installation2-wrapper .content h2 {
        font-size: 25px;
    }
    #installation2-wrapper .content p {
        font-size: 15px;
    }
}
/* >> Installation - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #installation2-wrapper .content h2 {
        font-size: 48px;
    }
    #installation2-wrapper .content p {
        font-size: 25px;
    }
}
/*iphone 13 pro max*/
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #installation2-wrapper .content h2 {
        font-size: 24px;
    }
}
/*iphone 6+, 7+, 8+*/
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

}
/*iphone 13*/
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/*iphone 6, 6s, 7, 8*/
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #installation2-wrapper .content h2 {
        font-size: 24px;
    }
}
/* >> Installation - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #installation2-wrapper .content h2 {
        font-size: 24px;
    }
}

/*** DURABILITY ***/
#durability-wrapper {
    height: 100vh;
    background-image: url('/-/media/8c568f8bf702417688810aed87522882.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
}
#durability-wrapper.ap {
    background-image: url('/-/media/96ee0b79d2bd4c38ae2bbce4993d7896.ashx');
}
#durability-wrapper.zh {
    background-image: url('/-/media/96ee0b79d2bd4c38ae2bbce4993d7896.ashx');
}
#durability-wrapper.au {
    background-image: url('/-/media/540af1eed44c404ab20af4548a7fe5f9.ashx');
}
#durability-wrapper.uk {
    background-image: url('/-/media/be48ac1257e941078c739f7f796ef989.ashx');
}
#durability-wrapper .row {
    min-height: 100vh;
    /* -- START IE 11 HACK */
    height: 1px;
    /* -- END IE 11 HACK */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#durability-wrapper [class^="col"] {
    position: relative;
    top: -50px;
}
/* >> Durability - Content */
#durability-wrapper .content {
    width: 1200px;
    margin-left: 100px;
}
#durability-wrapper h2,
#durability-wrapper p {
    width: 100%;
    max-width: 1200px;
    color: #fff;
    text-align: left;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}
#durability-wrapper.ap h2,
#durability-wrapper.ap p {
    max-width: 88%;
    margin-left: 21%;
    text-align: center;
}
#durability-wrapper.zh h2,
#durability-wrapper.zh p {
    max-width: 88%;
    margin-left: 21%;
    text-align: center;
}
#durability-wrapper h2 {
    font-size: 40px;  
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-weight: 400 !important;
    text-transform: none;
}
#durability-wrapper p {
    font-size: 18px;
}
#durability-wrapper p sup {
    top: -0.3em;
}
/* >> Durability - Media Queries */
@media only screen and (max-width: 1600px) {
    #durability-wrapper.ap h2,
    #durability-wrapper.ap p {
        max-width: revert;
        margin-left: revert;
    }
    #durability-wrapper.zh h2,
    #durability-wrapper.zh p {
        max-width: revert;
        margin-left: revert;
    }
}
@media only screen and (max-width: 1400px) {
    #durability-wrapper .content {
        width: 1000px;
    }
    #durability-wrapper h2, #durability-wrapper p {
        max-width: 1000px;
    }
    #durability-wrapper h2 {
        font-size: 35px;
    }
    #durability-wrapper p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1199px) {
    #durability-wrapper .content {
        width: 900px;
    }
    #durability-wrapper h2, #durability-wrapper p {
        max-width: 900px;
    }
    #durability-wrapper, #durability-wrapper.au, #durability-wrapper.ap, #durability-wrapper.zh {
        /* background-position-x: -25vw; */
    }
    #durability-wrapper h2 {
        font-size: 30px;
    }
    #durability-wrapper {
        min-height: var(--duraHeight);
    }
    #durability-wrapper [class^="col"] {
        position: absolute;
        bottom: 50px;
        top: revert;
    }
}
@media only screen and (max-width: 1050px) {
    #durability-wrapper .content {
        margin-left: 50px;
    }
}
@media only screen and (max-width: 991px) {
    #durability-wrapper .content {
        width: auto;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    #durability-wrapper h2,
    #durability-wrapper p {
        text-align: center;
    }
    #durability-wrapper a.mlkn-button {
        margin-left: auto;
        margin-right: auto;
    }
    #durability-wrapper, #durability-wrapper.au, #durability-wrapper.ap, #durability-wrapper.zh {
        /* background-position-x: -60vw; */
    }
}
@media only screen and (max-width: 767px) {
    #durability-wrapper {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/8c568f8bf702417688810aed87522882.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/8c568f8bf702417688810aed87522882.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/8c568f8bf702417688810aed87522882.ashx');
    }
    #durability-wrapper.ap {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/96ee0b79d2bd4c38ae2bbce4993d7896.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/96ee0b79d2bd4c38ae2bbce4993d7896.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/96ee0b79d2bd4c38ae2bbce4993d7896.ashx');
    }
    #durability-wrapper.zh {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/96ee0b79d2bd4c38ae2bbce4993d7896.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/96ee0b79d2bd4c38ae2bbce4993d7896.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/96ee0b79d2bd4c38ae2bbce4993d7896.ashx');
    }
    #durability-wrapper.au {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/540af1eed44c404ab20af4548a7fe5f9.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/540af1eed44c404ab20af4548a7fe5f9.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/540af1eed44c404ab20af4548a7fe5f9.ashx');
    }
    #durability-wrapper.uk {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.1)), color-stop(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.1))), url('/-/media/be48ac1257e941078c739f7f796ef989.ashx');
        background-image: -o-linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/be48ac1257e941078c739f7f796ef989.ashx');
        background-image: linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4), rgba(0,0,0,0.1)), url('/-/media/be48ac1257e941078c739f7f796ef989.ashx');
    }
    
    #durability-wrapper .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    /* #durability-wrapper [class^="col"] {
        top: auto;
        margin-bottom: 0;
    }
    #durability-wrapper h2 {
        margin-top: 0;
    } */
}
@media only screen and (max-width: 500px) {
    #durability-wrapper {
        background-position-x: 80%;
    }
    #durability-wrapper.ap {
        background-position-x: 40%;
    }
    #durability-wrapper.zh {
        background-position-x: 40%;
    }
    #durability-wrapper h2 {
        font-size: 25px;
    }
}
/* >> Durability - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #durability-wrapper .content {
        width: 1500px;
    }
    #durability-wrapper h2,
    #durability-wrapper p {
        width: 100%;
        max-width: 1300px;
    }
    #durability-wrapper h2 {
        font-size: 43px;  
    }
    #durability-wrapper p {
        font-size: 23px;
    }
}
/*iphone 13 pro max*/
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #durability-wrapper h2 {
        font-size: 24px;
    }
}
/*iphone 6+, 7+, 8+*/
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

}
/*iphone 13*/
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/*iphone 6, 6s, 7, 8*/
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #durability-wrapper h2 {
        font-size: 24px;
    }
}
/*iphone 5, 5c, 5s, se*/
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #durability-wrapper h2 {
        font-size: 24px;
    }
}

/*** INNOVATION ***/
#innovation-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> Innovation - Columns */
#innovation-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#innovation-wrapper .row > div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 75px;
    padding-right: 150px;
}
/* >> Innovation - Image */
#innovation-wrapper .row > div:first-of-type {
    background-image: url('/-/media/b699ffca43654916a21909269f1e6745.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#innovation-wrapper.au .row > div:first-of-type {
    background-image: url('/-/media/542d27d2661b4b228b03de3eeeed8e8d.ashx');
}
#innovation-wrapper.uk .row > div:first-of-type {
    background-image: url('/-/media/84c642ebd4654324adfd8ae316a5fe64.ashx');
}
/* >> Innovation - Content */
#innovation-wrapper .content h2,
#innovation-wrapper .content p {
    text-align: left;
}
#innovation-wrapper .content h2 {
    font-weight: 400 !important;
    letter-spacing: 2px;
    color: #000;
    font-size: 38px;
    text-transform: none;
}
#innovation-wrapper .content p {
    font-size: 18px;
    color: #303030;
}
/* >> Innovation - Media Queries */
@media only screen and (max-width: 1750px) {
    #innovation-wrapper .content h2 {
        font-size: 37px;
    }
}
@media only screen and (max-width: 1675px) {
    #innovation-wrapper .content h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1550px) {
    #innovation-wrapper .row > div:last-of-type {
        padding-left: 50px;
        padding-right: 100px;
    }
    #innovation-wrapper .content h2 {
        font-size: 35px;
    }
}
@media only screen and (max-width: 1400px) {
    #innovation-wrapper .content h2 {
        font-size: 32px;
    }
    #innovation-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #innovation-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1299px) {
    #innovation-wrapper .content h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 1199px) {
    #innovation-wrapper .row > div {
        height: auto;
    }
    #innovation-wrapper .row > div:first-of-type {
        height: 60vh;
        min-height: 300px;
    }
    #innovation-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #innovation-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #innovation-wrapper .content h2,
    #innovation-wrapper .content p {
        text-align: center;
    }
    #innovation-wrapper .content h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    #innovation-wrapper .content {
        max-width: 800px;
    }
}
@media only screen and (max-width: 500px) {
    #innovation-wrapper .content h2 {
        font-size: 24px;
    } 
    #innovation-wrapper .content p {
        font-size: 15px;
    }
}
/* >> Innovation - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #innovation-wrapper .content h2 {
        font-size: 51px;
    }
    #innovation-wrapper .content p {
        font-size: 24px;
    }
}
/* iPhone 13 PRO MAX */
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #innovation-wrapper .row > div:first-of-type {
        height: 42vh;
    }
}
/* >> Innovation - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #innovation-wrapper .content h2 {
        font-size: 27px;
    }
}
/* iPhone 13 */
@media only screen and (max-width: 393px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {

}
/* iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   

}
/* >> Innovation - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #innovation-wrapper .content h2 {
        font-size: 24px;
    }
    #innovation-wrapper .row > div:first-of-type {
        height: 51vh;
    }
    #innovation-wrapper.de .content h2 {
        font-size: 20px;
    }
}