h1 sup, h2 sup {
    font-size: 2rem;
    top: -2.5em;
    left: -0.5em;
}
p.closeBottom {
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important;
}
a.form-link {
    font-size: 15px;
    font-weight: 600;
    color: white;
    text-decoration: none;
    margin: 0.5rem 0;
}
a.form-link img.right-arrow {
    height: 20px;
    margin-top: 1.5px;
    margin-left: 10px;
}
p.form-link {
    padding-bottom: 15px !important;
}
.popUpContent a.close {
    max-width: 250px !important;
}
a.form-link span {
    white-space: nowrap;
}
@media only screen and (max-width: 767px) {
h1 sup, h2 sup {
    top: -1.4em;
}
}
@media only screen and (max-width: 767px) {
    h1 sup, h2 sup {
        top: -1.1em;
    }
    }
p sup {
    top: -0.25em;
}
.small, small {
    font-size: 0.75em;
}


/*** NAVBAR CIRCLES ***/
#navbar-circles .nav {
    display: block !important;
}
#navbar-circles {
    position: fixed;
    right: 5vw;
    top: 35vh;
    z-index: 10001;
}
#navbar-circles > a {
    display: block;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: -20px;
    left: -11px;
    font-weight: 700 !important;
}
#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 {
    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::before, #navbar-circles li > a.active:focus::before, #navbar-circles li > a.active:hover::before, #navbar-circles li:hover > a::before {
    display: inline-block;
    }
    #navbar-circles a[href="#nxtlife-wrapper"]::before {
        content: "N/XT Life™";
    }
    #navbar-circles a[href="#reduce-wrapper"]::before {
        content: "Reduce";
    }
    #navbar-circles a[href="#reuse-wrapper"]::before {
        content: "Re-Use";
    }
    #navbar-circles a[href="#recycle-wrapper"]::before {
        content: "Recycle";
    }
    #navbar-circles a[href="#recovery-wrapper"]::before {
        content: "Recovery";
    }
    
    
    
    
#navbar-circles a[href="#project-installations-wrapper"]::before {
    content: "Project Installations";
    top: -10px;
    white-space: pre-wrap;
}
#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 {
    display: inline-block;
}
/*  >> Nav Circles - Dark Theme */
#navbar-circles.dark-theme:not(#navbar-circles.us) > a {
    color: #000;  
}
#navbar-circles.dark-theme:not(#navbar-circles.us) li a {
    border: 2px solid #000;
}
#navbar-circles.dark-theme:not(#navbar-circles.us) a::before {
    color: #000;
}
#navbar-circles.dark-theme:not(#navbar-circles.us) li > a.active,
#navbar-circles.dark-theme:not(#navbar-circles.us) li > a.active:focus,
#navbar-circles.dark-theme:not(#navbar-circles.us) li > a.active:hover {
    background: #000;
}
/* >> Nav Circles - Media Queries */
@media only screen and (max-width: 991px) {
    h1 {
        font-size: 30px;  
    }
    #navbar-circles {
        display: none;  
    }
}
#interactive-brochure-anchor {
    display: inline-block;
    padding: 15px 15px;
    position: absolute;
    top: 50vh;
    background: #000;
    color: #fff;
    font-weight: 700 !important;
    z-index: 2000;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    font-size: 20px;
    letter-spacing: 4px;
    left: -221px;
    text-decoration: none;
}
@media only screen and (max-width: 991px) {
    #interactive-brochure-anchor {
        display: none;
    }
}



/*** The nxtlife WRAPPER ***/
#nxtlife-wrapper {
    min-height: 90vh;
    position: relative;
    background: #474647;
    padding-left: 0;
    padding-right: 0;
}
/* >> The nxtlife - Video Container */
#nxtlife-wrapper .video-container {
    height: max(750px, 100vh);
    width: 100%;
    position: relative;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#nxtlife-wrapper .video-container video {
    width: 100%;
    height: max(750px, 100vh);
    -o-object-fit: cover;
    object-fit: cover;
    /* -o-object-position: bottom; */
    /* object-position: bottom; */
    position: absolute;
    top: 0;
    left: 0;
}
/* >> The nxtlife Video - Text Overlay */
#nxtlife-wrapper .text-overlay {
    color: #fff;
    position: absolute;
    top: max(263px, 35vh);
    text-align: center;
    z-index: 10;
    max-width: min(1045px, 90%);
}
#nxtlife-wrapper.us .text-overlay {
    padding: 2rem;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.5);
    top: max(225px, 30vh);
}
#nxtlife-wrapper .text-overlay > span {
    font-size: 20px;
    display: block;
    margin-top: 25px;
    letter-spacing: 5px;
}
#nxtlife-wrapper .text-overlay h1 {
    font-size: 90px;  
    letter-spacing: 14px;
    margin-bottom: 15px;
    font-weight: 600 !important;
    color: #fff;
    margin: 0;
    margin-top: 10px;
    margin-left: 3rem;
}
#nxtlife-wrapper h2 {
    font-size: 30px;
    font-weight: 600 !important;
    letter-spacing: 3px;
    color: white;
}
#nxtlife-wrapper h2.below-title {
    margin-top: 2vh;
}
#nxtlife-wrapper h3 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #85B09A;
    margin: 2.5rem auto;
}
#nxtlife-wrapper .text-overlay span {
    font-size: 25px;
    letter-spacing: 3px;
}
#nxtlife-wrapper .text-overlay p.below-title{
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 10px;
}
#nxtlife-wrapper .bottom-text {
    letter-spacing: 1px;
    margin-top: 10px;
    bottom: 5vh;
    position: absolute;
    color: white;
    text-align: center;
}
#nxtlife-wrapper .bottom-text p {
    font-size: 18px;
    margin-top: 2vh;
}
#nxtlife-wrapper .bottom-text img {
    margin-top: 3vh;
    max-width: 40px;
    margin-top: 1vh;
}
#nxtlife-wrapper a.mlkn-button {
    border: 1px solid #fff;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    background: #fff;
    margin-top: 3rem;
}
#nxtlife-wrapper a.mlkn-button:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

/* >> The nxtlife - Text Container */
#nxtlife-wrapper .container {
    min-height: 25vh;
}
#nxtlife-wrapper .container .content-wrapper {
    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;
    height: max(188px, 25vh);
    padding: 30px 15px;
}
#nxtlife-wrapper .container p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
}
#nxtlife-wrapper .container .button-wrapper {
    text-align: center;
}
#nxtlife-wrapper .container a.mlkn-button {
    border: 1px solid #fff;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    background: #fff;
    width: 310px;
}
#nxtlife-wrapper .container a.mlkn-button:last-of-type {
    margin-left: 15px;
}
#nxtlife-wrapper .mobileOnly {
    display: none;
}
/* >> Modular Landscapes - Media Queries */
@media only screen and (max-width: 1600px) {
    #nxtlife-wrapper .text-overlay {
        max-width: min(1000px, 90%);
    }
}
@media only screen and (max-width: 991px) {
    #nxtlife-wrapper {
        height: auto;
        min-height: 85vh;
    }
    #nxtlife-wrapper .container,
    #nxtlife-wrapper .container .content-wrapper {
        height: auto;
        min-height: 25vh;
    }
    #nxtlife-wrapper .container p {
        padding-bottom: 0;
        font-size: 16px;
    }
    #nxtlife-wrapper .container a.mlkn-button,
    #nxtlife-wrapper .container a.mlkn-button:last-of-type {
        display: block;
        margin: 15px auto 0;
    }
}
@media only screen and (max-width: 767px) {
    #nxtlife-wrapper .text-overlay {
        width: 95%;
    }
    #nxtlife-wrapper .text-overlay h1 {
        font-size: 60px;
        letter-spacing: 10px;
    }
    #nxtlife-wrapper .mobileOnly {
        display: revert;
    }
    #nxtlife-wrapper .desktopOnly {
        display: none;
    }
    #nxtlife-wrapper h2 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 600px) {
    #nxtlife-wrapper .text-overlay h1 {
        font-size: 50px;
    }
    #nxtlife-wrapper .text-overlay span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 500px) {
    #nxtlife-wrapper .text-overlay > span.expanded {
        font-size: 15px;
        letter-spacing: 3px;
    }
    #nxtlife-wrapper .text-overlay span {
        font-size: 18px;
        letter-spacing: 2px;
    }
    #nxtlife-wrapper .text-overlay h1 {
        font-size: 36px;
        letter-spacing: 6px;
    }
    #nxtlife-wrapper .container a.mlkn-button {
        font-size: 15px;
        width: 100%;
    }
    #nxtlife-wrapper h2 {
        font-size: 18px;
    }
}
/* >> The nxtlife - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #nxtlife-wrapper .text-overlay > span.expanded {
        font-size: 25px;
    }
    #nxtlife-wrapper .text-overlay h1 {
        font-size: 110px;
    }
    #nxtlife-wrapper .container,
    #nxtlife-wrapper .container .content-wrapper {
        height: max(188px, 25vh);
    }
    #nxtlife-wrapper .container p {
        font-size: 25px;
    }
    #nxtlife-wrapper .container a.mlkn-button {
        font-size: 20px;
        width: 400px;
    }
}
/* >> The nxtlife - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #nxtlife-wrapper .text-overlay h1 {
        font-size: 40px;
        letter-spacing: 7px;
    }
}


/*** The renasci WRAPPER ***/
#renasci-wrapper {
    min-height: 90vh;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
/* >> The renasci - Video Container */
#renasci-wrapper .image-container {
    height: max(750px, 100vh);
    width: 100%;
    position: relative;
    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: space-between;
    background: url(/-/media/e2fe294d103f46d6aa1f64e8837aeefa.ashx);
    background-size: cover;
    background-position: right bottom;
}
#renasci-wrapper .image-container div:nth-of-type(1) {
    top: 25%;
    position: relative;
}
#renasci-wrapper .image-container div:nth-of-type(2) {
    bottom: 3%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
#renasci-wrapper .image-container div:nth-of-type(2) p {
    font-size: 2.4rem;
}
#renasci-wrapper .image-container img {
    width: 100%;
    height: max(750px, 100vh);
    -o-object-fit: cover;
    object-fit: cover;
    /* -o-object-position: bottom; */
    /* object-position: bottom; */
    position: absolute;
    top: 0;
    left: 0;
}
/* >> The renasci Video - Text Overlay */
#renasci-wrapper .text-overlay {
    color: #212529;
    position: absolute;
    top: max(263px, 35vh);
    text-align: center;
    z-index: 10;
    max-width: 1100px;
}
#renasci-wrapper .text-overlay > span {
    font-size: 20px;
    display: block;
    margin-top: 25px;
    letter-spacing: 5px;
}
#renasci-wrapper h2 {
    font-size: 8rem;
    letter-spacing: 14px;
    margin-bottom: 15px;
    color: #212529;
    font-weight: 700 !important;
    margin: 0;
    margin-top: 10px;
}
#renasci-wrapper h3 {
    font-size: 3rem;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 8px;
}
#renasci-wrapper p:first-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
#renasci-wrapper p:last-of-type {
    padding-bottom: 15px !important;
}
#renasci-wrapper h3.below-title {
    margin-top: 2vh;
}
#renasci-wrapper .text-overlay span {
    font-size: 25px;
    letter-spacing: 3px;
}
#renasci-wrapper .text-overlay p.below-title{
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 10px;
}
#renasci-wrapper .bottom-text {
    letter-spacing: 1px;
    margin-top: 10px;
    bottom: 5vh;
    position: absolute;
    color: #212529;
    background: #212529;
    text-align: center;
}
#renasci-wrapper p {
    color: #212529;
    font-size: 3rem;
    text-align: left;
    line-height: 1.5em;
    padding-bottom: 20px;
}
#renasci-wrapper .bottom-text img {
    margin-top: 3vh;
    max-width: 40px;
}
#renasci-wrapper .buttons-container {
    background: #212529;
}
#renasci-wrapper .buttons {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding: 5rem 0;
}
/* >> The renasci - Text Container */
#renasci-wrapper  {
    min-height: 25vh;
}
#renasci-wrapper .content-wrapper {
    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;
    height: max(188px, 25vh);
    padding: 30px 15px;
}
#renasci-wrapper .button-wrapper {
    text-align: center;
}
#renasci-wrapper a.mlkn-button {
    border: 1px solid #fff;
    color: #212529;
    font-weight: bold;
    letter-spacing: 1px;
    background: #fff;
}
#renasci-wrapper a.mlkn-button:hover {
    background: #212529;
    color: #fff;
}
#renasci-wrapper .mobileOnly {
    display: none;
}
/* >> Modular Landscapes - Media Queries */
@media only screen and (max-width: 1600px) {
    #renasci-wrapper .text-overlay {
        max-width: 1000px;
    }
    #renasci-wrapper h2 {
        font-size: 6rem;
    }
}
@media only screen and (max-width: 991px) {
    #renasci-wrapper {
        height: auto;
        min-height: 85vh;
    }
    #renasci-wrapper,
    #renasci-wrapper .content-wrapper {
        height: auto;
        min-height: 25vh;
    }

    #renasci-wrapper a.mlkn-button,
    #renasci-wrapper a.mlkn-button:last-of-type {
        display: block;
        margin: 15px auto 0;
    }
    #renasci-wrapper h2 {
        font-size: 5rem;
    }
    #renasci-wrapper .buttons {
        flex-direction: column;
        align-items: center;
        padding: 0;
    }
    #renasci-wrapper a.mlkn-button:first-of-type {
        margin-top: 0;
    }
    #renasci-wrapper .buttons {
        padding: 3rem 0;    
    }
}
@media only screen and (max-width: 767px) {
    #renasci-wrapper .text-overlay {
        width: 100%;
    }
    #renasci-wrapper .text-overlay h2 {
        font-size: 60px;
        letter-spacing: 10px;
    }
    #renasci-wrapper .mobileOnly {
        display: revert;
    }
    #renasci-wrapper .desktopOnly {
        display: none;
    }
    #renasci-wrapper h2 {
        font-size: 4rem;
    }
        #renasci-wrapper h3
    #renasci-wrapper p {
        padding-bottom: 0;
        font-size: 2rem;
    }
}
@media only screen and (max-width: 600px) {
    #renasci-wrapper .text-overlay h2 {
        font-size: 50px;
    }
    #renasci-wrapper .text-overlay span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 500px) {
    #renasci-wrapper .text-overlay > span.expanded {
        font-size: 15px;
        letter-spacing: 3px;
    }
    #renasci-wrapper .text-overlay span {
        font-size: 18px;
        letter-spacing: 2px;
    }
    #renasci-wrapper .text-overlay h2 {
        font-size: 36px;
        letter-spacing: 6px;
    }
    #renasci-wrapper a.mlkn-button {
        font-size: 15px;
        width: 90%;
    }
    #renasci-wrapper h3 {
        font-size: 18px;
    }
}
/* >> The renasci - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #renasci-wrapper .text-overlay > span.expanded {
        font-size: 25px;
    }
    #renasci-wrapper .text-overlay h2 {
        font-size: 10rem;
    }
    #renasci-wrapper,
    #renasci-wrapper .content-wrapper {
        height: max(188px, 25vh);
    }

    #renasci-wrapper a.mlkn-button {
        font-size: 2rem;
        width: 400px;
    }
}

/*** The day one WRAPPER ***/
#day-one-wrapper {
    min-height: 90vh;
    position: relative;
    background: #474647;
    padding-left: 0;
    padding-right: 0;
}
/* >> The day one - Video Container */
#day-one-wrapper .image-container {
    height: max(750px, 100vh);
    width: 100%;
    position: relative;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#day-one-wrapper .image-container img {
    width: 100%;
    height: max(750px, 100vh);
    -o-object-fit: cover;
    object-fit: cover;
    /* -o-object-position: bottom; */
    /* object-position: bottom; */
    position: absolute;
    top: 0;
    left: 0;
}
/* >> The day one Video - Text Overlay */
#day-one-wrapper .text-overlay {
    color: #fff;
    position: absolute;
    top: max(263px, 35vh);
    text-align: center;
    z-index: 10;
    max-width: 1100px;
}
#day-one-wrapper > span {
    font-size: 20px;
    display: block;
    margin-top: 25px;
    letter-spacing: 5px;
}
#day-one-wrapper h2 {
    font-size: 50px;
    margin-bottom: 1vh;
    font-weight: 800 !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: white;
    margin-top: 5rem;
}
#day-one-wrapper h3 {
    font-size: 30px;
    font-weight: 600 !important;
    letter-spacing: 3px;
    color: white;
}
#day-one-wrapper h3.below-title {
    margin-top: 2vh;
}
#day-one-wrapper  span {
    font-size: 25px;
    letter-spacing: 3px;
}
#day-one-wrapper  p.below-title{
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 10px;
}
#day-one-wrapper .bottom-text {
    letter-spacing: 1px;
    margin-top: 10px;
    bottom: 5vh;
    position: absolute;
    color: white;
    text-align: center;
}
#day-one-wrapper .bottom-text p {
    font-size: 18px;
}
#day-one-wrapper .bottom-text img {
    margin-top: 3vh;
    max-width: 40px;
}
/* >> The day one - Text Container */
#day-one-wrapper  {
    min-height: 25vh;
    height: 100vh;
}
#day-one-wrapper .content-wrapper {
    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;
    height: max(188px, 25vh);
    padding: 30px 15px;
}
#day-one-wrapper p {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 5rem;
}
#day-one-wrapper .button-wrapper {
    text-align: center;
}
#day-one-wrapper a.mlkn-button {
    border: 1px solid #000;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    background: #fff;
}
#day-one-wrapper a.mlkn-button:hover {
    background: #000;
    color: #fff;
}
#day-one-wrapper .mobileOnly {
    display: none;
}
#day-one-wrapper .icons {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    padding: 0 10rem;
}
#day-one-wrapper .icon p {
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
}
#day-one-wrapper .icon {
    display: flex;
    padding: 0 3rem;
}
#day-one-wrapper hr {
    color: #fff;
    height: 5px;
    opacity: 1;
    width: 90%;
}
#day-one-wrapper .icon div:nth-of-type(1) p {
    margin-bottom: 3rem;
}
#day-one-wrapper .icon div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
#day-one-wrapper .icon div:nth-of-type(2) {
    max-width: 32rem;
    padding-left: 3rem;
}
#day-one-wrapper .icon div p {
    text-align: left;
}
#day-one-wrapper .icon img {
    object-fit: contain;
    min-width: 12rem;
}
#day-one-wrapper .cycle-slideshow .slide {
    width: 100%;
    min-height: 100vh;
    display: none !important;
    flex-direction: column;
    justify-content: center;
}
#day-one-wrapper .cycle-slideshow .slide.cycle-slide-active {
    display: flex !important;
    position: relative !important;
}
#day-one-slide-1 {
    background: url(/-/media/05ca39dfc87c49c6b2cd232859a16e3a.ashx);
    background-size: cover;
}
#day-one-slide-2 {
    background: url(/-/media/f35508a93729427d8116f7050cc9ea7d.ashx);
    background-size: cover;
}

/* >> Quick Ship Spring 2023 - Pager */
#day-one-wrapper .cycle-pager {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 10px;
    z-index: 500;
    width: auto;
    height: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#day-one-wrapper .cycle-pager a {
    width: 12.5rem;
    height: 0.5rem;
    background: #aaa;
    border-radius: 2.5rem;
    margin: 0 0.5rem;
}

#day-one-wrapper .cycle-pager a.cycle-pager-active {
    background: #ddd;
}

/* >> Modular Landscapes - Media Queries */
@media only screen and (max-width: 1600px) {
    #day-one-wrapper .text-overlay {
        max-width: 1000px;
    }
}
@media (max-width: 1200px) {
    #day-one-wrapper .icons {
        flex-direction: column;
    }
}
@media only screen and (max-width: 991px) {
    #day-one-wrapper {
        height: auto;
        min-height: 85vh;
    }
    #day-one-wrapper,
    #day-one-wrapper .content-wrapper {
        height: auto;
        min-height: 25vh;
    }
    #day-one-wrapper p {
        padding-bottom: 0;
        font-size: 16px;
    }
    #day-one-wrapper a.mlkn-button,
    #day-one-wrapper a.mlkn-button:last-of-type {
        display: block;
        margin: 15px auto 0;
    }
    #day-one-wrapper .icons {
        padding: 0;
        padding-bottom: 10rem;
    }
    #day-one-wrapper .icon div:nth-of-type(2) {
        padding-left: 0;
    }
    #day-one-wrapper .icon div:nth-of-type(1) {
        margin-bottom: 1rem;
        align-items: center;
    }
    #day-one-wrapper .icon {
        flex-direction: column;
        margin-bottom: 3rem;
        align-items: center;
    }
    #day-one-wrapper .icon img {
        width: 12rem;
    }
}
@media only screen and (max-width: 767px) {
    #day-one-wrapper .text-overlay {
        width: 100%;
    }
    #day-one-wrapper  h2 {
        font-size: 60px;
        letter-spacing: 10px;
    }
    #day-one-wrapper .mobileOnly {
        display: revert;
    }
    #day-one-wrapper .desktopOnly {
        display: none;
    }
    #day-one-wrapper h3 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 600px) {
    #day-one-wrapper  h2 {
        font-size: 50px;
    }
    #day-one-wrapper  span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 500px) {
    #day-one-wrapper  > span.expanded {
        font-size: 15px;
        letter-spacing: 3px;
    }
    #day-one-wrapper  span {
        font-size: 18px;
        letter-spacing: 2px;
    }
    #day-one-wrapper  h2 {
        font-size: 36px;
        letter-spacing: 6px;
    }
    #day-one-wrapper a.mlkn-button {
        font-size: 15px;
        width: 90%;
    }
    #day-one-wrapper h3 {
        font-size: 18px;
    }
}
/* >> The day one - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #day-one-wrapper  > span.expanded {
        font-size: 25px;
    }
    #day-one-wrapper  h2 {
        font-size: 110px;
    }
    #day-one-wrapper,
    #day-one-wrapper .content-wrapper {
        height: max(188px, 25vh);
    }
    #day-one-wrapper p {
        font-size: 25px;
    }
    #day-one-wrapper a.mlkn-button {
        font-size: 20px;
        width: 400px;
    }
}
/* >> The day one - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #day-one-wrapper  h2 {
        font-size: 40px;
        letter-spacing: 7px;
    }
}


/*** The circularity WRAPPER ***/
#circularity-wrapper {
    min-height: 90vh;
    position: relative;
    background: #474647;
    padding-left: 0;
    padding-right: 0;
}
/* >> The circularity - Video Container */
#circularity-wrapper .image-container {
    height: max(750px, 100vh);
    width: 100%;
    position: relative;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#circularity-wrapper .image-container img {
    width: 100%;
    height: max(750px, 100vh);
    -o-object-fit: cover;
    object-fit: cover;
    /* -o-object-position: bottom; */
    /* object-position: bottom; */
    position: absolute;
    top: 0;
    left: 0;
}
/* >> The circularity Video - Text Overlay */
#circularity-wrapper .text-overlay {
    color: #fff;
    position: absolute;
    top: max(263px, 35vh);
    text-align: center;
    z-index: 10;
    max-width: 1100px;
}
#circularity-wrapper .text-overlay > span {
    font-size: 20px;
    display: block;
    margin-top: 25px;
    letter-spacing: 5px;
}
#circularity-wrapper .text-overlay h2 {
    font-size: 90px;  
    letter-spacing: 14px;
    margin-bottom: 15px;
    font-weight: 600 !important;
    color: #fff;
    margin: 0;
    margin-top: 10px;
    margin-left: 3rem;
}
#circularity-wrapper h3 {
    font-size: 30px;
    font-weight: 600 !important;
    letter-spacing: 3px;
    color: white;
}
#circularity-wrapper p:first-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
#circularity-wrapper p:last-of-type {
    padding-bottom: 15px !important;
}
#circularity-wrapper h3.below-title {
    margin-top: 2vh;
}
#circularity-wrapper .text-overlay span {
    font-size: 25px;
    letter-spacing: 3px;
}
#circularity-wrapper .text-overlay p.below-title{
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 10px;
}
#circularity-wrapper .bottom-text {
    letter-spacing: 1px;
    margin-top: 10px;
    bottom: 5vh;
    position: absolute;
    color: white;
    text-align: center;
}
#circularity-wrapper .bottom-text p {
    font-size: 18px;
}
#circularity-wrapper .bottom-text img {
    margin-top: 3vh;
    max-width: 40px;
}
/* >> The circularity - Text Container */
#circularity-wrapper  {
    min-height: 25vh;
}
#circularity-wrapper .content-wrapper {
    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;
    height: max(188px, 25vh);
    padding: 30px 15px;
}
#circularity-wrapper p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
}
#circularity-wrapper .button-wrapper {
    text-align: center;
}
#circularity-wrapper a.mlkn-button {
    border: 1px solid #000;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    background: #fff;
}
#circularity-wrapper a.mlkn-button:hover {
    background: #000;
    color: #fff;
}
#circularity-wrapper .mobileOnly {
    display: none;
}
/* >> Modular Landscapes - Media Queries */
@media only screen and (max-width: 1600px) {
    #circularity-wrapper .text-overlay {
        max-width: 1000px;
    }
}
@media only screen and (max-width: 991px) {
    #circularity-wrapper {
        height: auto;
        min-height: 85vh;
    }
    #circularity-wrapper,
    #circularity-wrapper .content-wrapper {
        height: auto;
        min-height: 25vh;
    }
    #circularity-wrapper p {
        padding-bottom: 0;
        font-size: 16px;
    }
    #circularity-wrapper a.mlkn-button,
    #circularity-wrapper a.mlkn-button:last-of-type {
        display: block;
        margin: 15px auto 0;
    }
}
@media only screen and (max-width: 767px) {
    #circularity-wrapper .text-overlay {
        width: 100%;
    }
    #circularity-wrapper .text-overlay h2 {
        font-size: 60px;
        letter-spacing: 10px;
    }
    #circularity-wrapper .mobileOnly {
        display: revert;
    }
    #circularity-wrapper .desktopOnly {
        display: none;
    }
    #circularity-wrapper h3 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 600px) {
    #circularity-wrapper .text-overlay h2 {
        font-size: 50px;
    }
    #circularity-wrapper .text-overlay span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 500px) {
    #circularity-wrapper .text-overlay > span.expanded {
        font-size: 15px;
        letter-spacing: 3px;
    }
    #circularity-wrapper .text-overlay span {
        font-size: 18px;
        letter-spacing: 2px;
    }
    #circularity-wrapper .text-overlay h2 {
        font-size: 36px;
        letter-spacing: 6px;
    }
    #circularity-wrapper a.mlkn-button {
        font-size: 15px;
        width: 90%;
    }
    #circularity-wrapper h3 {
        font-size: 18px;
    }
}
/* >> The circularity - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #circularity-wrapper .text-overlay > span.expanded {
        font-size: 25px;
    }
    #circularity-wrapper .text-overlay h2 {
        font-size: 110px;
    }
    #circularity-wrapper,
    #circularity-wrapper .content-wrapper {
        height: max(188px, 25vh);
    }
    #circularity-wrapper p {
        font-size: 25px;
    }
    #circularity-wrapper a.mlkn-button {
        font-size: 20px;
        width: 400px;
    }
}
/* >> The circularity - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #circularity-wrapper .text-overlay h2 {
        font-size: 40px;
        letter-spacing: 7px;
    }
}

/* HOLISTIC TEXT SECTION */
#holistic-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 25vh;
text-align: center;
margin-top: 0 !important;
}
#holistic-wrapper h2 {
    color: #000;
    margin: 0 auto 5rem;
    text-transform: uppercase;
    letter-spacing: 6px;
}
#holistic-wrapper p {
    color: #000;
    padding-bottom: 50px;
}
#holistic-wrapper.au, #holistic-wrapper.us {
    background: #474647;

}
#holistic-wrapper.au h2, #holistic-wrapper.us h2 {
    color: #7DA390;
}
#holistic-wrapper.au p, #holistic-wrapper.us p {
    color: white;
}
#holistic-wrapper a.mlkn-button {
    border: 1px solid #000;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    background: #fff;
}
#holistic-wrapper a.mlkn-button:hover {
    background: #000;
    color: #fff;
}
@media (min-width: 2000px) {
    #holistic-wrapper p, #reduce-slideshow-wrapper .slide .right-content p, #reuse-slideshow-wrapper .slide .right-content p, #recycle-slideshow-wrapper .slide .right-content p, #recovery-slideshow-wrapper .slide .right-content p {
        font-size: 20px;
    }
}
/* END HOLISTIC TEXT SECTION */


/* case-study TEXT SECTION */
#case-study-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
margin-top: 0 !important;
padding: 0;
}
#case-study-wrapper h2 {
    color: #000;
    margin: 0 auto 1rem;
    text-transform: uppercase;
    letter-spacing: 6px;
}
#case-study-wrapper p {
    color: #000;
    padding-bottom: 1rem;
}
#case-study-wrapper > div:nth-of-type(2) {
margin: 5rem auto;
min-height: 25vh;
display: flex;
flex-direction: column;
justify-content: center;
}
#case-study-wrapper.au, #case-study-wrapper.us {
    background: #474647;

}
#case-study-wrapper h3 {
    font-size: 2.4rem;
    font-weight: 700;
}
#case-study-wrapper.au h2, #case-study-wrapper.us h2 {
    color: #7DA390;
}
#case-study-wrapper.au p, #case-study-wrapper.us p {
    color: white;
}
#case-study-wrapper a.mlkn-button {
    border: 1px solid #000;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    background: #fff;
}
#case-study-wrapper a.mlkn-button:hover {
    background: #000;
    color: #fff;
}
#case-study-slideshow-wrapper .cycle-pager {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: center;  
    position: absolute;
    bottom: 10px;
    z-index: 500;
    width: 100%;
    height: 45px;
}
#case-study-slideshow-wrapper .cycle-pager a {
    width: 80px;
    height: 5px;
    background: #aaa;
    margin: 0 2rem;
}
#case-study-wrapper img {
    min-height: 50vh;
    object-fit: cover;
}
#case-study-wrapper .cycle-pager a.cycle-pager-active {
    background: #ddd;
}
#case-study-wrapper .slide {
    width: 100%;
}
@media (min-width: 2000px) {
    #case-study-wrapper p, #reduce-slideshow-wrapper .slide .right-content p, #reuse-slideshow-wrapper .slide .right-content p, #recycle-slideshow-wrapper .slide .right-content p, #recovery-slideshow-wrapper .slide .right-content p {
        font-size: 20px;
    }
}
@media (max-width: 1300px) {
        #case-study-wrapper h2 {
        font-size: 35px;
    }
}
@media (max-width: 991px) {
    #case-study-wrapper  h2 {
        font-size: 2.5rem;
    }
    #case-study-wrapper h3 {
        font-size: 2rem;
    }
}
/* END case-study TEXT SECTION */

/*** The holistic image WRAPPER ***/
#holistic-image-wrapper {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
/* >> The holistic image - Video Container */
#holistic-image-wrapper .image-container {
    /* height: max(750px, 100vh); */
    width: 100%;
    position: relative;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#holistic-image-wrapper .image-container img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /* -o-object-position: bottom; */
    /* object-position: bottom; */
    position: relative;
    top: 0;
    left: 0;
}
/* >> The holistic image Video - Text Overlay */
#holistic-image-wrapper .text-overlay {
    color: #000;
    position: absolute;
    top: max(263px, 35vh);
    text-align: center;
    z-index: 10;
    max-width: 1100px;
}
#holistic-image-wrapper .text-overlay > span {
    font-size: 20px;
    display: block;
    margin-top: 25px;
    letter-spacing: 5px;
}
#holistic-image-wrapper .text-overlay h1 {
    font-size: 80px;  
    letter-spacing: 14px;
    margin-bottom: 15px;
    font-weight: 600 !important;
    color: #000;
    margin: 0;
    margin-top: 10px;
}
#holistic-image-wrapper h2 {
    font-size: 30px;
    font-weight: 600 !important;
    letter-spacing: 3px;
    color: white;
}
#holistic-image-wrapper h2.below-title {
    margin-top: 2vh;
}
#holistic-image-wrapper .text-overlay span {
    font-size: 25px;
    letter-spacing: 3px;
}
#holistic-image-wrapper .text-overlay p.below-title{
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 10px;
}
#holistic-image-wrapper .bottom-text {
    letter-spacing: 1px;
    margin-top: 10px;
    bottom: 5vh;
    position: absolute;
    color: white;
    text-align: center;
}
#holistic-image-wrapper .bottom-text p {
    font-size: 18px;
}
#holistic-image-wrapper .bottom-text img {
    margin-top: 3vh;
    max-width: 40px;
}
/* >> The holistic image - Text Container */
#holistic-image-wrapper .container {
    min-height: 25vh;
}
#holistic-image-wrapper .container .content-wrapper {
    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;
    height: max(188px, 25vh);
    padding: 30px 15px;
}
#holistic-image-wrapper .container p {
    color: #000;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
}
#holistic-image-wrapper .container .button-wrapper {
    text-align: center;
}
#holistic-image-wrapper .container a.mlkn-button {
    border: 1px solid #fff;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    background: #fff;
    width: 310px;
}
#holistic-image-wrapper .container a.mlkn-button:last-of-type {
    margin-left: 15px;
}
#holistic-image-wrapper .mobileOnly {
    display: none;
}
#holistic-wrapper > div {
margin: 5rem auto;
}
/* >> Modular Landscapes - Media Queries */
@media only screen and (max-width: 1600px) {
    #holistic-image-wrapper .text-overlay {
        max-width: 1000px;
    }
}
@media only screen and (max-width: 1300px) {
    #holistic-wrapper h2 {
        font-size: 35px;
    }
    #holistic-wrapper > div {
        width: 100%;
        margin: 5rem auto;
    }
    #holistic-image-wrapper {
        margin-bottom: 5rem;
    }
}
@media only screen and (max-width: 991px) {
    #holistic-image-wrapper {
        height: auto;
    }
    #holistic-image-wrapper .container,
    #holistic-image-wrapper .container .content-wrapper {
        height: auto;
        min-height: 25vh;
    }
    #holistic-image-wrapper .container p {
        padding-bottom: 0;
        font-size: 16px;
    }
    #holistic-image-wrapper .container a.mlkn-button,
    #holistic-image-wrapper .container a.mlkn-button:last-of-type {
        display: block;
        margin: 15px auto 0;
    }
    #holistic-wrapper h2 {
        font-size: 25px;
    }
}
@media only screen and (max-width: 767px) {
    #holistic-image-wrapper .text-overlay {
        width: 100%;
    }
    #holistic-image-wrapper .text-overlay h1 {
        font-size: 60px;
        letter-spacing: 10px;
    }
    #holistic-image-wrapper .mobileOnly {
        display: revert;
    }
    #holistic-image-wrapper .desktopOnly {
        display: none;
    }
    #holistic-image-wrapper h2 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 600px) {
    #holistic-image-wrapper .text-overlay h1 {
        font-size: 50px;
    }
    #holistic-image-wrapper .text-overlay span {
        font-size: 20px;
    }
}
@media only screen and (max-width: 500px) {
    #holistic-image-wrapper .text-overlay > span.expanded {
        font-size: 15px;
        letter-spacing: 3px;
    }
    #holistic-image-wrapper .text-overlay span {
        font-size: 18px;
        letter-spacing: 2px;
    }
    #holistic-image-wrapper .text-overlay h1 {
        font-size: 36px;
        letter-spacing: 6px;
    }
    #holistic-image-wrapper .container a.mlkn-button {
        font-size: 15px;
        width: 100%;
    }
    #holistic-image-wrapper h2 {
        font-size: 18px;
    }
}
/* >> The holistic image - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #holistic-image-wrapper .text-overlay > span.expanded {
        font-size: 25px;
    }
    #holistic-image-wrapper .text-overlay h1 {
        font-size: 110px;
    }
    #holistic-image-wrapper .container,
    #holistic-image-wrapper .container .content-wrapper {
        height: max(188px, 25vh);
    }
    #holistic-image-wrapper .container p {
        font-size: 25px;
    }
    #holistic-image-wrapper .container a.mlkn-button {
        font-size: 20px;
        width: 400px;
    }
}
/* >> The holistic image - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #holistic-image-wrapper .text-overlay h1 {
        font-size: 40px;
        letter-spacing: 7px;
    }
}




/*** reduce ***/
#reduce-wrapper {
    position: relative;
    padding: 0;
}
#reduce-wrapper.au, #reduce-wrapper.us {
    background: #474647;

}
#reduce-wrapper.au h2, #reduce-wrapper.us h2 {
    color: #7DA390 !important;
}
#reduce-wrapper.au p, #reduce-wrapper.us p {
    color: white !important;
}
#reduce-outer-wrapper {
    position: relative;
}
/* >> reduce - Slideshow */
#reduce-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
}
#reduce-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}
#reduce-slideshow-wrapper .slide > div {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* >> reduce - Slide Content */

#reduce-slideshow-wrapper .slide .right-content,
#reduce-slideshow-wrapper .slide .left-content {
    min-height: 100vh;
    height: var(--reduceHeight);
}
#reduce-slideshow-wrapper .slide .left-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 60vw;
    order: 1;
    background-position-x: center;
    background-position-y: bottom;
}
#reduce-slideshow-wrapper .slide .right-content {
    width: 40vw;
    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;
    order: 2;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    min-width: 575px;
}
#reduce-slideshow-wrapper .slide .right-content .popUpContent {
    display: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#reduce-slideshow-wrapper .slide .right-content .popUpContent p {
    /* padding-bottom: 0; */
}
#reduce-slideshow-wrapper .cycle-pager {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;  
    position: absolute;
    bottom: 10px;
    z-index: 500;
    width: 280px;
    height: 45px;
    left: 30%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#reduce-slideshow-wrapper .cycle-pager a {
    width: 80px;
    height: 5px;
    background: #aaa;
}
#reduce-wrapper .cycle-pager a.cycle-pager-active {
    background: #ddd;
}
#reduce-slide-1 .left-content {
    background-image: url('/-/media/1137752f76364127882fd410e88e61a7.ashx');
}
#reduce-slide-2 .left-content {
    background-image: url('/-/media/580d8df566324fc5ba4b7ef1cd4209e1.ashx');
}
#reduce-slide-3 .left-content {
    background-image: url('/-/media/ba2097bf6f864eda8b2e07624b7542bd.ashx');
}
#reduce-wrapper.ap #reduce-slide-1 .left-content {
    background-image: url('/-/media/ffc43075d6e74781b91f6475b42c378f.ashx');
}
#reduce-wrapper.ap #reduce-slide-2 .left-content {
    background-image: url('/-/media/138b3999118c48e8bd65288df8a250cd.ashx');
}
#reduce-wrapper.ap #reduce-slide-3 .left-content {
    background-image: url('/-/media/8bcbd0dbaf0441f789a29ca3cd25e360.ashx');
}
#reduce-wrapper.us #reduce-slide-1 .left-content {
    background-image: url('/-/media/8A1AE3CC6E184A60AD496C1E2C88B97B.ashx');
}
#reduce-wrapper.au #reduce-slide-1 .left-content {
    background-image: url('/-/media/0f5c1f279b46435ba22c1dd55a4473c1.ashx');
}
#reduce-wrapper.us #reduce-slide-2 .left-content {
    background-image: url('/-/media/985E21119ACE418B9C7F712EA08EFC57.ashx');
}
#reduce-wrapper.au #reduce-slide-2 .left-content {
    background-image: url('/-/media/2a99f3859d15400a9a79d8c41c101190.ashx');
}
#reduce-wrapper.us #reduce-slide-3 .left-content {
    background-image: url('/-/media/A1903C2A85F34E4A9A0DB17B2AB026CC.ashx');
}
#reduce-wrapper.au #reduce-slide-3 .left-content {
    background-image: url('/-/media/af8df8cc570642d8a321bfaaa711a3e9.ashx');
}
#reduce-slideshow-wrapper .slide .right-content > div {
    /* max-width: 350px; */
    margin: 0 250px 0 50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#reduce-slideshow-wrapper .slide .right-content h2 {
    color: #000;
    font-size: 50px;
    margin-bottom: 3vh;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 6px;
}
#reduce-wrapper.us #reduce-slideshow-wrapper .slide .right-content h2 {
    color: #85B09A;
}
#left5050-slideshow-wrapper  .slide .left-content h3 {
    color: #84AD98;
    font-size: 22px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 8px;
}
#reduce-slideshow-wrapper .slide .right-content p {
    /* font-size: 18px; */
    color: #000;
    line-height: 1.5em;
    text-align: left;
    padding-bottom: 20px;
}
#reduce-slideshow-wrapper a.mlkn-button {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    background: #474647;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    max-width: 300px;
    margin: 15px 0 50px;
}
#reduce-slideshow-wrapper a.mlkn-button:not(#reduce-wrapper.us a.mlkn-button):not(#reduce-wrapper.au a.mlkn-button):not(#reduce-wrapper.gb a.mlkn-button)  {
    border-color: black;
    color: black;
    background: white;
}
/* #reduce-slideshow-wrapper .popUpContent a.close {
    background: #fff;
    color: #000;
} */
#reduce-slideshow-wrapper a.mlkn-button:hover {
    color: #474647;
    background: #fff;
}
#reduce-slideshow-wrapper a.mlkn-button:not(#reduce-wrapper.us a.mlkn-button):not(#reduce-wrapper.au a.mlkn-button):not(#reduce-wrapper.gb a.mlkn-button):hover  {
    background: black;
    color: white;
}
/* #reduce-slideshow-wrapper .popUpContent a.close:hover {
    color: #474647;
    background: #fff;
} */
#reduce-slideshow-wrapper .popUpContent a:not(a.form-link) {
    max-width: 500px;
}
#reduce-slideshow-wrapper .popUpContent a:not(.close) {
    margin-top: 0;
}
/* >> reduce - Slideshow Controls */
#reduce-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    z-index: 100;
    left: var(--reduceLeft);
}
#reduce-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}
#reduce-slideshow-controls button:last-of-type {
    margin-left: 30px;  
}
#reduce-slideshow-controls button:focus {
    outline: none;
}
/* >> reduce - Media Queries */
/* >> reduce - iMac 4K */
@media only screen and (min-width: 1300px) {
    #reduce-slideshow-wrapper .slide .right-content.showPopUp {
        width: 60vw !important;
        -webkit-transition: 0.5s;
    -o-transition: 0.5s;
        transition: 0.5s;
    }
    #reduce-slideshow-wrapper .slide .left-content.showPopUp {
        width: 40vw !important;
        -webkit-transition: 0.5s;
    -o-transition: 0.5s;
        transition: 0.5s;
    }
}
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #reduce-slideshow-wrapper .slide .right-content > div {
        max-width: 700px;
    }
    /* #reduce-slideshow-wrapper .slide .right-content p {
        font-size: 25px;
    } */
    #reduce-slideshow-wrapper a.mlkn-button {
        font-size: 20px;
    }
    #reduce-slideshow-controls {
        bottom: 20vh;
    }
}
@media only screen and (max-width: 1600px) {
    #reduce-slideshow-wrapper .slide .right-content > div {
        margin: 0 200px 0 50px;
    }
}
/* >>> reduce - Keith's Macbook*/
@media only screen and (min-width: 1450px) and (max-width: 1700px)  {

}

@media only screen and (max-width: 1300px) {
    #reduce-slideshow-wrapper .slide .right-content {
        min-width: revert;
    }
    #reduce-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }
    #reduce-slideshow-wrapper .slide .right-content,
    #reduce-slideshow-wrapper .slide .left-content {
        width: 100vw;
    }
    #reduce-slideshow-wrapper .slide .left-content {
        height: max(375px, 50vh);
        order: 1;
    }
    #reduce-slideshow-wrapper .slide .right-content {
        min-height: 50vh;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }
    #reduce-slideshow-wrapper .slide > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #reduce-slideshow-wrapper .slide .left-content {
        background-position: center;
    }
    #reduce-slideshow-wrapper .slide .right-content > div {
        width: 100%;
        max-width: 750px;
        margin: auto;
    }
    #reduce-slideshow-wrapper .slide .right-content h2 {
        font-size: 35px;
    }
    #reduce-slideshow-wrapper .slide .right-content p {
        /* font-size: 18px; */
    }
    #reduce-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
    #reduce-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }
    #reduce-slideshow-wrapper .slide .right-content {
        margin: 5rem auto;
    }
    #reduce-slideshow-wrapper .cycle-pager {
        left: 50%;
        bottom: auto;
        top: 90vh;
    }
}
@media only screen and (max-width: 991px) {
    #reduce-slideshow-wrapper .slide .right-content h2 {
        font-size: 25px;
    }
    #reduce-slideshow-wrapper .slide .right-content p {
        /* font-size: 16px; */
    }
    #reduce-slideshow-wrapper .slide .right-content > div {
        max-width: 498px;
    }

}
@media only screen and (max-width: 767px) {
    #reduce-slideshow-wrapper a.mlkn-button {
        font-size: 15px;
    }
    #reduce-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}
@media only screen and (max-width: 500px) {
    #reduce-slideshow-wrapper .slide .right-content p {
        /* font-size: 15px; */
    }
    #reduce-slideshow-wrapper a.mlkn-button {
        /* max-width: none; */
        width: 100%;
        margin: 0 0 30px;
    }
}


  
/*** reuse ***/
#reuse-wrapper {
    position: relative;
    padding: 0;
}
#reuse-wrapper.au, #reuse-wrapper.us {
    background: #474647;

}
#reuse-wrapper.au h2, #reuse-wrapper.us h2 {
    color: #7DA390 !important;
}
#reuse-wrapper.au p, #reuse-wrapper.us p {
    color: white !important;
}
#reuse-outer-wrapper {
    position: relative;
}
/* >> reuse - Slideshow */
#reuse-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
}
#reuse-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}
#reuse-slideshow-wrapper .slide > div {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* >> reuse - Slide Content */
#reuse-slideshow-wrapper .slide .right-content,
#reuse-slideshow-wrapper .slide .left-content {
    min-height: 100vh;
    height: var(--reuseHeight);
}
#reuse-slideshow-wrapper .slide .left-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 65vw;
    order: 2;
    background-position-x: center;
    background-position-y: bottom;
}
#reuse-slideshow-wrapper .slide .right-content {
    width: 35vw;
    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;
    order: 1;
    min-width: 525px;
    -webkit-transition: 0.5s !important;
    -o-transition: 0.5s !important;
    transition: 0.5s !important;
}
#reuse-slideshow-wrapper .slide .right-content .popUpContent {
    display: none;
    -webkit-transition: 0.5s !important;
    -o-transition: 0.5s !important;
    transition: 0.5s !important;
}
#reuse-slideshow-wrapper .cycle-pager {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;  
    position: absolute;
    bottom: 10px;
    z-index: 500;
    width: 280px;
    height: 45px;
    right: 20%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#reuse-slideshow-wrapper .cycle-pager a {
    width: 80px;
    height: 5px;
    background: #aaa;
}
#reuse-wrapper .cycle-pager a.cycle-pager-active {
    background: #ddd;
}
#reuse-slide-1 .left-content {
    background-image: url('/-/media/e0defed5904441dcaca17b5b0eedf42b.ashx');
}
#reuse-slide-2 .left-content {
    background-image: url('/-/media/85239e6ae6964a5f834ae916cdcbb717.ashx');
}
#reuse-slide-3 .left-content {
    background-image: url('/-/media/654666924c7d4537968b4a7a5f41f964.ashx');
}
#reuse-wrapper.ap #reuse-slide-1 .left-content {
    background-image: url('/-/media/54149f2eb6484b68b9eed49f07c69d78.ashx');
}
#reuse-wrapper.ap #reuse-slide-2 .left-content {
    background-image: url('/-/media/ae58bc0ce2164b07a66ffdbef4e2d69d.ashx');
}
#reuse-wrapper.ap #reuse-slide-3 .left-content {
    background-image: url('/-/media/6db331cdc44848a5a87198ef7e8531b0.ashx');
}
#reuse-wrapper.us #reuse-slide-1 .left-content {
    background-image: url('/-/media/D3F6DC6383464676A1782A998AB7DD65.ashx');
}
#reuse-wrapper.au #reuse-slide-1 .left-content {
    background-image: url('/-/media/fff8a506a129412e95914b5afab25811.ashx');
}
#reuse-wrapper.us #reuse-slide-2 .left-content {
    background-image: url('/-/media/56F6C593A77A40F8A1FB266BAB10F00E.ashx');
}
#reuse-wrapper.au #reuse-slide-2 .left-content {
    background-image: url('/-/media/7c5193ccabee449395f4f533cd7ca054.ashx');
}
#reuse-wrapper.us #reuse-slide-3 .left-content {
    background-image: url('/-/media/3391E188C2DE455B826461CD0ED7CE21.ashx');
}
#reuse-wrapper.au #reuse-slide-3 .left-content {
    background-image: url('/-/media/d67e0d11fc2f4505b64de94747ad41d6.ashx');
}
#reuse-slideshow-wrapper .slide .right-content > div {
    /* max-width: 535px; */
    margin: 0 50px 0 150px;
}
#reuse-slideshow-wrapper .slide .right-content h2 {
    color: #000;
    font-size: 50px;
    margin-bottom: 3vh;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 6px;
}
#reuse-slideshow-wrapper  .slide .left-content h3 {
    color: dimgray;
    font-size: 22px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 8px;
}
#reuse-slideshow-wrapper .slide .right-content p {
    /* font-size: 18px; */
    color: #000;
    line-height: 1.5em;
    text-align: left;
    padding-bottom: 20px;
}
#reuse-slideshow-wrapper .slide .right-content p a {
    color: #000;
}
#reuse-slideshow-wrapper a.mlkn-button {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    background: #474647;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    max-width: 300px;
    margin: 15px 0 50px;
}
/* #reuse-slideshow-wrapper .popUpContent a.close {
    background: #fff;
    color: #000;
} */
#reuse-slideshow-wrapper a.mlkn-button:not(#reuse-wrapper.us a.mlkn-button):not(#reuse-wrapper.au a.mlkn-button):not(#reuse-wrapper.gb a.mlkn-button) {
    border-color: black;
    color: black;
    background: white;
}
/* #reuse-slideshow-wrapper .slide .right-content .popUpContent a.close:hover {
    color: #474647;
    background: #fff;
} */
 #reuse-slideshow-wrapper a.mlkn-button:hover {
    color: #474647;
    background: #fff;
}
#reuse-slideshow-wrapper a.mlkn-button:not(#reuse-wrapper.us a.mlkn-button):not(#reuse-wrapper.au a.mlkn-button):not(#reuse-wrapper.gb a.mlkn-button):hover  {
    background: black;
    color: white;
}

#reuse-slideshow-wrapper .slide .right-content .popUpContent a:not(a.form-link) {
    max-width: 500px;
}
#reuse-slideshow-wrapper .slide .right-content .popUpContent a:not(.close) {
    margin-top: 0;
}
/* >> reuse - Slideshow Controls */
#reuse-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    z-index: 100;
    left: var(--reuseLeft);
}
#reuse-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}
#reuse-slideshow-controls button:last-of-type {
    margin-left: 30px;  
}
#reuse-slideshow-controls button:focus {
    outline: none;
}
/* >> reuse - Media Queries */
@media only screen and (min-width: 1300px) {
    #reuse-slideshow-wrapper .slide .right-content.showPopUp {
        width: 60vw !important;
        -webkit-transition: 0.5s !important;
    -o-transition: 0.5s !important;
        transition: 0.5s !important;
    }
    #reuse-slideshow-wrapper .slide .left-content.showPopUp {
        width: 40vw !important;
        -webkit-transition: 0.5s !important;
    -o-transition: 0.5s !important;
        transition: 0.5s !important;
    }

}
/* >> reuse - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #reuse-slideshow-wrapper .slide .right-content > div {
        max-width: 700px;
    }
    #reuse-slideshow-wrapper .slide .right-content p {
        /* font-size: 25px; */
    }
    #reuse-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 20px;
    }
    #reuse-slideshow-controls {
        bottom: 20vh;
    }
}
@media only screen and (max-width: 1600px) {
    #reuse-slideshow-wrapper .slide .right-content > div {
        margin: 0 50px 0 100px;
    }
}
/* >>> reuse - Keith's Macbook*/
@media only screen and (min-width: 1450px) and (max-width: 1700px)  {

}

@media only screen and (max-width: 1300px) {
#reuse-slideshow-wrapper .slide .right-content {
min-width: revert;
}
    #reuse-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }
    #reuse-slideshow-wrapper .slide .right-content,
    #reuse-slideshow-wrapper .slide .left-content {
        width: 100vw;
    }
    #reuse-slideshow-wrapper .slide .left-content {
        height: max(375px, 50vh);
        order: 1;
    }
    #reuse-slideshow-wrapper .slide .right-content {
        min-height: 50vh;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }
    #reuse-slideshow-wrapper .slide > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #reuse-slideshow-wrapper .slide .left-content {
        background-position: center;
    }
    #reuse-slideshow-wrapper .slide .right-content > div {
        width: 100%;
        max-width: 750px;
        margin: auto;
    }
    #reuse-slideshow-wrapper .slide .right-content h2 {
        font-size: 35px;
    }
    #reuse-slideshow-wrapper .slide .right-content p {
        /* font-size: 18px; */
    }
    #reuse-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
    #reuse-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }
    #reuse-slideshow-wrapper .slide .right-content {
        margin: 5rem auto;
    }
    #reuse-slideshow-wrapper .cycle-pager {
        left: 50%;
        bottom: auto;
        top: 90vh;
    }
    #reuse-slideshow-wrapper .slide .right-content a.mlkn-button {
        max-width: 550px;
    }
}
@media only screen and (max-width: 991px) {
    #reuse-slideshow-wrapper .slide .right-content h2 {
        font-size: 25px;
    }
    #reuse-slideshow-wrapper .slide .right-content p {
        /* font-size: 16px; */
    }
    #reuse-slideshow-wrapper .slide .right-content > div {
        max-width: 498px;
    }
}
@media only screen and (max-width: 767px) {
    #reuse-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 15px;
    }
    #reuse-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}
@media only screen and (max-width: 500px) {
    #reuse-slideshow-wrapper .slide .right-content p {
        /* font-size: 15px; */
    }
    #reuse-slideshow-wrapper .slide .right-content a.mlkn-button {
        /* max-width: none; */
        width: 100%;
        margin: 0 0 30px;
        max-width: none;
    }
}




/*** recycle ***/
#recycle-wrapper {
    position: relative;
    padding: 0;
}
#recycle-wrapper.au, #recycle-wrapper.us {
    background: #474647;

}
#recycle-wrapper.au h2, #recycle-wrapper.us h2 {
    color: #7DA390 !important;
}
#recycle-wrapper.au p, #recycle-wrapper.us p {
    color: white !important;
}
#recycle-outer-wrapper {
    position: relative;
}
/* >> recycle - Slideshow */
#recycle-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
}
#recycle-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}
#recycle-slideshow-wrapper .slide > div {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* >> recycle - Slide Content */
#recycle-slideshow-wrapper .slide .right-content,
#recycle-slideshow-wrapper .slide .left-content {
    min-height: 100vh;
    height: var(--recycleHeight);
}
#recycle-slideshow-wrapper .slide .left-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 60vw;
    order: 1;
    background-position-x: center;
    background-position-y: bottom;
}
#recycle-slideshow-wrapper .slide .right-content {
    width: 40vw;
    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;
    order: 2;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    min-width: 575px;
}
#recycle-slideshow-wrapper .slide .right-content .popUpContent {
    display: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#recycle-slideshow-wrapper .slide .right-content .popUpContent p {
    /* padding-bottom: 0; */
}
#recycle-slideshow-wrapper .cycle-pager {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;  
    position: absolute;
    bottom: 10px;
    z-index: 500;
    width: 280px;
    height: 45px;
    left: 30%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#recycle-slideshow-wrapper .cycle-pager a {
    width: 80px;
    height: 5px;
    background: #aaa;
}
#recycle-wrapper .cycle-pager a.cycle-pager-active {
    background: #ddd;
}
#recycle-slide-1 .left-content {
    background-image: url('/-/media/ffe571ac3e574dc9a1d750b04d8b7d05.ashx');
}
#recycle-slide-2 .left-content {
    background-image: url('/-/media/be1b1ede6cf34850abd81d6ad13bff56.ashx');
}
#recycle-slide-3 .left-content {
    background-image: url('/-/media/af28eec1c0a44b9597a1d96cec54dfde.ashx');
}
#recycle-wrapper.ap #recycle-slide-1 .left-content {
    background-image: url('/-/media/0ce331c27d1f42fb809a6114e957b2d1.ashx');
}
#recycle-wrapper.ap #recycle-slide-2 .left-content {
    background-image: url('/-/media/7b6bcdac1e594029960db31104c5aa06.ashx');
}
#recycle-wrapper.ap #recycle-slide-3 .left-content {
    background-image: url('/-/media/7f00a00b0f49462b8321605bf01ff0b9.ashx');
}
#recycle-wrapper.us #recycle-slide-1 .left-content {
    background-image: url('/-/media/15BD8E18BC2143698EA30F422D19C8B8.ashx');
}
#recycle-wrapper.au #recycle-slide-1 .left-content {
    background-image: url('/-/media/5ecd96fb082946aba1233f0965653a01.ashx');
}
#recycle-wrapper.us #recycle-slide-2 .left-content {
    background-image: url('/-/media/A8F58424097C4F228F5F54C2504EFB05.ashx');
}
#recycle-wrapper.au #recycle-slide-2 .left-content {
    background-image: url('/-/media/8356fd0b8cea4d2cbae6af530525bce6.ashx');
}
#recycle-wrapper.us #recycle-slide-3 .left-content {
    background-image: url('/-/media/4A74F0112923423CB98339080B99890F.ashx');
}
#recycle-wrapper.au #recycle-slide-3 .left-content {
    background-image: url('/-/media/c5f50d986470454ca57189c0db41b2b3.ashx');
}

#recycle-slideshow-wrapper .slide .right-content > div {
    /* max-width: 350px; */
    margin: 0 250px 0 50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#recycle-slideshow-wrapper .slide .right-content h2 {
    color: #000;
    font-size: 50px;
    margin-bottom: 3vh;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 6px;
}
#left5050-slideshow-wrapper  .slide .left-content h3 {
    color: #84AD98;
    font-size: 22px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 8px;
}
#recycle-slideshow-wrapper .slide .right-content p {
    /* font-size: 18px; */
    color: #000;
    line-height: 1.5em;
    text-align: left;
    padding-bottom: 20px;
}
#recycle-slideshow-wrapper a.mlkn-button {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    background: #474647;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    max-width: 300px;
    margin: 15px 0 50px;
}
/* #recycle-slideshow-wrapper .slide .right-content .popUpContent a.close {
    background: #fff;
    color: #000;
} */
#recycle-slideshow-wrapper  a.mlkn-button:hover {
    color: #474647;
    background: #fff;
}
#recycle-slideshow-wrapper a.mlkn-button:not(#recycle-wrapper.us a.mlkn-button):not(#recycle-wrapper.au a.mlkn-button):not(#recycle-wrapper.gb a.mlkn-button)  {
    border-color: black;
    color: black;
    background: white;
}
#recycle-slideshow-wrapper a.mlkn-button:not(#recycle-wrapper.us a.mlkn-button):not(#recycle-wrapper.au a.mlkn-button):not(#recycle-wrapper.gb a.mlkn-button):hover  {
    background: black;
    color: white;
}
/* #recycle-wrapper.us #recycle-slideshow-wrapper .slide .right-content a.mlkn-button {
    color: #474647;
} */
/* #recycle-wrapper.us #recycle-slideshow-wrapper .slide .right-content a.mlkn-button:hover {
    background: #474647;
    color: white;
    border-color: white;
} */
/* #recycle-slideshow-wrapper .slide .right-content .popUpContent a.close:hover {
    color: #474647;
    background: #fff;
    border-color: white;
} */
#recycle-slideshow-wrapper .slide .right-content .popUpContent a:not(a.form-link) {
    max-width: 500px;
}
#recycle-slideshow-wrapper .slide .right-content .popUpContent a:not(.close) {
    margin-top: 0;
}
/* >> recycle - Slideshow Controls */
#recycle-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    z-index: 100;
    left: var(--recycleLeft);
}
#recycle-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}
#recycle-slideshow-controls button:last-of-type {
    margin-left: 30px;  
}
#recycle-slideshow-controls button:focus {
    outline: none;
}
/* >> recycle - Media Queries */
@media only screen and (min-width: 1300px) {
    #recycle-slideshow-wrapper .slide .right-content.showPopUp {
        width: 60vw !important;
        -webkit-transition: 0.5s;
    -o-transition: 0.5s;
        transition: 0.5s;
    }
    #recycle-slideshow-wrapper .slide .left-content.showPopUp {
        width: 40vw !important;
        -webkit-transition: 0.5s;
    -o-transition: 0.5s;
        transition: 0.5s;
    }
}
/* >> recycle - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #recycle-slideshow-wrapper .slide .right-content > div {
        max-width: 700px;
    }
    #recycle-slideshow-wrapper .slide .right-content p {
        /* font-size: 25px; */
    }
    #recycle-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 20px;
    }
    #recycle-slideshow-controls {
        bottom: 20vh;
    }
}
@media only screen and (max-width: 1600px) {
    #recycle-slideshow-wrapper .slide .right-content > div {
        margin: 0 200px 0 50px;
    }
}
/* >>> recycle - Keith's Macbook*/
@media only screen and (min-width: 1450px) and (max-width: 1700px)  {

}

@media only screen and (max-width: 1300px) {
#recycle-slideshow-wrapper .slide .right-content {
min-width: revert;
}
    #recycle-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }
    #recycle-slideshow-wrapper .slide .right-content,
    #recycle-slideshow-wrapper .slide .left-content {
        width: 100vw;
    }
    #recycle-slideshow-wrapper .slide .left-content {
        height: max(375px, 50vh);
        order: 1;
    }
    #recycle-slideshow-wrapper .slide .right-content {
        min-height: 50vh;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
        margin: 5rem auto;
    }
    #recycle-slideshow-wrapper .slide > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #recycle-slideshow-wrapper .slide .left-content {
        background-position: center;
    }
    #recycle-slideshow-wrapper .slide .right-content > div {
        width: 100%;
        margin: auto;
        max-width: 750px;


    }
    #recycle-slideshow-wrapper .slide .right-content h2 {
        font-size: 35px;
    }
    #recycle-slideshow-wrapper .slide .right-content p {
        /* font-size: 18px; */
    }
    #recycle-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
    #recycle-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }
    #recycle-slideshow-wrapper .cycle-pager {
        left: 50%;
        bottom: auto;
        top: 90vh;
    }
}
@media only screen and (max-width: 991px) {
    #recycle-slideshow-wrapper .slide .right-content h2 {
        font-size: 25px;
    }
    #recycle-slideshow-wrapper .slide .right-content p {
        /* font-size: 16px; */
    }
    #recycle-slideshow-wrapper .slide .right-content > div {

        max-width: 498px;

    }
}
@media only screen and (max-width: 767px) {
    #recycle-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 15px;
    }
    #recycle-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}
@media only screen and (max-width: 500px) {
    #recycle-slideshow-wrapper .slide .right-content p {
        /* font-size: 15px; */
    }
    #recycle-slideshow-wrapper .slide .right-content a.mlkn-button {
        /* max-width: none; */
        width: 100%;
        margin: 0 0 30px;
    }
}


 
/*** recovery ***/
#recovery-wrapper {
    position: relative;
    padding: 0;
}
#recovery-outer-wrapper {
    position: relative;
}
/* >> recovery - Slideshow */
#recovery-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
}
#recovery-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}
#recovery-slideshow-wrapper .slide > div {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* >> recovery - Slide Content */
#recovery-slideshow-wrapper .slide .right-content,
#recovery-slideshow-wrapper .slide .left-content {
    min-height: 100vh;
    height: var(--recoveryHeight);
}
#recovery-slideshow-wrapper .slide .left-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 65vw;
    order: 2;
    background-position-x: center;
    background-position-y: bottom;
}
#recovery-slideshow-wrapper .slide .right-content {
    width: 35vw;
    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;
    order: 1;
    min-width: 525px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#recovery-slideshow-wrapper .slide .right-content .popUpContent {
    display: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#recovery-slide-1 .left-content {
    background-image: url('/-/media/6A60860812EA4E1EA9B75FBF98B3E341.ashx');
}
#recovery-slide-2 .left-content {
    background-image: url('/-/media/6390D64359574C91965E3A62FA034B20.ashx');
}
#recovery-slide-3 .left-content {
    background-image: url('/-/media/CECA49E8BF8C4B3FB4D652F00D7056A9.ashx');
}
#recovery-slideshow-wrapper .slide .right-content > div {
    /* max-width: 535px; */
    margin: 0 50px 0 150px;
}
#recovery-slideshow-wrapper .slide .right-content h2 {
    color: #000;
    font-size: 50px;
    margin-bottom: 3vh;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 6px;
}
#recovery-slideshow-wrapper  .slide .left-content h3 {
    color: dimgray;
    font-size: 22px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 8px;
}
#recovery-slideshow-wrapper .slide .right-content p {
    /* font-size: 18px; */
    color: #000;
    line-height: 1.5em;
    text-align: left;
    padding-bottom: 20px;
}
#recovery-slideshow-wrapper .slide .right-content a.mlkn-button {
    display: block;
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 30px;
    max-width: 350px;
    margin: 15px 0;
}
#recovery-slideshow-wrapper .slide .right-content .popUpContent a.close {
    background: #fff;
    color: #000;
}
#recovery-slideshow-wrapper .slide .right-content a.mlkn-button:hover {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}
#recovery-slideshow-wrapper .slide .right-content .popUpContent a.close:hover {
    color: #474647;
    background: #fff;
}
#recovery-slideshow-wrapper .slide .right-content .popUpContent a:not(a.form-link) {
    max-width: 500px;
}
#recovery-slideshow-wrapper .slide .right-content .popUpContent a:not(.close) {
    margin-top: 0;
}
/* >> recovery - Slideshow Controls */
#recovery-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    z-index: 100;
    left: var(--recoveryLeft);
}
#recovery-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}
#recovery-slideshow-controls button:last-of-type {
    margin-left: 30px;  
}
#recovery-slideshow-controls button:focus {
    outline: none;
}
#recovery-slideshow-wrapper .cycle-pager {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;  
    position: absolute;
    bottom: 10px;
    z-index: 500;
    width: 280px;
    height: 45px;
    right: 20%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#recovery-slideshow-wrapper .cycle-pager a {
    width: 80px;
    height: 5px;
    background: #aaa;
}
#recovery-wrapper .cycle-pager a.cycle-pager-active {
    background: #ddd;
}
/* >> recovery - Media Queries */
@media only screen and (min-width: 1300px) {
    #recovery-slideshow-wrapper .slide .right-content.showPopUp {
        width: 60vw !important;
        -webkit-transition: 0.5s;
    -o-transition: 0.5s;
        transition: 0.5s;

    }
    #recovery-slideshow-wrapper .slide .left-content.showPopUp {
        width: 40vw !important;
        -webkit-transition: 0.5s;
    -o-transition: 0.5s;
        transition: 0.5s;
    }
}
/* >> recovery - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #recovery-slideshow-wrapper .slide .right-content > div {
        max-width: 700px;
    }
    #recovery-slideshow-wrapper .slide .right-content p {
        /* font-size: 25px; */
    }
    #recovery-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 20px;
    }
    #recovery-slideshow-controls {
        bottom: 20vh;
    }
}
@media only screen and (max-width: 1600px) {
    #recovery-slideshow-wrapper .slide .right-content > div {
        margin: 0 50px 0 100px;
    }
}

/* >>> recovery - Keith's Macbook*/
@media only screen and (min-width: 1450px) and (max-width: 1700px)  {

}

@media only screen and (max-width: 1300px) {
#recovery-slideshow-wrapper .slide .right-content {
min-width: revert;
}
    #recovery-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }
    #recovery-slideshow-wrapper .slide .right-content,
    #recovery-slideshow-wrapper .slide .left-content {
        width: 100vw;
    }
    #recovery-slideshow-wrapper .slide .left-content {
        height: max(375px, 50vh);
        order: 1;
    }
    #recovery-slideshow-wrapper .slide .right-content {
        min-height: 50vh;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
        margin: 5rem auto;
    }
    #recovery-slideshow-wrapper .slide > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #recovery-slideshow-wrapper .slide .left-content {
        background-position: center;
    }
    #recovery-slideshow-wrapper .slide .right-content > div {
        width: 100%;
        max-width: 750px;
        margin: auto;
    }
    #recovery-slideshow-wrapper .slide .right-content h2 {
        font-size: 35px;
    }
    #recovery-slideshow-wrapper .slide .right-content p {
        /* font-size: 18px; */
    }
    #recovery-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
    #recovery-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }
    #recovery-slideshow-wrapper .cycle-pager {
        left: 50%;
        bottom: auto;
        top: 90vh;
    }
}
@media only screen and (max-width: 991px) {
    #recovery-slideshow-wrapper .slide .right-content h2 {
        font-size: 25px;
    }
    #recovery-slideshow-wrapper .slide .right-content p {
        /* font-size: 16px; */
    }
    #recovery-slideshow-wrapper .slide .right-content > div {
        max-width: 498px;
    }
}
@media only screen and (max-width: 767px) {
    #recovery-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 15px;
    }
    #recovery-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}
@media only screen and (max-width: 500px) {
    #recovery-slideshow-wrapper .slide .right-content p {
        /* font-size: 15px; */
    }
    #recovery-slideshow-wrapper .slide .right-content a.mlkn-button {
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }
}



/*** CREATIVE COLLECTIVE ***/
#creative-collective-wrapper {
    height: 300px;
    background-image: url('/-/media/7DB53322066146969ABCAB5E20443179.ashx');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    
}
/* >> Creative Collective - Image */
#creative-collective-wrapper img {
    width: 200px;  
    margin-top: 40px;
}
/* >> Creative Collective - Button */
#creative-collective-wrapper a.mlkn-button {
    background: #036;
    border: 1px solid #036;
    text-align: center;
    margin-top: 135px;
    width: 300px;
}
/* >> Creative Collective - Media Queries */
@media only screen and (max-width: 767px) {
    #creative-collective-wrapper .row > div:first-of-type {
        text-align: center;  
    }
    #creative-collective-wrapper .row > div:first-of-type img {
        margin: 20px auto 0;  
        width: 150px;
    }
    #creative-collective-wrapper a.mlkn-button {
        display: block;
        margin: 30px auto 0;
    }
}
/* >> Creative Collective - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #creative-collective-wrapper a.mlkn-button {
        font-size: 20px;
    }
}