/*** BODY ***/
body {
    position: relative;  
}
main {
    overflow-x: hidden;
}
main > section {
    position: relative;
}
.embedded-video {
    margin-top: 0 !important;
}
.video-overlay-container {
    display: none !important;
}

/* >> iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    p {
        line-height: 120%;
    }
}

/*** HEADINGS ***/
h1 {
    font-size: 37px;  
}

/*** NAVBAR CIRCLES ***/
#navbar-circles {
    position: fixed;
    right: 50px;
    top: 25vh;
    z-index: 10001;
}
#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: 35px;
}
#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: absolute;
}
#navbar-circles a::before {
    color: #fff;
    position: relative;
    right: 30px;
    top: -8px;
    text-align: right;
    float: right;
    display: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
}
#navbar-circles a[href="#modular-landscapes-wrapper"]::before {
    content: "Modular Landscapes";
}
#navbar-circles a[href="#cost-savings-wrapper"]::before {
    content: "Cost Savings";
}
#navbar-circles a[href="#design-flexibility-wrapper"]::before {
    content: "Design Flexibility";
}
#navbar-circles a[href="#technology-wrapper"]::before {
    content: "Technology";
}
#navbar-circles a[href="#installation-wrapper"]::before {
    content: "Installation";
}
#navbar-circles a[href="#visionlab-wrapper"]::before {
    content: "VisionLab";
}
#navbar-circles a[href="#design-customization-wrapper"]::before {
    content: "Design Customization";
}
#navbar-circles a[href="#MainContainer_C011_Col00"]::before {
    content: "PrintWorks";
}
#navbar-circles a[href="#the-future-wrapper"]::before {
    content: "The Future";
}
#navbar-circles li.active > a,
#navbar-circles li.active > a:focus,
#navbar-circles li.active > a:hover {
    background: #fff;
}
#navbar-circles li.active > a::before,
#navbar-circles li.active > a:focus::before,
#navbar-circles li.active > a:hover::before,
#navbar-circles li:hover > a::before {
    display: inline-block;
}
#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 !important; 
    
    } 
    
    #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; 
    } 
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link { 
        background: #fff !important; 
    } 
    #navbar-circles.dark-theme .nav-pills .nav-link.active, .nav-pills .show>.nav-link { 
        background: #000 !important; 
    } 
/*  >> 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.active > a,
#navbar-circles.dark-theme li.active > a:focus,
#navbar-circles.dark-theme li.active > a:hover {
    background: #000;
}
/* >> Nav Circles - Media Queries */
@media only screen and (max-width: 991px) {
    h1 {
        font-size: 30px;  
    }
    #navbar-circles {
        display: none;  
    }
}

/*** BOTTOM NAVIGATION ***/
.bottom-nav-wrapper.row,
.slideout-wrapper {
    background-color: #000 !important;
}
.bottom-nav-wrapper {
    border-top: none !important;
}
.bottom-nav-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

/*** MODULAR LANDSCAPES  ***/
#modular-landscapes-wrapper {
    background-image: url('/-/media/5f6e9497fc484e9f800a9c364a059c4e.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: 0;
    height: 100vh;
}
#modular-landscapes-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: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* >> Modular Landscapes - Content */
#modular-landscapes-wrapper img.future-logo {
    width: 350px;
    display: block;
    margin: 0 auto;
}
#modular-landscapes-wrapper h1,
#modular-landscapes-wrapper p {
    width: 100%;
    color: #fff;
    text-align: center;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}
#modular-landscapes-wrapper h1 {
    font-size: 70px;  
    letter-spacing: 5px;
    margin-bottom: 15px;
    margin-top: 0.67em;
    font-weight: bold !important;
}
#modular-landscapes-wrapper h1 img {
    display: inline-block;
    vertical-align: baseline;
    height: 53px;
    position: relative;
    top: 1px;
}
#modular-landscapes-wrapper p {
    font-size: 18px;
    max-width: 750px;
    margin: 0 auto;  
}
#modular-landscapes-wrapper a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: 50px;
}
#modular-landscapes-wrapper a img {
    width: 75px;
}
#modular-landscapes-wrapper a span {
    display: block;
    margin-top: 20px;
}
/* >> Modular Landscapes - Media Queries */
@media only screen and (max-width: 1300px) {
    #modular-landscapes-wrapper img.future-logo {
        width: 300px;
    }
    #modular-landscapes-wrapper h1 {
        font-size: 40px;
    }
    #modular-landscapes-wrapper h1 img {
        height: 30px;
    }
}
@media only screen and (max-width: 767px) {
    #modular-landscapes-wrapper img.future-logo {
        width: 250px;
    }
    #modular-landscapes-wrapper p {
        font-size: 16px;
    }
    #modular-landscapes-wrapper a {
        font-size: 14px;
    }
}
/* >> Modular Landscapes - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #modular-landscapes-wrapper img.future-logo {
        width: 600px;
    }
    #modular-landscapes-wrapper h1 {
        font-size: 80px;
    }
    #modular-landscapes-wrapper h1 img {
        height: 60px;
    }
    #modular-landscapes-wrapper p {
        max-width: 1200px;
        font-size: 30px;
    }
    #modular-landscapes-wrapper a {
        font-size: 24px;
    }
    #modular-landscapes-wrapper a img {
        width: 150px;
    }
}
/* >> Modular Landscapes - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
    #modular-landscapes-wrapper p {
        font-size: 15px;
    }
}
/* >> Modular Landscapes - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #modular-landscapes-wrapper img.future-logo {
        width: 200px;
    }
    #modular-landscapes-wrapper h1 {
        font-size: 29px;
    }
    #modular-landscapes-wrapper h1 img {
        height: 25px;
    }
    #modular-landscapes-wrapper p {
        font-size: 14px;
    }
}

/*** COST SAVINGS ***/
#cost-savings-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> Cost Savings - Columns */
#cost-savings-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#cost-savings-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;
}
/* >> Cost Savings - Image */
#cost-savings-wrapper .row > div:first-of-type {
    background-image: url('/-/media/e1633b42b3e448efb4d2836c5f9fc40a.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* >> Cost Savings - Content */
#cost-savings-wrapper .content h1,
#cost-savings-wrapper .content p {
    text-align: left;
}
#cost-savings-wrapper .content h1 {
    font-weight: bold !important;
    letter-spacing: 3px;
    color: #000;
    font-size: 35px;
}
#cost-savings-wrapper .content p {
    font-size: 18px;
    color: #303030;
    margin-top: 2em;
}
#cost-savings-wrapper .content p:last-of-type {
    font-size: 14px;
}
/* >> Cost Savings - Media Queries */
@media only screen and (max-width: 1700px) {
    #cost-savings-wrapper .row > div:last-of-type {
        padding-left: 75px;
        padding-right: 75px;
    }
}
@media only screen and (max-width: 1400px) {
    #cost-savings-wrapper .content h1 {
        font-size: 30px;
    }
    #cost-savings-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #cost-savings-wrapper .content h1 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1199px) {
    #cost-savings-wrapper .row > div {
        height: auto;
    }
    #cost-savings-wrapper .row > div:first-of-type {
        height: 60vh;
    }
    #cost-savings-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #cost-savings-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #cost-savings-wrapper .content h1,
    #cost-savings-wrapper .content p {
        text-align: center;
    }
    #cost-savings-wrapper .content h1 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    #cost-savings-wrapper .content {
        max-width: none;
    }
}
@media only screen and (max-width: 767px) {
    #cost-savings-wrapper .content h1 {
        font-size: 19px;
    }
    #cost-savings-wrapper .content p {
        font-size: 14px;
    }
}
/* >> Cost Savings - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #cost-savings-wrapper .content h1 {
        font-size: 50px;
    }
    #cost-savings-wrapper .content p {
        font-size: 25px;
    }
}

/*** DESIGN FLEXIBILITY ***/
#design-flexibility-wrapper {
    background: #f2f2f2;
    position: relative;
    padding: 0;
    height: 100vh;
}
/* >> Design Flexibility - Slideshow Container */
#design-flexibility-wrapper .slideshow-container {
    height: 75vh;
    width: 100%;
}
#design-flexibility-wrapper .cycle-slideshow {
    width: 100%;  
    height: 75vh;
}
#design-flexibility-wrapper .cycle-slideshow .slide {
    width: 100%;
    height: 75vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#design-flexibility-slide-1 {
    background-image: url('/-/media/e6a05aa54c7742f8abe8fc4381a6999f.ashx');
}
#design-flexibility-slide-2 {
    background-image: url('/-/media/8b3a710d0a36459f9d65346070975bb6.ashx');
}
#design-flexibility-slide-3 {
    background-image: url('/-/media/672ae2ff927a43269bcbf715e01aadb3.ashx');
}
/* >> Design Flexibility - Pager */
#design-flexibility-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: 22vh;
    z-index: 500;
    width: 975px;
    height: 260px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#design-flexibility-slideshow-wrapper .cycle-pager a {
    width: 300px;
    height: 260px;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat;
}
#design-flexibility-slideshow-wrapper .cycle-pager a:first-of-type {
    background-image: url('/-/media/2e8289b0a6bd4185a2747ff0a3290fa2.ashx');
}
#design-flexibility-slideshow-wrapper .cycle-pager a:nth-of-type(2) {
    background-image: url('/-/media/71be099b853d4bf5a62625cee0326f99.ashx');
}
#design-flexibility-slideshow-wrapper .cycle-pager a:last-of-type {
    background-image: url('/-/media/3aec999f07354b5e93def6be88ca6d8a.ashx');
}
#design-flexibility-slideshow-wrapper .cycle-pager a:first-of-type.cycle-pager-active {
    background-image: url('/-/media/1da677dc45914c428ef70f37b96ed83c.ashx');
}
#design-flexibility-slideshow-wrapper .cycle-pager a:nth-of-type(2).cycle-pager-active {
    background-image: url('/-/media/a960a62f73954429b265a621fe3d0b13.ashx');
}
#design-flexibility-slideshow-wrapper .cycle-pager a:last-of-type.cycle-pager-active {
    background-image: url('/-/media/6c539e3f1b42423d8041b6a1dd6b0af9.ashx');
}
/* >> Design Flexibility - Slideshow Controls */
#design-flexibility-slideshow-controls {
    display: none;  
    margin-top: -100px;
    text-align: center;
    position: relative;
    z-index: 2;
}
#design-flexibility-slideshow-controls button {
    border-radius: 0;
    border: 1px solid #fff;
    background: transparent;
    padding: 15px 23px;
    font-size: 30px;
    color: #fff;
}
#design-flexibility-slideshow-controls button:last-of-type {
    margin-left: 30px;  
}
#design-flexibility-slideshow-controls button:focus {
    outline: none;
}
/* >> Design Flexibility - Text Container */
#design-flexibility-wrapper .container {
    height: 25vh;
}
#design-flexibility-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: 25vh;
    padding: 15px !important;
}
#design-flexibility-wrapper .container h1 {
    font-weight: bold !important;
    letter-spacing: 5px;
    color: #000;
    text-align: center;
}
#design-flexibility-wrapper .container p {
    color: #303030;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
}
/* >> Design Flexibility - Media Queries */
@media only screen and (max-width: 1400px) {
    #design-flexibility-slideshow-wrapper .cycle-pager {
        width: 800px;
        height: 216px;
    }
    #design-flexibility-slideshow-wrapper .cycle-pager a {
        width: 250px;
        height: 216px;
    }
}
@media only screen and (max-width: 1200px) {
    #design-flexibility-slideshow-wrapper .cycle-pager {
        width: 650px;
        height: 173px;
    }
    #design-flexibility-slideshow-wrapper .cycle-pager a {
        width: 200px;
        height: 173px;
    }
}
@media only screen and (max-width: 991px) {
    #design-flexibility-wrapper {
        height: auto;
        min-height: 100vh;
    }
    #design-flexibility-wrapper .container,
    #design-flexibility-wrapper .container .content-wrapper {
        height: auto;
        min-height: 25vh;
    }
    #design-flexibility-wrapper .container p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    #design-flexibility-slideshow-wrapper {
        position: relative;
        z-index: 1;
    }
    #design-flexibility-wrapper .slideshow-container,
    #design-flexibility-wrapper .cycle-slideshow,
    #design-flexibility-wrapper .cycle-slideshow .slide {
        height: 65vh;
    }
    #design-flexibility-slide-1 {
        background-image: url('/-/media/66c4f54ea5b549048a947201e11a1f31.ashx');
    }
    #design-flexibility-slide-2 {
        background-image: url('/-/media/0bdcc24e726c456784bb3de3f08a1013.ashx');
    }
    #design-flexibility-slide-3 {
        background-image: url('/-/media/213ada458d22441b9c787b7e7c40eae8.ashx');
    }    
    #design-flexibility-slideshow-wrapper .cycle-pager {
        display: none;
    }
    #design-flexibility-slideshow-controls {
        display: block;
    }    
    #design-flexibility-wrapper .container,
    #design-flexibility-wrapper .container .content-wrapper {
        min-height: 35vh;
    }
    #design-flexibility-wrapper .container h1 {
        font-size: 21px;
    }
    #design-flexibility-wrapper .container p {
        font-size: 14px;
    }
}
/* >> Design Flexibility - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #design-flexibility-slideshow-wrapper .cycle-pager {
        width: 1400px;
        height: 380px;
    }
    #design-flexibility-slideshow-wrapper .cycle-pager a {
        width: 440px;
        height: 380px;
    }
    #design-flexibility-wrapper .container h1 {
        font-size: 50px;
    }
    #design-flexibility-wrapper .container p {
        font-size: 26px;
    }
}
/* >> Design Flexibility - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #design-flexibility-wrapper .container h1 {
        font-size: 17px;
    }
}
/* >> Design Flexibility - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
    #design-flexibility-wrapper .container h1 {
        font-size: 17px;
    }
}
/* >> Design Flexibility - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #design-flexibility-wrapper .container h1 {
        font-size: 17px;
    }
}

/*** TECHNOLOGY ***/
#technology-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
}
/* >> Technology - Columns */
#technology-wrapper .row > div {
    height: 100vh;
    position: relative;
}
#technology-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;
}
/* >> Technology - Image */
#technology-wrapper .row > div:first-of-type {
    background-image: url('/-/media/14b4f0554e9c42ba856f7b273bbd4778.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* >> Technology - Content */
#technology-wrapper .content h1,
#technology-wrapper .content p {
    text-align: left;
}
#technology-wrapper .content h1 {
    font-weight: bold !important;
    letter-spacing: 5px;
    color: #000;
}
#technology-wrapper .content p {
    font-size: 18px;
    color: #303030;
}
#technology-wrapper .content p:first-of-type {
    margin-top: 2em;
    margin-bottom: 1em;
}
#technology-wrapper .content img {
    width: 100%;
    max-width: 700px;
    display: block;
    margin: 0 auto;
}
#technology-wrapper .content p.caption {
    text-align: center;
}
#technology-wrapper .content p.caption strong {
    font-weight: 600 !important;
}
/* >> Technology - Media Queries */
@media only screen and (max-width: 1700px) {
    #technology-wrapper .row > div:last-of-type {
        padding-left: 75px;
        padding-right: 75px;
    }
}
@media only screen and (max-width: 1400px) {
    #technology-wrapper .content h1 {
        font-size: 30px;
    }
    #technology-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #technology-wrapper .content h1 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1199px) {
    #technology-wrapper .row > div {
        height: auto;
    }
    #technology-wrapper .row > div:first-of-type {
        height: 60vh;
    }
    #technology-wrapper .row > div:last-of-type {
        min-height: 40vh;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #technology-wrapper .content {
        max-width: 700px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #technology-wrapper .content h1,
    #technology-wrapper .content p {
        text-align: center;
    }    
    #technology-wrapper .content h1 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    #technology-wrapper .content {
        max-width: none;
    }
}
@media only screen and (max-width: 767px) {
    #technology-wrapper .content h1 {
        font-size: 19px;
    }
    #technology-wrapper .content p {
        font-size: 14px;
    }
}
/* >> Technology - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #technology-wrapper .content h1 {
        font-size: 50px;
    }
    #technology-wrapper .content p {
        font-size: 25px;
    }
}
/* >> iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
    #technology-wrapper .content p {
        font-size: 13px;
    }
}

/*** 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;
}
/* >> Installation - Image */
#installation-wrapper .row > div:first-of-type {
    background-image: url('/-/media/cd9c19f3f34e476eb29a66022ba95585.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* >> Installation - Content */
#installation-wrapper .content h1,
#installation-wrapper .content p {
    text-align: left;
}
#installation-wrapper .content h1 {
    font-weight: bold !important;
    letter-spacing: 5px;
    color: #000;
}
#installation-wrapper .content p {
    font-size: 18px;
    color: #303030;
    margin-top: 2em;
}
#installation-wrapper .content img {
    width: 100%;
}
#installation-wrapper .content p.caption {
    text-align: center;
}
#installation-wrapper .content p.caption strong {
    font-weight: 600 !important;
}
/* >> Installation - Media Queries */
@media only screen and (max-width: 1700px) {
    #installation-wrapper .content h1 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 1550px) {
    #installation-wrapper .row > div:last-of-type {
        padding-left: 50px;
        padding-right: 100px;
    }
}
@media only screen and (max-width: 1400px) {
    #installation-wrapper .content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1325px) {
    #installation-wrapper .content h1 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1199px) {
    #installation-wrapper .row > div {
        height: auto;
    }
    #installation-wrapper .row > div:first-of-type {
        height: 60vh;
    }
    #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 h1,
    #installation-wrapper .content p {
        text-align: center;
    }
    #installation-wrapper .content h1 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 991px) {
    #installation-wrapper .content {
        max-width: none;
    }
}
@media only screen and (max-width: 767px) {
    #installation-wrapper .content h1 {
        font-size: 21px;
    }
    #installation-wrapper .content p {
        font-size: 14px;
    }
}
/* >> Installation - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #installation-wrapper .content h1 {
        font-size: 50px;
    }
    #installation-wrapper .content p {
        font-size: 25px;
    }
}

/*** VISIONLAB ***/
#visionlab-wrapper {
    background: #fff;
    position: relative;
    padding: 0;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
}
/* >> Visionlab - Video Container */
#visionlab-wrapper .video-container {
    height: 75vh;
    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;    
}
#visionlab-wrapper .video-container video {
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
}
#visionlab-wrapper .video-container .image-overlay {
    display: block;
    z-index: 2;
    text-align: center;
}
#visionlab-wrapper .video-container .image-overlay img {
    width: 300px;
}
/* >> Visionlab - Text Container */
#visionlab-wrapper .container {
    height: 25vh;
}
#visionlab-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: 25vh;
    padding: 15px !important;
}
#visionlab-wrapper .container p {
    color: #303030;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
}
#visionlab-wrapper .container .button-wrapper {
    text-align: center;
}
#visionlab-wrapper .container a.mlkn-button {
    border: 1px solid #000;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    background: #000;
    width: 340px;
}
#visionlab-wrapper .container a.mlkn-button:last-of-type {
    margin-left: 15px;
}
/* >> Visionlab - Media Queries */
@media only screen and (max-width: 991px) {
    #visionlab-wrapper {
        height: auto;
        min-height: 100vh;
    }
    #visionlab-wrapper .video-container .image-overlay img {
        width: 250px;
    }
    #visionlab-wrapper .container,
    #visionlab-wrapper .container .content-wrapper {
        height: auto;
        min-height: 25vh;
    }
    #visionlab-wrapper .container p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    #visionlab-wrapper .video-container  {
        height: 60vh;
    }
    #visionlab-wrapper .video-container .image-overlay img {
        width: 200px;
    }    
    #visionlab-wrapper .container,
    #visionlab-wrapper .container .content-wrapper {
        min-height: 40vh;
    }   
    #visionlab-wrapper .container p {
        font-size: 15px;
    } 
    #visionlab-wrapper .container a.mlkn-button,
    #visionlab-wrapper .container a.mlkn-button:last-of-type {
        display: block;
        margin: 15px auto 0;
        font-size: 14px;
    }
}
/* >> Visionlab - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #visionlab-wrapper .video-container .image-overlay img {
        width: 500px;
    }
    #visionlab-wrapper .container p {
        font-size: 25px;
    }
    #visionlab-wrapper .container a.mlkn-button {
        width: 420px;
        font-size: 20px;
        padding: 14px 20px;
    }
}
/*iphone 5, 5c, 5s, se*/
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #visionlab-wrapper .container a.mlkn-button {
        letter-spacing: 0.5px;
        width: 295px;
    }
}

/*** DESIGN CUSTOMIZATION ***/
#design-customization-wrapper {
    height: 100vh;
    position: relative;
    background: #000;
    padding-left: 0;
    padding-right: 0;
}
#design-customization-wrapper div[class^="col"] {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
/* >> Design Customization - Content */
#design-customization-wrapper .left-content {
    height: 100vh;
    width: 45vw;
    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;
    order: 1;
}
#design-customization-wrapper .left-content > div {
    width: 600px;
}
#design-customization-wrapper .left-content h1,
#design-customization-wrapper .left-content p {
    color: #fff;
    text-align: center;
}
#design-customization-wrapper .left-content p {
    font-size: 20px;
}
#design-customization-wrapper .left-content table {
    margin-top: 35px;
}
#design-customization-wrapper .left-content table img {
    width: 175px;
    height: 70px;
}
#design-customization-wrapper .left-content table td {
    color: #fff;
    font-size: 15px;
    padding: 10px 20px 10px 0;
    line-height: 1.2em;
}
/* >> Design Customization - Image */
#design-customization-wrapper .right-content {
    height: 100vh;
    width: 55vw;
    background-image: url('/-/media/00ce4d93877b4060b9577b4c0b9a8509.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    order: 2;
}
/* >> Design Customization - Mobile Content */
#design-customization-wrapper .mobile-content {
    display: none;
}
#design-customization-wrapper .mobile-content img {
    margin: 0 auto 15px;
    width: 175px;
    height: 70px;
    display: block;
}
#design-customization-wrapper .mobile-content img:first-of-type {
    margin-top: 30px;
}
/* >> Design Customization - Media Queries */
@media only screen and (max-width: 1450px) {
    #design-customization-wrapper .left-content > div {
        max-width: 400px;
        margin: 0 0 0 50px;
    }
}
@media only screen and (max-width: 1300px) {
    #design-customization-wrapper {
        height: auto;
        min-height: 100vh;
    }
    #design-customization-wrapper .left-content,
    #design-customization-wrapper .right-content {
        width: 100vw;
    }
    #design-customization-wrapper .right-content {
        height: 50vh;
        order: 1;
    }
    #design-customization-wrapper .left-content {
        min-height: 50vh;
        height: auto;
        padding: 30px 15px;
        order: 2;
    }
    #design-customization-wrapper div[class^="col"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #design-customization-wrapper .right-content {
        background-position: center;
    }
    #design-customization-wrapper .left-content > div {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        padding: 0 30px;
    }
    #design-customization-wrapper .left-content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    #design-customization-wrapper .left-content p {
        font-size: 16px;
    }
    #design-customization-wrapper .left-content > div {
        max-width: none;
    }
}
@media only screen and (max-width: 767px) {
    #design-customization-wrapper .left-content table {
        display: none;
    }
    #design-customization-wrapper .mobile-content {
        display: block;
    }
}
/* >> Design Customization - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #design-customization-wrapper .left-content > div {
        width: 700px;
    }
    #design-customization-wrapper .left-content h1 {
        font-size: 46px;
    }
    #design-customization-wrapper .left-content p {
        font-size: 25px;
    }
    #design-customization-wrapper .left-content table img {
        width: 280px;
        height: 112px;
    }
    #design-customization-wrapper .left-content table td {
        font-size: 20px;
    }
}

/*** THE FUTURE ***/
#the-future-wrapper {
    background-image: url('/-/media/3444c579e13640b594964f13cb0f1b13.ashx');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 0;
    height: 100vh;
}
#the-future-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: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* >> The Future - Content */
#the-future-wrapper img.future-logo {
    width: 400px;
    display: block;
    margin: 0 auto;
}
#the-future-wrapper h1,
#the-future-wrapper p {
    width: 100%;
    color: #fff;
    text-align: center;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}
#the-future-wrapper h1 {
    font-size: 50px;  
    letter-spacing: 5px;
    margin-bottom: 15px;
    font-weight: bold !important;
    text-transform: none;
    margin-top:  60px;
}
#the-future-wrapper p {
    font-size: 18px;
    max-width: 750px;
    margin: 0 auto;  
}
#the-future-wrapper .buttons {
    text-align: center;
    margin-top: 60px;
}
#the-future-wrapper a.mlkn-button {
    width: 315px;
    background: #fff;
    border: 1px solid #fff;
    text-align: center;
    color: #000;
    font-weight: bold;
}
#the-future-wrapper .buttons a:last-of-type {
    margin-left: 30px;  
}
/* >> The Future - Media Queries */
@media only screen and (max-width: 1300px) {
    #the-future-wrapper img.future-logo {
        width: 300px;
    }
    #the-future-wrapper h1 {
        font-size: 40px;
    }
    #the-future-wrapper h1 img {
        height: 30px;
    }
}
@media only screen and (max-width: 767px) {
    #the-future-wrapper img.future-logo {
        width: 250px;
    }
    #the-future-wrapper p {
        font-size: 16px;
    }
    #the-future-wrapper a.mlkn-button,
    #the-future-wrapper a.mlkn-button:last-of-type {
        display: block;
        margin: 15px auto 0;
        font-size: 14px;
    }
}
/* >> The Future - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #the-future-wrapper img.future-logo {
        width: 600px;
    }
    #the-future-wrapper h1 {
        font-size: 80px;
    }
    #the-future-wrapper p {
        font-size: 25px;
        max-width: 1000px;
    }
    #the-future-wrapper a.mlkn-button {
        font-size: 20px;
        width: 400px;
        padding: 14px 20px;
    }
}
/* >> The Future - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #the-future-wrapper h1 {
        font-size: 35px;
    }
}
/* >> The Future - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
    #the-future-wrapper h1 {
        font-size: 30px;
    }
    #the-future-wrapper p {
        font-size: 15px;
    }
}
/* >> iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #the-future-wrapper h1 {
        font-size: 25px;
    }
    #the-future-wrapper p {
        font-size: 13px;
    }
    #the-future-wrapper a.mlkn-button {
        width: 295px;
    }
}