/*** BODY ***/
body {
    position: relative;  
}
main {
    overflow-x: hidden;
}
/*** HEADINGS ***/
h1 {
    font-size: 37px;  
}

/*** BUTTONS ***/
button {
    border-radius: 20px !important;
}
/*** NAVBAR CIRCLES ***/
#navbar-circles {
    position: fixed;
    right: 50px;
    top: 30vh;
    z-index: 1001;
}
#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 li {
    display: block;  
    float: none;
    margin-bottom: 20px;
    height: 15px;
}
#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 a {
    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;
    display: block !important;
}
#navbar-circles a::before {
    color: #fff;
    position: relative;
    left: -30px;
    top: -5px;
    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="#couture-video-wrapper"]::before {
    content: "Milliken Couture";
}
#navbar-circles a[href="#inspired-simplicity-wrapper"]::before {
    content: "Inspired Creativity";
}
#navbar-circles a[href="#inspired-seamless-background"]::before {
    content: "Seamless Simplicity";
}
#navbar-circles a[href="#fsp-wrapper"]::before {
    content: "4 Step Process";
}
#navbar-circles a[href="#bespoke-design-wrapper"]::before {
    content: "Bespoke Design";
}
#navbar-circles a[href="#wellington-airport-wrapper"]::before {
    content: "Wellington Airport";
}
#navbar-circles a[href="#c-ex-coffs-wrapper"]::before {
    content: "C. Ex Coffs";
}
#navbar-circles a[href="#pomegranate-restaurant-wrapper"]::before {
    content: "Pomegranate Restaurant";
}
#navbar-circles a[href="#design-service-wrapper"]::before {
    content: "Design Service";
}
#navbar-circles a[href="#room-scenes-wrapper"]::before {
    content: "Room Scenes";
}
#navbar-circles a[href="#floor-plans-wrapper"]::before {
    content: "Floor Plans";
}
#navbar-circles a[href="#seaming-diagrams-wrapper"]::before {
    content: "Seaming Diagrams";
}
#navbar-circles a[href="#contact-us-wrapper"]::before {
    content: "Contact Us";
}
#navbar-circles a[href="#stewardship-wrapper"]::before {
    content: "Stewardship";
}
#navbar-circles a[href="#printworks-wrapper"]::before {
    content: "Printworks™";
}
#navbar-circles a[href="#fpp-wrapper"]::before {
    content: "Project Profiles";
}
#navbar-circles a[href="#customisation-wrapper"]::before {
    content: "Customisation";
}
#navbar-circles a[href="#four-step-process-wrapper"]::before {
    content: "Four Step Process";
}
#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 > a {
    color: #000;  
}
#navbar-circles.dark-theme li a {
    border: 2px solid #000;
}
#navbar-circles.dark-theme a::before {
    color: #000;
}
#navbar-circles.dark-theme li > a.active,
#navbar-circles.dark-theme li > a.active:focus,
#navbar-circles.dark-theme li > a.active:hover {
    background: #000;
}
/* >> Nav Circles - Media Queries */
@media only screen and (max-width: 991px) {
    h1 {
        font-size: 30px;  
    }
    #navbar-circles {
        display: none;  
    }
}

/*** COUTURE VIDEO  ***/
#couture-video-wrapper {
    background: #000; 
    position: relative;
    z-index: 2;
    padding: 0;
}
#couture-video-wrapper .video-container {
    position: relative;
    height: 100%;
    display: flex;
}
/* >> Couture Video - Video */
#couture-video-wrapper .video-container video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    min-height: 50vh;
}
/* >> Couture Video - Text Overlay */
#couture-video-wrapper .text-overlay {
    color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 15vh;
    text-align: center;
    z-index: 10;
}
#couture-video-wrapper .text-overlay img {
    width: 300px;
}
#couture-video-wrapper .text-overlay span {
    font-size: 20px;
    display: block;
    margin: 75px 0 50px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 1.5em;
}
#couture-video-wrapper .text-overlay p {
    font-size: 22px;
    width: 800px;
    line-height: 1.5em;
}
/* >> Couture Video - Media Queries */
@media only screen and (max-width: 991px) {
    #couture-video-wrapper .text-overlay p {
        width: 650px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    #couture-video-wrapper .text-overlay {
        top: 14vh;
        width: 100%;
        padding: 0 30px;
    }
    #couture-video-wrapper .text-overlay img {
        width: 200px;
    }
    #couture-video-wrapper .text-overlay span,
    #couture-video-wrapper .text-overlay p {
        width: 100%;
        max-width: 600px;
    }
    #couture-video-wrapper .text-overlay span {
        margin: 30px 0 25px;
    }
    #couture-video-wrapper .text-overlay p {
        font-size: 17px;
    }
}
/* >> Couture Video - iMac 4K */
@media only screen and (min-width: 2500px)  {
    #couture-video-wrapper .text-overlay span {
        font-size: 30px;  
    }
}

/*** INSPIRED CREATIVITY / SEAMLESS SIMPLICITY ***/
#inspired-simplicity-wrapper {
    position: relative;
    top: -2px;
    padding: 0;
    height: 150vh;
    background: #444;
}

/* >> Inspired Creativity - Content */
#inspired-simplicity-wrapper div[class^="col"] {
    height: 50vh;
    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; 
}
#inspired-simplicity-wrapper h1,
#inspired-simplicity-wrapper p {
    color: #fff;
    text-align: center;
}
#inspired-simplicity-wrapper h1 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold !important;
    letter-spacing: 5px;
    line-height: 1.2em;
}
#inspired-simplicity-wrapper img.seven-square-separator {
    width: 200px;
    display: block;
    margin: 10px auto 30px;
}
#inspired-simplicity-wrapper p {
    font-size: 20px;
    line-height: 1.5em;
}
/* >> Inspired Creativity - Image */
#inspired-seamless-background {
    display: block;
    height: 50vh;
    width: 100%;
    background-size: cover;
    background-image: url('/-/media/685bc6089cdc4a759e68b2badab2c7e8.ashx');
    background-position: center;
}
/* >> Inspired Creativity - Media Queries */
@media only screen and (max-width: 800px) {
    #inspired-seamless-background {
        background-image: url('/-/media/068e7667b0474c42a829e0e7974b35d1.ashx');
    }
}
@media only screen and (max-width: 767px) {
    #inspired-simplicity-wrapper div[class^="col"] {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        height: auto;
        min-height: 50vh;
    }
    #inspired-simplicity-wrapper h1 {
        font-size: 20px;
    }
    #inspired-simplicity-wrapper p {
        font-size: 17px;
    }
}
@media only screen and (max-width: 500px) {
    #inspired-simplicity-wrapper {
        height: fit-content;
    }
}
/*** FOUR STEP CONCEPT ***/
#four-step-process-wrapper {
    position: relative;
    padding: 0;
}
/* >> Four Step Process - Slideshow */
#four-step-process-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
    height: 100vh;
}
#four-step-process-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}
#four-step-process-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;
}
/* >> Four Step Process - Slide Content */
#four-step-process-slideshow-wrapper .slide .left-content,
#four-step-process-slideshow-wrapper .slide .right-content {
    height: 85vh;
}
#four-step-process-wrapper .image-container, #four-step-process-wrapper .text-container {
    height: 100%;
}
#four-step-process-slideshow-wrapper .slide .image-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 50vw;
}
#four-step-process-slideshow-wrapper .slide .text-container {
    background: #fff;
    width: 50vw;
    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;  
    align-items: center;
}

#four-step-process-slide-1 .image-container {
    background-image: url('/-/media/3d956291cbf545d6aefd7ff52d7f9aba.ashx');
}
#four-step-process-slide-2 .image-container {
    background-image: url('/-/media/2a6f9e1fec1e40b78f126601e55e0336.ashx');
}
#four-step-process-slide-3 .image-container {
    background-image: url('/-/media/4CDD34F0F1CA42C792F41CC390A386CD.ashx');
}
#four-step-process-slide-4 .image-container {
    background-image: url('/-/media/5F38B2D650F14DE8ABFC4E9E36397FC9.ashx');
}
#four-step-process-slideshow-wrapper .slide .text-container > div  {
    max-width: max(575px, 45%);
}
#four-step-process-slideshow-wrapper .slide .text-container img {
    width: 300px;
    height: 68px;
    margin: 0 auto 50px;
    display: block;
}
#four-step-process-slideshow-wrapper .slide .text-container h2 {
    font-size: 40px;
    color: #000;
    letter-spacing: 0.4px;
    text-align: center;
    margin-bottom: 3rem;
}
#four-step-process-slideshow-wrapper .slide .text-container p {
    font-size: 20px;
    color: #000;
    line-height: 1.5em;
    text-align: center;
}
#four-step-process-slideshow-wrapper .slide .text-container button {
    width: 200px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    padding: 10px 15px;
    display: block;
    margin: 50px auto 0;
}
/* >> Four Step Process - Pager */
#four-step-process-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: 55px;
    z-index: 500;
    width: 940px;
    height: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); 
    transform: translateX(-50%);
}
#four-step-process-slideshow-wrapper .cycle-pager a {
    width: 193px;
    height: inherit;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat;
}
#four-step-process-slideshow-wrapper .cycle-pager a:first-of-type   {
    background-image: url('/-/media/0b964a071e5748698db34b693e4de6eb.ashx');
}
#four-step-process-slideshow-wrapper .cycle-pager a:nth-of-type(2) {
    background-image: url('/-/media/5ae28f7b984e44b5ac9bec53aeecb1d4.ashx');
}
#four-step-process-slideshow-wrapper .cycle-pager a:nth-of-type(3) {
    background-image: url('/-/media/e4396a30d8204918b822816ac7a80b90.ashx');
}
#four-step-process-slideshow-wrapper .cycle-pager a:last-of-type {
    background-image: url('/-/media/76ab03b84cf84d228208348c047eef72.ashx');
}
#four-step-process-slideshow-wrapper .cycle-pager a:first-of-type.cycle-pager-active  {
    background-image: url('/-/media/c482ad8583994e468bf17c16ef0cacb7.ashx');
}
#four-step-process-slideshow-wrapper .cycle-pager a:nth-of-type(2).cycle-pager-active {
    background-image: url('/-/media/155221215666459199164eba02db3942.ashx');
}
#four-step-process-slideshow-wrapper .cycle-pager a:nth-of-type(3).cycle-pager-active {
    background-image: url('/-/media/56f5ed5529b84e93b5999ecc3c9535cb.ashx');
}
#four-step-process-slideshow-wrapper .cycle-pager a:last-of-type.cycle-pager-active {
    background-image: url('/-/media/946d09baf0064ed9bb01408d689a479a.ashx');
}
/* >> Four Step Process - Slideshow Controls */
#four-step-process-outer-wrapper {
    position: relative;  
}
#four-step-process-slideshow-controls {
    display: none;
    -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;
    margin: 20px 0;
    text-align: center;
    position: absolute;
    top: 50vh;
    width: 100%;
    z-index: 500;
}
#four-step-process-slideshow-controls button {
    border-radius: 0;
    border: none;
    background: transparent;
    padding: 15px 0;
    font-size: 60px;
    color: #a3a3a3;
    margin-left: 7px;
}
#four-step-process-slideshow-controls button:last-of-type {
    margin-left: 0;
    margin-right: 7px;
}
#four-step-process-slideshow-controls button:focus {
    outline: none;
}
/* >> Four Step Process - Flyout */
#four-step-process-wrapper .flyout {
    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: 85vh;
    width: 55vw;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1001;
    background: #444;
     /* -webkit-transition: 1s;
    transition: 1s;
   -webkit-transform: translateX(100vw);
    transform: translateX(100vw);     */
    display: none;
}
#four-step-process-wrapper .flyout.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);        
}
#four-step-process-wrapper .flyout .flyout-content {
    width: 700px;
    margin: 50px auto;
    padding-left: 30px;
    padding-right: 30px;
}
#four-step-process-wrapper .flyout img {
    width: 300px;
    height: 68px;
    display: block;
}
#four-step-process-wrapper .flyout img.fix-left {
    margin-left: -22px;
}
#four-step-process-wrapper .flyout p {
    color: #fff;
    font-size: 20px;
}
#four-step-process-wrapper .flyout p.flyout-tagline {
    letter-spacing: 1px;
    margin-top: 50px;
    font-size: 25px;
    font-weight: 500;
}
#four-step-process-wrapper .flyout button {
    margin-top: 30px;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
#four-step-process-wrapper .flyout p.turnaround {
    font-weight: 500;
    letter-spacing: 1px;
}
#four-step-process-wrapper #produce-flyout.flyout p {
    font-size: 21px;
}
/* >> Four Step Process - Media Queries */
@media only screen and (max-width: 1450px) {
    /* #four-step-process-slideshow-wrapper .slide .right-content > div {
        max-width: 400px;
        margin: 0 0 0 50px;
    } */
    #four-step-process-slideshow-wrapper .cycle-pager {
        /* width: 740px; */
        height: 35px;
    }
    #four-step-process-wrapper .flyout .flyout-content {
        width: 600px;
    }
    #four-step-process-wrapper .flyout .flyout-content p {
        font-size: 16px;
    }
    #four-step-process-wrapper .flyout .flyout-content p.flyout-tagline {
        font-size: 21px;
    }
    #four-step-process-wrapper #design-flyout.flyout .flyout-content p.flyout-tagline,
    #four-step-process-wrapper #produce-flyout.flyout .flyout-content p.flyout-tagline {
        font-size: 22px;
    }
    #four-step-process-wrapper .flyout p.turnaround {
        font-size: 15px;
    }
}
@media only screen and (max-width: 1300px) {
    #four-step-process-slideshow-wrapper .slide .left-content,
    #four-step-process-slideshow-wrapper .slide .right-content {
        width: 100vw;
    }
    #four-step-process-slideshow-wrapper .slide .left-content {
        /* height: 50vh; */
    }
    #four-step-process-slideshow-wrapper .slide .right-content {
        min-height: 50vh;
        height: auto;
    }
    #four-step-process-slideshow-wrapper .slide > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #four-step-process-slideshow-wrapper .slide .left-content {
        background-position: center;
    }
    #four-step-process-slideshow-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #four-step-process-slideshow-wrapper .cycle-pager {
        display: none;
    }
    #four-step-process-slideshow-wrapper .slide .text-container {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding: 30px;
    }
    #four-step-process-slideshow-wrapper .slide .text-container img {
        width: 200px;
        height: 45px;
        margin: 0 auto 30px;
    }
    #four-step-process-slideshow-wrapper .slide .right-content button {
        margin: 30px auto 0;
    }
    #four-step-process-slideshow-wrapper .slide .right-content p {
        font-size: 18px;
    }
    #four-step-process-wrapper .flyout {
        height: 110vh;
        width: 100vw;
        bottom: 0;
        left: 0;
        right: auto;
        top: auto;
    }
    #four-step-process-wrapper #concept-flyout.flyout p.flyout-tagline,
    #four-step-process-wrapper #produce-flyout.flyout p.flyout-tagline {
        margin-top: 30px;
    }
    #four-step-process-wrapper .flyout .flyout-content {
        margin: 10vh auto 0;
    }
    #four-step-process-wrapper .flyout button {
        display: block;
        margin: 30px auto 0;
    }    
    #four-step-process-slideshow-wrapper .slide .image-container {
        margin: 0;
        width: 100%;
        max-width: none;
        min-height: 50vh;
    }
    #four-step-process-slideshow-wrapper .cycle-slideshow {
        height: var(--fourStepCycleHeight);
    }
}
@media only screen and (max-width: 991px) {
    #four-step-process-slideshow-wrapper .slide .text-container p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 700px) {
    #four-step-process-wrapper .flyout .flyout-content {
        width: 100%;
    }
}
@media only screen and (max-width: 500px) {
    #four-step-process-wrapper .flyout {
        height: fit-content;
    }
    #four-step-process-wrapper .flyout button {
        margin: 30px auto 30px;
    }
}
/* >> Couture Video - iMac 4K */
@media only screen and (min-width: 2500px) {
    #four-step-process-wrapper .flyout p.flyout-tagline {
        font-size: 30px;
    }
}
/*** FOUR STEP CONCEPT ***/
#fsp-wrapper {
    position: relative;
    padding: 0;
}
/* >> Four Step Process - Slideshow */
#fsp-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
    height: 100vh;
}
#fsp-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}
#fsp-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;
}
/* >> Four Step Process - Slide Content */
#fsp-slideshow-wrapper .slide .left-content,
#fsp-slideshow-wrapper .slide .right-content {
    height: 85vh;
}
#fsp-wrapper .image-container, #fsp-wrapper .text-container {
    height: 100%;
}
#fsp-slideshow-wrapper .slide .image-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 50vw;
}
#fsp-slideshow-wrapper .slide .text-container {
    background: #fff;
    width: 50vw;
    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;  
    align-items: center;
}

#fsp-slide-1 .image-container {
    background-image: url('/-/media/830dbb4acd024f628d426756cee26cad.ashx');
}
#fsp-slide-2 .image-container {
    background-image: url('/-/media/3d956291cbf545d6aefd7ff52d7f9aba.ashx');
}
#fsp-slide-3 .image-container {
    background-image: url('/-/media/2a6f9e1fec1e40b78f126601e55e0336.ashx');
}
#fsp-slide-4 .image-container {
    background-image: url('/-/media/4CDD34F0F1CA42C792F41CC390A386CD.ashx');
}
#fsp-slide-5 .image-container {
    background-image: url('/-/media/5F38B2D650F14DE8ABFC4E9E36397FC9.ashx');
}
#fsp-slideshow-wrapper .slide .text-container > div  {
    max-width: max(575px, 45%);
}
#fsp-slideshow-wrapper .slide .text-container img {
    width: 300px;
    height: 68px;
    margin: 0 auto 50px;
    display: block;
}
#fsp-slideshow-wrapper .slide .text-container h2 {
    font-size: 40px;
    color: #000;
    letter-spacing: 0.4px;
    text-align: center;
    margin-bottom: 3rem;
}
#fsp-slideshow-wrapper .slide .text-container p {
    font-size: 20px;
    color: #000;
    line-height: 1.5em;
    text-align: center;
}
#fsp-slideshow-wrapper .slide .text-container button {
    width: 200px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    padding: 10px 15px;
    display: block;
    margin: 50px auto 0;
}
/* >> Four Step Process - Pager */
#fsp-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: 55px;
    z-index: 500;
    width: 940px;
    height: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); 
    transform: translateX(-50%);
}
#fsp-slideshow-wrapper ul img {
    width: 193px;
}
#fsp-wrapper .icons {
    /* width: 100vw;
    height: auto;
    display: flex;
    justify-content: center;
    filter: invert(1);
    position: absolute;
    bottom: 0;
    left: 0; */
    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: 55px;
    z-index: 500;
    width: 940px;
    height: 10vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); 
    transform: translateX(-50%);
    filter: invert(1);
}
#fsp-wrapper ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: inherit;
    margin: 50px 0;
    width: 940px;
    padding: 0;
}
#fsp-wrapper ul li {
    display: inline-block;
}
#fsp-slideshow-wrapper .cycle-pager a {
    width: 193px;
    height: inherit;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat;
}
#fsp-slideshow-wrapper .cycle-pager a:first-of-type {
    background-image: url('/-/media/0b964a071e5748698db34b693e4de6eb.ashx');
}
#fsp-slideshow-wrapper .cycle-pager a:nth-of-type(2) {
    background-image: url('/-/media/5ae28f7b984e44b5ac9bec53aeecb1d4.ashx');
}
#fsp-slideshow-wrapper .cycle-pager a:nth-of-type(3) {
    background-image: url('/-/media/e4396a30d8204918b822816ac7a80b90.ashx');
}
#fsp-slideshow-wrapper .cycle-pager a:last-of-type {
    background-image: url('/-/media/76ab03b84cf84d228208348c047eef72.ashx');
}
#fsp-slideshow-wrapper .cycle-pager a:first-of-type.cycle-pager-active {
    background-image: url('/-/media/c482ad8583994e468bf17c16ef0cacb7.ashx');
}
#fsp-slideshow-wrapper .cycle-pager a:nth-of-type(2).cycle-pager-active {
    background-image: url('/-/media/155221215666459199164eba02db3942.ashx');
}
#fsp-slideshow-wrapper .cycle-pager a:nth-of-type(3).cycle-pager-active {
    background-image: url('/-/media/56f5ed5529b84e93b5999ecc3c9535cb.ashx');
}
#fsp-slideshow-wrapper .cycle-pager a:last-of-type.cycle-pager-active {
    background-image: url('/-/media/946d09baf0064ed9bb01408d689a479a.ashx');
}
/* >> Four Step Process - Slideshow Controls */
#fsp-outer-wrapper {
    position: relative;  
}
#fsp-slideshow-controls {
    display: none;
    -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;
    margin: 20px 0;
    text-align: center;
    position: absolute;
    top: 50vh;
    width: 100%;
    z-index: 500;
}
#fsp-slideshow-controls button {
    border-radius: 0;
    border: none;
    background: transparent;
    padding: 15px 0;
    font-size: 60px;
    color: #a3a3a3;
    margin-left: 7px;
}
#fsp-slideshow-controls button:last-of-type {
    margin-left: 0;
    margin-right: 7px;
}
#fsp-slideshow-controls button:focus {
    outline: none;
}
/* >> Four Step Process - Flyout */
#fsp-wrapper .flyout {
    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: 85vh;
    width: 55vw;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1001;
    background: #444;
     /* -webkit-transition: 1s;
    transition: 1s;
   -webkit-transform: translateX(100vw);
    transform: translateX(100vw);     */
    display: none;
}
#fsp-wrapper .flyout.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);        
}
#fsp-wrapper .flyout .flyout-content {
    width: 700px;
    margin: 50px auto;
    padding-left: 30px;
    padding-right: 30px;
}
#fsp-wrapper .flyout img {
    width: 300px;
    height: 68px;
    display: block;
}
#fsp-wrapper .flyout img.fix-left {
    margin-left: -22px;
}
#fsp-wrapper .flyout p {
    color: #fff;
    font-size: 20px;
}
#fsp-wrapper .flyout p.flyout-tagline {
    letter-spacing: 1px;
    margin-top: 50px;
    font-size: 25px;
    font-weight: 500;
}
#fsp-wrapper .flyout button {
    margin-top: 30px;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
#fsp-wrapper .flyout p.turnaround {
    font-weight: 500;
    letter-spacing: 1px;
}
#fsp-wrapper #produce-flyout.flyout p {
    font-size: 21px;
}
/* >> Four Step Process - Media Queries */
@media only screen and (max-width: 1450px) {
    /* #fsp-slideshow-wrapper .slide .right-content > div {
        max-width: 400px;
        margin: 0 0 0 50px;
    } */
    #fsp-slideshow-wrapper .cycle-pager {
        /* width: 740px; */
        height: 35px;
    }
    #fsp-wrapper .flyout .flyout-content {
        width: 600px;
    }
    #fsp-wrapper .flyout .flyout-content p {
        font-size: 16px;
    }
    #fsp-wrapper .flyout .flyout-content p.flyout-tagline {
        font-size: 21px;
    }
    #fsp-wrapper #design-flyout.flyout .flyout-content p.flyout-tagline,
    #fsp-wrapper #produce-flyout.flyout .flyout-content p.flyout-tagline {
        font-size: 22px;
    }
    #fsp-wrapper .flyout p.turnaround {
        font-size: 15px;
    }
}
@media only screen and (max-width: 1300px) {
    #fsp-wrapper .icons {
        display: none;
    }
    #fsp-slideshow-wrapper .slide .left-content,
    #fsp-slideshow-wrapper .slide .right-content {
        width: 100vw;
    }
    #fsp-slideshow-wrapper .slide .left-content {
        /* height: 50vh; */
    }
    #fsp-slideshow-wrapper .slide .right-content {
        min-height: 50vh;
        height: auto;
    }
    #fsp-slideshow-wrapper .slide > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #fsp-slideshow-wrapper .slide .left-content {
        background-position: center;
    }
    #fsp-slideshow-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #fsp-slideshow-wrapper .cycle-pager {
        display: none;
    }
    #fsp-slideshow-wrapper .slide .text-container {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding: 30px;
    }
    #fsp-slideshow-wrapper .slide .text-container img {
        width: 200px;
        height: 45px;
        margin: 0 auto 30px;
    }
    #fsp-slideshow-wrapper .slide .right-content button {
        margin: 30px auto 0;
    }
    #fsp-slideshow-wrapper .slide .right-content p {
        font-size: 18px;
    }
    #fsp-wrapper .flyout {
        height: 110vh;
        width: 100vw;
        bottom: 0;
        left: 0;
        right: auto;
        top: auto;
    }
    #fsp-wrapper #concept-flyout.flyout p.flyout-tagline,
    #fsp-wrapper #produce-flyout.flyout p.flyout-tagline {
        margin-top: 30px;
    }
    #fsp-wrapper .flyout .flyout-content {
        margin: 10vh auto 0;
    }
    #fsp-wrapper .flyout button {
        display: block;
        margin: 30px auto 0;
    }    
    #fsp-slideshow-wrapper .slide .image-container {
        margin: 0;
        width: 100%;
        max-width: none;
        min-height: 50vh;
    }
    #fsp-slideshow-wrapper .cycle-slideshow {
        height: var(--fourStepCycleHeight);
    }
}
@media only screen and (max-width: 991px) {
    #fsp-slideshow-wrapper .slide .text-container p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 700px) {
    #fsp-wrapper .flyout .flyout-content {
        width: 100%;
    }
}
@media only screen and (max-width: 500px) {
    #fsp-wrapper .flyout {
        height: fit-content;
    }
    #fsp-wrapper .flyout button {
        margin: 30px auto 30px;
    }
}
/* >> Couture Video - iMac 4K */
@media only screen and (min-width: 2500px) {
    #fsp-wrapper .flyout p.flyout-tagline {
        font-size: 30px;
    }
}
/*** BESPOKE DESIGN ***/
#bespoke-design-wrapper {
    position: relative;
    top: -2px;
    background: #fff;
    min-height: 100vh;
    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;
}
#bespoke-design-wrapper > .container {
      margin-top: 50px;
      margin-bottom: 50px;
}
#bespoke-content {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 50px;
}  
/* >> Bespoke Design - Slideshow */
#bespoke-design-slideshow-wrapper {
      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;  
}
#bespoke-design-slideshow-wrapper .cycle-slideshow {
    display: inline-block; 
    width: 800px;
}
#bespoke-design-slideshow-wrapper .cycle-slideshow img.base-image {
    width: 800px;
}
#bespoke-design-slideshow-wrapper .cycle-slideshow img.overlay-image {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: -75px;
    width: 200px;
    height: 200px;
}
/* >> Bespoke Design - Pager */
#bespoke-design-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: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; 
    position: absolute;
    z-index: 500;
    width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 30px;
}
#bespoke-design-slideshow-wrapper .cycle-pager a {
    width: 20px;
    height: 20px;
    background-size: cover !important;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 10px;
}
#bespoke-design-slideshow-wrapper .cycle-pager a.cycle-pager-active {
    width: 40px;
    height: 40px;
    margin: 0;
}
#bespoke-design-slideshow-wrapper .cycle-pager a:first-of-type {
    background-image: url('/-/media/15021bd06cff407ebb253840f1fafefb.ashx');
}
#bespoke-design-slideshow-wrapper .cycle-pager a:nth-of-type(2) {
    background-image: url('/-/media/8d2436033e3d467f8d96266661cfa9e8.ashx');
}
#bespoke-design-slideshow-wrapper .cycle-pager a:nth-of-type(3) {
    background-image: url('/-/media/b1ae225ef2ef4cc4bc5caacaaba5771f.ashx');
}
#bespoke-design-slideshow-wrapper .cycle-pager a:last-of-type {
    background-image: url('/-/media/9f966ddfd1cc4c09a0832577313176d6.ashx');
}
#bespoke-design-slideshow-wrapper .cycle-pager a:first-of-type.cycle-pager-active {
    background-image: url('/-/media/a31aa9ef95ea4188baf84fb6c4aa7c8b.ashx');
}
#bespoke-design-slideshow-wrapper .cycle-pager a:nth-of-type(2).cycle-pager-active {
    background-image: url('/-/media/87de074f7d4144a1b0a37e80b4903e3e.ashx');
}
#bespoke-design-slideshow-wrapper .cycle-pager a:nth-of-type(3).cycle-pager-active {
    background-image: url('/-/media/27438b3a837f47ae98feb5301905db11.ashx');
}
#bespoke-design-slideshow-wrapper .cycle-pager a:last-of-type.cycle-pager-active {
    background-image: url('/-/media/89c489918fe84fabaf02e69e94fe6375.ashx');
}
/* >> Bespoke Design - Slideshow Controls */
#bespoke-design-slideshow-controls {
    display: none;  
    margin: 20px 0;
    text-align: center;
}
#bespoke-design-slideshow-controls button {
    border-radius: 0;
    border: 1px solid #999;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: #bbb;
}
#bespoke-design-slideshow-controls button:last-of-type {
    margin-left: 30px;  
}
#bespoke-design-slideshow-controls button:focus {
    outline: none;
}
/* >> Bespoke Design - Content */
#bespoke-design-wrapper .container h1,
#bespoke-design-wrapper .container p {
    text-align: center;  
}
#bespoke-design-wrapper .container h1 {
    margin-top: 45px;
    text-transform: none;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#bespoke-design-wrapper .container p {
    font-size: 20px;
    line-height: 1.5em;
}
/* Bespoke Design - Media Queries */
@media only screen and (max-width: 1250px) {
    #bespoke-design-wrapper .container h1 {
        font-size: 25px;
    }
}
@media only screen and (max-width: 991px) {
    #bespoke-design-slideshow-wrapper .cycle-slideshow,
    #bespoke-design-slideshow-wrapper .cycle-slideshow img.base-image {
        width: 700px;
    }
    #bespoke-design-slideshow-wrapper .cycle-slideshow img.overlay-image {
        width: 150px;
        height: 150px;
        left: 30px;
        top: 0;
    }
    #bespoke-design-wrapper .container p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 800px) {
    #bespoke-design-slideshow-wrapper .cycle-slideshow,
    #bespoke-design-slideshow-wrapper .cycle-slideshow img.base-image {
        width: 600px;
    }
    #bespoke-design-slideshow-wrapper .cycle-slideshow img.overlay-image {
        width: 100px;
        height: 100px;
    }
}
@media only screen and (max-width: 767px) {
    #bespoke-content {
        margin-top: 100px;
    }
    #bespoke-design-wrapper .container h1 {
        font-size: 20px;
    }
    #bespoke-design-wrapper .container p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 650px) {
    #bespoke-design-wrapper > .container,
    #bespoke-design-wrapper > .container > div:first-of-type .col-md-12 {
        padding: 0;
    }
    #bespoke-design-slideshow-wrapper .cycle-slideshow,
    #bespoke-design-slideshow-wrapper .cycle-slideshow img.base-image {
        width: 100%;
    }
    #bespoke-content {
        padding-left: 30px;
        padding-right: 30px;
    }
}
/* >> Bespoke Design - iMac 4K */
@media only screen and (min-width: 2500px) {
    #bespoke-design-slideshow-wrapper .cycle-slideshow {
        display: inline-block; 
        width: 1000px;
    }
    #bespoke-design-slideshow-wrapper .cycle-slideshow img.base-image {
        width: 1000px;
    }
    #bespoke-design-slideshow-wrapper .cycle-slideshow img.overlay-image {
        left: -85px;
        width: 250px;
        height: 250px;
    }    
}

/*** WELLINGTON AIRPORT ***/
#wellington-airport-wrapper {
    position: relative;
    top: -2px;
    padding: 0;
    background: #444;
}
/* >> Wellington Airport - Slideshow */
#wellington-airport-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
    height: 100vh;
}
#wellington-airport-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
#wellington-airport-slide-1 {
    background-image: url('/-/media/e158aee2407941578bc2bb298aeac96c.ashx');
}
#wellington-airport-slide-2 {
    background-image: url('/-/media/c47c666844a14816806ae896da60ea92.ashx');
}
/* >> Wellington Airport - Slide Content */
#wellington-airport-slideshow-wrapper .slide-content {
    position: absolute;
    bottom: 175px;
    max-width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#wellington-airport-slideshow-wrapper .slide-content span,
#wellington-airport-slideshow-wrapper .slide-content h1,
#wellington-airport-slideshow-wrapper .slide-content p {
    display: block;
    text-align: center;
    color: #fff;
}
#wellington-airport-slideshow-wrapper .slide-content span,
#wellington-airport-slideshow-wrapper .slide-content h1 {
    text-transform: uppercase;
}
#wellington-airport-slideshow-wrapper .slide-content span.case-study-title {
    font-size: 25px;
}
#wellington-airport-slideshow-wrapper .slide-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#wellington-airport-slideshow-wrapper .slide-content img.three-square-separator {
    display: block;
    width: 50px;
    margin: 15px auto;
}
#wellington-airport-slideshow-wrapper .slide-content span.case-study-location {
    font-size: 20px;
}
#wellington-airport-slideshow-wrapper .slide-content p {
    font-size: 20px;
    line-height: 1.5em;
    margin-top: 20px;
}
#wellington-airport-slideshow-wrapper .slide-content button {
    border-radius: 0;
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold !important;
    width: 200px;
    font-size: 14px;
    display: block;
    padding: 10px 15px;
    margin: 30px auto 0;
}
/* >> Wellington Airport - Pager */
#wellington-airport-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: 70px;
    z-index: 500;
    width: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#wellington-airport-slideshow-wrapper .cycle-pager a {
    width: 20px;
    height: 20px;
    background-size: cover !important;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 15px;
    background-image: url('/-/media/ad449ae24fff4f499112b69533a101a7.ashx');
}
#wellington-airport-slideshow-wrapper .cycle-pager a.cycle-pager-active {
    width: 50px;
    height: 50px;
    margin: 0;
    background-image: url('/-/media/73099d3b0c704341a1901f1331a9936a.ashx');
}
/* >> Wellington Airport - Overlay */
#wellington-airport-wrapper .overlay-shear {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.4);
    display: none;
}
/* >> Wellington Airport - Flyout */
#wellington-airport-flyout {
    position: absolute;
    width: 80vw;
    height: 80vh;
    background: #444;
    z-index: 1001;
    top: 10vh;
    left: 10vw;
    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;
   /*  -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw); */
    display: none;
}
#wellington-airport-flyout .left-content,
#wellington-airport-flyout .right-content {
    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;
    width: 40vw;
    height: inherit;
    position: relative;
}
#wellington-airport-flyout .left-content img.base-image {
    width: 100%;
    position: absolute;
    left: -50px;
}
#wellington-airport-flyout .left-content img.overlay-image {
    width: 300px;
    position: absolute;
    top: -50px;
    left: -100px;
}
#wellington-airport-flyout .flyout-content {
    width: 100%;
    max-width: 650px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}
#wellington-airport-flyout .flyout-content span.case-study-title {
    font-size: 25px;
    text-transform: uppercase;
}
#wellington-airport-flyout .flyout-content span,
#wellington-airport-flyout .flyout-content h1,
#wellington-airport-flyout .flyout-content p {
    color: #fff;
}
#wellington-airport-flyout .flyout-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#wellington-airport-flyout .flyout-content span.case-study-client,
#wellington-airport-flyout .flyout-content span.case-study-creative,
#wellington-airport-flyout .flyout-content span.case-study-photographer {
    font-size: 15px;
    display: block;
    margin: 7px 0;
}
#wellington-airport-flyout .flyout-content img.three-square-separator {
    width: 50px;
    display: block;
    margin: 15px 0;
}
#wellington-airport-flyout .flyout-content p {
    font-size: 19px;
    line-height: 1.5em;
}
#wellington-airport-flyout .flyout-content button {
    margin-top: 30px;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
/* >> Wellington Airport - Flyout Open Control */
#wellington-airport-wrapper.flyout-open .overlay-shear {
    display: block;
}
#wellington-airport-wrapper.flyout-open #wellington-airport-flyout {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
/* >> Wellington Aiport - Media Queries */
@media only screen and (max-width: 1300px) {
    #wellington-airport-flyout .left-content img.overlay-image {
        width: 150px;
        top: 13vh;
        left: -75px;
    }
    #wellington-airport-flyout .flyout-content h1 {
        font-size: 25px;
    }
    #wellington-airport-flyout .flyout-content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    #wellington-airport-slideshow-wrapper .slide-content h1 {
        font-size: 25px;
    }
    #wellington-airport-slideshow-wrapper .slide-content {
        bottom: 120px;
    }
    #wellington-airport-slideshow-wrapper .slide-content p {
        width: 600px;
        font-size: 18px;
    }
    #wellington-airport-slideshow-wrapper .cycle-pager {
        bottom: 35px;
    }
    #wellington-airport-slideshow-wrapper .slide-content span.case-study-title {
        font-size: 22px;
    }
    #wellington-airport-slideshow-wrapper .slide-content span.case-study-location {
        font-size: 14px;
    }
    #wellington-airport-flyout {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        height: 110vh;
        width: 100vw;
    }
    #wellington-airport-flyout .left-content {
        display: none;
    }
    #wellington-airport-flyout .right-content {
        width: 100%;
    }
    #wellington-airport-flyout .flyout-content {
        width: 600px;
        margin: 10vh auto 0;
    }
    #wellington-airport-flyout .flyout-content p {
        font-size: 18px;
    }
    #wellington-airport-flyout .flyout-content button {
        display: block;
        margin: 30px auto;
    }
}
@media only screen and (max-width: 767px) {
    #wellington-airport-slideshow-wrapper .slide-content h1 {
        font-size: 22px;
    }
    #wellington-airport-slideshow-wrapper .slide-content p {
        font-size: 16px;
    }
    #wellington-airport-flyout .flyout-content span.case-study-title,    
    #wellington-airport-flyout .flyout-content h1 {
        font-size: 19px;
    }
    #wellington-airport-flyout .flyout-content p {
        font-size: 15px;
    }
}
@media only screen and (max-width: 700px) {
    #wellington-airport-slideshow-wrapper .slide-content {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #wellington-airport-slideshow-wrapper .slide-content h1,
    #wellington-airport-slideshow-wrapper .slide-content p {
        width: inherit;
    }
    #wellington-airport-flyout .flyout-content {
        width: 100%;
    }
}
/* >> Wellington Airport - iMac 4K */
@media only screen and (min-width: 2500px)  {
    #wellington-airport-flyout {
        width: 70vw;
        left: 15vw;
    }
    #wellington-airport-flyout .left-content,
    #wellington-airport-flyout .right-content {
        width: 35vw;
    }
    #wellington-airport-flyout .flyout-content {
        max-width: 725px;
        margin-left: 40px;
    }
    #wellington-airport-flyout .left-content img.overlay-image {
        width: 400px;
    }
    #wellington-airport-flyout .flyout-content img.three-square-separator {
        margin: 25px 0;
    }
    #wellington-airport-flyout .flyout-content p {
        font-size: 20px;
    }
}

/*** C.EX COFFS ***/
#c-ex-coffs-wrapper {
    position: relative;
    top: -2px;
    padding: 0;
}
/* >> C.ex Coffs - Slideshow */
#c-ex-coffs-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
    height: 100vh;
}
#c-ex-coffs-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
#c-ex-coffs-slide-1 {
    background-image: url('/-/media/d930f4ee2c0846dbb8cdbe6d1f8ee96e.ashx');
}
#c-ex-coffs-slide-2 {
    background-image: url('/-/media/4129aa3171db4a37a68d41d2f98842eb.ashx');
}
/* >> C.ex Coffs - Slide Content */
#c-ex-coffs-slideshow-wrapper .slide-content {
    position: absolute;
    bottom: 175px;
    max-width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#c-ex-coffs-slideshow-wrapper .slide-content span,
#c-ex-coffs-slideshow-wrapper .slide-content h1,
#c-ex-coffs-slideshow-wrapper .slide-content p {
    display: block;
    text-align: center;
    color: #fff;
}
#c-ex-coffs-slideshow-wrapper .slide-content span,
#c-ex-coffs-slideshow-wrapper .slide-content h1 {
    text-transform: uppercase;
}
#c-ex-coffs-slideshow-wrapper .slide-content span.case-study-title {
    font-size: 25px;
}
#c-ex-coffs-slideshow-wrapper .slide-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#c-ex-coffs-slideshow-wrapper .slide-content img.three-square-separator {
    display: block;
    width: 50px;
    margin: 15px auto;
}
#c-ex-coffs-slideshow-wrapper .slide-content span.case-study-location {
    font-size: 20px;
}
#c-ex-coffs-slideshow-wrapper .slide-content p {
    font-size: 20px;
    line-height: 1.5em;
    margin-top: 20px;
}
#c-ex-coffs-slideshow-wrapper .slide-content button {
    border-radius: 0;
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold !important;
    width: 200px;
    font-size: 14px;
    display: block;
    padding: 7px 15px;
    margin: 30px auto 0;
}
/* >> C.ex Coffs - Pager */
#c-ex-coffs-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: 70px;
    z-index: 500;
    width: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#c-ex-coffs-slideshow-wrapper .cycle-pager a {
    width: 20px;
    height: 20px;
    background-size: cover !important;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 15px;
    background-image: url('/-/media/ad449ae24fff4f499112b69533a101a7.ashx');
}
#c-ex-coffs-slideshow-wrapper .cycle-pager a.cycle-pager-active {
    width: 50px;
    height: 50px;
    margin: 0;
    background-image: url('/-/media/e93a9520dafd462b9130e2948fe51498.ashx');
}
/* >> C.ex Coffs - Overlay */
#c-ex-coffs-wrapper .overlay-shear {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.4);
    display: none;
}
/* >> C.ex Coffs - Flyout */
#c-ex-coffs-flyout {
    position: absolute;
    width: 80vw;
    height: 80vh;
    background: #444;
    z-index: 1001;
    top: 10vh;
    left: 10vw;
    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;
   /* -webkit-transition: 1s;
    transition: 1s;
     -webkit-transform: translateX(100vw);
    transform: translateX(100vw); */
    display: none;
}
#c-ex-coffs-flyout .left-content,
#c-ex-coffs-flyout .right-content {
    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;
    width: 40vw;
    height: inherit;
    position: relative;
}
#c-ex-coffs-flyout .left-content img.base-image {
    width: 100%;
    position: absolute;
    left: -50px;
}
#c-ex-coffs-flyout .left-content img.overlay-image {
    width: 300px;
    position: absolute;
    top: -50px;
    left: -100px;
}
#c-ex-coffs-flyout .flyout-content {
    width: 100%;
    max-width: 650px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}
#c-ex-coffs-flyout .flyout-content span.case-study-title {
    font-size: 25px;
    text-transform: uppercase;
}
#c-ex-coffs-flyout .flyout-content span,
#c-ex-coffs-flyout .flyout-content h1,
#c-ex-coffs-flyout .flyout-content p {
    color: #fff;
}
#c-ex-coffs-flyout .flyout-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#c-ex-coffs-flyout .flyout-content span.case-study-client,
#c-ex-coffs-flyout .flyout-content span.case-study-creative,
#c-ex-coffs-flyout .flyout-content span.case-study-photographer {
    font-size: 15px;
    display: block;
    margin: 7px 0;
}
#c-ex-coffs-flyout .flyout-content img.three-square-separator {
    width: 50px;
    display: block;
    margin: 15px 0;
}
#c-ex-coffs-flyout .flyout-content p {
    font-size: 20px;
    line-height: 1.5em;
}
#c-ex-coffs-flyout .flyout-content button {
    margin-top: 30px;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
/* >> C.ex Coffs - Flyout Open Control */
#c-ex-coffs-wrapper.flyout-open .overlay-shear {
    display: block;
}
#c-ex-coffs-wrapper.flyout-open #c-ex-coffs-flyout {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
/* >> C.ex Coffs - Media Queries */
@media only screen and (max-width: 1300px) {
    #c-ex-coffs-flyout .left-content img.overlay-image {
        width: 150px;
        top: 13vh;
        left: -75px;
    }
    #c-ex-coffs-flyout .flyout-content h1 {
        font-size: 25px;
    }
    #c-ex-coffs-flyout .flyout-content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    #c-ex-coffs-slideshow-wrapper .slide-content h1 {
        font-size: 25px;
    }
    #c-ex-coffs-slideshow-wrapper .slide-content {
        bottom: 120px;
    }
    #c-ex-coffs-slideshow-wrapper .slide-content p {
        width: 600px;
        font-size: 18px;
    }
    #c-ex-coffs-slideshow-wrapper .cycle-pager {
        bottom: 35px;
    }
    #c-ex-coffs-slideshow-wrapper .slide-content span.case-study-title {
        font-size: 22px;
    }
    #c-ex-coffs-slideshow-wrapper .slide-content span.case-study-location {
        font-size: 14px;
    }
    #c-ex-coffs-slideshow-wrapper .slide {
        background-position: right bottom !important;
    }
    #c-ex-coffs-slideshow-wrapper .sheer {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
    }
    #c-ex-coffs-flyout {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        height: 110vh;
        width: 100vw;
    }
    #c-ex-coffs-flyout .left-content {
        display: none;
    }
    #c-ex-coffs-flyout .right-content {
        width: 100%;
    }
    #c-ex-coffs-flyout .flyout-content {
        width: 600px;
        margin: 10vh auto 0;
    }
    #c-ex-coffs-flyout .flyout-content p {
        font-size: 18px;
    }
    #c-ex-coffs-flyout .flyout-content button {
        display: block;
        margin: 30px auto;
    }    
}
@media only screen and (max-width: 767px) {
    #c-ex-coffs-slideshow-wrapper .slide-content h1 {
        font-size: 22px;
    }
    #c-ex-coffs-slideshow-wrapper .slide-content p {
        font-size: 16px;
    }
    #c-ex-coffs-flyout .flyout-content span.case-study-title,    
    #c-ex-coffs-flyout .flyout-content h1 {
        font-size: 21px;
    }
    #c-ex-coffs-flyout .flyout-content span.case-study-client,
    #c-ex-coffs-flyout .flyout-content span.case-study-creative,
    #c-ex-coffs-flyout .flyout-content span.case-study-photographer {
        font-size: 14px;
    }
    #c-ex-coffs-flyout .flyout-content p {
        font-size: 15px;
    }
}
@media only screen and (max-width: 700px) {
    #c-ex-coffs-slideshow-wrapper .slide-content {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #c-ex-coffs-slideshow-wrapper .slide-content h1,
    #c-ex-coffs-slideshow-wrapper .slide-content p {
        width: inherit;
    }
    #c-ex-coffs-flyout .flyout-content {
        width: 100%;
    }
}
/* >> c.Ex Coffs - iMac 4K */
@media only screen and (min-width: 2500px) {
    #c-ex-coffs-flyout {
        width: 70vw;
        left: 15vw;
    }
    #c-ex-coffs-flyout .left-content,
    #c-ex-coffs-flyout .right-content {
        width: 35vw;
    }
    #c-ex-coffs-flyout .flyout-content {
        max-width: 725px;
        margin-left: 40px;
    }
    #c-ex-coffs-flyout .left-content img.overlay-image {
        width: 400px;
    }
    #c-ex-coffs-flyout .flyout-content img.three-square-separator {
        margin: 25px 0;
    }
    #c-ex-coffs-flyout .flyout-content p {
        font-size: 20px;
    }
}

/*** POMEGRANATE RESTAURANT ***/
#pomegranate-restaurant-wrapper {
    position: relative;
    top: -2px;
    padding: 0;
}
/* >> Pomegranate Restaurant - Slideshow */
#pomegranate-restaurant-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
    height: 100vh;
}
#pomegranate-restaurant-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
#pomegranate-restaurant-slide-1 {
    background-image: url('/-/media/80d35f5a06084bf4b700d6cf59c31ee7.ashx');
}
#pomegranate-restaurant-slide-2 {
    background-image: url('/-/media/b0b8e18538724ded8378f59e1595bffd.ashx');
}
/* >> Pomegranate Restaurant - Slide Content */
#pomegranate-restaurant-slideshow-wrapper .slide-content {
    position: absolute;
    bottom: 175px;
    max-width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#pomegranate-restaurant-slideshow-wrapper .slide-content span,
#pomegranate-restaurant-slideshow-wrapper .slide-content h1,
#pomegranate-restaurant-slideshow-wrapper .slide-content p {
    display: block;
    text-align: center;
    color: #fff;
}
#pomegranate-restaurant-slideshow-wrapper .slide-content span,
#pomegranate-restaurant-slideshow-wrapper .slide-content h1 {
    text-transform: uppercase;
}
#pomegranate-restaurant-slideshow-wrapper .slide-content span.case-study-title {
    font-size: 25px;
}
#pomegranate-restaurant-slideshow-wrapper .slide-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#pomegranate-restaurant-slideshow-wrapper .slide-content img.three-square-separator {
    display: block;
    width: 50px;
    margin: 15px auto;
}
#pomegranate-restaurant-slideshow-wrapper .slide-content span.case-study-location {
    font-size: 20px;
}
#pomegranate-restaurant-slideshow-wrapper .slide-content p {
    font-size: 20px;
    line-height: 1.5em;
    margin-top: 20px;
}
#pomegranate-restaurant-slideshow-wrapper .slide-content button {
    border-radius: 0;
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold !important;
    width: 200px;
    font-size: 14px;
    display: block;
    padding: 7px 15px;
    margin: 30px auto 0;
}
/* >> Pomegranate Restaurant - Pager */
#pomegranate-restaurant-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: 70px;
    z-index: 500;
    width: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#pomegranate-restaurant-slideshow-wrapper .cycle-pager a {
    width: 20px;
    height: 20px;
    background-size: cover !important;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 15px;
    background-image: url('/-/media/ad449ae24fff4f499112b69533a101a7.ashx');
}
#pomegranate-restaurant-slideshow-wrapper .cycle-pager a.cycle-pager-active {
    width: 50px;
    height: 50px;
    margin: 0;
    background-image: url('/-/media/881914481909486192ace59c515814b5.ashx');
}
/* >> Pomegranate Restaurant - Overlay */
#pomegranate-restaurant-wrapper .overlay-shear {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.4);
    display: none;
}
/* >> Pomegranate Restaurant - Flyout */
#pomegranate-restaurant-flyout {
    position: absolute;
    width: 80vw;
    height: 80vh;
    background: #444;
    z-index: 1001;
    top: 10vh;
    left: 10vw;
    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;
    /* -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw); */
    display: none;
}
#pomegranate-restaurant-flyout .left-content,
#pomegranate-restaurant-flyout .right-content {
    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;
    width: 40vw;
    height: inherit;
    position: relative;
}
#pomegranate-restaurant-flyout .left-content img.base-image {
    width: 100%;
    position: absolute;
    left: -50px;
}
#pomegranate-restaurant-flyout .left-content img.overlay-image {
    width: 300px;
    position: absolute;
    top: -50px;
    left: -100px;
}
#pomegranate-restaurant-flyout .flyout-content {
    width: 100%;
    max-width: 650px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}
#pomegranate-restaurant-flyout .flyout-content span.case-study-title {
    font-size: 25px;
    text-transform: uppercase;
}
#pomegranate-restaurant-flyout .flyout-content span,
#pomegranate-restaurant-flyout .flyout-content h1,
#pomegranate-restaurant-flyout .flyout-content p {
    color: #fff;
}
#pomegranate-restaurant-flyout .flyout-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#pomegranate-restaurant-flyout .flyout-content span.case-study-client,
#pomegranate-restaurant-flyout .flyout-content span.case-study-creative,
#pomegranate-restaurant-flyout .flyout-content span.case-study-photographer {
    font-size: 15px;
    display: block;
    margin: 7px 0;
}
#pomegranate-restaurant-flyout .flyout-content img.three-square-separator {
    width: 50px;
    display: block;
    margin: 15px 0;
}
#pomegranate-restaurant-flyout .flyout-content p {
    font-size: 20px;
    line-height: 1.5em;
}
#pomegranate-restaurant-flyout .flyout-content button {
    margin-top: 30px;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
/* >> Pomegranate Restaurant - Flyout Open Control */
#pomegranate-restaurant-wrapper.flyout-open .overlay-shear {
    display: block;
}
#pomegranate-restaurant-wrapper.flyout-open #pomegranate-restaurant-flyout {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
/* >> Pomegranate Restaurant - Media Queries */
@media only screen and (max-width: 1300px) {
    #pomegranate-restaurant-flyout .left-content img.overlay-image {
        width: 150px;
        top: 13vh;
        left: -75px;
    }
    #pomegranate-restaurant-flyout .flyout-content h1 {
        font-size: 25px;
    }
    #pomegranate-restaurant-flyout .flyout-content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px) {
    #pomegranate-restaurant-slideshow-wrapper .slide-content h1 {
        font-size: 25px;
    }
    #pomegranate-restaurant-slideshow-wrapper .slide-content {
        bottom: 120px;
    }
    #pomegranate-restaurant-slideshow-wrapper .slide-content p {
        width: 600px;
        font-size: 18px;
    }
    #pomegranate-restaurant-slideshow-wrapper .cycle-pager {
        bottom: 35px;
    }
    #pomegranate-restaurant-slideshow-wrapper .slide-content span.case-study-title {
        font-size: 22px;
    }
    #pomegranate-restaurant-slideshow-wrapper .slide-content span.case-study-location {
        font-size: 14px;
    }
    #pomegranate-restaurant-slideshow-wrapper .sheer {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
    }    
    #pomegranate-restaurant-flyout {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        height: 110vh;
        width: 100vw;
    }
    #pomegranate-restaurant-flyout .left-content {
        display: none;
    }
    #pomegranate-restaurant-flyout .right-content {
        width: 100%;
    }
    #pomegranate-restaurant-flyout .flyout-content {
        width: 600px;
        margin: 10vh auto 0;
    }
    #pomegranate-restaurant-flyout .flyout-content p {
        font-size: 18px;
    }
    #pomegranate-restaurant-flyout .flyout-content button {
        display: block;
        margin: 30px auto;
    }    
}
@media only screen and (max-width: 767px) {
    #pomegranate-restaurant-slideshow-wrapper .slide-content h1 {
        font-size: 23px;
    }
    #pomegranate-restaurant-slideshow-wrapper .slide-content p {
        font-size: 15px;
    }
    #pomegranate-restaurant-flyout .flyout-content {
        padding-left: 31px;
        padding-right: 31px;
    }
    #pomegranate-restaurant-flyout .flyout-content span.case-study-title,    
    #pomegranate-restaurant-flyout .flyout-content h1 {
        font-size: 20px;
    }
    #pomegranate-restaurant-flyout .flyout-content p {
        font-size: 15px;
    }
}
@media only screen and (max-width: 700px) {
    #pomegranate-restaurant-slideshow-wrapper .slide-content {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #pomegranate-restaurant-slideshow-wrapper .slide-content h1,
    #pomegranate-restaurant-slideshow-wrapper .slide-content p {
        width: inherit;
    }
    #pomegranate-restaurant-flyout .flyout-content {
        width: 100%;
    }    
}
/* >> Pomegranate Restaurant - iMac 4K */
@media only screen and (min-width: 2500px)  {
    #pomegranate-restaurant-flyout {
        width: 70vw;
        left: 15vw;
    }
    #pomegranate-restaurant-flyout .left-content,
    #pomegranate-restaurant-flyout .right-content {
        width: 35vw;
    }
    #pomegranate-restaurant-flyout .flyout-content {
        max-width: 725px;
        margin-left: 40px;
    }
    #pomegranate-restaurant-flyout .left-content img.overlay-image {
        width: 400px;
    }
    #pomegranate-restaurant-flyout .flyout-content img.three-square-separator {
        margin: 25px 0;
    }
    #pomegranate-restaurant-flyout .flyout-content p {
        font-size: 20px;
    }
}

/*** DESIGN SERVICE ***/
#design-service-wrapper {
    position: relative;
    padding: 0;
    top: -2px;
    background: #f4f4f4;
}
#design-service-wrapper div[class^="col"] {
    height: 100vh;
}
/* >> Design Service - Image */
#design-service-image {
    background-image: url('/-/media/303af0ee6ad749179794b7d11e86a29c.ashx');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    position: relative;
    background-position: center right;
}
#design-service-image .overlay-image {
    position: absolute;
    width: 250px;
    height: 250px;
    top: 50px;
    right: -125px;
}
/* >> Design Service - Content */
#design-service-content {
    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;
}
#design-service-content h1,
#design-service-content p {
    text-align: center;
}
#design-service-content h1 {
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#design-service-content p {
    font-size: 19px;
    line-height: 1.5em;
}
/* >> Design Service - Media Queries */
@media only screen and (max-width: 1300px) {
    #design-service-image .overlay-image {
        width: 150px;
        height: 150px;
        right: -75px;
    }
}
@media only screen and (max-width: 991px) {
    #design-service-wrapper div[class^="col"] {
        height: auto;
    }
    #design-service-image {
        height: 50vh !important;
    }
    #design-service-image .overlay-image {
        top: auto;
        bottom: -75px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #design-service-content {
        min-height: 50vh;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #design-service-content h1,
    #design-service-content p {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    #design-service-content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    #design-service-content h1 {
        font-size: 25px;
    }
    #design-service-content p {
        font-size: 16px;
        line-height: 1.5em;
    }
    #design-service-content {
        padding-top: 100px;
    }
}
@media only screen and (max-width: 700px) {
    #design-service-content h1,
    #design-service-content p {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}
/* >> Design Services - iMac 4K */
@media only screen and (min-width: 2500px) {
    #design-service-image .overlay-image {
        width: 350px;
        height: 350px;
        top: 75px;
        right: -175px;
    }
    #design-service-content h1 {
        font-size: 40px;
    }
    #design-service-content p {
        font-size: 20px;
    }
}

/*** ROOM SCENES ***/
#room-scenes-wrapper {
    position: relative;
    padding: 0;
    top: -2px;
}
#room-scenes-wrapper div[class^="col"] {
    height: 100vh;
    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;
}
/* >> Room Scenes - Image */
#room-scenes-image > div {
    background-image: url('/-/media/3fa5cbb8a2eb4c8d9d994cb3ee8aeb2e.ashx');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    width: 100%;
    height: 70vh;
}
#room-scenes-image img {
    position: absolute;
    width: 300px;
    top: 50px;
    left: 50px;
}
/* >> Room Scenes - Content */
#room-scenes-content h1,
#room-scenes-content p {
    text-align: center;
}
#room-scenes-content h1 {
    font-size: 29px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#room-scenes-content p {
    font-size: 20px;
    line-height: 1.5em;
}
#room-scenes-content button {
    border-radius: 0;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold !important;
    width: 200px;
    font-size: 14px;
    display: block;
    padding: 10px 15px;
    margin: 30px auto 0;
}
/* >> Room Scenes - Flyout */
#room-scenes-flyout {
    position: absolute;
    width: 100vw;
    height: 80vh;
    background: #444;
    z-index: 1001;
    top: 10vh;
    right: 0;
    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;
    /* -webkit-transform: translateX(100vw);
    transform: translateX(100vw); 
    -webkit-transition: 1s;
    transition: 1s;*/
    display: none;

}
#room-scenes-flyout .left-content,
#room-scenes-flyout .right-content {
    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;
    width: 50vw;
    height: inherit;
}
#room-scenes-flyout .left-content {
    background: #fcfafb;
}
#room-scenes-flyout .left-content img {
    width: 50vw;
    height: 80vh;
    -o-object-fit: cover;
    object-fit: cover;
}
#room-scenes-flyout.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#room-scenes-flyout .flyout-content {
    width: 600px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}
#room-scenes-flyout .flyout-content h1,
#room-scenes-flyout .flyout-content p {
    color: #fff;
}
#room-scenes-flyout .flyout-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#room-scenes-flyout .flyout-content p {
    font-size: 20px;
    line-height: 1.5em;
}
#room-scenes-flyout .flyout-content button {
    margin-top: 30px;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
/* >> Room Scenes - Media Queries */
@media only screen and (max-width: 1300px) {
    #room-scenes-image img {
        width: 150px;
        top: 55px;
    }
}
@media only screen and (max-width: 1200px) {
    #room-scenes-flyout .flyout-content {
        width: 500px;
    }
    #room-scenes-flyout .flyout-content h1 {
        font-size: 25px;
    }
    #room-scenes-flyout .flyout-content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    #room-scenes-wrapper div[class^="col"] {
        height: auto;
    }
    #room-scenes-image {
        display: block;
        height: 50vh !important;
    }
    #room-scenes-image > div {
        height: inherit;
    }
    #room-scenes-image img {
        top: auto;
        left: auto;
        bottom: -55px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #room-scenes-content {
        min-height: 50vh;
        padding-top: 75px;
        padding-bottom: 50px;
    }
    #room-scenes-content h1,
    #room-scenes-content p {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    #room-scenes-content p {
        font-size: 18px;
    }
    #room-scenes-flyout {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        height: 100vh;
    }
    #room-scenes-flyout .left-content {
        display: none;
    }
    #room-scenes-flyout .right-content {
        width: 100%;
    }
    #room-scenes-flyout .flyout-content {
        width: 600px;
        margin: 0 auto;
    }
    #room-scenes-flyout .flyout-content button {
        display: block;
        margin: 30px auto 0;
    }
    #room-scenes-content button {
        margin-bottom: 10vh;
    }
    #room-scenes-image img {
        bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
    #room-scenes-content h1 {
        font-size: 25px;
    }
    #room-scenes-content p {
        font-size: 16px;
        line-height: 1.5em;
    }
    #room-scenes-flyout .flyout-content h1 {
        width: 280px;
    }
    #room-scenes-flyout .flyout-content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 700px) {
    #room-scenes-content h1,
    #room-scenes-content p {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #room-scenes-content h1 {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    #room-scenes-flyout .flyout-content {
        width: 100%;
    }
}
@media only screen and (max-width: 500px) {
    #room-scenes-content button {
        margin-bottom: 10vh;
    }
    #room-scenes-image img {
        bottom: 0;
    }
}
/* >> Room Scenes - iMac 4K */
@media only screen and (min-width: 2500px) {
    #room-scenes-image img {
        width: 400px;
        left: 100px;
    }
    #room-scenes-content h1 {
        font-size: 40px;
    }
    #room-scenes-content p {
        font-size: 21px;
    }
}

/*** FLOOR PLANS ***/
#floor-plans-wrapper {
    position: relative;
    padding: 0;
    top: -2px;
    background: #f4f4f4;
}
#floor-plans-wrapper div[class^="col"] {
    height: 100vh;
    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;
}
/* >> Floor Plans - Image */
#floor-plans-image {
    position: relative;
}
#floor-plans-image > div {
    background-image: url('/-/media/fe19342866bd4a17b56c31dd73854195.ashx');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    position: absolute;
    width: 80%;
    height: 70vh;
    right: 0;
}
#floor-plans-image img {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50px;
    left: 50px;
}
/* >> Floor Plans - Content */
#floor-plans-content h1,
#floor-plans-content p {
    text-align: center;
}
#floor-plans-content h1 {
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#floor-plans-content p {
    font-size: 20px;
    line-height: 1.5em;
}
#floor-plans-content button {
    border-radius: 0;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold !important;
    width: 200px;
    font-size: 14px;
    display: block;
    padding: 10px 15px;
    margin: 30px auto 0;
}
/* >> Floor Plans - Flyout */
#floor-plans-flyout {
    position: absolute;
    width: 100vw;
    height: 80vh;
    background: #444;
    z-index: 1001;
    top: 10vh;
    right: 0;
    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;
    /* -webkit-transform: translateX(100vw);
    transform: translateX(100vw); 
    -webkit-transition: 1s;
    transition: 1s;*/
    display: none;
}
#floor-plans-flyout .left-content,
#floor-plans-flyout .right-content {
    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;
    width: 50vw;
    height: inherit;
}
#floor-plans-flyout .left-content {
    background: #fcfafb;
}
#floor-plans-flyout .left-content img {
    max-width: 50vw;
    max-height: 80vh;
}
#floor-plans-flyout.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#floor-plans-flyout .flyout-content {
    width: 600px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}
#floor-plans-flyout .flyout-content h1,
#floor-plans-flyout .flyout-content p {
    color: #fff;
}
#floor-plans-flyout .flyout-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#floor-plans-flyout .flyout-content p {
    font-size: 20px;
    line-height: 1.5em;
}
#floor-plans-flyout .flyout-content button {
    margin-top: 30px;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
/* >> Floor Plans - Media Queries */
@media only screen and (max-width: 1300px) {
    #floor-plans-image img {
        width: 150px;
        height: 150px;
        top: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    #floor-plans-flyout .flyout-content {
        width: 500px;
    }
    #floor-plans-flyout .flyout-content h1 {
        font-size: 25px;
    }
    #floor-plans-flyout .flyout-content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    #floor-plans-wrapper div[class^="col"] {
        height: auto;
    }
    #floor-plans-image {
        display: block;
        height: 50vh !important;
    }
    #floor-plans-image > div {
        height: inherit;
        width: 100%;
        position: relative;
        right: auto;
    }    
    #floor-plans-image img {
        top: auto;
        left: auto;
        bottom: -75px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #floor-plans-content {
        min-height: 50vh;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #floor-plans-content h1,
    #floor-plans-content p {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    #floor-plans-content p {
        font-size: 18px;
    }
    #floor-plans-flyout {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        height: 100vh;
    }
    #floor-plans-flyout .left-content {
        display: none;
    }
    #floor-plans-flyout .right-content {
        width: 100%;
    }
    #floor-plans-flyout .flyout-content {
        width: 600px;
        margin: 0 auto;
    }
    #floor-plans-flyout .flyout-content button {
        display: block;
        margin: 30px auto 0;
    }    
}
@media only screen and (max-width: 767px) {
    #floor-plans-content h1 {
        font-size: 24px;
    }
    #floor-plans-content p {
        font-size: 16px;
        line-height: 1.5em;
    }
    #floor-plans-content {
        padding-top: 100px;
    }
    #floor-plans-flyout .flyout-content h1 {
        font-size: 24px;
    }
    #floor-plans-flyout .flyout-content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 700px) {
    #floor-plans-content h1,
    #floor-plans-content p {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #floor-plans-flyout .flyout-content {
        width: 100%;
    }
}
/* >> Floor Plans - iMac 4K */
@media only screen and (min-width: 2500px)  {
    #floor-plans-image img {
        width: 400px;
        height: 400px;
        left: 100px;
    }
    #floor-plans-content h1 {
        font-size: 40px;
    }
}

/*** SEAMING DIAGRAMS ***/
#seaming-diagrams-wrapper {
    position: relative;
    padding: 0;
    top: -2px;
}
#seaming-diagrams-wrapper div[class^="col"] {
    height: 100vh;
    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;
}
/* >> Seaming Diagrams - Image */
#seaming-diagrams-image {
    position: relative;
}
#seaming-diagrams-image > div {
    background-image: url('/-/media/29c892b0e65845e4bd2ff6cc4d7d695a.ashx');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    position: absolute;
    width: 80%;
    height: 70vh;
    right: 0;
}
#seaming-diagrams-image img {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50px;
    left: 50px;
}
/* >> Seaming Diagrams - Content */
#seaming-diagrams-content h1,
#seaming-diagrams-content p {
    text-align: center;
}
#seaming-diagrams-content h1 {
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#seaming-diagrams-content p {
    font-size: 20px;
    line-height: 1.5em;
}
#seaming-diagrams-content button {
    border-radius: 0;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold !important;
    width: 200px;
    font-size: 14px;
    display: block;
    padding: 10px 15px;
    margin: 30px auto 0;
}
/* >> Seaming Diagrams - Flyout */
#seaming-diagrams-flyout {
    position: absolute;
    width: 100vw;
    height: 80vh;
    background: #444;
    z-index: 1001;
    top: 10vh;
    right: 0;
    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;
    /* -webkit-transform: translateX(100vw);
    transform: translateX(100vw); 
    -webkit-transition: 1s;
    transition: 1s;*/
    display: none;
}
#seaming-diagrams-flyout .left-content,
#seaming-diagrams-flyout .right-content {
    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;
    width: 50vw;
    height: inherit;
}
#seaming-diagrams-flyout .left-content {
    background: #fcfafb;
}
#seaming-diagrams-flyout .left-content img {
    max-width: 50vw;
    max-height: 80vh;
}
#seaming-diagrams-flyout.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#seaming-diagrams-flyout .flyout-content {
    width: 600px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}
#seaming-diagrams-flyout .flyout-content h1,
#seaming-diagrams-flyout .flyout-content p {
    color: #fff;
}
#seaming-diagrams-flyout .flyout-content h1 {
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: bold !important;
}
#seaming-diagrams-flyout .flyout-content p {
    font-size: 20px;
    line-height: 1.5em;
}
#seaming-diagrams-flyout .flyout-content button {
    margin-top: 30px;
    width: 200px;
    background: #fff;
    border: 1px solid #fff;
    letter-spacing: 1px;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
}
/* >> Seaming Diagrams - Media Queries */
@media only screen and (max-width: 1300px) {
    #seaming-diagrams-image img {
        width: 150px;
        height: 150px;
        top: 100px;
    }
}
@media only screen and (max-width: 1200px) {
    #seaming-diagrams-flyout .flyout-content {
        width: 500px;
    }
    #seaming-diagrams-flyout .flyout-content h1 {
        font-size: 25px;
    }
    #seaming-diagrams-flyout .flyout-content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    #seaming-diagrams-wrapper div[class^="col"] {
        height: auto;
    }
    #seaming-diagrams-image {
        display: block;
        height: 50vh !important;
    }
    #seaming-diagrams-image > div {
        height: inherit;
        width: 100%;
        position: relative;
        right: auto;
    }    
    #seaming-diagrams-image img {
        top: auto;
        left: auto;
        bottom: -75px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #seaming-diagrams-content {
        min-height: 50vh;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #seaming-diagrams-content h1,
    #seaming-diagrams-content p {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    #seaming-diagrams-content p {
        font-size: 18px;
    }
    #seaming-diagrams-flyout {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        height: 100vh;
    }
    #seaming-diagrams-flyout .left-content {
        display: none;
    }
    #seaming-diagrams-flyout .right-content {
        width: 100%;
    }
    #seaming-diagrams-flyout .flyout-content {
        width: 600px;
        margin: 0 auto;
    }
    #seaming-diagrams-flyout .flyout-content button {
        display: block;
        margin: 30px auto 0;
    }    
}
@media only screen and (max-width: 767px) {
    #seaming-diagrams-content h1 {
        font-size: 25px;
    }
    #seaming-diagrams-content p {
        font-size: 17px;
        line-height: 1.5em;
    }
    #seaming-diagrams-content {
        padding-top: 100px;
    }
    #seaming-diagrams-flyout .flyout-content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 700px) {
    #seaming-diagrams-content h1,
    #seaming-diagrams-content p {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #seaming-diagrams-flyout .flyout-content {
        width: 100%;
    }   
}
/* >> Seaming Diagrams - iMac 4K */
@media only screen and (min-width: 2500px)  {
    #seaming-diagrams-image img {
        width: 400px;
        height: 400px;
        left: 100px;
    }
    #seaming-diagrams-content h1 {
        font-size: 40px;
    }
}

/*** CONTACT US ***/
#contact-us-wrapper {
    padding: 0;
    position: relative;
    min-height: 50vh;
    background: #fff;
}
#contact-us-wrapper div[class^="col"] {
    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;
}
#contact-us-images div[class^="col"] {
    height: 50vh;
    position: relative;
}
#contact-us-content div[class^="col"] {
    min-height: 50vh;
}
/* >> Contact Us - Image */
#contact-us-images video {
    width: 100%;
    height: 50vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;   
}
#contact-us-images img {
    display: block;
    width: 250px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* >> Contact Us - Content */
#contact-us-content ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 50px 0;
    padding: 0;
}
#contact-us-content ul li {
    display: inline-block;
}
#contact-us-content ul li img {
    width: 179px;
    height: 41px;
    filter: invert(1);
}
#contact-us-content p {
    color: #040404;
    font-size: 20px;
    text-align: center;
    line-height: 1.5em;
}
#contact-us-content a {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    width: 415px;
    padding: 10px 15px;
    margin: 30px auto 50px;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
}
#contact-us-content a:hover {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
@media only screen and (max-width: 991px) {
    #contact-us-images img {
        width: 200px;
    }
    #contact-us-content ul {
        width: 650px;
        margin: 0 auto 50px;
    }
    #contact-us-content p {
        width: 600px;
        margin: 0 auto;
        font-size: 18px;
    }
    #contact-us-content div[class^="col"] {
        min-height: 50vh;
        height: auto;
    }
}
@media only screen and (max-width: 767px) {
    #contact-us-content p {
        font-size: 16px;
    }
    #contact-us-content a {
        width: 300px;
        font-size: 12px;
    }
}
@media only screen and (max-width: 700px) {
    #contact-us-images img {
        width: 150px;
    }    
    #contact-us-content ul {
        display: none;
    }
    #contact-us-content p {
        width: 100%;
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    #contact-us-content p:first-of-type {
        margin-top: 20px;
    }
}
/* >> Contact Us - iMac 4K */
@media only screen and (min-width: 2500px) {
    #contact-us-images img {
        width: 300px;
    }
    #contact-us-content ul li img {
        width: 215px;
        height: 50px;
    }
}

/*** STEWARDSHIP ***/
#stewardship-wrapper {
    background: #343233;
    position: relative;
}
#stewardship-wrapper > .container, #stewardship-wrapper > .container-fluid {
    padding-top: 50px;
    padding-bottom: 50px;
}
#stewardship-content,
#stewardship-image {
    padding-left: 30px;
    padding-right: 30px;
}
/* >> Stewardship - Content */
#stewardship-content {
    text-align: center;
}
#stewardship-content h2,
#stewardship-content p {
    color: #fff;  
}
#stewardship-content h2 {
    text-transform: none;
    font-size: 30px;
    padding-top: 10%;
    font-weight: 300;
    margin-bottom: 3rem;
}
#stewardship-content p {
    font-size: 18px;
}
/* >> Stewardship - Image */
#stewardship-image img {
    width: 100%;  
}
/* >> Stewardship - Media Queries */
@media only screen and (max-width: 767px) {
    #stewardship-content h2 {
        font-size: 22px;
    }
    #stewardship-content p {
        font-size: 16px;
    }
}

/*** SOCIAL ***/
#social-wrapper {
    background: #036;
}
#social-wrapper > .container {
    padding-top: 30px;
    padding-bottom: 30px;
}
/* >> Social - Images */
#social-wrapper img {
    width: 100px;
    height: 100px;
    padding: 7px;
} 
/* >> Social - Content */
#social-wrapper p {
    color: #fff;
    font-size: 26px;
    margin-top: 30px;
    line-height: 1.2em;
}
/* >> Social - Button */
#social-wrapper a.mlkn-button {
    text-align: center;
    display: block;
    border: 1px solid #fff;
    color: #fff;
    background: #036;
    margin-top: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#social-wrapper a.mlkn-button:hover {
    background: #fff;
    color: #036;
}
/* >> Social - Media Queries */
@media only screen and (max-width: 991px) {
    #social-wrapper img {
      display: block;
      margin: 0 auto;
    }
    #social-wrapper p {
      text-align: center;  
    }
}
@media only screen and (max-width: 767px) {
    #social-wrapper p {
      font-size: 20px;  
    }
}

/*** FEATURED PROJECT PROFILES ***/
#fpp-wrapper {
    background: #262626;
    position: relative;
    z-index: 2;
    padding: 0;
    overflow: hidden;
    height: 100vh;
}
#fpp-slideshow-wrapper .cycle-slideshow {
    width: 100%;  
    min-height: 100vh;
    height: 1px;
}
#fpp-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
    min-height: inherit;
}
#fpp-slide-1 .background,
#fpp-slide-2 .background,
#fpp-slide-3 .background,
#fpp-slide-4 .background,
#fpp-slide-5 .background,
#fpp-slide-6 .background {
    width: 85vw;
    height: 78vh;
    position: absolute;
    top: 11vh;
    left: 7.5vw;
    background-size: cover !important;
}
#fpp-slide-1 .background {
    background: url(/-/media/5e1fe94d6da64839825f795a96b27ace.ashx);
}
#fpp-slide-2 .background {
    background: url(/-/media/7c7c4d12c9134416956d75e75885048c.ashx);
}
#fpp-slide-3 .background {
    background: url(/-/media/1bcf615fb2dc4283ab00b92e456fc3f3.ashx);
}
#fpp-slide-4 .background {
    background: url(/-/media/cce778f559ee40cdb000a58ad3e07dbe.ashx);
}
#fpp-slide-5 .background {
    background: url(/-/media/48127de9b3d442edb1d433913f5debb3.ashx);
}
#fpp-slide-6 .background {
    background: url(/-/media/5288316ed6224464be0eb392146b0e61.ashx);
}
#fpp-slideshow-wrapper img.base-image {
    position: relative;
    z-index: 2;
    display: block;
    height: 650px;
    margin: 0 auto;
}
#fpp-slideshow-wrapper .slashes {
    position: absolute;
    z-index: 3;
    height: 225px;
}
#fpp-slideshow-wrapper .white-slash {
    top: 30vh;
    left: 50%;
    -webkit-transform: translateX(-1127%);
    -ms-transform: translateX(-1127%);
    transform: translateX(-1127%);
}
#beige-slash,
#gray-slash {
    top: 42vh;
    left: 50%;
    -webkit-transform: translateX(890%);
    -ms-transform: translateX(890%);
    transform: translateX(890%);
}
#fpp-slideshow-wrapper .slide-content {
    width: 100%;
    position: absolute;
}
#fpp-slideshow-wrapper .slide-content h1,
#fpp-slideshow-wrapper .slide-content p {
    text-align: center;
    color: #000;
}
#fpp-slideshow-wrapper .slide-content h1 {
    text-transform: uppercase;
    font-size: 35px;
    color: #555;
    font-weight: bold !important;
    letter-spacing: 4px;
}
#fpp-slideshow-wrapper .slide-content p {
    position: absolute;
    color: white;
    top: 92vh;
    left: max(18.5%, 325px);
    text-align: left;
    max-width: max(1150px, 80%);
}
#fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
    top: calc(92vh + 25px);
}
#fpp-slideshow-wrapper .slide-content h3 {
    color: white;
    position: absolute;
    top: 84vh;
    left: 11vw;
}
#fpp-slideshow-wrapper .slide-content h4 {
    color: white;
    position: absolute;
    top: 5vh;
    left: 7.5%;
    font-size: 30px;
    font-weight: 100;
}
#fpp-slideshow-wrapper .slide-content > div > div {
    position: absolute;
    background: white;
    color: black;
    top: 91vh;
    right: 15vw;
    width: 225px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 35px;
    border-radius: 20px;
    width: 225px;
} 
#fpp-slideshow-wrapper .slide-content > div > div > span {
    display: table-cell;
    vertical-align: middle;
    height: 35px;
    text-align: center;
    width: 225px;
    font-size: 14px;
    font-weight: 700;
}
span.bigText {
    font-size: 100px;
    font-weight: 100;
}
#fpp-slide-1 span.bigText {
    position: absolute;
    left: 20px;
}
span.tinyText {
    font-size: 25px;
    font-weight: 100;
    position: absolute;
    width: 70px;
    top: 2vh;
    left: 135px;
}
/* >> FEATURED PROJECT PROFILES - Pager */
#fpp-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: 15%;
    z-index: 500;
    width: 500px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#fpp-slideshow-wrapper .cycle-pager a {
    width: 150px;
    height: 3px;
    background: #777;
    margin: 0 5px;
}
#fpp-slideshow-wrapper .cycle-pager a.cycle-pager-active {
    background: #ddd;  
}
/* >> Textures - Slideshow Controls */
#fpp-outer-wrapper {
    position: relative;  
}
#fpp-slideshow-controls {
    display: none;  
    margin: 20px 0;
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 500;
}
#fpp-slideshow-controls button {
    border-radius: 0;
    border: 1px solid #777;
    background: transparent;
    padding: 15px 23px;
    font-size: 30px;
    color: #777;
}
#fpp-slideshow-controls button:last-of-type {
    margin-left: 30px;  
}
#fpp-slideshow-controls button:focus {
    outline: none;
}
#fpp-wrapper .extraBit {
    display: none;
}
/* >> FEATURED PROJECT PROFILES - Media Queries */
/* iMAC 4k */
@media only screen and (min-width: 2500px) {
    #fpp-slideshow-wrapper .slide-content h4 {
        font-size: 36px;
        left: 8vw;
    }
    #fpp-slideshow-wrapper .cycle-pager {
        bottom: 180px;
        width: 700px;
    }
    #fpp-slideshow-wrapper .cycle-pager a {
        width: 125px;
    }
    #fpp-slide-1 span.bigText {
        font-size: 125px;
    }
    #fpp-slide-1 span.tinyText {
        left: 160px;
        font-size: 30px;
    }
    #fpp-slideshow-wrapper .slide-content h3 {
        top: 83vh;
    }
    #fpp-slideshow-wrapper img.base-image {
        height: 880px;  
      }
      #fpp-slideshow-wrapper .white-slash {
          top: 36vh;
          -webkit-transform: translateX(-1475%);
          -ms-transform: translateX(-1475%);
          transform: translateX(-1475%);
      }
      #beige-slash,
      #gray-slash {
          top: 45vh;
          -webkit-transform: translateX(1185%);
          -ms-transform: translateX(1185%);
          transform: translateX(1185%);
      }
      #fpp-slideshow-wrapper .slide-content h1 {
          font-size: 45px;
      }
      #fpp-slideshow-wrapper .slide-content p {
          font-size: 22px;
      }
      #fpp-slideshow-wrapper .slide-content > div > div {
          width: 250px;
          top: 92vh;
      }
      #fpp-slideshow-wrapper .slide-content > div > div > span {
          width: 250px;
          font-size: 18px;
      }
      #section13-wrapper h5 {
        font-size: 26px;
      }
      #section13-wrapper p {
          font-size: 22px;
          line-height: 120%;
      }
}
@media only screen and (max-width: 1400px) {
    #fpp-slideshow-wrapper .slashes, #fpp-slideshow-wrapper.ap .slashes {
        display: none;
    }
}
@media only screen and (max-width: 1300px) {
    #fpp-slideshow-wrapper img.base-image, #fpp-slideshow-wrapper.ap img.base-image {
        width: 100%;
        object-fit: cover;
    }
    #fpp-slideshow-wrapper .slide-content p {
        width: 70%;
        top: 90vh;
    }
    #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        display: none;
    }
    #fpp-wrapper .extraBit {
        display: revert;
    }
}

@media only screen and (max-width: 1200px) {
    #fpp-slideshow-wrapper .slide-content p, #fpp-slideshow-wrapper.ap .slide-content p {
        text-align: left;
    }
    #fpp-slideshow-wrapper .slide-content > div > div, #fpp-slideshow-wrapper.ap .slide-content > div > div {
        right: 12vw;
    }
}
@media only screen and (max-width: 1100px) {
    #fpp-slideshow-wrapper .slide-content p, #fpp-slideshow-wrapper.ap .slide-content p {
        left: 300px;
    }
}
/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
    #fpp-slideshow-wrapper .cycle-pager, #fpp-slideshow-wrapper.ap .cycle-pager {
        bottom: 190px;
    }
    #fpp-slideshow-wrapper .slide-content h3, #fpp-slideshow-wrapper.ap .slide-content h3 {
        top: 40vh;
    }
    #fpp-slide-1 .background, #fpp-slide-2 .background, #fpp-slide-3 .background, #fpp-slide-4 .background, #fpp-slide-5 .background, #fpp-slide-6 .background {
        height: 33vh;
    }
    #fpp-wrapper {
        height: 55vh;
    }
    #fpp-slideshow-wrapper .cycle-slideshow {
        min-height: 55vh;
    }
    #fpp-slideshow-wrapper .cycle-slideshow {
        width: 550px;
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        top: 50vh;
    }
    #fpp-slideshow-wrapper .slide-content h4 {
        left: 10vw;
    }
}
@media only screen and (max-width: 991px) {
    #fpp-wrapper {
        display: block;  
    }
    #fpp-slideshow-wrapper .cycle-pager {
        display: none;  
    }
    #fpp-slideshow-controls {
        display: block;  
    }
    #fpp-slideshow-wrapper .slide-content {
        bottom: 150px;  
    }
    #fpp-slideshow-wrapper .slide-content h1 {
        font-size: 35px;
    }
    #fpp-slideshow-wrapper .slide-content p {
        width: 100vw;
        font-size: 18px;
        text-align: center;
        left: 0;
        top: -1vh;
    }
    #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        top: calc(-1vh + 25px);
    }
    #fpp-slideshow-wrapper .slide-content h4 {
        top: -78vh;
        left: 29vw;
    }
    #fpp-slide-1 .background, #fpp-slide-2 .background, #fpp-slide-3 .background, #fpp-slide-4 .background, #fpp-slide-5 .background, #fpp-slide-6 .background {
        height: 60vh;
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        top: -2vh;
        right: 37vw;
    }
}
/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
    #fpp-slideshow-wrapper .cycle-pager {
        left: 100%;
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        top: 50vh;
        right: -30vw;
    }
    #fpp-slideshow-wrapper .slide-content p {
        top: 45vh;
        width: 500px;
    }
    #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        top: calc(45vh + 25px);
    }
}
/* IPAD 9th gen */
@media only screen and (width: 810px) and (-webkit-device-pixel-ratio: 2) {
    #fpp-slideshow-wrapper .slide-content h4 {
        top: -81vh;
        left: 7vw;
    }
    #fpp-slideshow-controls {
        left: -2vw;
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        right: 39vw;
    }
}
@media only screen and (max-width: 767px) {
    #fpp-slideshow-wrapper .slide-content {
        bottom: 120px;
    }
    #fpp-slideshow-wrapper .slide-content h1 {
        font-size: 25px;
    }
    #fpp-slideshow-wrapper .slide-content h4 {
        top: -82vh;
        left: 23vw;
    }
    #fpp-slideshow-wrapper .slide-content p {
        top: -10vh;
    }
    #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        top: calc(-10vh + 25px);
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        top: -5vh;
        right: 34vw;
    }
}

@media only screen and (max-width: 600px) {
    #fpp-slideshow-wrapper .slide-content h4 {
        left: 14vw;
        font-size: 28px;
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        right: 31vw;
    }
}
@media only screen and (max-width: 500px) {
    #fpp-slideshow-wrapper .slide-content h4 {
        left: 10vw;
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        right: 25vw;
    }
}

/* iPhone 13 PRO MAX */
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #fpp-slideshow-wrapper .slide-content h4 {
        left: 8vw;
        font-size: 25px;
    }
    #fpp-slideshow-wrapper .slide-content h4 {
        top: -83vh;
    }
    #fpp-slideshow-wrapper .slide-content p {
        width: 80vw;
        left: 10vw;
        top: -13vh;
    }
    #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        top: calc(-13vh + 25px);
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        right: 21vw;
    }
    #fpp-slide-1 .background, #fpp-slide-2 .background, #fpp-slide-3 .background, #fpp-slide-4 .background, #fpp-slide-5 .background, #fpp-slide-6 .background {
        height: 60vh;
    }
    #fpp-slide-1 .background {
        background-position-x: -70vw;
    }
    #fpp-slide-2 .background {
        background-position-x: -75vw;
    }
    #fpp-slide-3 .background {
        background-position-x: -100vw;
    }
    #fpp-slide-4 .background {
        background-position-x: -85vw;
    }
    #fpp-slide-5 .background {
        background-position-x: -110vw;
    }
    #fpp-slide-6 .background {
        /* background-position-x: 0vw; */
    }
}

/* >> FEATURED PROJECT PROFILES - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #fpp-slideshow-wrapper img.base-image {
      height: 365px;
    } 
    #fpp-slideshow-wrapper .slide-content h4 {
        left: 8vw;
        font-size: 24px;
        top: -80vh;
    }
    #fpp-slide-1 .background, #fpp-slide-2 .background, #fpp-slide-3 .background, #fpp-slide-4 .background, #fpp-slide-5 .background, #fpp-slide-6 .background {
        height: 55vh;
    }
    #fpp-slideshow-wrapper .slide-content p {
        top: -14vh;
    }
    #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        top: calc(-14vh + 25px);
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        right: 23vw;
    }
}

/* iPhone 13 */
@media only screen and (max-width: 390px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #fpp-slideshow-wrapper .slide-content h4 {
        left: 7vw;
        font-size: 23px;
        top: -80vh;
    }
    #fpp-slide-1 .background, #fpp-slide-2 .background, #fpp-slide-3 .background, #fpp-slide-4 .background, #fpp-slide-5 .background, #fpp-slide-6 .background {
        height: 55vh;
    }
    #fpp-slideshow-wrapper .slide-content p {
        top: -14vh;
    }
    #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        top: calc(-14vh + 25px);
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        right: 18.5vw;
    }
}
/* >> FEATURED PROJECT PROFILES - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {   
    #fpp-slideshow-wrapper img.base-image {
      height: 285px;
    }
    #fpp-slide-1 .background, #fpp-slide-2 .background, #fpp-slide-3 .background, #fpp-slide-4 .background, #fpp-slide-5 .background, #fpp-slide-6 .background {
        height: 55vh;
    }
    #fpp-slideshow-wrapper .slide-content h4 {
        top: -78vh;
        left: 8vw;
        font-size: 21px;
    }
    #fpp-slideshow-wrapper .slide-content > div > div {
        right: 21vw;
    }
    #fpp-slideshow-wrapper .slide-content p {
        top: -14vh;
        left: 10vw;
        width: 80vw;
    }
    #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        top: calc(-14vh + 25px);
    }
    #fpp-slideshow-controls {
        bottom: 15px;
    }
}
/* >> FEATURED PROJECT PROFILES - iPhone X */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    #fpp-slideshow-wrapper img.base-image {
      height: 410px;
    } 
}
/* >> FEATURED PROJECT PROFILES - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #fpp-slideshow-wrapper img.base-image {
      height: 160px;
    }
      #fpp-slide-1 .background, #fpp-slide-2 .background, #fpp-slide-3 .background, #fpp-slide-4 .background, #fpp-slide-5 .background, #fpp-slide-6 .background {
          height: 50vh;
      }
      #fpp-slideshow-wrapper .slide-content h4, #fpp-slideshow-wrapper.ap .slide-content h4 {
        top: -74vh;
        left: 8vw;
        font-size: 18px;
    }
      #fpp-slideshow-wrapper .slide-content > div > div, #fpp-slideshow-wrapper.ap .slide-content > div > div {
          right: 16vw;
      }
      #fpp-slideshow-wrapper .slide-content p, #fpp-slideshow-wrapper.ap .slide-content p {
          top: -15vh;
          left: 10vw;
          width: 80vw;
          font-size: 15px;
      }
      #fpp-slideshow-wrapper .slide-content p:nth-of-type(2) {
        top: calc(-15vh + 25px);
    }
      #fpp-slideshow-controls {
          bottom: 15px;
      }
}



/* VISUALIZE */
  /* Containers */
  #customisation-wrapper {
    height: fit-content;
    background-color: #fff;
    /* background-image: url('/-/media/878b8f77112341baaa508551ddc1dd53.ashx'); */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 75%;
    position: relative;
    padding: 0;
    min-height: 100vh;
  }
  #customisation-wrapper .row {
    min-height: fit-content;
    /* -- START IE 11 HACK */
    /* height: 1px; */
    /* -- END IE 11 HACK */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #customisation-wrapper .text-container {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
  }
  #customisation-wrapper .text-container > div {
    max-width: max(824px);
    width: 90%;
  }
  #customisation-wrapper .text-container > div:not(.buttons) {
    padding: 50px;
    border-radius: 25px;
    backdrop-filter: blur(30px);
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center;
  }
  #customisation-wrapper .image-container {
    background-image: url(/-/media/91530eb5c6944c6690bec5ee451fb041.ashx);
    background-position: center;
    min-height: 100vh;
    height: 100%;
    background-size: cover;
  }
  #customisation-wrapper .image-container img {
    display: none;
  }
  /* Content */

  #customisation-wrapper .row b,
  #customisation-wrapper .row h2,
  #customisation-wrapper .row p {
    width: 100%;
    text-align: center;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
  }
  #customisation-wrapper h2 {
    text-transform: none;  
  }
  #customisation-wrapper h4 {
    font-size: 18px;
    margin: 2rem;
    letter-spacing: 5px;
    font-weight: 600;
  }
  #customisation-wrapper img {
    width: 100%;
    min-height: 100vh;
  }
  #customisation-wrapper .row b {
    font-size: 30px;  
    color: #000;
  }
  #customisation-wrapper .row p {
    color: #616365;
  }
  #customisation-wrapper .row h2 {
    font-size: 48px;  
    letter-spacing: 1px;
    margin: 4vh 0 1vh;
    color:#616365;
  }
  #customisation-wrapper h3 {
    font-size: 40px;
    letter-spacing: 0.4px;
  }
  #customisation-wrapper p {
    font-size: 22px;
  }
  #customisation-wrapper p:first-of-type {
    margin: 3rem;
  }
  #customisation-wrapper .buttons {
    text-align: center;  
    margin: 2vh 0 6vh;
  }
  #customisation-wrapper a.mlkn-button {
    background: #fff;
    border: 1px solid #000;
    text-align: center;
    color: #000;
    font-weight: 600 !important;
  }
  #customisation-wrapper a.mlkn-button:not(.noHover):hover {
    border: 1px solid #000;
    background: #000;
    color: #fff;
  }
  #customisation-wrapper a.mlkn-button.noHover {
    opacity: .7;
  }
  #customisation-wrapper .buttons a:last-of-type {
    /* margin-left: 30px;   */
  }
  /*hotspots*/
  #visualize-hotspot-1 {
    bottom: 53%;
    left: 27%;
  }
  /* Media Queries */
  @media only screen and (max-width: 1600px) {
    #customisation-wrapper .row h2 {
        font-size: 36px;
    }
  }
  @media only screen and (max-width: 1200px) {
    /* #customisation-wrapper img {
        width: 200%;
        max-width: fit-content;
        margin-left: -25%;
    } */
    #visualize-hotspot-1 {
    }
    #visualize-hotspot-2 {
    }
  }
  @media only screen and (max-width: 1099px) {
    #customisation-wrapper h1 {
      font-size: 40px;  
    }
    #customisation-wrapper a.mlkn-button {
      width: 260px;  
    }
  }
  @media only screen and (max-width: 991px) {
    #customisation-wrapper b {
      font-size: 20px;  
    }
    #customisation-wrapper h1 {
      font-size: 35px;  
    }
    #customisation-wrapper a.mlkn-button {
      display: block;
      margin: 20px auto !important;
      width: 300px;
    }  
  }
  @media only screen and (max-width: 850px) {

  }
  @media only screen and (max-width: 767px) {
    #customisation-wrapper .row h2 {
        font-size: 30px;
    }
    #customisation-wrapper .buttons {
        margin:  0;
    }
    #customisation-wrapper {
        margin-top: 0;
    }
    #customisation-wrapper h3 {
        font-size: 30px;
    }
    #customisation-wrapper h4 {
        font-size: 16px;
    }
    #customisation-wrapper p {
        font-size: 18px;
    }
  }
  @media only screen and (max-width: 500px) {
  #customisation-wrapper .row h1 {
    font-size: 25px;
  }
  #customisation-wrapper .text-container > div:not(.buttons) {
    padding: 10px;
  }
  #customisation-wrapper p:first-of-type {
    margin: revert;
  }

  }
  

/* VISUALIZE */
  /* Containers */
  #printworks-wrapper {
    height: fit-content;
    background-color: #000;
    /* background-image: url('/-/media/878b8f77112341baaa508551ddc1dd53.ashx'); */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 75%;
    position: relative;
    min-height: 100vh;
  }
  #printworks-wrapper .row {
    min-height: fit-content;
    /* -- START IE 11 HACK */
    /* height: 1px; */
    /* -- END IE 11 HACK */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #printworks-wrapper img {
    width: 690px;
    max-width: 80%;
  }
  #printworks-wrapper .text-container {
    height: 100%;
    min-height: 100vh;
  }
  #printworks-wrapper .text-container > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  /* Content */

  #printworks-wrapper .row b,
  #printworks-wrapper .row h2,
  #printworks-wrapper .row p {
    width: 100%;
    text-align: center;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
  }
  #printworks-wrapper h2 {
    text-transform: none;  
  }
  #printworks-wrapper .row b {
    font-size: 30px;  
    color: #000;
  }
  #printworks-wrapper .row p {
    color: #fff;
    margin: 5rem;
  }
  #printworks-wrapper .row h2 {
    font-size: 48px;  
    letter-spacing: 1px;
    margin: 4vh 0 1vh;
    color:#616365;
  }
  #printworks-wrapper .buttons {
    text-align: center;  
    margin: 2vh 0 6vh;
  }
  #printworks-wrapper a.mlkn-button {
    /* width: 300px; */
    background: #fff;
    border: 1px solid #fff;
    text-align: center;
    color: #000;
    font-weight: 600 !important;
    margin: 2rem;
  }
  #printworks-wrapper a.mlkn-button:not(.noHover):hover {
    border: 1px solid #fff;
    background: #000;
    color: #fff;
  }
  #printworks-wrapper a.mlkn-button.noHover {
    opacity: .7;
  }
  #printworks-wrapper .buttons a:last-of-type {
    margin-left: 30px;  
  }
  /*hotspots*/
  #visualize-hotspot-1 {
    bottom: 53%;
    left: 27%;
  }
  /* Media Queries */
  @media only screen and (max-width: 1600px) {

    #printworks-wrapper .row h2 {
        font-size: 36px;
    }
  }
  @media only screen and (max-width: 1200px) {
    /* #printworks-wrapper img {
        width: 200%;
        max-width: fit-content;
        margin-left: -25%;
    } */
    #visualize-hotspot-1 {
    }
    #visualize-hotspot-2 {
    }
  }
  @media only screen and (max-width: 1099px) {
    #printworks-wrapper h1 {
      font-size: 40px;  
    }
    #printworks-wrapper a.mlkn-button {
      width: 260px;  
    }
  }
  @media only screen and (max-width: 991px) {
    #printworks-wrapper b {
      font-size: 20px;  
    }
    #printworks-wrapper h1 {
      font-size: 35px;  
    }
    #printworks-wrapper a.mlkn-button {
      display: block;
      margin: 20px auto !important;
      width: 300px;
    }  
  }
  @media only screen and (max-width: 850px) {

  }
  @media only screen and (max-width: 767px) {
    #printworks-wrapper .row h2 {
        font-size: 30px;
    }
    #printworks-wrapper .buttons {
        margin: 2vh 0 0;
    }
    #printworks-wrapper {
        margin-top: 0;
    }
  }
  @media only screen and (max-width: 500px) {
  #printworks-wrapper .row h1 {
    font-size: 25px;
  }
  #printworks-wrapper img {
    margin-top: 3rem;
  }
  }