/*** BODY ***/
body {
    position: relative;
}

main>section {
    position: relative;
    /* top: -2px; */
}

footer {
    /* margin-top: -2px; */
}

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

/* VARIABLES FOR SLIDESHOW CONTROLS */
#divided-glass-slideshow-controls {
    transform: revert !important;
    left: var(--dgLeft) !important;
    right: revert !important;
}

#cornerstone-slideshow-controls {
    transform: revert !important;
    left: var(--csLeft) !important;
    right: revert !important;
}

#design-destinations-slideshow-controls {
    transform: revert !important;
    left: var(--ddControls) !important;
    right: revert !important;
}

#quiet-woods-slideshow-controls {
    transform: revert !important;
    left: var(--qwControls) !important;
    right: revert !important;
}

#passage-slideshow-controls {
    transform: revert !important;
    left: var(--passageControls) !important;
    right: revert !important;
}

#retrofit-slideshow-controls {
    transform: revert !important;
    left: var(--retrofitControls) !important;
    right: revert !important;
}

#project-installations-slideshow-controls {
    transform: revert !important;
    left: var(--piControls) !important;
    right: revert !important;
}

/*** NAVBAR CIRCLES ***/
#navbar-circles .nav {
    display: block !important;
}

#navbar-circles {
    position: fixed;
    right: 5vw;
    top: 35vh;
    z-index: 1001;
}

#navbar-circles>a {
    display: block;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: -20px;
    left: -11px;
    font-weight: 700 !important;
}

#navbar-circles>a,
#navbar-circles>a:link,
#navbar-circles>a:active,
#navbar-circles>a:focus {
    text-decoration: none;
}

#navbar-circles ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#navbar-circles li {
    display: block;
    float: none;
    margin-bottom: 20px;
}

#navbar-circles li a {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    padding: 0;
    border: 2px solid #fff;
    background: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    display: block !important;
}

#navbar-circles a::before {
    color: #fff;
    position: absolute;
    left: -210px;
    top: -5px;
    text-align: right;
    float: right;
    display: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
    width: 200px;
    border-radius: 25px;
}

#navbar-circles a[href="#latest-collection-video-wrapper"]::before {
    content: "Latest Collection";
}

#navbar-circles a[href="#latest-collection-wrapper"]::before {
    content: "Latest Collection";
}

#navbar-circles a[href="#salt-lake-wrapper"]::before {
    content: "Salt Lake";
}

#navbar-circles a[href="#velvet-wrapper"]::before {
    content: "Velvet";
}

#navbar-circles a[href="#paharakeke-wrapper"]::before {
    content: "Pā Harakeke";
}

#navbar-circles a[href="#whalesong-wrapper"]::before {
    content: "Whale Song";
}

#navbar-circles a[href="#coastline-wrapper"]::before {
    content: "Coastline";
}

#navbar-circles a[href="#distinctforms-wrapper"]::before {
    content: "Distinct Forms";
}

#navbar-circles a[href="#quickship-wrapper"]::before {
    content: "Quick Ship";
}

#navbar-circles a[href="#mf1-wrapper"]::before {
    content: "Major Frequency: One";
    white-space: pre-line;
    width: 150px;
    left: -160px;
    top: -15px;
}

#navbar-circles a[href="#reconciliation-wrapper"]::before {
    content: "Reconciliation Through Design";
    top: -15px;
    white-space: pre-line;
    width: 175px;
    left: -185px;
}

#navbar-circles a[href="#visualize-wrapper"]::before {
    content: "Visualise";
}

#navbar-circles a[href="#mpact-wrapper"]::before {
    content: "M/PACT™";
}

#navbar-circles a[href="#mixedformations-wrapper"]::before {
    content: "Mixed Formations";
    white-space: pre-line;
    width: 120px;
    left: -130px;
    top: -15px;
}

#navbar-circles a[href="#projectprofiles-wrapper"]::before {
    content: "Featured Project Profiles";
    white-space: pre-line;
    width: 120px;
    left: -130px;
    top: -15px;
}

#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) {
    h2 {
        font-size: 30px;
    }

    #navbar-circles {
        display: none;
    }
}

#interactive-brochure-anchor {
    display: inline-block;
    padding: 15px 15px;
    position: absolute;
    top: 55vh;
    background: #000;
    color: #fff;
    font-weight: 700 !important;
    z-index: 2000;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    font-size: 20px;
    letter-spacing: 4px;
    left: -215px;
    text-decoration: none;
}

#interactive-brochure-anchor.zh {
    left: -84px;
}

@media only screen and (max-width: 991px) {
    #interactive-brochure-anchor {
        display: none;
    }
}

/*** LATEST design-destinations ***/
#latest-collection-wrapper {
    position: relative;
    padding: 0;
    background: #fff;
}

/* >> Latest design-destinations - Slideshow */
#latest-collection-wrapper {
    width: 100%;
    height: 100vh;
}

#latest-collection-wrapper .video-container .text-overlay {
    width: 750px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    text-align: center;
}

#latest-collection-wrapper .video-container .text-overlay span,
#latest-collection-wrapper .video-container .text-overlay h2 {
    display: block;
    color: #fff;
    text-align: center;
}

#latest-collection-wrapper .video-container .text-overlay img {
    margin-top: 25px;
    width: 750px;
}

#latest-collection-wrapper .video-container .text-overlay span {
    font-size: 25px;
    letter-spacing: 5px;
    font-weight: 300 !important;
    margin-bottom: 3vh;
}

#latest-collection-wrapper .video-container .text-overlay span strong {
    font-weight: 500 !important;
}

#latest-collection-wrapper .video-container .text-overlay span sup {
    top: -0.2em;
}

#latest-collection-wrapper .video-container .text-overlay h2 {
    /*font-size: 135px;
    line-height: 1em;
    font-weight: 700 !important;
    letter-spacing: 10px;
    margin: 20px 0;*/
    font-size: 70px;
    line-height: 1em;
    font-weight: 700 !important;
    letter-spacing: 2px;
    margin: 20px 0;
    margin-left: 8px;
}

#latest-collection-wrapper .video-container .text-overlay h3 {
    /*font-size: 66px;
    line-height: 0em;
    letter-spacing: 5px;
    font-weight: 700 !important;
    color: white;
    margin-left: -4px;*/
    font-size: 78px;
    line-height: 0em;
    letter-spacing: 5px;
    font-weight: 700 !important;
    color: white;
}

#latest-collection-wrapper .video-container .text-overlay a.mlkn-button {
    width: 385px;
    display: block;
    text-align: center;
    margin: 40px auto 0;
    background: #000;
    border: 1px solid #000;
    letter-spacing: 4px;
    font-weight: 500 !important;
}

#latest-collection-wrapper .video-container {
    position: relative;
    height: 100vh;
}

#latest-collection-wrapper .video-container video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    /* -o-object-position: bottom; */
    /* object-position: bottom; */
}

/* >> Latest design-destinations - Media Queries */
@media only screen and (max-width: 1400px) {
    #latest-collection-wrapper .video-container .text-overlay h2 {
        font-size: 70px;
        line-height: 1em;
        font-weight: 700 !important;
        letter-spacing: 2px;
        margin: 20px 0;
    }

    #latest-collection-wrapper .video-container .text-overlay h3 {
        font-size: 61px;
        line-height: 0em;
        letter-spacing: 5px;
        font-weight: 700 !important;
        color: white;
        margin-left: -4px;
    }

    #latest-collection-wrapper .video-container .text-overlay span {
        font-size: 31px;
        margin-left: -8px;
    }
}

@media only screen and (max-width: 767px) {
    #latest-collection-wrapper .video-container .text-overlay {
        width: 100%;
        max-width: 700px;
        padding: 0 20px;
        top: 40%;
    }

    #latest-collection-wrapper .video-container .text-overlay span {
        font-size: 20px;
    }

    #latest-collection-wrapper .video-container .text-overlay h2 {
        font-size: 85px;
    }

    #latest-collection-wrapper .video-container .text-overlay h3 {
        font-size: 41px;
        margin-left: 0;
    }

    #latest-collection-wrapper {
        height: 75vh;
    }

    #latest-collection-wrapper .video-container video {
        height: 75vh;
    }
}

@media only screen and (max-width: 600px) {
    #latest-collection-wrapper .video-container .text-overlay {
        top: 35%;
    }
}

@media only screen and (max-width: 500px) {
    #latest-collection-wrapper .video-container .text-overlay span {
        font-size: 18px;
        letter-spacing: 2px;
    }

    #latest-collection-wrapper .video-container .text-overlay h2 {
        font-size: 60px;
        margin: 5px 0px 10px 8px;
    }

    #latest-collection-wrapper .video-container .text-overlay h3 {
        font-size: 29px;
        margin-left: 6px;
        margin-top: 0;
    }
}

/* >> Latest Mixed Formations - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #latest-collection-wrapper .video-container .text-overlay {
        width: 900px;
    }

    #latest-collection-wrapper .video-container .text-overlay span {
        font-size: 35px;
    }

    #latest-collection-wrapper .video-container .text-overlay h2 {
        font-size: 100px;
    }

    #latest-collection-wrapper .video-container .text-overlay a.mlkn-button {
        width: 375px;
        font-size: 22px;
        padding: 15px 20px;
    }
}

/* >> Latest Mixed Formations - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #latest-collection-wrapper .video-container .text-overlay span {
        letter-spacing: 0;
    }

    #latest-collection-wrapper .video-container .text-overlay h2 {
        letter-spacing: 5px;
        font-size: 35px;
    }
}



/*** salt-lake ***/
#salt-lake-wrapper {
    position: relative;
    padding: 0;
}

#salt-lake-outer-wrapper {
    position: relative;
}

/* >> salt-lake - Slideshow */
#salt-lake-slideshow-wrapper .cycle-slideshow {
    width: 100%;
}

#salt-lake-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}

#salt-lake-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;
}

/* >> salt-lake - Slide Content */
#salt-lake-slideshow-wrapper .slide .right-content,
#salt-lake-slideshow-wrapper .slide .left-content {
    min-height: 100vh;
    height: var(--saltlakeHeight);
}

#salt-lake-slideshow-wrapper .slide .right-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 55vw;
    order: 2;
    background-position-x: center;
    background-position-y: bottom;
}

#salt-lake-slideshow-wrapper .slide .left-content {
    background: #fff;
    width: 45vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    order: 1;
}

#salt-lake-slide-1 .right-content {
    background-image: url('/-/media/57D5A13E2C4E40569380F4B19433DE73.ashx');
}

#salt-lake-slide-2 .right-content {
    background-image: url('/-/media/A6AB0D1B577941B0B1E77A5582226C62.ashx');
}

#salt-lake-slide-3 .right-content {
    background-image: url('/-/media/DDD06297241443149881BB41B038171D.ashx');
}

#salt-lake-slide-4 .right-content {
    background-image: url('/-/media/8F4F9E4A541F40C09894407624270D25.ashx');
}

#salt-lake-slide-5 .right-content {
    background-image: url('/-/media/237ADDB4FE554E15B0937F8CD2468984.ashx');
}

#salt-lake-slideshow-wrapper .slide .left-content>div {
    max-width: 535px;
    margin: auto;
}

#salt-lake-slideshow-wrapper .slide .left-content h2 {
    color: #000;
    font-size: 50px;
    margin-bottom: 1.5vh;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 6px;
}

#salt-lake-slideshow-wrapper .slide .left-content p {
    font-size: 19px;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}

#salt-lake-slideshow-wrapper .slide .left-content a.mlkn-button {
    display: block;
    border: 1px solid black;
    background: black;
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 30px;
    max-width: 400px;
}
#salt-lake-slideshow-wrapper .slide .left-content h3 {
    color: dimgray;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

#salt-lake-slideshow-wrapper .slide .left-content a.mlkn-button:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* >> salt-lake - Slideshow Controls */
#salt-lake-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    z-index: 100;
    left: var(--saltlakeLeft);
}

#salt-lake-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}

#salt-lake-slideshow-controls button:last-of-type {
    margin-left: 30px;
}

#salt-lake-slideshow-controls button:focus {
    outline: none;
}

/* >> salt-lake - Media Queries */
@media only screen and (max-width: 1800px) {
    #salt-lake-slideshow-wrapper .slide .left-content>div {
        margin-left: 125px;
        margin-right: 125px;
    }

}

@media only screen and (max-width: 1450px) {
    #salt-lake-slideshow-wrapper .slide .left-content>div {
        max-width: 400px;
        margin-left: 75px;
        margin-right: 75px;
    }

}

@media only screen and (max-width: 1300px) {
    #salt-lake-slideshow-wrapper .slide .left-content h3 {
        font-size: 1.7rem;
    }
    #salt-lake-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }

    #salt-lake-slideshow-wrapper .slide .right-content,
    #salt-lake-slideshow-wrapper .slide .left-content {
        width: 100vw;
    }

    #salt-lake-slideshow-wrapper .slide .right-content {
        height: max(375px, 50vh);
        order: 1;
    }

    #salt-lake-slideshow-wrapper .slide .left-content {
        min-height: 50vh;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }

    #salt-lake-slideshow-wrapper .slide>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #salt-lake-slideshow-wrapper .slide .right-content {
        background-position: center;
    }

    #salt-lake-slideshow-wrapper .slide .left-content>div {
        /* width: 100%;
        max-width: 498px;
        margin: auto; */
        width: 75%;
        max-width: 500px;
        margin: 5vh auto;
    }

    #salt-lake-slideshow-wrapper .slide .left-content h2 {
        font-size: 35px;
    }

    #salt-lake-slideshow-wrapper .slide .left-content p {
        font-size: 18px;
    }

    #salt-lake-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }

    #salt-lake-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }

    #salt-lake-slide-2 .right-content {
        background-position-x: right;
    }

    #salt-lake-slide-3 .right-content {
        background-position-x: 25%;
    }
}

@media only screen and (max-width: 991px) {
    #salt-lake-slideshow-wrapper .slide .left-content h2 {
        font-size: 30px;
    }

    #salt-lake-slideshow-wrapper .slide .left-content p {
        font-size: 16px;
    }
    #salt-lake-slideshow-wrapper .slide .left-content h3 {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 767px) {
    #salt-lake-slideshow-wrapper .slide .left-content a.mlkn-button {
        font-size: 15px;
    }

    #salt-lake-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}

@media only screen and (max-width: 500px) {
    #salt-lake-slideshow-wrapper .slide .left-content p {
        font-size: 15px;
    }

    #salt-lake-slideshow-wrapper .slide .left-content a.mlkn-button {
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }

    #salt-lake-slideshow-wrapper .slide .left-content>div {
        width: 90%;
    }
}

/* >> salt-lake - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #salt-lake-slideshow-wrapper .slide .left-content>div {
        max-width: 700px;
    }

    #salt-lake-slideshow-wrapper .slide .left-content p {
        font-size: 25px;
    }

    #salt-lake-slideshow-wrapper .slide .left-content a.mlkn-button {
        font-size: 20px;
    }

    #salt-lake-slideshow-controls {
        bottom: 15vh;
    }
}

/* >> salt-lake - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #salt-lake-slideshow-controls {
        width: 175px;
    }
}


/*** velvet ***/
#velvet-wrapper {
    position: relative;
    padding: 0;
}

#velvet-outer-wrapper {
    position: relative;
}

/* >> velvet - Slideshow */
#velvet-slideshow-wrapper .cycle-slideshow {
    width: 100%;
}

#velvet-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}

#velvet-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;
}

/* >> velvet - Slide Content */
#velvet-slideshow-wrapper .slide .left-content,
#velvet-slideshow-wrapper .slide .right-content {
    min-height: 100vh;
    height: var(--velvetHeight);
}

#velvet-slideshow-wrapper .slide .right-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 55vw;
}

#velvet-slideshow-wrapper .slide .left-content {
    background: #fff;
    width: 45vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#velvet-slide-1 .right-content {
    background-image: url('/-/media/8c2e1a835899473ca02abaffa45d3217.ashx');
}

#velvet-slide-2 .right-content {
    background-image: url('/-/media/6b0f874d85c244c3a5c0016f5cffb2d4.ashx');
}

#velvet-slide-3 .right-content {
    background-image: url('/-/media/671d0da3a4904bf5a2630e5c4614a7bb.ashx');
}

#velvet-slide-4 .right-content {
    background-image: url('/-/media/ee4380f4a88444b09553c1c94aaf4021.ashx');
}

#velvet-slide-5 .right-content {
    background-image: url('/-/media/2f5dc21a95274fd68abac717f4c0a510.ashx');
}

#velvet-slideshow-wrapper .slide .left-content>div {
    max-width: 525px;
    margin: auto;
}

#velvet-slideshow-wrapper .slide .left-content h2 {
    color: #000;
    font-size: 40px;
    /* font-size: 50px; */
    margin-bottom: 1.5vh;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}

#velvet-slideshow-wrapper .slide .left-content h3 {
    color: dimgray;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

#velvet-slideshow-wrapper .slide .left-content p {
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}

#velvet-slideshow-wrapper .slide .left-content p:first-of-type {
    padding-bottom: 20px;
    margin-bottom: 0;
}

#velvet-slideshow-wrapper .slide .left-content a.mlkn-button {
    display: block;
    border: 1px solid black;
    background: black;
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px auto 30px;
    max-width: 400px;
}

#velvet-slideshow-wrapper .slide .left-content a.mlkn-button:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* >> velvet - Slideshow Controls */
#velvet-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    left: var(--velvetLeft);
    z-index: 100;
}

#velvet-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}

#velvet-slideshow-controls button:last-of-type {
    margin-left: 30px;
}

#velvet-slideshow-controls button:focus {
    outline: none;
}

/* >> velvet - Media Queries */
/* >> velvet - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #velvet-slideshow-wrapper .slide .left-content>div {
        max-width: 700px;
    }

    #velvet-slideshow-wrapper .slide .left-content p {
        font-size: 25px;
    }

    #velvet-slideshow-wrapper .slide .left-content a.mlkn-button {
        font-size: 20px;
    }

    #velvet-slideshow-controls {
        bottom: 20vh;
    }
}

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

@media only screen and (max-width: 1450px) {
    #velvet-slideshow-wrapper .slide .left-content>div {
        max-width: 450px;
        margin: auto;
    }

    #velvet-slideshow-wrapper .slide .left-content h2 {
        font-size: 36px;
        /* font-size: 40px; */
    }

    #velvet-slideshow-controls {}
}

@media only screen and (max-width: 1300px) {
    #velvet-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }

    #velvet-slideshow-wrapper .slide .left-content,
    #velvet-slideshow-wrapper .slide .right-content {
        width: 100vw;
    }

    #velvet-slideshow-wrapper .slide .right-content {
        height: max(375px, 50vh);
        order: 1;
    }

    #velvet-slideshow-wrapper .slide .left-content {
        min-height: max(375px, 50vh);
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }

    #velvet-slideshow-wrapper .slide>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #velvet-slideshow-wrapper .slide .right-content {
        background-position: center;
    }

    #velvet-slideshow-wrapper .slide .left-content>div {
        width: 100%;
        max-width: 500px;
        margin: 5vh auto;
    }

    #velvet-slideshow-wrapper .slide .left-content h2 {
        font-size: 35px;
    }

    #velvet-slideshow-wrapper .slide .left-content h3 {
        font-size: 17px;
    }

    #velvet-slideshow-wrapper .slide .left-content p {
        font-size: 18px;
    }

    #velvet-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }

    #velvet-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }
}

/* >> velvet - iPad Pro*/
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (max-width: 991px) {
    #velvet-slideshow-wrapper .slide .left-content h2 {
        font-size: 30px;
    }

    #velvet-slideshow-wrapper .slide .left-content h3 {
        font-size: 16px;
    }

    #velvet-slideshow-wrapper .slide .left-content p {
        font-size: 16px;
    }
}

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

@media only screen and (max-width: 767px) {
    #velvet-slideshow-wrapper .slide .left-content a.mlkn-button {
        font-size: 15px;
    }

    #velvet-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}

@media only screen and (max-width: 500px) {
    #velvet-slideshow-wrapper .slide .left-content p {
        font-size: 15px;
    }

    #velvet-slideshow-wrapper .slide .left-content a.mlkn-button {
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }

    #velvet-slideshow-wrapper .slide .left-content h2 {
        font-size: 22px;
    }
}

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

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

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

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



/*** paharakeke ***/
#paharakeke-wrapper {
    position: relative;
    padding: 0;
}

#paharakeke-outer-wrapper {
    position: relative;
}

/* >> paharakeke - Slideshow */
#paharakeke-slideshow-wrapper .cycle-slideshow {
    width: 100%;
}

#paharakeke-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}

#paharakeke-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;
}

/* >> paharakeke - Slide Content */
#paharakeke-slideshow-wrapper .slide .right-content,
#paharakeke-slideshow-wrapper .slide .left-content {
    min-height: 100vh;
    height: var(--paharakekeHeight);
}

#paharakeke-slideshow-wrapper .slide .left-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 45vw;
    order: 1;
    background-position-x: center;
    background-position-y: bottom;
}

#paharakeke-slideshow-wrapper .slide .right-content {
    background: #fff;
    width: 55vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    order: 2;
}

#paharakeke-slide-1 .left-content {
    background-image: url('/-/media/A4A90898489C42739070F07CE3135753.ashx');
}

#paharakeke-slide-2 .left-content {
    background-image: url('/-/media/A6E28BBD7BD44F27893FC4E2D75DD9A9.ashx');
}

#paharakeke-slide-3 .left-content {
    background-image: url('/-/media/CDF5D98CC4DE4AAF91831FDA4EB3609C.ashx');
}

#paharakeke-slide-4 .left-content {
    background-image: url('/-/media/782EC04B33414DB990144EFC364516DE.ashx');
}

#paharakeke-slide-5 .left-content {
    background-image: url('/-/media/B669F51BC75B4396BDAF1DCD659F2865.ashx');
}

#paharakeke-slideshow-wrapper .slide .right-content>div {
    max-width: 535px;
    margin: 0 0 0 150px;
}

#paharakeke-slideshow-wrapper .slide .right-content h2 {
    color: #000;
    font-size: 40px;
    margin-bottom: 1.5vh;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}

#paharakeke-slideshow-wrapper .slide .right-content h3 {
    color: dimgray;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

#paharakeke-slideshow-wrapper .slide .right-content p {
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}

#paharakeke-slideshow-wrapper .slide .right-content a.mlkn-button {
    display: block;
    border: 1px solid black;
    background: black;
    color: #fff;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 30px;
    max-width: 400px;
}

#paharakeke-slideshow-wrapper .slide .right-content a.mlkn-button:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* >> paharakeke - Slideshow Controls */
#paharakeke-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    z-index: 100;
    left: var(--paharakekeLeft);
}

#paharakeke-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}

#paharakeke-slideshow-controls button:last-of-type {
    margin-left: 30px;
}

#paharakeke-slideshow-controls button:focus {
    outline: none;
}

/* >> paharakeke - Media Queries */
@media only screen and (max-width: 1800px) {
    #paharakeke-slideshow-wrapper .slide .right-content>div {
        margin-left: 10%;
    }

}

@media only screen and (max-width: 1450px) {
    #paharakeke-slideshow-wrapper .slide .right-content>div {
        max-width: 425px;
        margin-left: 75px;
        margin-right: 75px;
    }

    #paharakeke-slideshow-wrapper .slide .right-content h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1300px) {
    #paharakeke-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }

    #paharakeke-slideshow-wrapper .slide .right-content,
    #paharakeke-slideshow-wrapper .slide .left-content {
        width: 100vw;
    }

    #paharakeke-slideshow-wrapper .slide .left-content {
        height: max(375px, 50vh);
        order: 1;
    }

    #paharakeke-slideshow-wrapper .slide .right-content {
        min-height: max(375px, 50vh);
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }

    #paharakeke-slideshow-wrapper .slide>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #paharakeke-slideshow-wrapper .slide .left-content {
        background-position: center;
    }

    #paharakeke-slideshow-wrapper .slide .right-content>div {
        width: 100%;
        max-width: 500px;
        margin: 5vh auto;
    }

    #paharakeke-slideshow-wrapper .slide .right-content h2 {
        font-size: 35px;
    }

    #paharakeke-slideshow-wrapper .slide .right-content p {
        font-size: 18px;
    }

    #paharakeke-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }

    #paharakeke-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }

    #paharakeke-slideshow-wrapper .slide .right-content h3 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 991px) {
    #paharakeke-slideshow-wrapper .slide .right-content h2 {
        font-size: 30px;
    }

    #paharakeke-slideshow-wrapper .slide .right-content p {
        font-size: 16px;
    }

    #paharakeke-slideshow-wrapper .slide .right-content h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    #paharakeke-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 15px;
    }

    #paharakeke-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}

@media only screen and (max-width: 500px) {
    #paharakeke-slideshow-wrapper .slide .right-content p {
        font-size: 15px;
    }

    #paharakeke-slideshow-wrapper .slide .right-content a.mlkn-button {
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }

    #paharakeke-slideshow-wrapper .slide .right-content h2 {
        font-size: 22px;
    }
}

/* >> paharakeke - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #paharakeke-slideshow-wrapper .slide .right-content>div {
        max-width: 700px;
    }

    #paharakeke-slideshow-wrapper .slide .right-content p {
        font-size: 25px;
    }

    #paharakeke-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 20px;
    }

    #paharakeke-slideshow-controls {
        bottom: 20vh;
    }
}

/* >> paharakeke - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #paharakeke-slideshow-controls {
        width: 175px;
    }
}



/*** whalesong ***/
#whalesong-wrapper {
    position: relative;
    padding: 0;
}

#whalesong-outer-wrapper {
    position: relative;
}

/* >> whalesong - Slideshow */
#whalesong-slideshow-wrapper .cycle-slideshow {
    width: 100%;
}

#whalesong-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}

#whalesong-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;
}

/* >> whalesong - Slide Content */
#whalesong-slideshow-wrapper .slide .left-content,
#whalesong-slideshow-wrapper .slide .right-content {
    min-height: 100vh;
    height: var(--whalesongHeight);
}

#whalesong-slideshow-wrapper .slide .right-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 55vw;
}

#whalesong-slideshow-wrapper .slide .left-content {
    background: #fff;
    width: 45vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#whalesong-slide-1 .right-content {
    background-image: url('/-/media/12F1ECE953104B9980406DB859898CB1.ashx');
}

#whalesong-slide-2 .right-content {
    background-image: url('/-/media/64D564ADC5DF40908E1A6CDB9D06EEF4.ashx');
}

#whalesong-slide-3 .right-content {
    background-image: url('/-/media/73CDAE5CC3AD493D994598AC025CB34A.ashx');
}

#whalesong-slide-4 .right-content {
    background-image: url('/-/media/F0F6EB928E794F92B59F53186DEC9A3E.ashx');
}

#whalesong-slide-5 .right-content {
    background-image: url('/-/media/E00CE6A2DBFD45A198A46524948DD05C.ashx');
}

#whalesong-slideshow-wrapper .slide .left-content>div {
    max-width: 525px;
    margin: auto;
}

#whalesong-slideshow-wrapper .slide .left-content h2 {
    color: #000;
    font-size: 40px;
    margin-bottom: 1.5vh;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}

#whalesong-slideshow-wrapper .slide .left-content h3 {
    color: dimgray;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

#whalesong-slideshow-wrapper .slide .left-content p {
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}

#whalesong-slideshow-wrapper .slide .left-content p:first-of-type {
    padding-bottom: 20px;
    margin-bottom: 0;
}

#whalesong-slideshow-wrapper .slide .left-content a.mlkn-button {
    display: block;
    border: 1px solid black;
    background: black;
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px auto 30px;
    max-width: 400px;
}

#whalesong-slideshow-wrapper .slide .left-content a.mlkn-button:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* >> whalesong - Slideshow Controls */
#whalesong-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    left: var(--whalesongLeft);
    z-index: 100;
}

#whalesong-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}

#whalesong-slideshow-controls button:last-of-type {
    margin-left: 30px;
}

#whalesong-slideshow-controls button:focus {
    outline: none;
}

/* >> whalesong - Media Queries */
/* >> whalesong - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #whalesong-slideshow-wrapper .slide .left-content>div {
        max-width: 700px;
    }

    #whalesong-slideshow-wrapper .slide .left-content p {
        font-size: 25px;
    }

    #whalesong-slideshow-wrapper .slide .left-content a.mlkn-button {
        font-size: 20px;
    }

    #whalesong-slideshow-controls {
        bottom: 20vh;
    }
}

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

@media only screen and (max-width: 1450px) {
    #whalesong-slideshow-wrapper .slide .left-content>div {
        max-width: 450px;
        margin: auto;
    }

    #whalesong-slideshow-wrapper .slide .left-content h2 {
        font-size: 36px;
    }

    #whalesong-slideshow-controls {}
}

@media only screen and (max-width: 1300px) {
    #whalesong-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }

    #whalesong-slideshow-wrapper .slide .left-content,
    #whalesong-slideshow-wrapper .slide .right-content {
        width: 100vw;
    }

    #whalesong-slideshow-wrapper .slide .right-content {
        height: max(375px, 50vh);
        order: 1;
    }

    #whalesong-slideshow-wrapper .slide .left-content {
        min-height: max(375px, 50vh);
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }

    #whalesong-slideshow-wrapper .slide>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #whalesong-slideshow-wrapper .slide .right-content {
        background-position: center;
    }

    #whalesong-slideshow-wrapper .slide .left-content>div {
        width: 100%;
        max-width: 500px;
        margin: 5vh auto;
    }

    #whalesong-slideshow-wrapper .slide .left-content h2 {
        font-size: 35px;
    }

    #whalesong-slideshow-wrapper .slide .left-content h3 {
        font-size: 17px;
    }

    #whalesong-slideshow-wrapper .slide .left-content p {
        font-size: 18px;
    }

    #whalesong-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }

    #whalesong-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }
}

/* >> whalesong - iPad Pro*/
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (max-width: 991px) {
    #whalesong-slideshow-wrapper .slide .left-content h2 {
        font-size: 30px;
    }

    #whalesong-slideshow-wrapper .slide .left-content h3 {
        font-size: 16px;
    }

    #whalesong-slideshow-wrapper .slide .left-content p {
        font-size: 16px;
    }
}

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

@media only screen and (max-width: 767px) {
    #whalesong-slideshow-wrapper .slide .left-content a.mlkn-button {
        font-size: 15px;
    }

    #whalesong-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}

@media only screen and (max-width: 500px) {
    #whalesong-slideshow-wrapper .slide .left-content p {
        font-size: 15px;
    }

    #whalesong-slideshow-wrapper .slide .left-content a.mlkn-button {
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }

    #whalesong-slideshow-wrapper .slide .left-content h2 {
        font-size: 22px;
    }
}

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

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

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

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


/*** mixedformations ***/
#mixedformations-wrapper {
    position: relative;
    padding: 0;
}

#mixedformations-outer-wrapper {
    position: relative;
}

/* >> mixedformations - Slideshow */
#mixedformations-slideshow-wrapper .cycle-slideshow {
    width: 100%;
}

#mixedformations-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}

#mixedformations-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;
}

/* >> mixedformations - Slide Content */
#mixedformations-slideshow-wrapper .slide .right-content,
#mixedformations-slideshow-wrapper .slide .left-content {
    min-height: 100vh;
    height: var(--mixedformationsHeight);
}

#mixedformations-slideshow-wrapper .slide .left-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 45vw;
    order: 1;
    background-position-x: center;
    background-position-y: bottom;
}

#mixedformations-slideshow-wrapper .slide .right-content {
    background: #fff;
    width: 55vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    order: 2;
}

#mixedformations-slide-1 .left-content {
    background-image: url('/-/media/DBFD5A0E482A48CAA2B6652CC3821A7A.ashx');
}

#mixedformations-slide-2 .left-content {
    background-image: url('/-/media/BC337835AD074CC4BDDBB4B989B809E6.ashx');
}

#mixedformations-slide-3 .left-content {
    background-image: url('/-/media/5CB8F68698AB495D83352305269BD7EB.ashx');
}

#mixedformations-slide-4 .left-content {
    background-image: url('/-/media/3A07823412DB4EC89F79301F9A93DC48.ashx');
}

#mixedformations-slide-5 .left-content {
    background-image: url('/-/media/1834925CF6164962B1EB613F96570965.ashx');
}

#mixedformations-slideshow-wrapper .slide .right-content>div {
    max-width: 535px;
    margin: 0 0 0 150px;
}

#mixedformations-slideshow-wrapper .slide .right-content h2 {
    color: #000;
    font-size: 40px;
    margin-bottom: 1.5vh;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    width: 120%;
    margin-left: -10%;
}

#mixedformations-slideshow-wrapper .slide .right-content h3 {
    color: dimgray;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

#mixedformations-slideshow-wrapper .slide .right-content h4 {
    color: #000;
    font-size: 24px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    margin-bottom: 1.5vh;
}

#mixedformations-slideshow-wrapper .slide .right-content p {
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}

#mixedformations-slideshow-wrapper .slide .right-content a.mlkn-button {
    display: block;
    border: 1px solid black;
    background: black;
    color: #fff;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 30px;
    max-width: 400px;
}

#mixedformations-slideshow-wrapper .slide .right-content a.mlkn-button:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* >> mixedformations - Slideshow Controls */
#mixedformations-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    z-index: 100;
    left: var(--mixedformationsLeft);
}

#mixedformations-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}

#mixedformations-slideshow-controls button:last-of-type {
    margin-left: 30px;
}

#mixedformations-slideshow-controls button:focus {
    outline: none;
}

/* >> mixedformations - Media Queries */
@media only screen and (max-width: 1800px) {
    #mixedformations-slideshow-wrapper .slide .right-content>div {
        margin-left: 10%;
    }

}

@media only screen and (max-width: 1450px) {
    #mixedformations-slideshow-wrapper .slide .right-content>div {
        max-width: 425px;
        margin-left: 75px;
        margin-right: 75px;
    }

    #mixedformations-slideshow-wrapper .slide .right-content h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1300px) {
    #mixedformations-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }

    #mixedformations-slideshow-wrapper .slide .right-content,
    #mixedformations-slideshow-wrapper .slide .left-content {
        width: 100vw;
    }

    #mixedformations-slideshow-wrapper .slide .left-content {
        height: max(375px, 50vh);
        order: 1;
    }

    #mixedformations-slideshow-wrapper .slide .right-content {
        min-height: max(375px, 50vh);
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }

    #mixedformations-slideshow-wrapper .slide>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #mixedformations-slideshow-wrapper .slide .left-content {
        background-position: center;
    }

    #mixedformations-slideshow-wrapper .slide .right-content>div {
        width: 100%;
        max-width: 500px;
        margin: 5vh auto;
    }

    #mixedformations-slideshow-wrapper .slide .right-content h2 {
        font-size: 35px;
        width: 100%;
        margin-left: 0%;
    }

    #mixedformations-slideshow-wrapper .slide .right-content p {
        font-size: 18px;
    }

    #mixedformations-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }

    #mixedformations-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }

    #mixedformations-slideshow-wrapper .slide .right-content h3 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 991px) {
    #mixedformations-slideshow-wrapper .slide .right-content h2 {
        font-size: 30px;
    }

    #mixedformations-slideshow-wrapper .slide .right-content h4 {
        font-size: 18px;
    }

    #mixedformations-slideshow-wrapper .slide .right-content p {
        font-size: 16px;
    }

    #mixedformations-slideshow-wrapper .slide .right-content h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    #mixedformations-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 15px;
    }

    #mixedformations-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}

@media only screen and (max-width: 500px) {
    #mixedformations-slideshow-wrapper .slide .right-content p {
        font-size: 15px;
    }

    #mixedformations-slideshow-wrapper .slide .right-content a.mlkn-button {
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }

    #mixedformations-slideshow-wrapper .slide .right-content h2 {
        font-size: 22px;
    }
}

/* >> mixedformations - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #mixedformations-slideshow-wrapper .slide .right-content>div {
        max-width: 700px;
    }

    #mixedformations-slideshow-wrapper .slide .right-content p {
        font-size: 25px;
    }

    #mixedformations-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 20px;
    }

    #mixedformations-slideshow-controls {
        bottom: 20vh;
    }
}

/* >> mixedformations - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #mixedformations-slideshow-controls {
        width: 175px;
    }
}


/*** mf1 ***/
#mf1-wrapper {
    position: relative;
    padding: 0;
}

#mf1-outer-wrapper {
    position: relative;
}

/* >> mf1 - Slideshow */
#mf1-slideshow-wrapper .cycle-slideshow {
    width: 100%;
}

#mf1-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}

#mf1-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;
}

/* >> mf1 - Slide Content */
#mf1-slideshow-wrapper .slide .left-content,
#mf1-slideshow-wrapper .slide .right-content {
    min-height: 100vh;
    height: var(--mf1Height);
}

#mf1-slideshow-wrapper .slide .right-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 55vw;
}

#mf1-slideshow-wrapper .slide .left-content {
    background: #fff;
    width: 45vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#mf1-slide-1 .right-content {
    background-image: url('/-/media/8D2D2DE0FA664194A7524DECF1FB6FCD.ashx');
}

#mf1-slide-2 .right-content {
    background-image: url('/-/media/9F52DEB9B2114049A7AA5B78D276A182.ashx');
}

#mf1-slide-3 .right-content {
    background-image: url('/-/media/BA017A2EE25248C48898A3485ACD6B93.ashx');
}

#mf1-slide-4 .right-content {
    background-image: url('/-/media/A55244083A254012B40A3BB69C1655D0.ashx');
}

#mf1-slide-5 .right-content {
    background-image: url('/-/media/57810C755F34490EB92FDCEA430CD123.ashx');
}

#mf1-slideshow-wrapper .slide .left-content>div {
    max-width: 525px;
    margin: auto;
}

#mf1-slideshow-wrapper .slide .left-content h2 {
    color: #000;
    font-size: 40px;
    margin-bottom: 1.5vh;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}

#mf1-slideshow-wrapper .slide .left-content h3 {
    color: dimgray;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

#mf1-slideshow-wrapper .slide .left-content p {
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}

#mf1-slideshow-wrapper .slide .left-content p:first-of-type {
    padding-bottom: 20px;
    margin-bottom: 0;
}

#mf1-slideshow-wrapper .slide .left-content a.mlkn-button {
    display: block;
    border: 1px solid black;
    background: black;
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px auto 30px;
    max-width: 400px;
}

#mf1-slideshow-wrapper .slide .left-content a.mlkn-button:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* >> mf1 - Slideshow Controls */
#mf1-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    left: var(--mf1Left);
    z-index: 100;
}

#mf1-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}

#mf1-slideshow-controls button:last-of-type {
    margin-left: 30px;
}

#mf1-slideshow-controls button:focus {
    outline: none;
}

/* >> mf1 - Media Queries */
/* >> mf1 - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #mf1-slideshow-wrapper .slide .left-content>div {
        max-width: 700px;
    }

    #mf1-slideshow-wrapper .slide .left-content p {
        font-size: 25px;
    }

    #mf1-slideshow-wrapper .slide .left-content a.mlkn-button {
        font-size: 20px;
    }

    #mf1-slideshow-controls {
        bottom: 20vh;
    }
}

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

@media only screen and (max-width: 1450px) {
    #mf1-slideshow-wrapper .slide .left-content>div {
        max-width: 450px;
        margin: auto;
    }

    #mf1-slideshow-wrapper .slide .left-content h2 {
        font-size: 36px;
    }

    #mf1-slideshow-controls {}
}

@media only screen and (max-width: 1300px) {
    #mf1-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }

    #mf1-slideshow-wrapper .slide .left-content,
    #mf1-slideshow-wrapper .slide .right-content {
        width: 100vw;
    }

    #mf1-slideshow-wrapper .slide .right-content {
        height: max(375px, 50vh);
        order: 1;
    }

    #mf1-slideshow-wrapper .slide .left-content {
        min-height: max(375px, 50vh);
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }

    #mf1-slideshow-wrapper .slide>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #mf1-slideshow-wrapper .slide .right-content {
        background-position: center;
    }

    #mf1-slideshow-wrapper .slide .left-content>div {
        width: 100%;
        max-width: 500px;
        margin: 5vh auto;
    }

    #mf1-slideshow-wrapper .slide .left-content h2 {
        font-size: 35px;
    }

    #mf1-slideshow-wrapper .slide .left-content h3 {
        font-size: 17px;
    }

    #mf1-slideshow-wrapper .slide .left-content p {
        font-size: 18px;
    }

    #mf1-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }

    #mf1-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }
}

/* >> mf1 - iPad Pro*/
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (max-width: 991px) {
    #mf1-slideshow-wrapper .slide .left-content h2 {
        font-size: 30px;
    }

    #mf1-slideshow-wrapper .slide .left-content h3 {
        font-size: 16px;
    }

    #mf1-slideshow-wrapper .slide .left-content p {
        font-size: 16px;
    }
}

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

@media only screen and (max-width: 767px) {
    #mf1-slideshow-wrapper .slide .left-content a.mlkn-button {
        font-size: 15px;
    }

    #mf1-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}

@media only screen and (max-width: 500px) {
    #mf1-slideshow-wrapper .slide .left-content p {
        font-size: 15px;
    }

    #mf1-slideshow-wrapper .slide .left-content a.mlkn-button {
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }

    #mf1-slideshow-wrapper .slide .left-content h2 {
        font-size: 22px;
    }
}

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

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

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

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


/*** coastline ***/
#coastline-wrapper {
    position: relative;
    padding: 0;
}

#coastline-outer-wrapper {
    position: relative;
}

/* >> coastline - Slideshow */
#coastline-slideshow-wrapper .cycle-slideshow {
    width: 100%;
}

#coastline-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}

#coastline-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;
}

/* >> coastline - Slide Content */
#coastline-slideshow-wrapper .slide .right-content,
#coastline-slideshow-wrapper .slide .left-content {
    min-height: 100vh;
    height: var(--coastlineHeight);
}

#coastline-slideshow-wrapper .slide .left-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 45vw;
    order: 1;
    background-position-x: center;
    background-position-y: bottom;
}

#coastline-slideshow-wrapper .slide .right-content {
    background: #fff;
    width: 55vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    order: 2;
}

#coastline-slide-1 .left-content {
    background-image: url('/-/media/32A9A1BA644D4EF5B7377B8BF7ECE027.ashx');
}

#coastline-slide-2 .left-content {
    background-image: url('/-/media/6C7D4800AA63419C9EF34A91A5874CEE.ashx');
}

#coastline-slide-3 .left-content {
    background-image: url('/-/media/3B79F5C164854774B50055ADFD3F2352.ashx');
}

#coastline-slide-4 .left-content {
    background-image: url('/-/media/DE428313CA10470A99014A726CF5325B.ashx');
}

#coastline-slide-5 .left-content {
    background-image: url('/-/media/AE17DCAE314940A6958E0621A9F70D3E.ashx');
}

#coastline-slideshow-wrapper .slide .right-content>div {
    max-width: 535px;
    margin: 0 0 0 150px;
}

#coastline-slideshow-wrapper .slide .right-content h2 {
    color: #000;
    font-size: 40px;
    margin-bottom: 1.5vh;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    width: 120%;
    margin-left: -10%;
}

#coastline-slideshow-wrapper .slide .right-content h3 {
    color: dimgray;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

#coastline-slideshow-wrapper .slide .right-content p {
    font-size: 18px;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    padding-bottom: 20px;
}

#coastline-slideshow-wrapper .slide .right-content a.mlkn-button {
    display: block;
    border: 1px solid black;
    background: black;
    color: #fff;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 30px;
    max-width: 400px;
}

#coastline-slideshow-wrapper .slide .right-content a.mlkn-button:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* >> coastline - Slideshow Controls */
#coastline-slideshow-controls {
    position: absolute;
    bottom: 10vh;
    z-index: 100;
    left: var(--coastlineLeft);
}

#coastline-slideshow-controls button {
    border-radius: 0;
    border: 2px solid black;
    background: #fff;
    padding: 15px 23px;
    font-size: 30px;
    color: black;
}

#coastline-slideshow-controls button:last-of-type {
    margin-left: 30px;
}

#coastline-slideshow-controls button:focus {
    outline: none;
}

/* >> coastline - Media Queries */
@media only screen and (max-width: 1800px) {
    #coastline-slideshow-wrapper .slide .right-content>div {
        margin-left: 10%;
    }

}

@media only screen and (max-width: 1450px) {
    #coastline-slideshow-wrapper .slide .right-content>div {
        max-width: 425px;
        margin-left: 75px;
        margin-right: 75px;
    }

    #coastline-slideshow-wrapper .slide .right-content h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1300px) {
    #coastline-slideshow-wrapper .cycle-slideshow {
        height: auto;
        min-height: 100vh;
    }

    #coastline-slideshow-wrapper .slide .right-content,
    #coastline-slideshow-wrapper .slide .left-content {
        width: 100vw;
    }

    #coastline-slideshow-wrapper .slide .left-content {
        height: max(375px, 50vh);
        order: 1;
    }

    #coastline-slideshow-wrapper .slide .right-content {
        min-height: max(375px, 50vh);
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 20px;
        order: 2;
    }

    #coastline-slideshow-wrapper .slide>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #coastline-slideshow-wrapper .slide .left-content {
        background-position: center;
    }

    #coastline-slideshow-wrapper .slide .right-content>div {
        width: 100%;
        max-width: 500px;
        margin: 5vh auto;
    }

    #coastline-slideshow-wrapper .slide .right-content h2 {
        font-size: 35px;
        width: 100%;
        margin-left: 0;
    }

    #coastline-slideshow-wrapper .slide .right-content p {
        font-size: 18px;
    }

    #coastline-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }

    #coastline-slideshow-controls button {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
    }

    #coastline-slideshow-wrapper .slide .right-content h3 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 991px) {
    #coastline-slideshow-wrapper .slide .right-content h2 {
        font-size: 30px;
    }

    #coastline-slideshow-wrapper .slide .right-content p {
        font-size: 16px;
    }

    #coastline-slideshow-wrapper .slide .right-content h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    #coastline-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 15px;
    }

    #coastline-slideshow-controls {
        top: 80vh;
        bottom: revert;
    }
}

@media only screen and (max-width: 500px) {
    #coastline-slideshow-wrapper .slide .right-content p {
        font-size: 15px;
    }

    #coastline-slideshow-wrapper .slide .right-content a.mlkn-button {
        max-width: none;
        width: 100%;
        margin: 0 0 30px;
    }

    #coastline-slideshow-wrapper .slide .right-content h2 {
        font-size: 22px;
    }
}

/* >> coastline - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #coastline-slideshow-wrapper .slide .right-content>div {
        max-width: 700px;
    }

    #coastline-slideshow-wrapper .slide .right-content p {
        font-size: 25px;
    }

    #coastline-slideshow-wrapper .slide .right-content a.mlkn-button {
        font-size: 20px;
    }

    #coastline-slideshow-controls {
        bottom: 20vh;
    }
}

/* >> coastline - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #coastline-slideshow-controls {
        width: 175px;
    }
}

/* RECONCILIATION VIDEO */
.embedded-video {
    margin-top: 0 !important;
}

.embedded-video .video-overlay {
    display: none !important;
}

#reconciliation-wrapper {
    position: relative;
    z-index: 2;
    margin-bottom: 5vh;
}

.mobileOnly {
    display: none !important;
}

/* OVERLAY CONTENT */
#reconciliation-content {
    position: absolute;
    top: var(--reconciliationWrapperTop);
    height: var(--reconciliationWrapperHeight);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#reconciliation-content h2,
#reconciliation-header h2 {
    font-size: 40px;
    color: #fff;
    /* margin-bottom: 3vh; */
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    z-index: 3;
    width: 75%;
    margin-left: 12.5%;
}

#reconciliation-content a.mlkn-button,
#reconciliation-footer a.mlkn-button {
    display: block;
    border: 1px solid white;
    background: white;
    color: #000;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    z-index: 3;
}

#reconciliation-content a.mlkn-button:hover,
#reconciliation-footer a.mlkn-button:hover {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

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

    #reconciliation-content h2,
    #reconciliation-header h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1300px) {
    #reconciliation-content {
        padding: 10% 0;
        justify-content: space-between;
    }

    #reconciliation-content h2,
    #reconciliation-header h2 {
        font-size: 35px;
    }
}

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

    #reconciliation-content h2,
    #reconciliation-header h2 {
        font-size: 30px;
    }
}

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

    #reconciliation-content {
        padding: 0;
    }

    #reconciliation-content a.mlkn-button,
    #reconciliation-footer a.mlkn-button {
        border: 1px solid black;

    }

    #reconciliation-content h2,
    #reconciliation-header h2 {
        color: black;
    }

    #reconciliation-header {
        width: 100%;
        text-align: center;
    }

    #reconciliation-header,
    #reconciliation-footer {
        padding: 0 20px;
    }

    #reconciliation-header h2,
    #reconciliation-footer a.mlkn-button {
        margin: 0 auto 5vh;
    }

    .mobileOnly {
        display: block !important;
    }

    .desktopOnly {
        display: none !important;
    }

    #reconciliation-footer {
        text-align: center;
    }
}

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

    #reconciliation-content h2,
    #reconciliation-header h2 {
        /* margin-top: -6vh; */
        width: 100%;
        margin-left: 0;
    }

    #reconciliation-content a.mlkn-button {
        /* margin-bottom: -4vh; */
    }

    #reconciliation-content {
        padding: 2% 20px;
    }

    #reconciliation-content h2,
    #reconciliation-header h2 {
        font-size: 22px;
    }
}


/* VISUALIZE */
/* Containers */
#visualize-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%;
}

#visualize-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;
}

/* Content */

#visualize-wrapper .row b,
#visualize-wrapper .row h3,
#visualize-wrapper .row p {
    width: 100%;
    color: #fff;
    text-align: center;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}

#visualize-wrapper h3 {
    text-transform: none;
}

#visualize-wrapper img {
    width: 100%;
}

#visualize-wrapper .row b {
    font-size: 30px;
}

#visualize-wrapper .row h3 {
    font-size: 40px;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 4vh 0 1vh;
    color: #fff;
}

#visualize-wrapper .buttons {
    text-align: center;
    margin: 2vh 0 6vh;
}

#visualize-wrapper a.mlkn-button {
    width: 300px;
    background: #fff;
    border: 1px solid #fff;
    text-align: center;
    color: #000;
    font-weight: 600 !important;
}

#visualize-wrapper a.mlkn-button:hover {
    background: #000;
    color: #fff;
}

#visualize-wrapper .buttons a:last-of-type {
    margin-left: 30px;
}

/* HOTSPOTS */
#visualize-wrapper .hotspots {
    position: relative;
}

#visualize-hotspot-1 {
    bottom: 35vh;
    left: 10vw;
}

#visualize-hotspot-2 {
    bottom: 35vh;
    right: 45vw;
}

#visualize-hotspot-2 .hotspot-content {
    left: revert;
    right: 40px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0;
}

#visualize-hotspot-3 {
    bottom: 34vh;
    left: 5vw;
}

/* Media Queries */
@media only screen and (max-width: 1600px) {
    #visualize-hotspot-1 {
        bottom: 42vh;
    }

    #visualize-hotspot-2 {
        bottom: 28vh;
    }
}

@media only screen and (max-width: 1200px) {
    #visualize-wrapper img {
        width: 200%;
        max-width: fit-content;
        margin-left: -25%;
    }

    #visualize-hotspot-1 {
        bottom: 48vh;
    }

    #visualize-hotspot-2 {
        bottom: 32vh;
    }
}

@media only screen and (max-width: 1099px) {
    #visualize-wrapper h2 {
        font-size: 40px;
    }

    #visualize-wrapper a.mlkn-button {
        width: 260px;
    }
}

@media only screen and (max-width: 991px) {
    #visualize-wrapper b {
        font-size: 20px;
    }

    #visualize-wrapper h2 {
        font-size: 35px;
    }

    #visualize-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) {
    #visualize-wrapper .row h3 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 500px) {
    #visualize-wrapper .row h2 {
        font-size: 25px;
    }
}


/*** INTRODUCTION VIDEO  ***/
#mpact-wrapper {
    background: #000;
    position: relative;
    z-index: 2;
    padding: 0;
    overflow: hidden;
}

#mpact-wrapper .video-container {
    position: relative;
    height: 100vh;
}

/* >> Introduction Video - Video */
#mpact-wrapper .video-container video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
}

/* >> Introduction Video - Text Overlay */
#mpact-wrapper .text-overlay {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 100%;
    max-width: 1000px;
    padding: 0 20px;
}

#mpact-wrapper .text-overlay img.logo-img {
    width: 450px;
    display: block;
    margin: 0 auto 35px;
}

#mpact-wrapper .text-overlay h2.outline-header {
    position: absolute;
    left: -100%;
    top: -100%;
}

#mpact-wrapper .text-overlay h3,
#mpact-wrapper .text-overlay p {
    color: #fff;
    display: block;
    text-align: center;
}

#mpact-wrapper .text-overlay h3 {
    display: block;
    font-size: 43px;
    font-weight: 600 !important;
    letter-spacing: 4px;
    margin: 0 0 35px;
    text-transform: none;
}

#mpact-wrapper .text-overlay h4 {
    display: block;
    font-size: 24px;
    font-weight: 600 !important;
    letter-spacing: 4px;
    margin: -35px 0 35px;
    text-transform: none;
    text-align: center;
}

#mpact-wrapper .text-overlay p {
    font-size: 18px;
    margin: 0 auto;
    width: 100%;
    max-width: 810px;
}

#mpact-wrapper .text-overlay a:not(.mlkn-button) {
    display: block;
    width: 140px;
    margin: 50px auto 0;
    text-decoration: none;
}

#mpact-wrapper .text-overlay a img {
    width: 75px;
    display: block;
    margin: 0 auto 15px;
}

#mpact-wrapper .text-overlay a span {
    display: block;
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: 2px;
    text-decoration: none;
    text-align: center;
}

#mpact-wrapper .text-overlay h3.asia {
    margin-bottom: 100px;
}

#mpact-wrapper .text-overlay img.asia {
    margin-bottom: 0;
}

#mpact-wrapper a.mlkn-button {
    display: block;
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 10vh auto 30px;
    max-width: 400px;
}

#mpact-wrapper a.mlkn-button:hover {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

/* >> Introduction Video - Media Queries */
/* >> Introduction Video - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #mpact-wrapper .text-overlay img.logo-img {
        width: 450px;
    }

    #mpact-wrapper .text-overlay {
        max-width: 1200px;
    }

    #mpact-wrapper .text-overlay h3 {
        font-size: 60px;
    }

    #mpact-wrapper .text-overlay p {
        max-width: 1000px;
        font-size: 25px;
    }
}

@media only screen and (max-width: 1150px) {
    #mpact-wrapper .text-overlay h3 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 991px) {
    #mpact-wrapper .text-overlay h3 {
        font-size: 30px;
    }

    #mpact-wrapper .text-overlay p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 500px) {
    #mpact-wrapper .text-overlay img.logo-img {
        width: 250px;
    }
}

/* >> Introduction Video - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #mpact-wrapper .text-overlay h3 {
        font-size: 20px;
    }
}


/*** QUICK SHIP SPRING 2021 ***/
#quickship-wrapper {
    min-height: 100vh;
    position: relative;
    background: #f1f1f1;
    padding-left: 0;
    padding-right: 0;
}

/* >> Quick Ship Spring 2023 - Slideshow Container */
#quickship-wrapper .slideshow-container {
    height: 75vh;
    width: 100%;
}

#quickship-wrapper .cycle-slideshow {
    width: 100%;
    height: 75vh;
}

#quickship-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
}

#quickship-slideshow-wrapper .slide>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

/* >> Quick Ship Spring 2023 - Slide Content */
#quickship-slideshow-wrapper .slide img.background-image {
    width: 100%;
    height: 75vh;
    -o-object-fit: cover;
    object-fit: cover;
}

#quickship-slideshow-wrapper .slide>div.content h2 {
    color: #fff;
    font-weight: bold !important;
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 0;
    text-align: center;
}

#quickship-slideshow-wrapper .slide>div.content h3 {
    color: #fff;
    font-weight: 600 !important;
    font-size: 3.6rem;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-align: center;
    margin-top: 3rem;
}

/* >> Quick Ship Spring 2023 - Pager */
#quickship-slideshow-wrapper .cycle-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 10px;
    z-index: 500;
    width: auto;
    height: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#quickship-slideshow-wrapper .cycle-pager a {
    width: 7.5rem;
    height: 0.5rem;
    background: #aaa;
    border-radius: 2.5rem;
    margin: 0 0.5rem;
}

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

/* >> Quick Ship Spring 2023 - Text Container */
#quickship-wrapper .container {
    min-height: 25vh;
    height: auto;
}

#quickship-wrapper .container .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 25vh;
    height: auto;
    padding: 15px !important;
}

#quickship-wrapper .container p {
    color: #333;
    text-align: center;
    font-size: 1.8rem;
    padding-bottom: 15px;
    font-weight: 500;
}

#quickship-wrapper .container a.mlkn-button {
    border: 1px solid black;
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: 1px;
    background: black;
    width: 325px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

#quickship-wrapper .container a.mlkn-button:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

#quick-ship-slide-1 {
    background: url(/-/media/DB0766A5477341D4B70F2024A010B66D.ashx);
    background-size: cover;
    background-position-y: bottom;
    background-position-x: right;
}

#quick-ship-slide-2 {
    background: url(/-/media/B1F637B4B2034E85A36E61664BC8121A.ashx);
    background-size: cover;
    background-position-x: right;
    background-position-y: bottom;
}

#quick-ship-slide-3 {
    background: url(/-/media/4D631BDF7D7D4B9CB425CEDCCDEE51BE.ashx);
    background-size: cover;
    background-position-x: center;
}

#quick-ship-slide-4 {
    background: url(/-/media/31A7EC87A5F94C08900C8415DEE6B1C4.ashx);
    background-size: cover;
    background-position-x: center;
}

/* >> Quick Ship Spring 2023 - Media Queries */
@media only screen and (max-width: 1350px) {
    #quickship-slideshow-wrapper .slide>div.content h2 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1300px) {
    #quickship-slideshow-wrapper .slide>div.content h3 {
        letter-spacing: 4px;
    }
}

@media only screen and (max-width: 991px) {
    #quickship-wrapper {
        height: auto;
        min-height: 100vh;
    }

    #quickship-wrapper .container,
    #quickship-wrapper .container .content-wrapper {
        height: auto;
        min-height: 25vh;
    }

    #quickship-wrapper .container p {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #quickship-slideshow-wrapper .cycle-pager {
        display: none;
    }

    #quick-ship-slide-1 img {
        overflow: visible;
        margin-left: -35%;
    }
}

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

    #quickship-wrapper .slideshow-container,
    #quickship-wrapper .cycle-slideshow,
    #quickship-slideshow-wrapper .slide>div,
    #quickship-slideshow-wrapper .slide img.background-image {
        height: 70vh;
    }

    #quickship-wrapper .container,
    #quickship-wrapper .container .content-wrapper {
        min-height: 30vh;
    }

    #quickship-slideshow-wrapper .slide>div.content h2 {
        font-size: 40px;
    }

    #quickship-slideshow-wrapper .slide>div.content h3 {
        font-size: 20px;
    }

    #quickship-wrapper .container a.mlkn-button,
    #quickship-wrapper .container a.mlkn-button:last-of-type {
        display: block;
        margin: 15px auto 0;
    }

    #quick-ship-slide-1 img {
        overflow: visible;
        margin-left: -50%;
    }
}

@media only screen and (max-width: 600px) {
    #quickship-slideshow-wrapper .slide>div.content h2 {
        font-size: 40px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    #quickship-slideshow-wrapper .slide>div.content h3 {
        letter-spacing: 4px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        font-size: 25px;
    }
}

@media only screen and (max-width: 500px) {
    #quickship-wrapper .container .content-wrapper {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    #quickship-wrapper .slideshow-container,
    #quickship-wrapper .cycle-slideshow,
    #quickship-slideshow-wrapper .slide>div,
    #quickship-slideshow-wrapper .slide img.background-image {
        height: 50vh;
    }

    #quickship-wrapper {
        min-height: 70vh;
    }

}

/* >> Quick Ship Spring 2023 - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #quickship-wrapper .container p {
        font-size: 25px;
    }

    #quickship-wrapper .container a.mlkn-button {
        width: 420px;
        font-size: 20px;
    }
}

/* >> Quick Ship Spring 2023 - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    #quickship-slideshow-wrapper .slide>div.content h2 {
        font-size: 30px;
    }

    #quickship-slideshow-wrapper .slide>div.content h3 {
        letter-spacing: 4px;
    }
}

/* >> Quick Ship Spring 2023 - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #quickship-slideshow-wrapper .slide>div.content h2 {
        font-size: 30px;
    }

    #quickship-wrapper .container a.mlkn-button {
        width: 270px;
        font-size: 13px;
    }
}


/*** Project Profiles ***/
#projectprofiles-wrapper {
    background: #060606;
    position: relative;
    z-index: 2;
    padding: 0;
    overflow: hidden;
    height: 100vh;
}

#projectprofiles-wrapper h2 {
    font-size: 4rem;
}

#projectprofiles-wrapper h1 {
    font-size: 6rem;
}

#projectprofiles-wrapper span {
    font-size: 1.8rem;
}

#projectprofiles-slideshow-wrapper .cycle-slideshow {
    width: 100%;
    min-height: 100vh;
    height: 1px;
}

#projectprofiles-slideshow-wrapper .slide {
    width: inherit;
    height: inherit;
    min-height: inherit;
}

#projectprofiles-slide-1 .background,
#projectprofiles-slide-2 .background,
#projectprofiles-slide-3 .background,
#projectprofiles-slide-4 .background,
#projectprofiles-slide-5 .background,
#projectprofiles-slide-6 .background {
    width: 85vw;
    height: 78vh;
    position: absolute;
    top: 11vh;
    left: 7.5vw;
    background-size: cover !important;
}

#projectprofiles-slide-1 .background {
    background: url(/-/media/E3D27893331D4EF188101FABAAF73CD3.ashx);
}

#projectprofiles-slide-2 .background {
    background: url(/-/media/B0D17BD8E05C443C9C662920F07B61BB.ashx);
}

#projectprofiles-slide-3 .background {
    background: url(/-/media/6B4D4870B29744DFA17A885CC1685456.ashx);
}

#projectprofiles-slide-4 .background {
    background: url(/-/media/829E64879CFA4D1482404984117E73AC.ashx);
}

#projectprofiles-slide-5 .background {
    background: url(/-/media/9DB3DC3654684B2BACBAF6E30102F3C3.ashx);
}

#projectprofiles-slide-6 .background {
    background: url(/-/media/5FB0AAC09764497B8899CAA7975F0475.ashx);
}

#projectprofiles-slideshow-wrapper img.base-image {
    position: relative;
    z-index: 2;
    display: block;
    height: 650px;
    margin: 0 auto;
}

#projectprofiles-slideshow-wrapper .slashes {
    position: absolute;
    z-index: 3;
    height: 225px;
}

#projectprofiles-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%);
}

#projectprofiles-slideshow-wrapper .slide-content {
    width: 100%;
    position: absolute;
}

#projectprofiles-slideshow-wrapper .slide-content h1,
#projectprofiles-slideshow-wrapper .slide-content p {
    text-align: center;
    color: #000;
}

#projectprofiles-slideshow-wrapper .slide-content h1 {
    text-transform: uppercase;
    font-size: 35px;
    color: #555;
    font-weight: bold !important;
    letter-spacing: 4px;
}

#projectprofiles-slideshow-wrapper .slide-content p {
    position: absolute;
    color: white;
    top: 92vh;
    left: 350px;
}

#projectprofiles-slideshow-wrapper .slide-content h3 {
    color: white;
    position: absolute;
    top: 84vh;
    left: 11vw;
}

#projectprofiles-slideshow-wrapper .slide-content h4 {
    color: white;
    position: absolute;
    top: 5vh;
    left: 13vw;
    font-size: 30px;
    font-weight: 100;
}

#projectprofiles-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;
    font-size: 14px;
    font-weight: 800;
    border-radius: 15px;
    width: 250px;
}

#projectprofiles-slideshow-wrapper .slide-content>div>div>span {
    display: table-cell;
    vertical-align: middle;
    height: 35px;
    text-align: center;
    width: 250px;
}

#projectprofiles-wrapper span.bigText {
    font-size: 100px;
    font-weight: 100;
}

#projectprofiles-slide-1 span.bigText {
    position: absolute;
    left: 20px;
}

#projectprofiles-wrapper span.tinyText {
    font-size: 25px;
    font-weight: 100;
    position: absolute;
    width: 70px;
    top: 2vh;
    left: 135px;
}

/* >> Section Twelve - Pager */
#projectprofiles-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: 140px;
    z-index: 500;
    width: 500px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#projectprofiles-slideshow-wrapper .cycle-pager a {
    width: 7.5rem;
    height: 0.5rem;
    background: #777;
    border-radius: 2.5rem;
    margin: 0 0.5rem;
}

#projectprofiles-slideshow-wrapper .cycle-pager a.cycle-pager-active {
    background: #ddd;
}

/* >> Textures - Slideshow Controls */
#projectprofiles-outer-wrapper {
    position: relative;
}

#projectprofiles-slideshow-controls {
    display: none;
    margin: 20px 0;
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 500;
}

#projectprofiles-slideshow-controls button {
    border-radius: 0;
    border: 1px solid #777;
    background: transparent;
    padding: 15px 23px;
    font-size: 30px;
    color: #777;
}

#projectprofiles-slideshow-controls button:last-of-type {
    margin-left: 30px;
}

#projectprofiles-slideshow-controls button:focus {
    outline: none;
}

/* >> Section Twelve - Media Queries */
@media only screen and (max-width: 1400px) {
    #projectprofiles-slideshow-wrapper .slashes {
        display: none;
    }
}

@media only screen and (max-width: 1300px) {
    #projectprofiles-slideshow-wrapper img.base-image {
        width: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 1200px) {
    #projectprofiles-slideshow-wrapper .slide-content p {
        width: 350px;
        text-align: left;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        right: 12vw;
    }
}

@media only screen and (max-width: 1100px) {
    #projectprofiles-slideshow-wrapper .slide-content p {
        width: 325px;
        left: 300px;
    }
}

/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
    #projectprofiles-slideshow-wrapper .cycle-pager {
        bottom: 190px;
    }

    #projectprofiles-slideshow-wrapper .slide-content h3 {
        top: 40vh;
    }

    #projectprofiles-slide-1 .background,
    #projectprofiles-slide-2 .background,
    #projectprofiles-slide-3 .background,
    #projectprofiles-slide-4 .background,
    #projectprofiles-slide-5 .background,
    #projectprofiles-slide-6 .background {
        height: 33vh;
    }

    #projectprofiles-wrapper {
        height: 55vh;
    }

    #projectprofiles-slideshow-wrapper .cycle-slideshow {
        min-height: 55vh;
    }

    #projectprofiles-slideshow-wrapper .cycle-slideshow {
        width: 550px;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        top: 50vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content h4 {
        left: 10vw;
    }
}

@media only screen and (max-width: 991px) {
    #projectprofiles-wrapper {
        display: block;
    }

    #projectprofiles-slideshow-wrapper .cycle-pager {
        display: none;
    }

    #projectprofiles-slideshow-controls {
        display: block;
    }

    #projectprofiles-slideshow-wrapper .slide-content {
        bottom: 150px;
    }

    #projectprofiles-slideshow-wrapper .slide-content h1 {
        font-size: 35px;
    }

    #projectprofiles-slideshow-wrapper .slide-content p {
        width: 100vw;
        font-size: 18px;
        text-align: center;
        left: 0;
        top: -8vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content h4 {
        top: -78vh;
        left: 29vw;
    }

    #projectprofiles-slide-1 .background,
    #projectprofiles-slide-2 .background,
    #projectprofiles-slide-3 .background,
    #projectprofiles-slide-4 .background,
    #projectprofiles-slide-5 .background,
    #projectprofiles-slide-6 .background {
        height: 60vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        top: -2vh;
        right: 37vw;
    }
}

/* IPAD PRO */
@media only screen and (width: 1024px) and (-webkit-device-pixel-ratio: 2) {
    #projectprofiles-slideshow-wrapper .cycle-pager {
        left: 100%;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        top: 50vh;
        right: -30vw;
    }

    #projectprofiles-slideshow-wrapper .slide-content p {
        top: 45vh;
        width: 500px;
    }
}

/* IPAD 9th gen */
@media only screen and (width: 810px) and (-webkit-device-pixel-ratio: 2) {
    #projectprofiles-slideshow-wrapper .slide-content h4 {
        top: -81vh;
        left: 7vw;
    }

    #projectprofiles-slideshow-controls {
        left: -2vw;
    }
}

@media only screen and (max-width: 767px) {
    #projectprofiles-slideshow-wrapper .slide-content {
        bottom: 120px;
    }

    #projectprofiles-slideshow-wrapper .slide-content h1 {
        font-size: 25px;
    }

    #projectprofiles-slideshow-wrapper .slide-content h4 {
        top: -82vh;
        left: 23vw;
    }

    #projectprofiles-slideshow-wrapper .slide-content p {
        top: -10vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        top: -5vh;
        right: 34vw;
    }
}

@media only screen and (max-width: 600px) {
    #projectprofiles-slideshow-wrapper .slide-content h4 {
        left: 14vw;
        font-size: 28px;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        right: 31vw;
    }
}

@media only screen and (max-width: 500px) {
    #projectprofiles-slideshow-wrapper .slide-content h4 {
        left: 10vw;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        right: 25vw;
    }
}

/* >> Section Twelve - iMac 4K */
@media only screen and (min-width: 2500px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    #projectprofiles-slideshow-wrapper img.base-image {
        height: 880px;
    }

    #projectprofiles-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%);
    }

    #projectprofiles-slideshow-wrapper .slide-content h1 {
        font-size: 45px;
    }

    #projectprofiles-slideshow-wrapper .slide-content p {
        font-size: 20px;
    }
}

/* >> Section Twelve - iPhone X */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    #projectprofiles-slideshow-wrapper img.base-image {
        height: 410px;
    }
}

/* >> Section Twelve - iPhone 6+, 7+, 8+ */
@media only screen and (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    #projectprofiles-slideshow-wrapper img.base-image {
        height: 365px;
    }

    #projectprofiles-slideshow-wrapper .slide-content h4 {
        left: 8vw;
        font-size: 24px;
        top: -80vh;
    }

    #projectprofiles-slide-1 .background,
    #projectprofiles-slide-2 .background,
    #projectprofiles-slide-3 .background,
    #projectprofiles-slide-4 .background,
    #projectprofiles-slide-5 .background,
    #projectprofiles-slide-6 .background {
        height: 55vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content p {
        top: -14vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        right: 21vw;
    }
}

/* iPhone 13 PRO MAX */
@media only screen and (max-width: 428px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #projectprofiles-slideshow-wrapper .slide-content h4 {
        left: 8vw;
        font-size: 25px;
    }

    #projectprofiles-slideshow-wrapper .slide-content h4 {
        top: -83vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content p {
        width: 80vw;
        left: 10vw;
        top: -13vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        right: 21vw;
    }

    #projectprofiles-slide-1 .background,
    #projectprofiles-slide-2 .background,
    #projectprofiles-slide-3 .background,
    #projectprofiles-slide-4 .background,
    #projectprofiles-slide-5 .background,
    #projectprofiles-slide-6 .background {
        height: 60vh;
    }

    #projectprofiles-slide-1 .background {
        background-position-x: -70vw;
    }

    #projectprofiles-slide-2 .background {
        background-position-x: -75vw;
    }

    #projectprofiles-slide-3 .background {
        background-position-x: -100vw;
    }

    #projectprofiles-slide-4 .background {
        background-position-x: -85vw;
    }

    #projectprofiles-slide-5 .background {
        background-position-x: -110vw;
    }
    #projectprofiles-slide-6 .background {
        background-position-x: 0;
    }
}

/* iPhone 13 */
@media only screen and (max-width: 390px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    #projectprofiles-slideshow-wrapper .slide-content h4 {
        left: 7vw;
        font-size: 23px;
        top: -80vh;
    }

    #projectprofiles-slide-1 .background,
    #projectprofiles-slide-2 .background,
    #projectprofiles-slide-3 .background,
    #projectprofiles-slide-4 .background,
    #projectprofiles-slide-5 .background,
    #projectprofiles-slide-6 .background {
        height: 55vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content p {
        top: -14vh;
    }

    #projectprofiles-slideshow-wrapper .slide-content>div>div {
        right: 18.5vw;
    }
}

/* >> Section Twelve - iPhone 6, 6S, 7, 8 */
@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #projectprofiles-slideshow-wrapper img.base-image {
        height: 285px;
    }
}

/* >> Section Twelve - iPhone 5, 5C, 5S, SE */
@media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    #projectprofiles-slideshow-wrapper img.base-image {
        height: 160px;
    }
}