@font-face {
    font-family: primaryfont;
    src: url("/uc/fonts/avnb.eot");
    src: url("/uc/fonts/avnb.otf");
    src: url("/uc/fonts/avnb.ttf");
    src: url("/uc/fonts/avnb.woff");
    unicode-range: U+00-FF;
}

@font-face {
    font-family: secondaryfont;
    src: url("/uc/fonts/anrbl.eot");
    src: url("/uc/fonts/anrbl.otf");
    src: url("/uc/fonts/anrbl.ttf");
    src: url("/uc/fonts/anrbl.woff");
    unicode-range: U+00-FF;
}

a:link,a:visited {
    color: #326cc4;
}

a:hover {
    color: #2c8a2e;
}

.quotewrapper a:link, .quotewrapper a:visited, a.link-list__button:link, a.link-list__button:visited, a.link-list__button:hover
,.cta a:link, .cta a:visited, .cta:hover{
    color: #ffffff;
    text-decoration: none;
}

.quotewrapper a:hover {
    text-decoration:none;
}

.acctlinks a:link, .acctlinks a:visited, .acctlinks a:hover,
.footer__strap a:link, .footer__strap a:visited, .footer__strap a:hover {
    color: #1a1a1a;
    text-decoration: none;
}

html {
    overflow-y: scroll;
    scrollbar-width: 30px;
}
.mity-enabled {
    position: relative
}

    .mity-enabled:focus {
        outline: 0
    }

.mity-viewport {
    height: 100%;
    overflow: hidden;
    position: relative
}

.mity-slider {
    height: 100%;
    position: absolute;
    width: 100%
}

.errormsg, .msg-error, .msg-userunavailable {
    color: #bf2e48;
}
.msg-minor {
    color: #939393;}

.passset::placeholder {
    color: #9a9a9a;
    font-weight: 400;
}

.passset .eyespan1, .passset .eyespan3, .passset .eyespan4  {
    position: relative;
    right: 33px;
    transform: translate(0,-50%);
    top: 0px;
    cursor: pointer;
}
.passset .eyespan2 {
    position: relative;
    right: 33px;
    transform: translate(0,-50%);
    top: 0px;
    cursor: pointer;
}
.passset .eyespan3, .passset .eyespan4 {
    position: absolute;
    right: 56px;
    transform: translate(0,-50%);
    top: 21px;
    cursor: pointer;
}
.passset .eyespan3, .passset .eyespan4 {
    right:108px;
}

.passset .fa {
    font-size: 20px;
    color: #7a797e;
}

.passset .passwrap {
    position: relative;
    width: 300px;
}

.ecomPassResetRequest .passset .passwrap {
    width:unset;
}
.mity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .mity-enabled.is-draggable .mity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

        .mity-enabled.is-draggable .mity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

.mity-button {
    background: hsla(0,0%,100%,.75);
    border: none;
    color: #333;
    position: absolute
}

    .mity-button:hover {
        background: #fff;
        cursor: pointer
    }

    .mity-button:focus {
        box-shadow: 0 0 0 5px #19f;
        outline: 0
    }

    .mity-button:active {
        opacity: .6
    }

    .mity-button:disabled {
        cursor: auto;
        opacity: .3;
        pointer-events: none
    }

.mity-button-icon {
    fill: currentColor
}

.mity-prev-next-button {
    border-radius: 50%;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px
}

    .mity-prev-next-button.previous {
        left: 10px
    }

    .mity-prev-next-button.next {
        right: 10px
    }

.mity-rtl .mity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.mity-rtl .mity-prev-next-button.next {
    left: 10px;
    right: auto
}

.mity-prev-next-button .mity-button-icon {
    height: 60%;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60%
}

.mity-page-dots {
    bottom: -25px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.mity-rtl .mity-page-dots {
    direction: rtl
}

.mity-page-dots .dot {
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 8px;
    opacity: .25;
    width: 10px
}

    .mity-page-dots .dot.is-selected {
        opacity: 1
    }



    /*START FLICK*/
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .flickity-viewport {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.sliding-carousel .flickity-viewport {
    order: 2;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-page-dots {
    bottom: -25px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
    .sliding-carousel .flickity-page-dots {
    bottom: auto;
    margin-bottom: 2rem;
    opacity: 1;
    order: 1;
    padding: 0;
    position: relative;
}
.flickity-page-dots .dot {
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 8px;
    opacity: .25;
    width: 10px;
}
    .flickity-page-dots .dot.is-selected {
        opacity: 1;
    }

.sliding-carousel .flickity-page-dots .dot {
    background: #f8f8f8;
    border: .1rem solid #d9d9d9;
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    height: 3.2rem;
    margin: 0 1rem;
    opacity: 1;
    position: relative;
    width: 3.2rem;
}

    .sliding-carousel .flickity-page-dots .dot.is-selected {
        background: #0f213d;
        border-color: transparent;
    }

        .sliding-carousel .flickity-page-dots .dot.is-selected:before {
            background: #fff;
            border: 1px solid #0f213d;
            border-radius: 50%;
            content: "";
            display: block;
            height: 4rem;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 4rem;
            z-index: -1;
        }

    /*END FLICH*/
        a.btnct {
    border-radius: .3rem;
    border-style: solid;
    border-width: .1rem;
    cursor: pointer;
    font-size: 1.6rem;
    letter-spacing: 1.1;
    font-weight: 500;
    letter-spacing: -.01em;
    padding: 1.6rem 4rem;
    background: transparent;
    border-color: #fff;
    color: #fff;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    a.btnct:hover {
        background-color: #ffffff;
        color: #000000;
    }

.primarybase {
padding:40px 0px;
text-align:center;
}

.collectionbase a.btnct {
background-color:#FFB607;
color:#000000;
border:none;
}

.collectionbase .product-grid__container2 {
    padding-left: 16%;
    padding-right: 60px;
    max-width: unset;
    max-width: initial;
    width: 120%;
    overflow-x: scroll;
    overflow-y: hidden;
    /*scrollbar-width: thin;
    scroll-margin-inline-start: 60px;*/
}
    .collectionbase .product-grid__container2::-webkit-scrollbar {
        height:4px;
    }
    .collectionbase .product-grid__container2::-webkit-scrollbar-track {
        margin: 0 310px;
    }
    .collectionbase .product-grid__container2::-webkit-scrollbar-thumb {
        background-color:#0f213d;
    }
.downloadsbase #WareList {
    display: contents;
}

.wareWrap {
padding:4vw 12vw;
}
.projectdetailpage .wareWrap,.productdetailbase .carougallery .wareWrap {
    padding: 0vw 0vw;
}

@media only screen and (max-width: 992px) {
    .productdetailbase .ware-img {
    max-height:unset;
    max-width:100%;
    }

    .productdetailbase .single-product-details__gallery {
        width:400px;
        height: fit-content;
    }
    .productdetailbase .single_product_top div.big_img {
        height: 400px;
    }

    .productdetailbase .wareWrap {
        padding: 4vw 40px;
    }
    .productdetailbase .product-carousel__header, .productdetailbase #section-5 {
        padding: 0px 40px;
    }
    .projectdetailpage .wareWrap, .productdetailbase .carougallery .wareWrap {
        padding: 0vw 40px;
    }
}

   .blogdetailpage .wareWrap {
    }

 /*Video Start*/
/* Container to make the video responsive */
.dm-video-container {
    position: relative;
    width: 100%;
    max-width: 800px; /* Optional: Set a max-width for the video */
    margin: 0 auto; /* Center the container */
    background-color: black; /* Background for the container */
}

    /* Style the video to fill the container */
    .dm-video-container video {
        width: 100%;
        height: auto; /* Maintain aspect ratio */
        display: block; /* Remove extra space below the video */
    }

/* Custom play button */
.play-button {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 1);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    z-index: 2; /* Ensure it's above the video */
}

    .play-button::after {
        content: "▶";
        font-size: 30px;
        color: #ffffff;
        padding-left: 5px;
    }

/* Hide play button when video is playing */
.dm-video-container.playing .play-button {
    opacity: 0;
    pointer-events: none; /* Disable clicks on the hidden button */
}

/* Hide controls by default */
.dm-video-container video {
    display: block;
}

    .dm-video-container video::-webkit-media-controls {
        /* display: block !important;*/
    }

    .dm-video-container video::-webkit-media-controls-enclosure {
        /*display: none !important;*/
    }

/* Show controls on hover */
.dm-video-container:hover video::-webkit-media-controls-enclosure {
    display: flex !important;
}

.dm-video-container:hover video {
    cursor: pointer; /* Indicate the video is interactive */
}
    /*Video End*/

    .single_product_top {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        background-color: #ffffff;
    }

        .single_product_top .thumbnails {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            margin-right: 16px;
            width: 130px;
            height: 100%;
            max-height: 600px;
            overflow-y: scroll;
            padding-bottom: 30px;
        }

            .single_product_top .thumbnails::-webkit-scrollbar {
                width: 0px;
                background: transparent; /* make scrollbar transparent */
            }

            .single_product_top .thumbnails:after {
                width: 110px;
                height: 10%;
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
            }

            .single_product_top .thumbnails div {
                height: 100px;
                width: 92px;
                padding: 10px 0px;
                cursor: pointer;
            }

            .single_product_top .thumbnails img {
                /*width: 164px;
            padding: 10px 30px 10px 0px;*/
                flex-shrink: 0;
                min-width: 100%;
                min-height: 100%;
                max-height: 100%;
            }

            .single_product_top .thumbnails div:first-of-type {
                /*padding: 0px 30px 10px 0px;*/
                padding: 0px 0px 10px 0px;
            }

            .single_product_top .thumbnails div:last-of-type {
                /*padding: 0px 30px 0px 0px;*/
                padding: 10px 0px 0px 0px;
            }

        .single_product_top div.big_img {
            background-color: #f8f8f8;
            display: flex;
            justify-content: center;
            vertical-align: middle;
            width: 100%;
            /*padding: 60px 40px 40px 40px*/;
            padding: 0px;
            height: 600px;
            align-items:center;
        }

        .single_product_top img.big_img {
            /*height: 100%;
        width: auto;
        max-width:100%;*/
            width: 100%;
            height: calc(100%);
            object-fit: cover;
        }



    .productdetailbase .nav-icons {
        display: flex;
        flex-direction: row;
        position: absolute;
        right: 15px;
        bottom: 18px;
        background: rgba(247, 247, 247, 0.5);
        width:58px;
    }

    .projectdetailpage .nav-icons {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top:40px;
        width:100%;
    }

    .homepage .ctrlbar {
        margin: 12px 0px 12px 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .homepage .nav-icons {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        right: 21px;
        top: 10px;
    }

    .productdetailbase .icon-grid__link, .homepage .nav-icons {
        cursor: pointer;
    }

    .homepage project-grid__container {
        position: relative;
    }

    .homepage .project-grid__header {
        margin-bottom: 0px;
    }

    .homepage .project-grid__link {
        font-weight: normal;
        font-size: .9em;
        display: block;
        margin: 0px;
    }

    .sa-radio {
        display: flex;
        flex-direction: row;
    }
.overlaygroup-wrap {
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    height: 100%;
    max-height: 25.5vw;
}


    .overlaygroup {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: relative;
        left: 0px;
        top: 0px;
        height: fit-content;
        justify-content: space-between;
        padding-left: 2rem;
        padding-right: 2rem;
        align-items: center;
        width: 100%;
        padding: 0vw 12vw;
        height: 100%;
    }

.overlay {
    /*bottom: 240px;*/
    padding:20px 20px;
    width: fit-content;
    height:fit-content;
    /*height: 100%;*/
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    display: flex;
    /*-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    background-color: rgba(50, 108, 196, 0.6);
    border-radius:10px;
}
        .overlay h1 {
        font-size:1.5vw;
        text-shadow:4px 4px 4px black;
        line-height:2.5vw;
        }
.overlay2 {
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    top: 2rem;
    height:fit-content;
    padding:20px 40px 40px 40px;
    border-radius:10px;
    width:19.4vw;
    min-width:300px;
}
.overlay2 h2 {
padding-bottom:20px;
color:#000000;
}
.video video {
object-fit:cover;
}
.quotewrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    line-height:18px;
}
.sidebarwrap {
    position: absolute;
    top: -40%;
    right: 0px;
    font-size: 14px;
    background-color: #f1f2f2;
    border: 1px solid #d70036;
    padding: 10px;
}

.display2 {
    right: -350px;
}

.sidebarwrap .sidebar-item-all {
    padding: 4px;
}

    .sidebarwrap .sidebar-item-all hr {
        margin-top: 4px;
        border: 1px solid white;
    }

.sidebar-item-row > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sidebarlayout {
border:1px solid gray;
max-width:384px;
padding:20px;
}

.sidebarlayout .msg-orderadd {
    display:flex;
    flex-direction:row;

}
    .sidebarlayout .msg-orderadd svg {
        width: 16px;
        height: 16px;
        background-color: #FFB607;
        border-radius: 50%;
        text-align: center;
        margin-right: 6px;
        padding-top: 2px;
        padding-left: 2px;
    }
    .sidebarlayout .msg-orderadd svg path {
        display:flex;
        justify-content:center;
    }
.sidebarlayout .msg-orderadd span {
    font-weight:bold;
}
    .sidebarlayout .msg-orderadd .orderadd-txt {
    font-size:14px;
    line-height:18px;
    }

    .sidebarlayout .sidebar-item-all {
        font-size: 12px;
    }
    .sidebarlayout .sidebar-item-row {
    display:flex;
    flex-direction:row;
    margin:14px 0px;
    }

    .sidebarlayout .sidebar-item-col-img {
    background-color:#f8f8f8;
    padding:14px;
    margin-right:14px;
    width:89px;
    height:89px;
    }
        .sidebarlayout .sidebar-item-col-img .oimg {
            width: 100% !important;
            max-width:89px;
        }
        .sidebarlayout .sidebar-item-row-name {
        padding-top: 6px;
        font-weight: bold;
        line-height: 14px;
    }
.sidebar-button-row .tease-product__tech-sheet {
    margin-bottom:10px;
}
.sidebarlayout .sidebar-item-col-att span {
    display: block;
    padding-right: 10px;
    line-height: 14px;
}

.sidebarlayout .cartbutton {
background-color:#0f213d;
color:#ffffff;
font-weight:bold;
}

    .homepage .overlay {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }


.productlistpage .overlay {
        color: #0f213d;
        display: block;
        padding: 0px 31.5rem;
        text-align: left;
        position: absolute;
        top: 5vw;
        height: fit-content;
        /*background: inherit;
    background-clip: text;
    color: transparent;
    filter: invert(1);*/

        margin: 0 auto;
        max-width: 144rem;
        padding-left: 8rem;
        padding-left: var(--container-padding);
        padding-right: 8rem;
        padding-right: var(--container-padding);
        width: 100%;
    }

    .overlay .h1-Faucets, .overlay .desc-Faucets, .overlay .h1-Hand-dryers, .overlay .desc-Hand-dryers, .overlay .h1-Recessed, .overlay .desc-Recessed {
        color: #ffffff;
    }

.blogpage .overlay {
    background-color: #f8f8f8;
    /*top: 7.4rem;*/
}

    .productlistpage .overlay h1 {
        text-align: left;
        /*background: inherit;
    background-clip: text;
    color: transparent;
    filter: invert(1);*/
    }

        .productlistpage .overlay h1.nodesc {
            text-align: center;
        }

    .blogpage .overlay h1 {
        font-size: 6rem;
        font-weight: 500;
        letter-spacing: -.03em;
        line-height: 1.17;
    }

    .herocatdesc {
        width: 24rem;
        text-align: left;
        line-height: 22px;
        /*background: inherit;
    background-clip: text;
    color: transparent;
    filter: invert(1);*/
    }

    @media only screen and (max-width: 1248px) {
        .herocatdesc {
            width: calc(24rem + 20%);
            text-align: left;
            line-height: 22px;
        }
    }

    @media only screen and (max-width: 992px) {
        .productlistpage .video {
            display: flex;
            flex-direction: column;
            position: relative;
        }

        .productlistpage .overlay {
            display: flex;
            flex-direction: column;
            position: relative;
            top: 0px;
            padding-bottom: 20px;
            padding-top: 10px;
        }

        .herocatdesc {
            display: flex;
            width: 100%;
            text-align: left;
            line-height: 22px;
        }

        .overlay .h1-Faucets, .overlay .desc-Faucets, .overlay .h1-Hand-dryers, .overlay .desc-Hand-dryers, .overlay .h1-Recessed, .overlay .desc-Recessed {
            color: #000000;
        }
    }

    /*START CAROUGALLERY*/
    .carougallery2 .warerelatedwares {
        padding: 0rem;
        display: grid;
        grid-template-columns: repeat(5, 17vw);
        grid-template-rows: 1fr;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        overflow-x: scroll;
        overflow-y: hidden;
        /* height: 90vh; */
        scroll-snap-type: both mandatory;
        scroll-padding: .5rem;
        scrollbar-width: thin;
        scrollbar-color: rgba(155, 155, 155, 1) transparent;
    }

    .carougallery .warerelatedwares {
        padding: 0rem;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        column-gap: 40px;
        overflow-x: hidden;
        overflow-y: hidden;
        /* height: 90vh; */
        scroll-snap-type: both mandatory;
        scroll-padding: .5rem;
        scrollbar-width: thin;
        scrollbar-color: rgba(155, 155, 155, 1) transparent;
    }

        .carougallery .warerelatedwares::-webkit-scrollbar {
            width: 2px;
        }

        .carougallery .warerelatedwares::-webkit-scrollbar-track {
            background: #000000;
        }

        .carougallery .warerelatedwares::-webkit-scrollbar-thumb {
            background-color: rgba(155, 155, 155, 1);
            border-radius: 80px;
            border: 2px solid white;
        }

    .activecarou {
        scroll-snap-type: unset;
    }

    .licarou {
        scroll-snap-align: center;
        display: inline-block;
        border-radius: 3px;
        font-size: 0;
        width: 300px;
        height: fit-content;
    }

.collectionbase .licarou2 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
}

    /*END CAROUGALLERY*/

    .wlControlWrap {
        display: none;
        visibility: hidden;
    }

    .productlistpage .wlControlWrap {
        display: flex;
        visibility: visible;
        cursor: pointer;
        justify-content: center;
        margin-top: 60px;
    }

        .productlistpage .wlControlWrap .wlControlPageNext {
            background-color: #0f213d;
            border: none;
            color: #ffffff;
            font-size: 1.4rem;
            font-weight: bold;
            padding-bottom: 1.2rem;
            padding-top: 1.2rem;
            padding-left: 2.2rem;
            padding-right: 2.2rem;
        }

    @media only screen and (max-width: 1520px) {
        .overlay {
            bottom: 0rem;
        }
    }

    @media only screen and (max-width: 1200px) {
        .overlay {
            bottom: 0rem;
        }
    }

    @media only screen and (max-width: 968px) {
        .overlay {
            bottom: 0rem;
        }
    }

    @media only screen and (max-width: 800px) {
        .overlay {
            bottom: 18vw;
        }
    }

    @media only screen and (max-width: 597px) {
        .overlay {
            bottom: 22vw;
        }

        .carougallery .warerelatedwares {
        flex-direction:column;
        }
    }

    @media only screen and (max-width: 497px) {
        .overlay {
            bottom: 120px;
        }
    }

    dialog {
        background: #fff;
        border: solid;
        color: #000;
        display: block;
        height: -moz-fit-content;
        height: -webkit-fit-content;
        height: fit-content;
        left: 0;
        margin: auto;
        padding: 1em;
        position: absolute;
        right: 0;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content
    }

        dialog:not([open]) {
            display: none
        }

        dialog + .backdrop {
            background: rgba(0,0,0,.1)
        }

        ._dialog_overlay, dialog + .backdrop {
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
            top: 0
        }

        dialog.fixed {
            position: fixed;
            top: 50%;
            transform: translateY(-50%)
        }

    @font-face {
        font-display: swap;
        font-family: basis;
        font-style: normal;
        font-weight: 400;
        src: url(/uc/fonts/basis_grotesque_pro_regular.otf);
        unicode-range: u+000-5ff
    }

    @font-face {
        font-display: swap;
        font-family: basis;
        font-style: normal;
        font-weight: 300;
        src: url(/uc/fonts/basis_grotesque_pro_off_white.otf);
        unicode-range: u+000-5ff
    }

    @font-face {
        font-display: swap;
        font-family: basis;
        font-style: normal;
        font-weight: 500;
        src: url(/uc/fonts/basis-grotesque-bold-pro.otf);
        unicode-range: u+000-5ff
    }
    /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    .activeoverlay {
        margin: 0;
        height: 100%;
        overflow: hidden;
    }

@media(max-width:1024px) {
    .activeoverlaymobi {
        margin: 0;
        height: 100%;
        overflow: hidden;
    }
}
    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    .project-archive__container h1 {
        text-align: left;
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    main {
        display: block
    }

    pre {
        font-family: monospace,monospace;
        font-size: 1em
    }

    a {
        background-color: transparent
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b, strong {
        font-weight: bolder
    }

    code, kbd, samp {
        font-family: monospace,monospace;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    img {
        border-style: none
    }

    button, input, optgroup, select, textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }


    button {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

    [type=button], [type=reset], [type=submit], button {
        -webkit-appearance: button
    }

        [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
            outline: 1px dotted ButtonText
        }

    input {
        overflow: visible
    }

    [type=checkbox], [type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    fieldset {
        padding: .35em .75em .625em
    }

    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    details {
        display: block;
        cursor:pointer;
    }

    summary {
        display: list-item
    }

    [hidden], template {
        display: none
    }

    .homepage .video {
        box-sizing: inherit;
        max-height:26vw;
    }

.standard_page .video {
max-height:26.1vw;
}
@media only screen and (max-width: 1102px) {
    .homepage .video {
        max-height:unset;
        max-height:initial;
        display: flex;
        flex-direction: column;
        justify-content:flex-start;
    }

    .overlaygroup-wrap {
        width: 100%;
        justify-content: center;
        align-items: center;
        position: relative;
        top: 0px;
        height: 100%;
        max-height: 100%;
    }

    .overlaygroup {
        flex-direction: column;
        padding: 0px;
        background-color: #f8f8f8;
    }
    .overlay {
        width: 100%;
        border-radius: 0px;
        background-color: #326cc4;
    }
    .overlay2 {
    width:unset;
    width:initial;
    }
    .overlay h1 {
    text-shadow:none;
    font-size:26px;
    line-height:34px;
    }
}

@media only screen and (max-width: 567px) {
    .overlaygroup-wrap {
        top: 38vw;
        height: 100%;
        max-height: 100%;
    }
    .video video {
        z-index: 11;
        top: 50px;
        position: relative;
        height: 31vw;
    }
}
    .productlistpage .video {
        display: flex;
        justify-content: center;
    }

    .productdetailbase .product-grid__container, .productdetailbase .call-to-action__container {
        padding-left: 0px;
    }



@media (min-width:993px) and (max-width:1428px) {
    .productdetailbase .product-grid__container, .productdetailbase {
        padding-left: 40px;
    }
}

    .blogpage .video {
        background-color: #f8f8f8;
        height: 192px;
    }

    #section-1 .video__heading, #tinymce h1, .booking .response, .call-to-action__heading, .four-oh-four__heading, .full-hero__heading, .hero__heading, .mce-content-body h1, .post-single__heading, .project__superheading, .wysiwyg h1, body:not(.woocommerce-shop):not(.tax-product_cat) .archive-head__heading {
        font-size: 6rem;
        font-weight: 500;
        letter-spacing: -.03em;
        line-height: 1.17
    }

    h1.archive-head__heading {
        text-align: left;
    }

    @media(max-width:1024px) {
        #section-1 .video__heading, #tinymce h1, .booking .response, .call-to-action__heading, .four-oh-four__heading, .full-hero__heading, .hero__heading, .mce-content-body h1, .post-single__heading, .project__superheading, .wysiwyg h1, body:not(.woocommerce-shop):not(.tax-product_cat) .archive-head__heading {
            font-size: 5rem
        }
    }

    @media(max-width:768px) {
        #section-1 .video__heading, #tinymce h1, .booking .response, .call-to-action__heading, .four-oh-four__heading, .full-hero__heading, .hero__heading, .mce-content-body h1, .post-single__heading, .project__superheading, .wysiwyg h1, body:not(.woocommerce-shop):not(.tax-product_cat) .archive-head__heading {
            font-size: 4.5rem
        }
    }

    @media(max-width:550px) {
        #section-1 .video__heading, #tinymce h1, .booking .response, .call-to-action__heading, .four-oh-four__heading, .full-hero__heading, .hero__heading, .mce-content-body h1, .post-single__heading, .project__superheading, .wysiwyg h1, body:not(.woocommerce-shop):not(.tax-product_cat) .archive-head__heading {
            font-size: 3.5rem
        }
    }

#tinymce h2, ._5050__heading, .banner__heading, .block-features__heading, .blur-slide__heading, .booking__heading, .call-to-action--icon .call-to-action__heading, .call-to-action--light .call-to-action__heading, .call-to-action--wide .call-to-action__heading, .collection-5050__heading, .collection-banner__heading, .columns__title, .design-slider__heading, .downloads__none, .finish-suppliers__heading, .flex-product-grid__heading, .flex-video-grid__heading, .form__heading, .grid-features__heading, .icon-grid__title, .image-feature__heading, .mce-content-body h2, .post-index__item--full .tease-post__title, .process__heading, .quote__quote, .quote__quote2, .resources__heading, .sliding-carousel22__heading, .sliding-carousel__heading, .stepped-text__heading, .stepping-images__heading, .support-archive__heading, .video__heading, .woocommerce-account-quote .quote-header__header, .wysiwyg h2 {
    font-size: 4.8rem;
    font-weight: 500;
    letter-spacing: -.03em;
    line-height: 1.17
}

    @media(max-width:1024px) {
        #tinymce h2, ._5050__heading, .banner__heading, .block-features__heading, .blur-slide__heading, .booking__heading, .call-to-action--icon .call-to-action__heading, .call-to-action--light .call-to-action__heading, .call-to-action--wide .call-to-action__heading, .collection-5050__heading, .collection-banner__heading, .columns__title, .design-slider__heading, .downloads__none, .finish-suppliers__heading, .flex-product-grid__heading, .flex-video-grid__heading, .form__heading, .grid-features__heading, .icon-grid__title, .image-feature__heading, .mce-content-body h2, .post-index__item--full .tease-post__title, .process__heading, .quote__quote, .quote__quote2, .resources__heading, .sliding-carousel22__heading, .sliding-carousel__heading, .stepped-text__heading, .stepping-images__heading, .support-archive__heading, .video__heading, .woocommerce-account-quote .quote-header__header, .wysiwyg h2 {
            font-size: 4rem
        }
    }

    @media(max-width:768px) {
        #tinymce h2, ._5050__heading, .banner__heading, .block-features__heading, .blur-slide__heading, .booking__heading, .call-to-action--icon .call-to-action__heading, .call-to-action--light .call-to-action__heading, .call-to-action--wide .call-to-action__heading, .collection-5050__heading, .collection-banner__heading, .columns__title, .design-slider__heading, .downloads__none, .finish-suppliers__heading, .flex-product-grid__heading, .flex-video-grid__heading, .form__heading, .grid-features__heading, .icon-grid__title, .image-feature__heading, .mce-content-body h2, .post-index__item--full .tease-post__title, .process__heading, .quote__quote, .quote__quote2, .resources__heading, .sliding-carousel22__heading, .sliding-carousel__heading, .stepped-text__heading, .stepping-images__heading, .support-archive__heading, .video__heading, .woocommerce-account-quote .quote-header__header, .wysiwyg h2 {
            font-size: 3.5rem
        }
    }

    @media(max-width:550px) {
        #tinymce h2, ._5050__heading, .banner__heading, .block-features__heading, .blur-slide__heading, .booking__heading, .call-to-action--icon .call-to-action__heading, .call-to-action--light .call-to-action__heading, .call-to-action--wide .call-to-action__heading, .collection-5050__heading, .collection-banner__heading, .columns__title, .design-slider__heading, .downloads__none, .finish-suppliers__heading, .flex-product-grid__heading, .flex-video-grid__heading, .form__heading, .grid-features__heading, .icon-grid__title, .image-feature__heading, .mce-content-body h2, .post-index__item--full .tease-post__title, .process__heading, .quote__quote, .quote__quote2, .resources__heading, .sliding-carousel22__heading, .sliding-carousel__heading, .stepped-text__heading, .stepping-images__heading, .support-archive__heading, .video__heading, .woocommerce-account-quote .quote-header__header, .wysiwyg h2 {
            font-size: 3rem
        }
    }

.blogdetailpage .wysiwyg h1, .blogdetailpage  .post-single__heading {
    font-size: 4rem;
}
.blogdetailpage .wysiwyg h2 {
    font-size: 3.8rem;
}

@media (max-width: 550px) {
    .blogdetailpage .wysiwyg h1, .blogdetailpage .post-single__heading {
        font-size: 3rem;
    }

    .blogdetailpage .wysiwyg h2 {
        font-size: 2.5rem;
    }
}

    #tinymce h3, .archive-filter-options__heading, .block-features__title, .breakdown__heading, .careers__heading, .catalog__heading, .category-grid--collection .category-grid__title, .contact-blocks__heading, .design-slider__count, .dialog__heading, .downloads__heading, .email-list__heading, .faqs-block__heading, .full-hero__title, .icon-grid--c-2 .icon-grid__heading, .location-list__heading, .locations__heading, .marketing-popup__heading, .mce-content-body h3, .no-results, .pipeskirts__heading, .posts-grid__heading, .process__title, .product-overview .summary .product_title, .product-tech-specs__heading, .project-grid__heading, .search-window__error, .single-product-downloads__heading, .stages__heading, .steps__heading, .support__heading, .support__title, .tax-product_cat .archive-head__heading, .woocommerce-account-quote .quote-categories__title, .woocommerce-account-quote .quote-sidebar__heading, .woocommerce-shop .archive-head__heading, .wysiwyg h3 {
        font-size: 3.6rem;
        font-weight: 500;
        letter-spacing: -.03em;
        line-height: 1.17
    }

    @media(max-width:1024px) {
        #tinymce h3, .archive-filter-options__heading, .block-features__title, .breakdown__heading, .careers__heading, .catalog__heading, .category-grid--collection .category-grid__title, .contact-blocks__heading, .design-slider__count, .dialog__heading, .downloads__heading, .email-list__heading, .faqs-block__heading, .full-hero__title, .icon-grid--c-2 .icon-grid__heading, .location-list__heading, .locations__heading, .marketing-popup__heading, .mce-content-body h3, .no-results, .pipeskirts__heading, .posts-grid__heading, .process__title, .product-overview .summary .product_title, .product-tech-specs__heading, .project-grid__heading, .search-window__error, .single-product-downloads__heading, .stages__heading, .steps__heading, .support__heading, .support__title, .tax-product_cat .archive-head__heading, .woocommerce-account-quote .quote-categories__title, .woocommerce-account-quote .quote-sidebar__heading, .woocommerce-shop .archive-head__heading, .wysiwyg h3 {
            font-size: 3.3rem
        }
    }

    @media(max-width:768px) {
        #tinymce h3, .archive-filter-options__heading, .block-features__title, .breakdown__heading, .careers__heading, .catalog__heading, .category-grid--collection .category-grid__title, .contact-blocks__heading, .design-slider__count, .dialog__heading, .downloads__heading, .email-list__heading, .faqs-block__heading, .full-hero__title, .icon-grid--c-2 .icon-grid__heading, .location-list__heading, .locations__heading, .marketing-popup__heading, .mce-content-body h3, .no-results, .pipeskirts__heading, .posts-grid__heading, .process__title, .product-overview .summary .product_title, .product-tech-specs__heading, .project-grid__heading, .search-window__error, .single-product-downloads__heading, .stages__heading, .steps__heading, .support__heading, .support__title, .tax-product_cat .archive-head__heading, .woocommerce-account-quote .quote-categories__title, .woocommerce-account-quote .quote-sidebar__heading, .woocommerce-shop .archive-head__heading, .wysiwyg h3 {
            font-size: 2.9rem
        }
    }

    @media(max-width:550px) {
        #tinymce h3, .archive-filter-options__heading, .block-features__title, .breakdown__heading, .careers__heading, .catalog__heading, .category-grid--collection .category-grid__title, .contact-blocks__heading, .design-slider__count, .dialog__heading, .downloads__heading, .email-list__heading, .faqs-block__heading, .full-hero__title, .icon-grid--c-2 .icon-grid__heading, .location-list__heading, .locations__heading, .marketing-popup__heading, .mce-content-body h3, .no-results, .pipeskirts__heading, .posts-grid__heading, .process__title, .product-overview .summary .product_title, .product-tech-specs__heading, .project-grid__heading, .search-window__error, .single-product-downloads__heading, .stages__heading, .steps__heading, .support__heading, .support__title, .tax-product_cat .archive-head__heading, .woocommerce-account-quote .quote-categories__title, .woocommerce-account-quote .quote-sidebar__heading, .woocommerce-shop .archive-head__heading, .wysiwyg h3 {
            font-size: 2.6rem
        }
    }

    #tinymce blockquote, #tinymce h4, .attachment-archive__sidebar-text, .call-to-action-grid__heading, .category-grid--category .category-grid__heading, .columns__heading, .contact-blocks__label, .form__embed .alert, .icon-grid--c-3 .icon-grid__heading, .locations__country, .logo-carousel22__heading, .logo-carousel__heading, .logo-grid__heading, .mce-content-body blockquote, .mce-content-body h4, .modal__content, .page-menu, .pipeskirts__title, .post-single__date, .product-carousel22__heading, .product-carousel__heading, .product-section__heading, .product-grid__heading, .product-overview .summary .price, .project__heading, .saved-quotes__heading, .search-window__input, .single-product-menu__heading, .staged-video__content, .support-archive__instructions, .support__sidebar-title, .support__sku, .team-grid__heading, .team-grid__title, .tease-post__title, .tease-project__title, .technical-specifications__heading, .titled-gallery__control, .video-grid__heading, .woocommerce-account-quote .quote-sidebar__subtotal .subtotal, .woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount, .woocommerce-template .order-total .amount, .woocommerce-template h2, .woocommerce-template h3, .wysiwyg blockquote, .wysiwyg h4 {
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 1.4
    }

    @media(max-width:1024px) {
        #tinymce blockquote, #tinymce h4, .attachment-archive__sidebar-text, .call-to-action-grid__heading, .category-grid--category .category-grid__heading, .columns__heading, .contact-blocks__label, .form__embed .alert, .icon-grid--c-3 .icon-grid__heading, .locations__country, .logo-carousel22__heading, .logo-carousel__heading, .logo-grid__heading, .mce-content-body blockquote, .mce-content-body h4, .modal__content, .page-menu, .pipeskirts__title, .post-single__date, .product-carousel22__heading, .product-carousel__heading, .product-section__heading, .product-grid__heading, .product-overview .summary .price, .project__heading, .saved-quotes__heading, .search-window__input, .single-product-menu__heading, .staged-video__content, .support-archive__instructions, .support__sidebar-title, .support__sku, .team-grid__heading, .team-grid__title, .tease-post__title, .tease-project__title, .technical-specifications__heading, .titled-gallery__control, .video-grid__heading, .woocommerce-account-quote .quote-sidebar__subtotal .subtotal, .woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount, .woocommerce-template .order-total .amount, .woocommerce-template h2, .woocommerce-template h3, .wysiwyg blockquote, .wysiwyg h4 {
            font-size: 2.2rem
        }
    }

    @media(max-width:768px) {
        #tinymce blockquote, #tinymce h4, .attachment-archive__sidebar-text, .call-to-action-grid__heading, .category-grid--category .category-grid__heading, .columns__heading, .contact-blocks__label, .form__embed .alert, .icon-grid--c-3 .icon-grid__heading, .locations__country, .logo-carousel22__heading, .logo-carousel__heading, .logo-grid__heading, .mce-content-body blockquote, .mce-content-body h4, .modal__content, .page-menu, .pipeskirts__title, .post-single__date, .product-carousel22__heading, .product-carousel__heading, .product-section__heading, .product-grid__heading, .product-overview .summary .price, .project__heading, .saved-quotes__heading, .search-window__input, .single-product-menu__heading, .staged-video__content, .support-archive__instructions, .support__sidebar-title, .support__sku, .team-grid__heading, .team-grid__title, .tease-post__title, .tease-project__title, .technical-specifications__heading, .titled-gallery__control, .video-grid__heading, .woocommerce-account-quote .quote-sidebar__subtotal .subtotal, .woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount, .woocommerce-template .order-total .amount, .woocommerce-template h2, .woocommerce-template h3, .wysiwyg blockquote, .wysiwyg h4 {
            font-size: 2rem
        }
    }

    @media(max-width:550px) {
        #tinymce blockquote, #tinymce h4, .attachment-archive__sidebar-text, .call-to-action-grid__heading, .category-grid--category .category-grid__heading, .columns__heading, .contact-blocks__label, .form__embed .alert, .icon-grid--c-3 .icon-grid__heading, .locations__country, .logo-carousel22__heading, .logo-carousel__heading, .logo-grid__heading, .mce-content-body blockquote, .mce-content-body h4, .modal__content, .page-menu, .pipeskirts__title, .post-single__date, .product-carousel22__heading, .product-carousel__heading, .product-section__heading, .product-grid__heading, .product-overview .summary .price, .project__heading, .saved-quotes__heading, .search-window__input, .single-product-menu__heading, .staged-video__content, .support-archive__instructions, .support__sidebar-title, .support__sku, .team-grid__heading, .team-grid__title, .tease-post__title, .tease-project__title, .technical-specifications__heading, .titled-gallery__control, .video-grid__heading, .woocommerce-account-quote .quote-sidebar__subtotal .subtotal, .woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount, .woocommerce-template .order-total .amount, .woocommerce-template h2, .woocommerce-template h3, .wysiwyg blockquote, .wysiwyg h4 {
            font-size: 1.9rem
        }
    }

    #single-product .single_add_to_cart_button, #tinymce .wysiwyg-button, #tinymce.wysiwyg--dark .wysiwyg-button, .archive-filter-options__apply, .archive-filter__refine, .archive-filter__trigger, .archive-head__category--active, .attachment-archive__display-filters, .attachment-archive__header, .attachment-archive__status .add, .attachment-archive__status .added, .attachment-archive__status .remove, .attachment-controls__cancel, .attachment-controls__download, .booking .form__submit, .call-to-action--light .link-list__button, .careers__button, .careers__item:first-child .careers__header, .careers__mob-title, .careers__title, .catalog .form__embed input[type=submit], .cf7-dealer__value, .contact-blocks--light .contact-blocks__label, .contact-blocks__title, .df2__button--done, .df2__title, .df__button--done, .df__title, .dialog .form__submit, .download__text, .email-list__title, .faqs__question, .finish-suppliers__link, .flex-product-grid__button, .form__embed input[type=submit], .grid-features__name, .header__button, .header__button--hollow, .icon-grid--c-4 .icon-grid__heading, .icon-grid__section-link a, .link-list__button, .link-list__link, .location-list__button, .locations__booking, .locations__city, .marketing-popup .form__submit, .mce-content-body .wysiwyg-button, .mce-content-body.wysiwyg--dark .wysiwyg-button, .mega-menu__button, .mega-menu__button--hollow, .modal__button--hollow, .modal__button--solid, .post-index__button, .post-single__back, .posts-grid__link, .product-tech-specs__download, .project-grid__link, .project__back, .project__next, .project__download, .project__enquiry, .project__value, .quote-request-button, .quote-request-link, .quote-tease__mobile-heading, .quote-tease__title, .quote__author, .replacements__heading, .saved-quotes__link, .search-window__post-type, .single-product-details__back, .single-product-details__download, .single-product-downloads__all, .single-product-menu__add-to-cart, .single-product-menu__download, .single-product-menu__tab.is-active, .support__download, .support__link, .tease-post__topic, .tease-product__add-to-cart, .tease-product__cover-text, .tease-product__read-more, .tease-product__tech-sheet, .technical-specifications__file, .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active, .woocommerce-account-quote .quote-add, .woocommerce-account-quote .quote-categories__item .title, .woocommerce-account-quote .quote-header__category.is-active, .woocommerce-account-quote .quote-item__price, .woocommerce-account-quote .quote-item__title, .woocommerce-account-quote .quote-sidebar__checkout, .woocommerce-account-quote .quote-sidebar__save, .woocommerce-account-quote .quote-sidebar__subheading, .woocommerce-account-quote .quote-sidebar__subtotal, .woocommerce-account-quote .quote-spinners__minus, .woocommerce-account-quote .quote-spinners__plus, .woocommerce-account-sidebar__quote, .woocommerce-template #respond input#submit.alt, .woocommerce-template a.button.alt, .woocommerce-template button.button.alt, .woocommerce-template input.button.alt, .wysiwyg .wysiwyg-button, .wysiwyg.wysiwyg--dark .wysiwyg-button {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1
    }

    @media(max-width:768px) {
        #single-product .single_add_to_cart_button, #tinymce .wysiwyg-button, #tinymce.wysiwyg--dark .wysiwyg-button, .archive-filter-options__apply, .archive-filter__refine, .archive-filter__trigger, .archive-head__category--active, .attachment-archive__display-filters, .attachment-archive__header, .attachment-archive__status .add, .attachment-archive__status .added, .attachment-archive__status .remove, .attachment-controls__cancel, .attachment-controls__download, .booking .form__submit, .call-to-action--light .link-list__button, .careers__button, .careers__item:first-child .careers__header, .careers__mob-title, .careers__title, .catalog .form__embed input[type=submit], .cf7-dealer__value, .contact-blocks--light .contact-blocks__label, .contact-blocks__title, .df2__button--done, .df2__title, .df__button--done, .df__title, .dialog .form__submit, .download__text, .email-list__title, .faqs__question, .finish-suppliers__link, .flex-product-grid__button, .form__embed input[type=submit], .grid-features__name, .header__button, .header__button--hollow, .icon-grid--c-4 .icon-grid__heading, .icon-grid__section-link a, .link-list__button, .link-list__link, .location-list__button, .locations__booking, .locations__city, .marketing-popup .form__submit, .mce-content-body .wysiwyg-button, .mce-content-body.wysiwyg--dark .wysiwyg-button, .mega-menu__button, .mega-menu__button--hollow, .modal__button--hollow, .modal__button--solid, .post-index__button, .post-single__back, .posts-grid__link, .product-tech-specs__download, .project-grid__link, .project__back, .project__next .project__download, .project__enquiry, .project__value, .quote-request-button, .quote-request-link, .quote-tease__mobile-heading, .quote-tease__title, .quote__author, .replacements__heading, .saved-quotes__link, .search-window__post-type, .single-product-details__back, .single-product-details__download, .single-product-downloads__all, .single-product-menu__add-to-cart, .single-product-menu__download, .single-product-menu__tab.is-active, .support__download, .support__link, .tease-post__topic, .tease-product__add-to-cart, .tease-product__cover-text, .tease-product__read-more, .tease-product__tech-sheet, .technical-specifications__file, .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active, .woocommerce-account-quote .quote-add, .woocommerce-account-quote .quote-categories__item .title, .woocommerce-account-quote .quote-header__category.is-active, .woocommerce-account-quote .quote-item__price, .woocommerce-account-quote .quote-item__title, .woocommerce-account-quote .quote-sidebar__checkout, .woocommerce-account-quote .quote-sidebar__save, .woocommerce-account-quote .quote-sidebar__subheading, .woocommerce-account-quote .quote-sidebar__subtotal, .woocommerce-account-quote .quote-spinners__minus, .woocommerce-account-quote .quote-spinners__plus, .woocommerce-account-sidebar__quote, .woocommerce-template #respond input#submit.alt, .woocommerce-template a.button.alt, .woocommerce-template button.button.alt, .woocommerce-template input.button.alt, .wysiwyg .wysiwyg-button, .wysiwyg.wysiwyg--dark .wysiwyg-button {
            font-size: 1.4rem
        }
    }

    #tinymce .wysiwyg-introduction, .booking .form__input, .booking__introduction, .dialog .response h2, .four-oh-four__content, .marketing-popup .response h2, .mce-content-body .wysiwyg-introduction, .stepped-text__content, .wysiwyg .wysiwyg-introduction {
        font-size: 2.4rem;
        font-weight: 400;
        letter-spacing: -.01em
    }

    @media(max-width:768px) {
        #tinymce .wysiwyg-introduction, .booking .form__input, .booking__introduction, .dialog .response h2, .four-oh-four__content, .marketing-popup .response h2, .mce-content-body .wysiwyg-introduction, .stepped-text__content, .wysiwyg .wysiwyg-introduction {
            font-size: 2.2rem
        }
    }

    .booking .form__label, .booking .response__thanks:before, .technical-specifications__title, body, button, input, optgroup, select, textarea {
        font-size: 1.7rem;
        font-weight: 400;
        letter-spacing: .02em
    }

    @media(max-width:768px) {
        .booking .form__label, .booking .response__thanks:before, .technical-specifications__title, body, button, input, optgroup, select, textarea {
            font-size: 1.4rem
        }
    }

    #tinymce figure figcaption, .attachment-archive__clear, .attachment-controls__counter, .attribute-swatches__active-name, .booking .form .validation-error, .breakdown__details, .cart_item .product-sku, .category-grid--category .category-grid__subheading, .design-slider__title, .df2__clear, .df2__term, .df__clear, .df__term, .dialog .form .validation-error, .dialog .form__label, .downloads__results, .downloads__results2, .finish__heading, .finish__manufacturer, .footer, .form__embed .hs-error-msg, .form__embed .label, .form__embed label, .header__top, .lost_password, .marketing-popup .form .validation-error, .marketing-popup .form__label, .mce-content-body figure figcaption, .product-overview .summary .sku, .product-overview .summary .tax_label, .quantity input, .quantity__label, .quote-tease__project, .single-product-details__back, .single-product-menu__add-to-cart, .single-product-menu__download, .steps__content, .steps__title, .support-archive__name, .tease-post__excerpt, .tease-product__description, .variations .label, .variations select, .woocommerce .variation, .woocommerce-account-quote .quote-sidebar__item, .woocommerce-account-quote .quote-sidebar__label, .woocommerce-account-quote .quote-sidebar__totals, .woocommerce-account-quote .quote-spinners--small .quote-spinners__minus, .woocommerce-account-quote .quote-spinners--small .quote-spinners__plus, .woocommerce-page .variation, .wysiwyg figure figcaption {
        font-size: 1.4rem;
        font-weight: 400
    }

    .form__embed input[type=file]:before, .header__basket-count, .tease-post__topic, .tease-product__content, .woocommerce-template em {
        font-size: 1.2rem;
        font-weight: 400
    }

    .footer__policies ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .txtbox .icon {
        width: 35px;
        height: 35px;
    }

    .ecomCols {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }


        .ecomCols .formgroup_col {
            vertical-align: top;
            width: 50%;
            max-width: 300px;
            padding: 0px 40px;
        }

            .ecomCols .formgroup_col:first-of-type {
                border-right: 1px solid #939393;
            }

    @media(max-width:768px) {
        .ecomCols {
            flex-direction: column;
        }

            .ecomCols .formgroup_col {
                vertical-align: top;
                width: 100%;
                max-width: 100%;
            }

                .ecomCols .formgroup_col:first-of-type {
                    border-right: none;
                }
    }

    .blockFormSection {
        padding-bottom: 40px;
    }

    #single-product .single_add_to_cart_button, #tinymce .wysiwyg-button, #tinymce.wysiwyg--dark .wysiwyg-button, .archive-filter-options__apply, .archive-filter__refine, .attachment-archive__display-filters, .attachment-archive__status .add, .attachment-archive__status .added, .attachment-archive__status .remove, .attachment-controls__cancel, .attachment-controls__download, .booking .form__submit, .call-to-action--light .link-list__button, .careers__button, .catalog .form__embed input[type=submit], .df2__button--clear, .df2__button--done, .df__button--clear, .df__button--done, .dialog .form__submit, .flex-product-grid__button, .form__embed input[type=submit], .header__button, .header__button--hollow, .icon-grid__section-link a, .link-list__button, .location-list__button, .locations__booking, .marketing-popup .form__submit, .mce-content-body .wysiwyg-button, .mce-content-body.wysiwyg--dark .wysiwyg-button, .mega-menu__button, .mega-menu__button--hollow, .modal__button--hollow, .modal__button--solid, .post-index__button, .product-tech-specs__download, .project__download, .project__enquiry, .quote-request-button, .quote-request-link, .saved-quotes__link, .single-product-details__back, .single-product-details__download, .single-product-downloads__all, .single-product-menu__add-to-cart, .single-product-menu__download, .support__download, .tease-post__topic, .tease-product__add-to-cart, .tease-product__cover-text, .tease-product__tech-sheet, .woocommerce-account-quote .quote-add, .woocommerce-account-quote .quote-sidebar__checkout, .woocommerce-account-quote .quote-sidebar__save, .woocommerce-account-quote .quote-spinners__minus, .woocommerce-account-quote .quote-spinners__plus, .woocommerce-account-sidebar__quote, .woocommerce-template #respond input#submit.alt, .woocommerce-template a.button.alt, .woocommerce-template button.button.alt, .woocommerce-template input.button.alt, .wysiwyg .wysiwyg-button, .wysiwyg.wysiwyg--dark .wysiwyg-button, .form__embed a.button, .accountspage-wrapper .button {
        border-radius: .3rem;
        border-style: solid;
        border-width: .1rem;
        cursor: pointer;
        display: inline-block;
        padding: 1.6rem 3rem;
        text-align: center;
        transition: .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

        #single-product .single_add_to_cart_button .icon, #tinymce .wysiwyg-button .icon, .archive-filter-options__apply .icon, .archive-filter__refine .icon, .attachment-archive__display-filters .icon, .attachment-archive__status .add .icon, .attachment-archive__status .added .icon, .attachment-archive__status .remove .icon, .attachment-controls__cancel .icon, .attachment-controls__download .icon, .booking .form__submit .icon, .careers__button .icon, .df2__button--clear .icon, .df2__button--done .icon, .df__button--clear .icon, .df__button--done .icon, .dialog .form__submit .icon, .flex-product-grid__button .icon, .form__embed input[type=submit] .icon, .header__button .icon, .header__button--hollow .icon, .icon-grid__section-link a .icon, .link-list__button .icon, .location-list__button .icon, .locations__booking .icon, .marketing-popup .form__submit .icon, .mce-content-body .wysiwyg-button .icon, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon, .mega-menu__button .icon, .mega-menu__button--hollow .icon, .modal__button--hollow .icon, .modal__button--solid .icon, .post-index__button .icon, .product-tech-specs__download .icon, .project__download .icon, .project__enquiry .icon, .quote-request-button .icon, .quote-request-link .icon, .saved-quotes__link .icon, .single-product-details__back .icon, .single-product-details__download .icon, .single-product-downloads__all .icon, .single-product-menu__add-to-cart .icon, .single-product-menu__download .icon, .support__download .icon, .tease-post__topic .icon, .tease-product__add-to-cart .icon, .tease-product__cover-text .icon, .tease-product__tech-sheet .icon, .woocommerce-account-quote .quote-add .icon, .woocommerce-account-quote .quote-sidebar__checkout .icon, .woocommerce-account-quote .quote-sidebar__save .icon, .woocommerce-account-quote .quote-spinners__minus .icon, .woocommerce-account-quote .quote-spinners__plus .icon, .woocommerce-account-sidebar__quote .icon, .woocommerce-template #respond input#submit.alt .icon, .woocommerce-template a.button.alt .icon, .woocommerce-template button.button.alt .icon, .woocommerce-template input.button.alt .icon, .wysiwyg .wysiwyg-button .icon, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon {
            display: inline-block;
            height: 1.4rem;
            margin-right: .5rem
        }

        #single-product .single_add_to_cart_button .icon--arrow, #tinymce .wysiwyg-button .icon--arrow, .archive-filter-options__apply .icon--arrow, .archive-filter__refine .icon--arrow, .attachment-archive__display-filters .icon--arrow, .attachment-archive__status .add .icon--arrow, .attachment-archive__status .added .icon--arrow, .attachment-archive__status .remove .icon--arrow, .attachment-controls__cancel .icon--arrow, .attachment-controls__download .icon--arrow, .booking .form__submit .icon--arrow, .careers__button .icon--arrow, .df2__button--clear .icon--arrow, .df2__button--done .icon--arrow, .df__button--clear .icon--arrow, .df__button--done .icon--arrow, .dialog .form__submit .icon--arrow, .flex-product-grid__button .icon--arrow, .form__embed input[type=submit] .icon--arrow, .header__button .icon--arrow, .header__button--hollow .icon--arrow, .icon-grid__section-link a .icon--arrow, .link-list__button .icon--arrow, .location-list__button .icon--arrow, .locations__booking .icon--arrow, .marketing-popup .form__submit .icon--arrow, .mce-content-body .wysiwyg-button .icon--arrow, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon--arrow, .mega-menu__button .icon--arrow, .mega-menu__button--hollow .icon--arrow, .modal__button--hollow .icon--arrow, .modal__button--solid .icon--arrow, .post-index__button .icon--arrow, .product-tech-specs__download .icon--arrow, .project__download .icon--arrow, .project__enquiry .icon--arrow, .quote-request-button .icon--arrow, .quote-request-link .icon--arrow, .saved-quotes__link .icon--arrow, .single-product-details__back .icon--arrow, .single-product-details__download .icon--arrow, .single-product-downloads__all .icon--arrow, .single-product-menu__add-to-cart .icon--arrow, .single-product-menu__download .icon--arrow, .support__download .icon--arrow, .tease-post__topic .icon--arrow, .tease-product__add-to-cart .icon--arrow, .tease-product__cover-text .icon--arrow, .tease-product__tech-sheet .icon--arrow, .woocommerce-account-quote .quote-add .icon--arrow, .woocommerce-account-quote .quote-sidebar__checkout .icon--arrow, .woocommerce-account-quote .quote-sidebar__save .icon--arrow, .woocommerce-account-quote .quote-spinners__minus .icon--arrow, .woocommerce-account-quote .quote-spinners__plus .icon--arrow, .woocommerce-account-sidebar__quote .icon--arrow, .woocommerce-template #respond input#submit.alt .icon--arrow, .woocommerce-template a.button.alt .icon--arrow, .woocommerce-template button.button.alt .icon--arrow, .woocommerce-template input.button.alt .icon--arrow, .wysiwyg .wysiwyg-button .icon--arrow, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon--arrow {
            margin-left: .7rem;
            margin-right: 0;
            transform: translateY(.1rem)
        }

        #single-product .single_add_to_cart_button .icon--filter, #tinymce .wysiwyg-button .icon--filter, .archive-filter-options__apply .icon--filter, .archive-filter__refine .icon--filter, .attachment-archive__display-filters .icon--filter, .attachment-archive__status .add .icon--filter, .attachment-archive__status .added .icon--filter, .attachment-archive__status .remove .icon--filter, .attachment-controls__cancel .icon--filter, .attachment-controls__download .icon--filter, .booking .form__submit .icon--filter, .careers__button .icon--filter, .df2__button--clear .icon--filter, .df2__button--done .icon--filter, .df__button--clear .icon--filter, .df__button--done .icon--filter, .dialog .form__submit .icon--filter, .flex-product-grid__button .icon--filter, .form__embed input[type=submit] .icon--filter, .header__button .icon--filter, .header__button--hollow .icon--filter, .icon-grid__section-link a .icon--filter, .link-list__button .icon--filter, .location-list__button .icon--filter, .locations__booking .icon--filter, .marketing-popup .form__submit .icon--filter, .mce-content-body .wysiwyg-button .icon--filter, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon--filter, .mega-menu__button .icon--filter, .mega-menu__button--hollow .icon--filter, .modal__button--hollow .icon--filter, .modal__button--solid .icon--filter, .post-index__button .icon--filter, .product-tech-specs__download .icon--filter, .project__download .icon--filter, .project__enquiry .icon--filter, .quote-request-button .icon--filter, .quote-request-link .icon--filter, .saved-quotes__link .icon--filter, .single-product-details__back .icon--filter, .single-product-details__download .icon--filter, .single-product-downloads__all .icon--filter, .single-product-menu__add-to-cart .icon--filter, .single-product-menu__download .icon--filter, .support__download .icon--filter, .tease-post__topic .icon--filter, .tease-product__add-to-cart .icon--filter, .tease-product__cover-text .icon--filter, .tease-product__tech-sheet .icon--filter, .woocommerce-account-quote .quote-add .icon--filter, .woocommerce-account-quote .quote-sidebar__checkout .icon--filter, .woocommerce-account-quote .quote-sidebar__save .icon--filter, .woocommerce-account-quote .quote-spinners__minus .icon--filter, .woocommerce-account-quote .quote-spinners__plus .icon--filter, .woocommerce-account-sidebar__quote .icon--filter, .woocommerce-template #respond input#submit.alt .icon--filter, .woocommerce-template a.button.alt .icon--filter, .woocommerce-template button.button.alt .icon--filter, .woocommerce-template input.button.alt .icon--filter, .wysiwyg .wysiwyg-button .icon--filter, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon--filter {
            height: 1.5rem;
            margin-left: .7rem;
            margin-right: 0;
            transform: translateY(.3rem);
            width: 1.5rem
        }

            #single-product .single_add_to_cart_button .icon--filter path, #tinymce .wysiwyg-button .icon--filter path, .archive-filter-options__apply .icon--filter path, .archive-filter__refine .icon--filter path, .attachment-archive__display-filters .icon--filter path, .attachment-archive__status .add .icon--filter path, .attachment-archive__status .added .icon--filter path, .attachment-archive__status .remove .icon--filter path, .attachment-controls__cancel .icon--filter path, .attachment-controls__download .icon--filter path, .booking .form__submit .icon--filter path, .careers__button .icon--filter path, .df2__button--clear .icon--filter path, .df2__button--done .icon--filter path, .df__button--clear .icon--filter path, .df__button--done .icon--filter path, .dialog .form__submit .icon--filter path, .flex-product-grid__button .icon--filter path, .form__embed input[type=submit] .icon--filter path, .header__button .icon--filter path, .header__button--hollow .icon--filter path, .icon-grid__section-link a .icon--filter path, .link-list__button .icon--filter path, .location-list__button .icon--filter path, .locations__booking .icon--filter path, .marketing-popup .form__submit .icon--filter path, .mce-content-body .wysiwyg-button .icon--filter path, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon--filter path, .mega-menu__button .icon--filter path, .mega-menu__button--hollow .icon--filter path, .modal__button--hollow .icon--filter path, .modal__button--solid .icon--filter path, .post-index__button .icon--filter path, .product-tech-specs__download .icon--filter path, .project__download .icon--filter path, .project__enquiry .icon--filter path, .quote-request-button .icon--filter path, .quote-request-link .icon--filter path, .saved-quotes__link .icon--filter path, .single-product-details__back .icon--filter path, .single-product-details__download .icon--filter path, .single-product-downloads__all .icon--filter path, .single-product-menu__add-to-cart .icon--filter path, .single-product-menu__download .icon--filter path, .support__download .icon--filter path, .tease-post__topic .icon--filter path, .tease-product__add-to-cart .icon--filter path, .tease-product__cover-text .icon--filter path, .tease-product__tech-sheet .icon--filter path, .woocommerce-account-quote .quote-add .icon--filter path, .woocommerce-account-quote .quote-sidebar__checkout .icon--filter path, .woocommerce-account-quote .quote-sidebar__save .icon--filter path, .woocommerce-account-quote .quote-spinners__minus .icon--filter path, .woocommerce-account-quote .quote-spinners__plus .icon--filter path, .woocommerce-account-sidebar__quote .icon--filter path, .woocommerce-template #respond input#submit.alt .icon--filter path, .woocommerce-template a.button.alt .icon--filter path, .woocommerce-template button.button.alt .icon--filter path, .woocommerce-template input.button.alt .icon--filter path, .wysiwyg .wysiwyg-button .icon--filter path, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon--filter path {
                stroke-width: 0 !important
            }

        #single-product .single_add_to_cart_button .icon--quote, #tinymce .wysiwyg-button .icon--quote, .archive-filter-options__apply .icon--quote, .archive-filter__refine .icon--quote, .attachment-archive__display-filters .icon--quote, .attachment-archive__status .add .icon--quote, .attachment-archive__status .added .icon--quote, .attachment-archive__status .remove .icon--quote, .attachment-controls__cancel .icon--quote, .attachment-controls__download .icon--quote, .booking .form__submit .icon--quote, .careers__button .icon--quote, .df2__button--clear .icon--quote, .df2__button--done .icon--quote, .df__button--clear .icon--quote, .df__button--done .icon--quote, .dialog .form__submit .icon--quote, .flex-product-grid__button .icon--quote, .form__embed input[type=submit] .icon--quote, .header__button .icon--quote, .header__button--hollow .icon--quote, .icon-grid__section-link a .icon--quote, .link-list__button .icon--quote, .location-list__button .icon--quote, .locations__booking .icon--quote, .marketing-popup .form__submit .icon--quote, .mce-content-body .wysiwyg-button .icon--quote, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon--quote, .mega-menu__button .icon--quote, .mega-menu__button--hollow .icon--quote, .modal__button--hollow .icon--quote, .modal__button--solid .icon--quote, .post-index__button .icon--quote, .product-tech-specs__download .icon--quote, .project__download .icon--quote, .project__enquiry .icon--quote, .quote-request-button .icon--quote, .quote-request-link .icon--quote, .saved-quotes__link .icon--quote, .single-product-details__back .icon--quote, .single-product-details__download .icon--quote, .single-product-downloads__all .icon--quote, .single-product-menu__add-to-cart .icon--quote, .single-product-menu__download .icon--quote, .support__download .icon--quote, .tease-post__topic .icon--quote, .tease-product__add-to-cart .icon--quote, .tease-product__cover-text .icon--quote, .tease-product__tech-sheet .icon--quote, .woocommerce-account-quote .quote-add .icon--quote, .woocommerce-account-quote .quote-sidebar__checkout .icon--quote, .woocommerce-account-quote .quote-sidebar__save .icon--quote, .woocommerce-account-quote .quote-spinners__minus .icon--quote, .woocommerce-account-quote .quote-spinners__plus .icon--quote, .woocommerce-account-sidebar__quote .icon--quote, .woocommerce-template #respond input#submit.alt .icon--quote, .woocommerce-template a.button.alt .icon--quote, .woocommerce-template button.button.alt .icon--quote, .woocommerce-template input.button.alt .icon--quote, .wysiwyg .wysiwyg-button .icon--quote, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon--quote {
            height: 1.5rem;
            width: 1.7rem
        }

            #single-product .single_add_to_cart_button .icon--quote path, #tinymce .wysiwyg-button .icon--quote path, .archive-filter-options__apply .icon--quote path, .archive-filter__refine .icon--quote path, .attachment-archive__display-filters .icon--quote path, .attachment-archive__status .add .icon--quote path, .attachment-archive__status .added .icon--quote path, .attachment-archive__status .remove .icon--quote path, .attachment-controls__cancel .icon--quote path, .attachment-controls__download .icon--quote path, .booking .form__submit .icon--quote path, .careers__button .icon--quote path, .df2__button--clear .icon--quote path, .df2__button--done .icon--quote path, .df__button--clear .icon--quote path, .df__button--done .icon--quote path, .dialog .form__submit .icon--quote path, .flex-product-grid__button .icon--quote path, .form__embed input[type=submit] .icon--quote path, .header__button .icon--quote path, .header__button--hollow .icon--quote path, .icon-grid__section-link a .icon--quote path, .link-list__button .icon--quote path, .location-list__button .icon--quote path, .locations__booking .icon--quote path, .marketing-popup .form__submit .icon--quote path, .mce-content-body .wysiwyg-button .icon--quote path, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon--quote path, .mega-menu__button .icon--quote path, .mega-menu__button--hollow .icon--quote path, .modal__button--hollow .icon--quote path, .modal__button--solid .icon--quote path, .post-index__button .icon--quote path, .product-tech-specs__download .icon--quote path, .project__download .icon--quote path, .project__enquiry .icon--quote path, .quote-request-button .icon--quote path, .quote-request-link .icon--quote path, .saved-quotes__link .icon--quote path, .single-product-details__back .icon--quote path, .single-product-details__download .icon--quote path, .single-product-downloads__all .icon--quote path, .single-product-menu__add-to-cart .icon--quote path, .single-product-menu__download .icon--quote path, .support__download .icon--quote path, .tease-post__topic .icon--quote path, .tease-product__add-to-cart .icon--quote path, .tease-product__cover-text .icon--quote path, .tease-product__tech-sheet .icon--quote path, .woocommerce-account-quote .quote-add .icon--quote path, .woocommerce-account-quote .quote-sidebar__checkout .icon--quote path, .woocommerce-account-quote .quote-sidebar__save .icon--quote path, .woocommerce-account-quote .quote-spinners__minus .icon--quote path, .woocommerce-account-quote .quote-spinners__plus .icon--quote path, .woocommerce-account-sidebar__quote .icon--quote path, .woocommerce-template #respond input#submit.alt .icon--quote path, .woocommerce-template a.button.alt .icon--quote path, .woocommerce-template button.button.alt .icon--quote path, .woocommerce-template input.button.alt .icon--quote path, .wysiwyg .wysiwyg-button .icon--quote path, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon--quote path {
                stroke-width: 0 !important
            }

        #single-product .single_add_to_cart_button .icon svg, #tinymce .wysiwyg-button .icon svg, .archive-filter-options__apply .icon svg, .archive-filter__refine .icon svg, .attachment-archive__display-filters .icon svg, .attachment-archive__status .add .icon svg, .attachment-archive__status .added .icon svg, .attachment-archive__status .remove .icon svg, .attachment-controls__cancel .icon svg, .attachment-controls__download .icon svg, .booking .form__submit .icon svg, .careers__button .icon svg, .df2__button--clear .icon svg, .df2__button--done .icon svg, .df__button--clear .icon svg, .df__button--done .icon svg, .dialog .form__submit .icon svg, .flex-product-grid__button .icon svg, .form__embed input[type=submit] .icon svg, .header__button .icon svg, .header__button--hollow .icon svg, .icon-grid__section-link a .icon svg, .link-list__button .icon svg, .location-list__button .icon svg, .locations__booking .icon svg, .marketing-popup .form__submit .icon svg, .mce-content-body .wysiwyg-button .icon svg, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon svg, .mega-menu__button .icon svg, .mega-menu__button--hollow .icon svg, .modal__button--hollow .icon svg, .modal__button--solid .icon svg, .post-index__button .icon svg, .product-tech-specs__download .icon svg, .project__download .icon svg, .project__enquiry .icon svg, .quote-request-button .icon svg, .quote-request-link .icon svg, .saved-quotes__link .icon svg, .single-product-details__back .icon svg, .single-product-details__download .icon svg, .single-product-downloads__all .icon svg, .single-product-menu__add-to-cart .icon svg, .single-product-menu__download .icon svg, .support__download .icon svg, .tease-post__topic .icon svg, .tease-product__add-to-cart .icon svg, .tease-product__cover-text .icon svg, .tease-product__tech-sheet .icon svg, .woocommerce-account-quote .quote-add .icon svg, .woocommerce-account-quote .quote-sidebar__checkout .icon svg, .woocommerce-account-quote .quote-sidebar__save .icon svg, .woocommerce-account-quote .quote-spinners__minus .icon svg, .woocommerce-account-quote .quote-spinners__plus .icon svg, .woocommerce-account-sidebar__quote .icon svg, .woocommerce-template #respond input#submit.alt .icon svg, .woocommerce-template a.button.alt .icon svg, .woocommerce-template button.button.alt .icon svg, .woocommerce-template input.button.alt .icon svg, .wysiwyg .wysiwyg-button .icon svg, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon svg {
            height: 100%;
            width: auto
        }

        #single-product .single_add_to_cart_button .icon line, #single-product .single_add_to_cart_button .icon path, #single-product .single_add_to_cart_button .icon polyline, #tinymce .wysiwyg-button .icon line, #tinymce .wysiwyg-button .icon path, #tinymce .wysiwyg-button .icon polyline, .archive-filter-options__apply .icon line, .archive-filter-options__apply .icon path, .archive-filter-options__apply .icon polyline, .archive-filter__refine .icon line, .archive-filter__refine .icon path, .archive-filter__refine .icon polyline, .attachment-archive__display-filters .icon line, .attachment-archive__display-filters .icon path, .attachment-archive__display-filters .icon polyline, .attachment-archive__status .add .icon line, .attachment-archive__status .add .icon path, .attachment-archive__status .add .icon polyline, .attachment-archive__status .added .icon line, .attachment-archive__status .added .icon path, .attachment-archive__status .added .icon polyline, .attachment-archive__status .remove .icon line, .attachment-archive__status .remove .icon path, .attachment-archive__status .remove .icon polyline, .attachment-controls__cancel .icon line, .attachment-controls__cancel .icon path, .attachment-controls__cancel .icon polyline, .attachment-controls__download .icon line, .attachment-controls__download .icon path, .attachment-controls__download .icon polyline, .booking .form__submit .icon line, .booking .form__submit .icon path, .booking .form__submit .icon polyline, .careers__button .icon line, .careers__button .icon path, .careers__button .icon polyline, .df2__button--clear .icon line, .df2__button--clear .icon path, .df2__button--clear .icon polyline, .df2__button--done .icon line, .df2__button--done .icon path, .df2__button--done .icon polyline, .df__button--clear .icon line, .df__button--clear .icon path, .df__button--clear .icon polyline, .df__button--done .icon line, .df__button--done .icon path, .df__button--done .icon polyline, .dialog .form__submit .icon line, .dialog .form__submit .icon path, .dialog .form__submit .icon polyline, .flex-product-grid__button .icon line, .flex-product-grid__button .icon path, .flex-product-grid__button .icon polyline, .form__embed input[type=submit] .icon line, .form__embed input[type=submit] .icon path, .form__embed input[type=submit] .icon polyline, .header__button .icon line, .header__button .icon path, .header__button .icon polyline, .header__button--hollow .icon line, .header__button--hollow .icon path, .header__button--hollow .icon polyline, .icon-grid__section-link a .icon line, .icon-grid__section-link a .icon path, .icon-grid__section-link a .icon polyline, .link-list__button .icon line, .link-list__button .icon path, .link-list__button .icon polyline, .location-list__button .icon line, .location-list__button .icon path, .location-list__button .icon polyline, .locations__booking .icon line, .locations__booking .icon path, .locations__booking .icon polyline, .marketing-popup .form__submit .icon line, .marketing-popup .form__submit .icon path, .marketing-popup .form__submit .icon polyline, .mce-content-body .wysiwyg-button .icon line, .mce-content-body .wysiwyg-button .icon path, .mce-content-body .wysiwyg-button .icon polyline, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon line, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon path, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon polyline, .mega-menu__button .icon line, .mega-menu__button .icon path, .mega-menu__button .icon polyline, .mega-menu__button--hollow .icon line, .mega-menu__button--hollow .icon path, .mega-menu__button--hollow .icon polyline, .modal__button--hollow .icon line, .modal__button--hollow .icon path, .modal__button--hollow .icon polyline, .modal__button--solid .icon line, .modal__button--solid .icon path, .modal__button--solid .icon polyline, .post-index__button .icon line, .post-index__button .icon path, .post-index__button .icon polyline, .product-tech-specs__download .icon line, .product-tech-specs__download .icon path, .product-tech-specs__download .icon polyline, .project__download .icon line, .project__download .icon path, .project__download .icon polyline, .project__enquiry .icon line, .project__enquiry .icon path, .project__enquiry .icon polyline, .quote-request-button .icon line, .quote-request-button .icon path, .quote-request-button .icon polyline, .quote-request-link .icon line, .quote-request-link .icon path, .quote-request-link .icon polyline, .saved-quotes__link .icon line, .saved-quotes__link .icon path, .saved-quotes__link .icon polyline, .single-product-details__back .icon line, .single-product-details__back .icon path, .single-product-details__back .icon polyline, .single-product-details__download .icon line, .single-product-details__download .icon path, .single-product-details__download .icon polyline, .single-product-downloads__all .icon line, .single-product-downloads__all .icon path, .single-product-downloads__all .icon polyline, .single-product-menu__add-to-cart .icon line, .single-product-menu__add-to-cart .icon path, .single-product-menu__add-to-cart .icon polyline, .single-product-menu__download .icon line, .single-product-menu__download .icon path, .single-product-menu__download .icon polyline, .support__download .icon line, .support__download .icon path, .support__download .icon polyline, .tease-post__topic .icon line, .tease-post__topic .icon path, .tease-post__topic .icon polyline, .tease-product__add-to-cart .icon line, .tease-product__add-to-cart .icon path, .tease-product__add-to-cart .icon polyline, .tease-product__cover-text .icon line, .tease-product__cover-text .icon path, .tease-product__cover-text .icon polyline, .tease-product__tech-sheet .icon line, .tease-product__tech-sheet .icon path, .tease-product__tech-sheet .icon polyline, .woocommerce-account-quote .quote-add .icon line, .woocommerce-account-quote .quote-add .icon path, .woocommerce-account-quote .quote-add .icon polyline, .woocommerce-account-quote .quote-sidebar__checkout .icon line, .woocommerce-account-quote .quote-sidebar__checkout .icon path, .woocommerce-account-quote .quote-sidebar__checkout .icon polyline, .woocommerce-account-quote .quote-sidebar__save .icon line, .woocommerce-account-quote .quote-sidebar__save .icon path, .woocommerce-account-quote .quote-sidebar__save .icon polyline, .woocommerce-account-quote .quote-spinners__minus .icon line, .woocommerce-account-quote .quote-spinners__minus .icon path, .woocommerce-account-quote .quote-spinners__minus .icon polyline, .woocommerce-account-quote .quote-spinners__plus .icon line, .woocommerce-account-quote .quote-spinners__plus .icon path, .woocommerce-account-quote .quote-spinners__plus .icon polyline, .woocommerce-account-sidebar__quote .icon line, .woocommerce-account-sidebar__quote .icon path, .woocommerce-account-sidebar__quote .icon polyline, .woocommerce-template #respond input#submit.alt .icon line, .woocommerce-template #respond input#submit.alt .icon path, .woocommerce-template #respond input#submit.alt .icon polyline, .woocommerce-template a.button.alt .icon line, .woocommerce-template a.button.alt .icon path, .woocommerce-template a.button.alt .icon polyline, .woocommerce-template button.button.alt .icon line, .woocommerce-template button.button.alt .icon path, .woocommerce-template button.button.alt .icon polyline, .woocommerce-template input.button.alt .icon line, .woocommerce-template input.button.alt .icon path, .woocommerce-template input.button.alt .icon polyline, .wysiwyg .wysiwyg-button .icon line, .wysiwyg .wysiwyg-button .icon path, .wysiwyg .wysiwyg-button .icon polyline, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon line, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon path, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon polyline {
            stroke-width: .18rem;
            transition: .2s
        }

#single-product .single_add_to_cart_button, #tinymce .wysiwyg-button, .archive-filter-options__apply, .archive-filter__refine, .attachment-archive__display-filters, .attachment-archive__status .add, .attachment-archive__status .added, .careers__button, .df2__button--done, .df__button--done, .dialog .form__submit, .form__embed input[type=submit], .header__button, .icon-grid__section-link a, .link-list__button, .location-list__button, .locations__booking, .marketing-popup .form__submit, .mce-content-body .wysiwyg-button, .mega-menu__button, .post-index__button, .product-tech-specs__download, .project__enquiry, .quote-request-button, .quote-request-link, .saved-quotes__link, .single-product-menu__add-to-cart, .support__download, .tease-post__topic, .tease-product__add-to-cart, .woocommerce-account-quote .quote-add, .woocommerce-account-quote .quote-sidebar__checkout, .woocommerce-account-quote .quote-spinners__minus, .woocommerce-account-quote .quote-spinners__plus, .woocommerce-account-sidebar__quote, .woocommerce-template #respond input#submit.alt, .woocommerce-template a.button.alt, .woocommerce-template button.button.alt, .woocommerce-template input.button.alt, .wysiwyg .wysiwyg-button, .form__embed a.button {
    background: #2c8a2e;
    border-color: transparent;
    color: #fff
}

        #single-product .single_add_to_cart_button line, #single-product .single_add_to_cart_button path, #single-product .single_add_to_cart_button polyline, #tinymce .wysiwyg-button line, #tinymce .wysiwyg-button path, #tinymce .wysiwyg-button polyline, .archive-filter-options__apply line, .archive-filter-options__apply path, .archive-filter-options__apply polyline, .archive-filter__refine line, .archive-filter__refine path, .archive-filter__refine polyline, .attachment-archive__display-filters line, .attachment-archive__display-filters path, .attachment-archive__display-filters polyline, .attachment-archive__status .add line, .attachment-archive__status .add path, .attachment-archive__status .add polyline, .attachment-archive__status .added line, .attachment-archive__status .added path, .attachment-archive__status .added polyline, .careers__button line, .careers__button path, .careers__button polyline, .df2__button--done line, .df2__button--done path, .df2__button--done polyline, .df__button--done line, .df__button--done path, .df__button--done polyline, .dialog .form__submit line, .dialog .form__submit path, .dialog .form__submit polyline, .form__embed input[type=submit] line, .form__embed input[type=submit] path, .form__embed input[type=submit] polyline, .header__button line, .header__button path, .header__button polyline, .icon-grid__section-link a line, .icon-grid__section-link a path, .icon-grid__section-link a polyline, .link-list__button line, .link-list__button path, .link-list__button polyline, .location-list__button line, .location-list__button path, .location-list__button polyline, .locations__booking line, .locations__booking path, .locations__booking polyline, .marketing-popup .form__submit line, .marketing-popup .form__submit path, .marketing-popup .form__submit polyline, .mce-content-body .wysiwyg-button line, .mce-content-body .wysiwyg-button path, .mce-content-body .wysiwyg-button polyline, .mega-menu__button line, .mega-menu__button path, .mega-menu__button polyline, .post-index__button line, .post-index__button path, .post-index__button polyline, .product-tech-specs__download line, .product-tech-specs__download path, .product-tech-specs__download polyline, .project__enquiry line, .project__enquiry path, .project__enquiry polyline, .quote-request-button line, .quote-request-button path, .quote-request-button polyline, .quote-request-link line, .quote-request-link path, .quote-request-link polyline, .saved-quotes__link line, .saved-quotes__link path, .saved-quotes__link polyline, .single-product-menu__add-to-cart line, .single-product-menu__add-to-cart path, .single-product-menu__add-to-cart polyline, .support__download line, .support__download path, .support__download polyline, .tease-post__topic line, .tease-post__topic path, .tease-post__topic polyline, .tease-product__add-to-cart line, .tease-product__add-to-cart path, .tease-product__add-to-cart polyline, .woocommerce-account-quote .quote-add line, .woocommerce-account-quote .quote-add path, .woocommerce-account-quote .quote-add polyline, .woocommerce-account-quote .quote-sidebar__checkout line, .woocommerce-account-quote .quote-sidebar__checkout path, .woocommerce-account-quote .quote-sidebar__checkout polyline, .woocommerce-account-quote .quote-spinners__minus line, .woocommerce-account-quote .quote-spinners__minus path, .woocommerce-account-quote .quote-spinners__minus polyline, .woocommerce-account-quote .quote-spinners__plus line, .woocommerce-account-quote .quote-spinners__plus path, .woocommerce-account-quote .quote-spinners__plus polyline, .woocommerce-account-sidebar__quote line, .woocommerce-account-sidebar__quote path, .woocommerce-account-sidebar__quote polyline, .woocommerce-template #respond input#submit.alt line, .woocommerce-template #respond input#submit.alt path, .woocommerce-template #respond input#submit.alt polyline, .woocommerce-template a.button.alt line, .woocommerce-template a.button.alt path, .woocommerce-template a.button.alt polyline, .woocommerce-template button.button.alt line, .woocommerce-template button.button.alt path, .woocommerce-template button.button.alt polyline, .woocommerce-template input.button.alt line, .woocommerce-template input.button.alt path, .woocommerce-template input.button.alt polyline, .wysiwyg .wysiwyg-button line, .wysiwyg .wysiwyg-button path, .wysiwyg .wysiwyg-button polyline {
            stroke: #fff !important
        }

    #tinymce.wysiwyg--dark .wysiwyg-button, .attachment-archive__status .remove, .attachment-controls__download, .booking .form__submit, .mce-content-body.wysiwyg--dark .wysiwyg-button, .modal__button--solid, .project__download, .single-product-details__back, .single-product-details__download, .single-product-menu__download, .tease-post__topic, .tease-product__tech-sheet, .wysiwyg.wysiwyg--dark .wysiwyg-button {
        background: #fff;
        border-color: #ccc
    }

        #tinymce.wysiwyg--dark .wysiwyg-button:hover, .attachment-archive__status .remove:hover, .attachment-controls__download:hover, .booking .form__submit:hover, .mce-content-body.wysiwyg--dark .wysiwyg-button:hover, .modal__button--solid:hover, .project__download:hover, .single-product-details__back:hover, .single-product-details__download:hover, .single-product-menu__download:hover, .tease-post__topic:hover, .tease-product__tech-sheet:hover, .wysiwyg.wysiwyg--dark .wysiwyg-button:hover {
            border-color: #0f213d
        }


        #tinymce.wysiwyg--dark .wysiwyg-button line, #tinymce.wysiwyg--dark .wysiwyg-button path, #tinymce.wysiwyg--dark .wysiwyg-button polyline, .attachment-archive__status .remove line, .attachment-archive__status .remove path, .attachment-archive__status .remove polyline, .attachment-controls__download line, .attachment-controls__download path, .attachment-controls__download polyline, .booking .form__submit line, .booking .form__submit path, .booking .form__submit polyline, .mce-content-body.wysiwyg--dark .wysiwyg-button line, .mce-content-body.wysiwyg--dark .wysiwyg-button path, .mce-content-body.wysiwyg--dark .wysiwyg-button polyline, .modal__button--solid line, .modal__button--solid path, .modal__button--solid polyline, .project__download line, .project__download path, .project__download polyline, .single-product-details__back line, .single-product-details__back path, .single-product-details__back polyline, .single-product-details__download line, .single-product-details__download path, .single-product-details__download polyline, .single-product-menu__download line, .single-product-menu__download path, .single-product-menu__download polyline, .tease-post__topic line, .tease-post__topic path, .tease-post__topic polyline, .tease-product__tech-sheet line, .tease-product__tech-sheet path, .tease-product__tech-sheet polyline, .wysiwyg.wysiwyg--dark .wysiwyg-button line, .wysiwyg.wysiwyg--dark .wysiwyg-button path, .wysiwyg.wysiwyg--dark .wysiwyg-button polyline {
            stroke: #0f213d !important
        }

    #tinymce.wysiwyg--dark .wysiwyg-button, .attachment-controls__cancel, .call-to-action--light .link-list__button, .catalog .form__embed input[type=submit], .flex-product-grid__button, .mce-content-body.wysiwyg--dark .wysiwyg-button, .modal__button--hollow, .single-product-downloads__all, .tease-product__cover-text, .wysiwyg.wysiwyg--dark .wysiwyg-button {
        background: transparent;
        border-color: #fff;
        color: #fff
    }

        #tinymce.wysiwyg--dark .wysiwyg-button line, #tinymce.wysiwyg--dark .wysiwyg-button path, #tinymce.wysiwyg--dark .wysiwyg-button polyline, .attachment-controls__cancel line, .attachment-controls__cancel path, .attachment-controls__cancel polyline, .call-to-action--light .link-list__button line, .call-to-action--light .link-list__button path, .call-to-action--light .link-list__button polyline, .catalog .form__embed input[type=submit] line, .catalog .form__embed input[type=submit] path, .catalog .form__embed input[type=submit] polyline, .flex-product-grid__button line, .flex-product-grid__button path, .flex-product-grid__button polyline, .mce-content-body.wysiwyg--dark .wysiwyg-button line, .mce-content-body.wysiwyg--dark .wysiwyg-button path, .mce-content-body.wysiwyg--dark .wysiwyg-button polyline, .modal__button--hollow line, .modal__button--hollow path, .modal__button--hollow polyline, .single-product-downloads__all line, .single-product-downloads__all path, .single-product-downloads__all polyline, .tease-product__cover-text line, .tease-product__cover-text path, .tease-product__cover-text polyline, .wysiwyg.wysiwyg--dark .wysiwyg-button line, .wysiwyg.wysiwyg--dark .wysiwyg-button path, .wysiwyg.wysiwyg--dark .wysiwyg-button polyline {
            stroke: #fff !important
        }

        #tinymce.wysiwyg--dark .wysiwyg-button:hover, .attachment-controls__cancel:hover, .call-to-action--light .link-list__button:hover, .catalog .form__embed input[type=submit]:hover, .flex-product-grid__button:hover, .mce-content-body.wysiwyg--dark .wysiwyg-button:hover, .modal__button--hollow:hover, .single-product-downloads__all:hover, .tease-product__cover-text:hover, .wysiwyg.wysiwyg--dark .wysiwyg-button:hover {
            background: #0f213d;
            border-color: #0f213d
        }

    .header__button--hollow, .mega-menu__button--hollow, .woocommerce-account-quote .quote-sidebar__save {
        background: transparent;
        border-color: #0f213d;
        color: #0f213d
    }

        .header__button--hollow line, .header__button--hollow path, .header__button--hollow polyline, .mega-menu__button--hollow line, .mega-menu__button--hollow path, .mega-menu__button--hollow polyline, .woocommerce-account-quote .quote-sidebar__save line, .woocommerce-account-quote .quote-sidebar__save path, .woocommerce-account-quote .quote-sidebar__save polyline {
            stroke: #0f213d !important
        }

        .header__button--hollow:hover, .mega-menu__button--hollow:hover, .woocommerce-account-quote .quote-sidebar__save:hover {
            background: #0f213d;
            color: #fff
        }

    #tinymce.wysiwyg--dark .wysiwyg-button, .archive-filter__refine, .attachment-archive__status .add, .attachment-archive__status .added, .attachment-archive__status .remove, .attachment-controls__cancel, .attachment-controls__download, .flex-product-grid__button, .header__button, .mce-content-body.wysiwyg--dark .wysiwyg-button, .project__download, .tease-product__cover-text, .tease-product__tech-sheet, .wysiwyg.wysiwyg--dark .wysiwyg-button, .form__embed a.button {
        font-size: 1.4rem;
        padding-bottom: 1.2rem;
        padding-top: 1.2rem
    }

    .form__embed a.button {
        font-weight: 500;
        line-height: 1;
    }

    #tinymce.wysiwyg--dark .wysiwyg-button .icon, .archive-filter__refine .icon, .attachment-archive__status .add .icon, .attachment-archive__status .added .icon, .attachment-archive__status .remove .icon, .attachment-controls__cancel .icon, .attachment-controls__download .icon, .flex-product-grid__button .icon, .header__button .icon, .mce-content-body.wysiwyg--dark .wysiwyg-button .icon, .project__download .icon, .tease-product__cover-text .icon, .tease-product__tech-sheet .icon, .wysiwyg.wysiwyg--dark .wysiwyg-button .icon {
        height: 1.2rem
    }

    #tinymce.wysiwyg--dark .wysiwyg-button path, .archive-filter__refine path, .attachment-archive__status .add path, .attachment-archive__status .added path, .attachment-archive__status .remove path, .attachment-controls__cancel path, .attachment-controls__download path, .flex-product-grid__button path, .header__button path, .mce-content-body.wysiwyg--dark .wysiwyg-button path, .project__download path, .tease-product__cover-text path, .tease-product__tech-sheet path, .wysiwyg.wysiwyg--dark .wysiwyg-button path {
        stroke-width: .1rem !important
    }

    .single-product-details__back, .single-product-menu__add-to-cart, .single-product-menu__download, .woocommerce-account-quote .quote-spinners--small .quote-spinners__minus, .woocommerce-account-quote .quote-spinners--small .quote-spinners__plus {
        padding-bottom: .7rem;
        padding-top: .7rem
    }

        .single-product-details__back .icon, .single-product-menu__add-to-cart .icon, .single-product-menu__download .icon, .woocommerce-account-quote .quote-spinners--small .quote-spinners__minus .icon, .woocommerce-account-quote .quote-spinners--small .quote-spinners__plus .icon {
            height: 1rem
        }

        .single-product-details__back path, .single-product-menu__add-to-cart path, .single-product-menu__download path, .woocommerce-account-quote .quote-spinners--small .quote-spinners__minus path, .woocommerce-account-quote .quote-spinners--small .quote-spinners__plus path {
            stroke-width: .15rem !important
        }

    .subnavbtn {
        width: 204px;
    }

    .tease-post__topic {
        padding-bottom: .7rem;
        padding-top: .7rem
    }

        .tease-post__topic .icon {
            height: 1rem
        }

        .tease-post__topic path {
            stroke-width: .15rem !important
        }

    :root {
        --container-padding: 8rem
    }

    @media(max-width:1024px) {
        :root {
            --container-padding: 4rem
        }
    }

    @media(max-width:768px) {
        :root {
            --container-padding: 2rem
        }
    }

    @media(max-width:550px) {
        :root {
            --container-padding: 1.6rem
        }
    }

    ._5050__container, .archive-filter-options__container, .archive-filter__container, .archive-head__container, .attachment-archive__container, .attachment-controls__container, .banner__container, .block-features__container, .blur-slide__container, .booking .response, .booking__container, .breakdown__container, .call-to-action-grid__container, .call-to-action__container, .careers__container, .category-grid__container, .collection-5050__container, .collection-banner__container, .columns__container, .contact-blocks__container, .design-slider__container, .downloads__container, .downloads__container2, .email-list__container, .faqs-block__container, .finish-suppliers__container, .flex-product-grid__container, .flex-video-grid__container, .footer__container, .form__container, .four-oh-four__container, .full-hero__container, .grid-features__container, .header__container, .hero__container, .icon-grid__container, .image-carousel22__container, .image-carousel__container, .image-feature__container, .image-gallery__container, .location-list__container, .locations__container, .logo-carousel22__container, .logo-carousel__container, .logo-grid__container, .maintenance__container, .page-menu__container, .pipeskirts__container, .post-index__container, .post-single__container, .posts-grid__container, .process__container, .product-carousel22__container, .product-carousel__container, .product-grid__container, .product-tech-specs__container, .project-archive__container, .project-grid__container, .project__container, .quote__container, .replacements__container, .resources__container, .search-window__container, .search-window__container--small, .single-product-menu__container, .sliding-carousel22__container, .sliding-carousel__container, .staged-video__container, .stages__container, .stepped-text__container, .stepping-images__container, .steps__container, .support-archive__container, .support__container, .team-grid__container, .technical-specifications__container, .titled-gallery__container, .video__container, .woocommerce-NoticeGroup .woocommerce-notices-wrapper__container, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__container, .woocommerce-template__container, .wysiwyg-block__container {
        margin: 0 auto;
        max-width: 144rem;
        padding-left: 8rem;
        padding-left: var(--container-padding);
        padding-right: 8rem;
        padding-right: var(--container-padding);
        width: 100%
    }

    .faqpage .form-control1 {
        border: 1px solid lightgray;
        border-radius: 50px;
        width: 40%;
        margin: 14px 0px;
        padding: 4px 8px 4px 32px;
    }

    .faqpage h2 #title1 {
        font-size: 35px;
    }

    .faqpage h2 #title2 {
        font-size: 24px;
    }

    .faqpage .accordion .label {
        font-weight: bold;
    }

    .faqpage #FAQResults1WareList {
        margin-top: 40px;
    }

    .faqcontainer {
        padding-left: 2rem;
        padding-right: 2rem;
    }

        .faqcontainer .info_content h1 {
            text-align: left;
            font-size: 3em;
        }

        .faqcontainer a.menu-trigger {
            font-size: 20px;
        }

        .faqcontainer .left_bar > #container {
            padding-bottom: 10px;
        }

    .left_bar {
        margin-right: 80px;
        text-wrap: nowrap;
        padding: 14% 0px;
    }

    .faqcontainer .left_bar_content a.active {
        font-weight: bold;
        text-decoration: underline;
    }

    .content-leftbarmenu > ul > li {
        padding: 4px;
    }

    .highlightednav {
        text-decoration: underline;
        font-weight: bold;
    }

    .innerorig {
        padding-left: 20px;
    }

    .top_suborig1 li {
        padding: 8px 0px;
    }

    .top_suborig1 li {
        padding: 4px 0px;
    }

    /*Search Results start*/
    .standard-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .searchresults-section {
        padding: 20px 40px 20px 0px;
        width: fit-content;
        width: 50%;
    }

    .standard-container .searchresults-section:first-of-type {
        /*padding-left: 0px;*/
    }

    .searchresults-section h2 {
        font-size: 16px;
    }

    .searchresults-section li {
        padding: 4px 0px 18px 0px;
        line-height: 2rem;
    }
    /*Search Results end*/
    /*icon search*/
    /*@import "compass/css3";*/

    .ico-mglass {
        position: relative;
        display: inline-block;
        background: #fff;
        border-radius: 30px;
        height: 12px;
        width: 12px;
        border: 2px solid #888;
        left: 24px;
    }

        .ico-mglass:after {
            content: "";
            height: 2px;
            width: 6px;
            background: #888;
            position: absolute;
            top: 9px;
            left: 7px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
        }



    /*icon search*/


    /*START ACCORDION*/


    body {
        background-color: #0A2344;
        font-family: 'primaryfont', sans-serif;
    }

    h1 {
        text-align: center;
        margin: 40px 0;
    }


    .accordion {
        margin: 0px auto;
        background-color: white;
    }

        .accordion .acccontainer {
            position: relative;
            margin: 10px 10px;
        }

        .accordion .label {
            position: relative;
            padding: 10px 0;
            color: black;
            cursor: pointer;
        }

            .accordion .label::before {
                content: '+';
                color: black;
                position: absolute;
                top: 50%;
                right: -5px;
                transform: translateY(-50%);
                font-size: 30px;
            }

        .accordion .content {
            position: relative;
            background: white;
            height: 0;
            overflow: hidden;
            transition: 0.5s;
        }

        .accordion hr {
            width: 100%;
            margin-left: 0;
            border: 1px solid lightgray;
        }

        .accordion .acccontainer.active .content {
            height: 150px;
        }

        .accordion .acccontainer.active .label::before {
            content: '-';
            font-size: 30px;
        }

    /*END ACCORDION*/


    .form__container, .four-oh-four__container, .image-feature__container, .maintenance__container, .search-window__container--small, .stepped-text__container {
        max-width: 86rem
    }

    .replacements__container {
        max-width: 116rem
    }

    .saved-quotes__items, .woocommerce-account-quote .quote-categories, .woocommerce-account-quote .quote-sidebar {
        background: #fff;
        border: .1rem solid #d9d9d9;
        border-radius: .3rem;
        padding: 4rem
    }

    @media(max-width:1300px) {
        .saved-quotes__items, .woocommerce-account-quote .quote-categories, .woocommerce-account-quote .quote-sidebar {
            padding: 2rem
        }
    }

    @media(max-width:768px) {
        .saved-quotes__items, .woocommerce-account-quote .quote-categories, .woocommerce-account-quote .quote-sidebar {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .woocommerce-account-quote .quote-sidebar {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    #tinymce, .mce-content-body, .wysiwyg {
        line-height: 1.7
    }

        #tinymce *, .mce-content-body *, .wysiwyg * {
            margin: 0 0 2rem
        }

        #tinymce :last-child, .mce-content-body :last-child, .wysiwyg :last-child {
            margin-bottom: 0
        }

        #tinymce a, .mce-content-body a, .wysiwyg a {
            font-weight: 500;
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

    a.project__back, a.project__next {
        text-decoration: none;
    }

    #tinymce ul, .mce-content-body ul, .wysiwyg ul {
        list-style: disc;
        padding-left: 2rem
    }

    #tinymce ol, .mce-content-body ol, .wysiwyg ol {
        list-style: decimal;
        padding-left: 2rem
    }

    #tinymce li, .mce-content-body li, .wysiwyg li {
        margin-bottom: .5em
    }

    #tinymce blockquote:before, .mce-content-body blockquote:before, .wysiwyg blockquote:before {
        content: "“"
    }

    #tinymce blockquote:after, .mce-content-body blockquote:after, .wysiwyg blockquote:after {
        content: "”"
    }

    #tinymce blockquote p, .mce-content-body blockquote p, .wysiwyg blockquote p {
        display: inline;
        line-height: 1.3
    }

    #tinymce address, .mce-content-body address, .wysiwyg address {
        font-style: normal
    }

    #tinymce img, .mce-content-body img, .wysiwyg img {
        margin: 6rem 0 !important;
        max-width: 100%;
        width: auto
    }

    @media(max-width:768px) {
        #tinymce img, .mce-content-body img, .wysiwyg img {
            margin: 4rem 0 !important
        }
    }

    #tinymce figure, .mce-content-body figure, .wysiwyg figure {
        margin: 6rem 0;
        width: auto !important
    }

    @media(max-width:768px) {
        #tinymce figure, .mce-content-body figure, .wysiwyg figure {
            margin: 4rem 0
        }
    }

    #tinymce figure img, .mce-content-body figure img, .wysiwyg figure img {
        margin-bottom: 1.6rem !important;
        margin-top: 0 !important
    }

    #tinymce figure figcaption, .mce-content-body figure figcaption, .wysiwyg figure figcaption {
        display: inline-block;
        margin-bottom: 0
    }

    #tinymce .wysiwyg-spacing-small, .mce-content-body .wysiwyg-spacing-small, .wysiwyg .wysiwyg-spacing-small {
        margin-bottom: 4rem
    }

    #tinymce .wysiwyg-spacing-medium, .mce-content-body .wysiwyg-spacing-medium, .wysiwyg .wysiwyg-spacing-medium {
        margin-bottom: 8rem
    }

    #tinymce .wysiwyg-spacing-large, .mce-content-body .wysiwyg-spacing-large, .wysiwyg .wysiwyg-spacing-large {
        margin-bottom: 16rem
    }

    #tinymce .wysiwyg-spacing-xlarge, .mce-content-body .wysiwyg-spacing-xlarge, .wysiwyg .wysiwyg-spacing-xlarge {
        margin-bottom: 26rem
    }

    #tinymce .wysiwyg-highlight, .mce-content-body .wysiwyg-highlight, .wysiwyg .wysiwyg-highlight {
        border-left: .3rem solid #0f213d;
        font-weight: 500;
        padding-left: 2rem
    }

        #tinymce .wysiwyg-highlight > *, .mce-content-body .wysiwyg-highlight > *, .wysiwyg .wysiwyg-highlight > * {
            margin-bottom: 1.6rem
        }

    #tinymce .wysiwyg-button, .mce-content-body .wysiwyg-button, .wysiwyg .wysiwyg-button {
        -webkit-text-decoration: none;
        text-decoration: none
    }

    #tinymce.wysiwyg--dark .wysiwyg-button:hover, .mce-content-body.wysiwyg--dark .wysiwyg-button:hover, .wysiwyg.wysiwyg--dark .wysiwyg-button:hover {
        background: #fff;
        border-color: #fff;
        color: #000
    }

    #tinymce div[data-tf-widget], .mce-content-body div[data-tf-widget] {
        background: rgba(26,26,26,.5);
        border: .1px solid #0f213d;
        border-radius: .3rem;
        height: 4rem !important;
        position: relative
    }

        #tinymce div[data-tf-widget]:after, .mce-content-body div[data-tf-widget]:after {
            color: #fff;
            content: "";
            content: "Type form embed";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%)
        }

    #tinymce img[alt="<script>"], .mce-content-body img[alt="<script>"] {
        background: rgba(191,46,72,.5);
        border: .1px solid #bf2e48;
        border-radius: .3rem;
        height: 4rem !important;
        margin-top: 0;
        width: 100%
    }
/*START SIDEBAR STYLING*/
/* Sidebar Container */
.sidebar-cta {
    padding: 1.5rem;
    color: #ffffff;
}

    .sidebar-cta hr {
    margin:20px 0px;
    }

    .sidebar-cta .button {
        margin-bottom:20px;
        display:inline-block;
        color:#ffffff;
    }

/* Heading */
.sidebar-heading {
    margin-bottom: 1rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.4;
}

/* Main Text */
.sidebar-text {
    margin-bottom: 1rem;
    line-height: 1.5;
}

/* Benefits List */
.sidebar-benefits {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1.25rem;
}

    .sidebar-benefits li {
        margin-bottom: 0.5rem;
        padding-left: 1.2rem;
        position: relative;
    }

        .sidebar-benefits li::before {
            content: "\2714"; /* Unicode for checkmark ✔ */
            position: relative;
            left: 0;
            color: #ffffff;
            font-weight: bold;
        }
/* CTA Button */
.sidebar-button {
    display: inline-block;
    background-color: #2c8a2e;
    color: #ffffff;
    text-decoration: none;
    padding: 0.65rem 1.2rem;
    border-radius: 5px;
    font-weight: 600;
    transition: background-color 0.3s ease;
    margin-bottom: 0.75rem;
}

    .sidebar-button:hover {
        background-color: #247225;
    }

/* Phone Line */
.sidebar-phone {
    margin-bottom: 1rem;
}
.review-stars {
max-width:140px;
padding-bottom:20px;
}

.sidebar-phone a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

        .sidebar-phone a:hover {
            text-decoration: underline;
        }

/* Testimonial Box */
.sidebar-review {
    background-color: #ffffff;
    padding: 0.75rem 1rem;
    border-left: 4px solid #326cc4;
    color: #333;
    border-radius: 5px;
    font-style: italic;
    line-height: 1.4;
    margin:18px 0px;
}

/*END SIDEBAR STYLING*/
.header {
    background: #fff;
    padding: 1.9rem 0;
    transition: background .2s,color .2s,transform .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-top: 10px solid #326cc4;
}

    @media(min-width:1025px) {
        .has-scrolled .header {
            transform: translateY(-4.5rem)
        }

        .collection-heading:not(.has-scrolled) .header {
            background: transparent
        }

        .collection-heading--white.menu-open:not(.has-scrolled) .header {
            background-color: #fff
        }

        .collection-heading--white:not(.menu-open):not(.has-scrolled) .header {
            color: #fff
        }

            .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__aux .icon path, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__aux .icon polygon, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__basket path, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__logo path, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__logo polygon, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__search path, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__search rect, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .international-sites__trigger circle, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .international-sites__trigger path, .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .international-sites__trigger rect {
                fill: #fff !important
            }

            .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .international-sites__trigger line {
                stroke: #fff
            }

            .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__basket-count {
                color: #fff
            }

            .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__button {
                background: transparent;
                border-color: #fff;
                color: #fff
            }

                .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .header__button:hover {
                    background: #fff;
                    color: #000
                }

            .collection-heading--white:not(.menu-open):not(.has-scrolled) .header .mega-menu__link:after {
                background-color: #fff
            }
    }

    .header .header__aux .icon path, .header .header__aux .icon polygon, .header .header__basket path, .header .header__logo path, .header .header__logo polygon, .header .header__search path, .header .header__search rect, .header .international-sites__trigger circle, .header .international-sites__trigger path, .header .international-sites__trigger rect {
        transition: .2s
    }

    .header .header__basket-count {
        transition: color .2s
    }

    .header.js-unloaded {
        height: 12.4rem;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999
    }

    @media(max-width:1024px) {
        .header.js-unloaded {
            height: 11.5rem
        }
    }

    .blog .header, .post-type-archive-product .header, .post-type-archive-project .header, .tax-product_cat .header {
        background: #f8f8f8
    }

    .header__container {
        align-items: center;
        display: flex;
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media(max-width:550px) {
        .header__container {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .header__left {
        padding-right: 4rem
    }

    @media(max-width:1024px) {
        .header__left {
            display: none
        }
    }

    .header__logo {
        display: block;
        flex-shrink: 0
    }

    .header__logo--desktop {
        height: 7.4rem;
        position: relative;
        width: 9.6rem
    }

        .header__logo--desktop .desktop {
            bottom: 3px;
            height: 7.4rem;
            left: 0;
            position: absolute;
            transition: .2s;
            width: 15.6rem
        }

    .has-scrolled .header__logo--desktop .desktop {
        opacity: 0;
        transform: translateY(-2rem)
    }

    .header__logo--desktop .mobile {
        bottom: 3px;
        height: 2.1rem;
        left: 0;
        opacity: 0;
        position: absolute;
        transform: translateY(2rem);
        transition: .2s;
        width: 9.6rem
    }

    .has-scrolled .header__logo--desktop .mobile {
        opacity: 1;
        transform: translateY(0)
    }

.thinheader {
    transform: translateY(-4.5rem);
    border-bottom: 10px solid #326cc4;
}

        .thinheader .mobile {
            opacity: 1;
            /*transform: translateY(0);*/
            height: 100%;
            align-content: center;
        }

        .thinheader .desktop {
            display: none;
        }

    .header.viewframe {
        -webkit-transition: all 600ms ease-in-out;
        -ms-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }

    .thinheader.viewframe {
        top: -45px;
    }

    @media(max-width:1024px) {
        .header__logo--desktop {
            display: none
        }
    }

    .header__logo--mobile {
        display: none;
        position: relative;
        width: 10.6rem;
        z-index: 1002
    }

    @media(max-width:1024px) {
        .header__logo--mobile {
            display: block
        }
    }

    .header__logo svg {
        overflow: visible
    }

    .header__right {
        flex-grow: 1;
        padding-left: 2.1rem;
    }

    @media(max-width:1024px) {
        .header__right {
            padding-left: 0
        }
    }

    .header__top {
        /* margin-bottom: 2rem;*/
        margin-bottom: 0.40rem;
        position: relative;
        z-index: 10
    }

    @media(max-width:1024px) {
        .header__top {
            display: none
        }
    }

    .header__aux {
        opacity: 1;
        text-align: right;
        transform: translateY(0);
        transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms 0ms;
        visibility: visible;
        min-height: 24px;
    }

    @media(min-width:1025px) {
        .has-scrolled .header__aux {
            opacity: 0
        }
    }

    .header__aux a {
        margin-left: 4rem
    }

        .header__aux a .icon, .headerauxicon {
            display: inline-block;
            margin-right: .7rem;
            transform: translateY(3px);
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .header__aux a .icon svg, .headerauxicon svg {
                height: 1.5rem;
                width: auto;
                margin-right: 8px;
            }


    .icon--account svg {
        height: 1.5rem;
        width: auto;
        margin-left: 1rem;
    }

    .acctlinks {
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
    }

        .acctlinks a:first-of-type {
            margin-left: 6px;
            margin-right:14px;
        }

    .header__bottom {
        align-items: center;
        display: flex;
        margin-left:60px;
    }

    @media(max-width:1024px) {
        .header__bottom {
            justify-content: space-between
        }
    }

    .header__hamburger-wrap {
        display: none;
        width: 7.7rem
    }

    @media(max-width:1024px) {
        .header__hamburger-wrap {
            display: block
        }
    }

    .header__hamburger {
        cursor: pointer;
        height: 1.4rem;
        position: relative;
        width: 1.8rem
    }

        .header__hamburger span {
            background: #0f213d;
            display: block;
            height: .2rem;
            left: 0;
            position: absolute;
            width: 100%
        }

            .header__hamburger span:first-child {
                top: 0
            }

            .header__hamburger span:nth-child(2) {
                margin-top: -.1rem;
                top: 50%
            }

            .header__hamburger span:nth-child(3) {
                bottom: 0
            }

    .header__controls {
        align-items: center;
        display: flex;
        margin-left: auto;
        opacity: 1;
        transform: translateY(0);
        transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms 0ms;
        visibility: visible;
        padding-top: 14px;
    }

    .mega-menu > li {
        /*padding-top:7px;*/
    }

    .thinheader .mega-menu > li {
        padding-top: 7px;
    }

    @media(max-width:1024px) {
        .header {
            padding: 1.4rem 0 2rem 0;
        }

        .header__controls {
            margin-left: 0;
            transform: translateY(.4rem);
        }

        .header__hamburger-wrap {
            padding-top: 6px;
        }

        .header__hamburger-wrap {
            width: 8.9rem;
        }
    }

.header__basket, .header__search {
    cursor: pointer;
    display: inline-block;
    height: 1.7rem;
    /*margin-left: 2rem;*/
    position: relative;
}

.header__search {
    /*margin-right: 2rem;*/
}
.header__controls > span, .header__controls > a, .header__basket, .acctlinks {
    margin-right: 34px;
}

@media (max-width:570px) {
    .header__search {
            margin-right: 1rem;
            margin-left: 1.5rem;
        }

        .headerauxicon {
            margin-right: 0px;
        }

            .headerauxicon svg {
                margin-right: 3px;
            }

        .header__controls {
            transform: translateY(0.1rem);
        }
    }

    .header__basket {
        padding-right: 2px;
    }

        .header__basket svg, .header__search svg {
            height: 100%;
            width: auto;
        }

        .header__basket svg {
            width: 34px;
        }

    .header__basket {
        height: 1.8rem
    }

        .header__basket path:nth-child(3) {
            opacity: 0;
            transition: .6s
        }

        .header__basket.is-active path:nth-child(3) {
            opacity: 1
        }

    .header__basket-count {
        bottom: -.5rem;
        color: #0f213d;
        font-size: 1rem;
        height: 2rem;
        opacity: 1;
        pointer-events: none;
        position: absolute;
        right: 0;
        text-align: center;
        transform: translate(-.1rem);
        transition: .6s;
        width: 100%
    }

        .header__basket-count.is-active {
            opacity: .9
        }

    .header__buttons {
        display: flex;
        gap: 2rem;
        margin-left: 2rem
    }

    .header__button {
        padding-left: 2.2rem;
        padding-right: 2.2rem;
        white-space:nowrap;
    }

    @media(max-width:1024px) {
        .header__button {
            display: none
        }
    }

    .header__close {
        cursor: pointer;
        height: 2rem;
        opacity: 0;
        position: absolute;
        right: 2rem;
        top: 7rem;
        transform: translateY(1rem);
        transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms .2s;
        visibility: hidden;
        width: 2rem;
        z-index: 10
    }

        .header__close span {
            background: #0f213d;
            display: block;
            height: .2rem;
            left: 0;
            position: absolute;
            top: 50%;
            width: 100%
        }

            .header__close span:first-child {
                transform: rotate(45deg)
            }

            .header__close span:last-child {
                transform: rotate(-45deg)
            }

    .international-sites {
        display: inline-block;
        position: relative;
        white-space: nowrap
    }

    .mega-menu__aux .international-sites {
        margin-bottom: .9rem
    }

    .international-sites__trigger {
        cursor: pointer
    }

    .international-sites__sites {
        color: #0f213d;
        display: none
    }

    @media(min-width:1025px) {
        .international-sites__sites {
            background-color: #fff
        }
    }

    .international-sites__sites.is-active {
        display: block
    }

    .header__aux .international-sites__sites {
        background: #fff;
        left: -2rem;
        padding: 1.6rem 2rem;
        position: absolute;
        text-align: left;
        top: 100%
    }

    .mega-menu__aux .international-sites__sites {
        padding-top: .5rem
    }

    .international-sites__sites .country-icon:before {
        display: none !important
    }

    .international-sites__link {
        margin: 0 !important
    }

    .international-sites .chevron-icon {
        display: inline-block;
        margin-left: .7rem
    }

        .international-sites .chevron-icon svg {
            transform: translateY(-1px);
            width: .8rem
        }

    .international-sites .country-icon {
        display: inline-block;
        margin-right: .7rem;
        position: relative
    }

        .international-sites .country-icon:before {
            background-color: transparent;
            border-radius: 50%;
            content: "";
            display: block;
            height: 2rem;
            left: 50%;
            padding-bottom: 100%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 2rem
        }

    .flag-flash .international-sites .country-icon:before {
        animation: country-pulse 2s 5;
        box-shadow: 0 0 0 0 #000;
        transform: translate(-50%,-50%) scale(1)
    }

    .international-sites .country-icon svg {
        display: inline-block;
        height: .8rem;
        width: 1.2rem
    }

    @keyframes country-pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(0,0,0,.7);
            transform: translate(-50%,-50%) scale(.95)
        }

        70% {
            box-shadow: 0 0 0 10px transparent;
            transform: translate(-50%,-50%) scale(1)
        }

        to {
            box-shadow: 0 0 0 0 transparent;
            transform: translate(-50%,-50%) scale(.95)
        }
    }

    @media(max-width:1024px) {
        .mega-menu {
            background: #f8f8f8;
            height: 100%;
            left: 100%;
            overflow: auto;
            padding: 9.5rem 2rem 4rem;
            position: fixed;
            top: 0;
            transition: left .2s;
            width: 100%;
            z-index: 1000;
            display: flex;
            flex-direction: column;
        }

        .mobile-menu-open .mega-menu {
            left: 0
        }
    }

    .mega-menu__close {
        cursor: pointer;
        display: none;
        height: 2.4rem;
        margin-top: -1rem;
        position: absolute;
        right: 2rem;
        top: 3rem;
        width: 2.4rem;
        z-index: 1002
    }

    .filter-menu-close {
        top: -4rem;
    }

    @media(max-width:1024px) {
        .mega-menu__close {
            display: block
        }
    }

    .mega-menu__close span {
        background: #0f213d;
        display: block;
        height: .2rem;
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%
    }

        .mega-menu__close span:first-child {
            transform: rotate(45deg)
        }

        .mega-menu__close span:last-child {
            transform: rotate(-45deg)
        }

    .mega-menu__item {
        display: inline-block;
        margin-right: 8rem;
        position: relative
    }

    @media(max-width:1400px) {
        .mega-menu__item {
            margin-right: 4rem
        }
    }

    @media(max-width:1200px) {
        .mega-menu__item {
            margin-right: 2.5rem
        }
    }

    @media(max-width:1024px) {
        .mega-menu__item {
            display: block;
            margin-right: 0
        }
    }

    .mega-menu__hoverer {
        bottom: -2.7rem;
        display: block;
        left: -1rem;
        position: absolute;
        right: -1rem;
        top: -1rem;
        z-index: 1
    }

    @media(max-width:1024px) {
        .mega-menu__hoverer {
            display: none
        }
    }

    @media(max-width:1200px) {
        .mega-menu__hoverer {
            left: 0;
            right: 0
        }
    }

    .mega-menu__link {
        display: inline-block;
        position: relative;
        z-index: 2
    }

    @media(max-width:1024px) {
        .mega-menu__link {
            font-size: 3.6rem
        }
    }

    .mega-menu__link:after {
        --scale: 0;
        background: #0f213d;
        content: "";
        height: .1rem;
        left: 0;
        position: absolute;
        right: 0;
        top: calc(100% - 2px);
        transform: scaleX(0);
        transform: scaleX(var(--scale));
        transform-origin: 0 0;
        transition: transform .3s cubic-bezier(.455,.03,.515,.955)
    }

    @media(max-width:1023px) {
        .mega-menu__link:after {
            top: calc(100% - 1rem)
        }
    }

    .mega-menu__link.current-menu-item:after, .mega-menu__link.is-active:after, .mega-menu__link:hover:after {
        --scale: 1
    }

    .header__bottom ul li.mega-menu__controls {
        display: none;
        margin-top: 6rem;
    }

    @media(max-width:1024px) {
        .mega-menu__controls {
            display: block;
        }


        .header__bottom ul li.mega-menu__controls {
            display: inline-block;
            margin-top: 4rem;
        }
    }

    .mega-menu__buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem
    }

    @media(max-width:768px) {
        .mega-menu__button {
            width: calc(50% - 1rem)
        }
    }

    @media(max-width:550px) {
        .mega-menu__button {
            width: 100%
        }
    }

    .mega-menu__aux {
        margin-top: 8rem
    }

        .mega-menu__aux a {
            display: inline-block;
            margin-bottom: .7rem
        }

        .mega-menu__aux .icon {
            padding-left: 1.5rem
        }

        .mega-menu__aux .icon--location {
            background: url(/uc/js/dist/bcfd9a26c5de41f2c60d.svg) no-repeat 0 50%;
            background-size: .9rem
        }

        .mega-menu__aux .icon--account {
            background: url(/uc/js/dist/270e54b7c19e6102eb17.svg) no-repeat 0 50%;
            background-size: .9rem
        }

    .page-menu {
        background: #f8f8f8;
        font-size: 1.6rem;
        font-weight: 400;
        left: 0;
        min-height: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 3
    }

    .has-scrolled .page-menu {
        margin-top: 0
    }

    @media(min-width:1025px) {
        .page-menu {
            border-top: .2rem solid #f0f0f0;
            clip-path: polygon(0 0,100% 0,100% 0,0 0);
            padding-bottom: 4rem;
            padding-top: 4rem;
            top: var(--header-height);
            transition: clip-path .2s 0ms,visibility 0ms .2s;
            visibility: hidden;
            z-index: -1
        }

            .page-menu.is-active {
                clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
                transition: clip-path .2s 0ms,visibility 0ms 0ms;
                visibility: visible
            }

                .page-menu.is-active .page-menu__container {
                    transform: translateY(0)
                }
    }

    @media(max-width:1024px) {
        .page-menu {
            left: 100%;
            overflow: auto;
            padding: 9.5rem 2rem 4rem;
            transition: left .2s
        }

            .page-menu.is-active {
                left: 0
            }
    }

    @media(min-width:1025px) {
        .page-menu .page-menu__container {
            transform: translateY(calc(var(--page-menu-height)*-1));
            transition: .2s
        }
    }

    .page-menu__back, .page-menu__back svg {
        display: none;
        height: 1.9rem;
        left: 2rem;
        position: absolute;
        top: 3rem;
        width: 2.7rem;
        z-index: 5;
    }

    @media(max-width:1024px) {
        .page-menu__back, .page-menu__back svg {
            display: block;
        }
    }

    .page-menu__back svg {
        transform: rotate(180deg)
    }

    .page-menu__container {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 66% auto;
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media(max-width:1024px) {
        .page-menu__container {
            display: block;
            padding: 0
        }
    }

    .page-menu__links {
        position: relative;
        width: 100%
    }

    @media(max-width:1024px) {
        .page-menu__links {
            padding-bottom: 4rem;
            width: 100%
        }
    }

    .page-menu__sections {
        display: grid;
        grid-template-columns: 5fr 8fr
    }

    @media(max-width:650px) {
        .page-menu__sections {
            grid-template-columns: 1fr 1fr
        }
    }

    .page-menu__section {
        margin-bottom: 2rem
    }

        .page-menu__section:last-child {
            margin-bottom: 0
        }

    .page-menu__title {
        display: block;
        font-weight: 500;
        margin-bottom: 1.6rem
    }

    .page-menu__section--categories .page-menu__items {
        -moz-columns: 2;
        column-count: 2;
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    @media(max-width:650px) {
        .page-menu__section--categories .page-menu__items {
            -moz-columns: auto;
            columns: auto
        }
    }

    .page-menu__item {
        margin-bottom: 1.6rem
    }

        .page-menu__item span {
            cursor: pointer
        }

    .page-menu__link {
        display: inline-block;
        position: relative
    }

    .page-menu__link--no-hover {
        cursor: auto !important
    }

        .page-menu__link--no-hover:after {
            display: none
        }

    .page-menu__link:after {
        --scale: 0;
        background: #0f213d;
        content: "";
        height: .1rem;
        left: 0;
        position: absolute;
        right: 0;
        top: calc(100% - 2px);
        transform: scaleX(0);
        transform: scaleX(var(--scale));
        transform-origin: 0 0;
        transition: transform .3s cubic-bezier(.455,.03,.515,.955)
    }

    @media(max-width:1023px) {
        .page-menu__link:after {
            top: 100%
        }
    }

    .page-menu__link.current-menu-item:after, .page-menu__link.is-active:after, .page-menu__link:hover:after {
        --scale: 1
    }

    .page-menu__children {
        height: 100%;
        left: 100%;
        top: 0;
        width: 100%
    }

    @media(min-width:1025px) {
        .page-menu__children {
            opacity: 0;
            position: absolute;
            transform: translateY(1rem);
            transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms .2s;
            visibility: hidden
        }

            .page-menu__children.is-active {
                opacity: 1;
                transform: translateY(0);
                transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms 0ms;
                visibility: visible
            }
    }

    @media(max-width:1024px) {
        .page-menu__children {
            background: #f8f8f8;
            padding: 9.5rem 2rem 4rem;
            position: fixed;
            transition: left .2s
        }

            .page-menu__children.is-active {
                left: 0
            }
    }

    .page-menu__image {
        position: relative
    }

        .page-menu__image img {
            box-sizing: border-box;
            height: 100%;
            left: 0;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: center;
            object-position: center;
            position: absolute;
            top: 0;
            width: 100%
        }

    @media(max-width:1024px) {
        .page-menu__image {
            display: none
        }
    }

    .footer {
        background: #f8f8f8;
        padding: 8rem 0
    }

    @media(max-width:768px) {
        .footer {
            padding: 4rem 0
        }
    }

    .footer__top {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        grid-row-gap: 5.5rem;
        row-gap: 5.5rem
    }

    @media(max-width:768px) {
        .footer__top {
            -moz-column-gap: 2rem;
            column-gap: 2rem
        }
    }

    @media(max-width:550px) {
        .footer__top {
            -moz-column-gap: 1.6rem;
            column-gap: 1.6rem
        }
    }

    .footer__main {
        grid-column: span 4
    }

    @media(max-width:1440px) {
        .footer__main {
            align-items: center;
            display: flex;
            grid-column: span 12;
            justify-content: space-between
        }
    }

    .footer__columns {
        display: grid;
        grid-column: span 8;
        grid-template-columns: subgrid;
        grid-row-gap: 5.5rem;
        row-gap: 5.5rem
    }

    @media(max-width:1440px) {
        .footer__columns {
            grid-column: span 12
        }
    }

    .footer__column {
        grid-column: span 2
    }

    @media(max-width:1440px) {
        .footer__column {
            grid-column: span 3
        }
    }

    @media(max-width:768px) {
        .footer__column {
            grid-column: span 6
        }
    }

    .footer__logo {
        display: block;
        margin-bottom: 8rem;
        max-width: 13.2rem
    }

    @media(max-width:1440px) {
        .footer__logo {
            margin-bottom: 0
        }
    }

    @media(max-width:768px) {
        .footer .social-links {
            display: none
        }
    }

    .footer__heading {
        display: block;
        font-weight: 500;
        margin-bottom: 4rem
    }

    @media(max-width:768px) {
        .footer__heading {
            margin-bottom: 2rem
        }
    }

    .footer__navigation {
        display: flex;
        flex-direction: column
    }

        .footer__navigation a {
            margin-bottom: 1.6rem
        }

    @media(max-width:768px) {
        .footer__navigation a {
            margin-bottom: .8rem
        }
    }

    .footer__strap {
        display: flex;
        justify-content: space-between;
        margin-top: 16rem
    }

    @media(max-width:768px) {
        .footer__strap {
            display: block;
            margin-top: 8rem
        }
    }

    .footer--reduced .footer__strap {
        align-items: center;
        margin-top: 0
    }

    @media(max-width:768px) {
        .footer__policies {
            margin-left: -.8rem;
            margin-top: 2rem;
            width: calc(100% + 1.6rem)
        }
    }

    .footer--reduced .footer__policies {
        margin-top: 1.6rem
    }

    .footer__policies .footer__copyright, .footer__policies a {
        display: inline-block;
        margin-left: 2rem
    }

    @media(max-width:768px) {
        .footer__policies .footer__copyright, .footer__policies a {
            margin: 2rem .8rem 0
        }
    }

    .social-links {
        display: flex;
        flex-wrap: wrap;
        gap: 4rem
    }

    @media(max-width:1024px) {
        .social-links {
            gap: 2rem
        }
    }

    .social-links--right {
        justify-content: flex-end
    }

    .social-links__item {
        display: inline-block;
        flex-shrink: 0
    }

    .social-links__link {
        display: inline-block;
        height: 1.9rem
    }

        .social-links__link svg {
            height: 100%;
            width: auto
        }

    .section {
        margin-bottom: 8rem;
        margin-top: 8rem
    }

    .homepage .category-grid--category {
        margin-top: 0px;
    }

    #section-1 .section.video {
        margin-top: 2rem
    }

    @media(max-width:768px) {
        .section {
            margin-bottom: 4rem;
            margin-top: 4rem
        }

        #section-1 .section.video {
            margin-top: 2rem
        }
    }

    .section--large {
        margin-bottom: 16rem;
        margin-top: 16rem
    }

    @media(max-width:768px) {
        .section--large {
            margin-bottom: 8rem;
            margin-top: 8rem
        }
    }

    .section--padding {
        margin: 0;
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    @media(max-width:768px) {
        .section--padding {
            padding-bottom: 4rem;
            padding-top: 4rem
        }
    }

    .woocommerce-loop-product__link:hover .tease-product__cover {
        opacity: 1
    }

    .columns__content {
        font-size: 15px;
        line-height: 22.5px;
    }

    .columns__image {
        width: 100%;
        height: 360px;
        display: flex;
    }

        .columns__image img {
            object-fit: cover;
        }

    .brandlayout .quote__container {
        display: flex;
        justify-content: center;
    }

.standard_page .quote__container {
padding-left:40px;
max-width:unset;
max-width:initial;
}

.formcta-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-shadow: 2px 3px 0px #000000;
}
.formcta-wrap > div:first-of-type {
    padding-right:60px;
}
.formcta-wrap h2{
    text-shadow:none;
}
    .solutionlayout .quote__container, .brandlayout .quote__container {
        justify-content: flex-end;
        padding-right: 0px;
        max-width: initial;
    }

        .solutionlayout .wysiwyg-block__content, .brandlayout .quote__container .wysiwyg-block__content {
            text-align: left;
            font-size: 20px;
            font-weight: 400;
            line-height: 27.38px;
            letter-spacing: -0.02em;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            padding: 5.8rem 24rem 0rem 0rem;
        }
@media(max-width:816px) {
    .solutionlayout .wysiwyg-block__content, .brandlayout .quote__container .wysiwyg-block__content {
        padding: 40px;
    }
}

            .solutionlayout .wysiwyg-block__content h1, .brandlayout .wysiwyg-block__content h1 {
                text-align: left;
                font-size: 40px;
            }

    @media(max-width:768px) {
        .solutionlayout .wysiwyg-block__content, .brandlayout .wysiwyg-block__content {
            font-size: 16px;
        }

            .solutionlayout .wysiwyg-block__content h1, .brandlayout .wysiwyg-block__content h1 {
                font-size: 24px;
            }

        .solutionlayout .quote__container, .brandlayout .quote__container {
            justify-content: left;
        }

        .solutionlayout .wysiwyg-block__content, .brandlayout .wysiwyg-block__content {
            padding: 10px 10px;
            width: 100%;
        }
        .overlaygroup-wrap {
        top:136px;
        }
    }

.solutionlayout .ycta, .brandlayout .ycta, .dls-section .ycta, #orderfinishsample-form .ycta {
    background-color: #FFB607;
    color: #000000;
    margin-top: 30px;
}

.dls-section .ycta, #orderfinishsample-form .ycta {
    margin-top: 0px;
    font-size: 13px;
}

.standard_page .cta {
    margin-top: 40px;
    background-color: #0f213d;
    color:#ffffff;
    border-radius:4px;
    padding:20px;
    text-align:center;
}

    .cta-profile-wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width: 908px;
    }

    @media(max-width:768px) {
        .cta-profile-wrap {
            display: flex;
            flex-direction: column;
        }
    }

    .cta-profile-wrap div:first-of-type {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 18px;
        line-height: 22.01px;
        letter-spacing: -0.02em;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin-right: 8%;
    }

        .cta-profile-wrap div:first-of-type img {
            display: flex;
            height: 200px;
            width: auto;
        }

    .cta-profile-wrap .wysiwyg-block__content {
        font-size: 20px;
        font-weight: 400;
        line-height: 27.38px;
        letter-spacing: -0.02em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        text-align: left;
    }

        .cta-profile-wrap .wysiwyg-block__content h1 {
            font-size: 46px;
            font-weight: 700;
            line-height: 56.26px;
            letter-spacing: -0.02em;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
        }

    .cta-profile-wrap .ycta {
        background-color: #FFB607;
        color: #000000;
        margin-top: 30px;
    }

    @media(max-width:768px) {
        .cta-profile-wrap div:first-of-type img {
            height: unset;
            height: initial;
            max-width: 240px;
        }

        .cta-profile-wrap div:first-of-type {
            text-align: left;
            margin-block: 60px;
        }
    }

    .tease-product {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-start;
        /*width: 22.6%;*/
        margin-bottom: 20px;
        -webkit-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .warerelatedwares .tease-product {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        margin-bottom: 20px;
        -webkit-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .tease-product__thumbnail {
        background: #f8f8f8;
        height: 0;
        margin-bottom: 0px;
        padding-bottom: 127%;
        position: relative;
        width: 100%
    }

        /* .tease-product__thumbnail img {
            height: calc(100% - 3.2rem);
            left: 1.6rem;
            -o-object-fit: contain;
            object-fit: contain;
            position: absolute;
            top: 1.6rem;
            width: calc(100% - 3.2rem)
        }*/

        .tease-product__thumbnail img {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            position: absolute;
            width: 100%;
        }

            .tease-product__thumbnail img.in-use {
                -o-object-fit: cover;
                object-fit: cover;
            }

    .tease-product__cover {
        align-items: center;
        background: rgba(0,0,0,.4);
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: .2s;
        width: 100%
    }

    @media(max-width:550px) {
        .tease-product__cover {
            display: none
        }
    }

    .tease-product__cover-text {
        font-weight: 400
    }

    .tease-product__content {
        display: flex;
        justify-content: center;
        min-height: 58px;
    }

.productlistpage .tease-product__content {
    flex-direction: row;
    flex-wrap: nowrap;
}

    .tease-product__column {
        display: flex;
        flex-direction: column
    }
.tease-product__column span{
    text-align:center;
}

.tease-product__column--price {
    align-items: flex-end;
    flex-shrink: 0;
    justify-content: space-between;
    padding-left: .5rem;
    max-width: 50%;
}

    .collectionbase .carougallery4 .tease-product__thumbnail {
        background: #ffffff;
    }

        .collectionbase .carougallery4 .tease-product__thumbnail img {
            height: 40rem;
            width: auto;
            margin: 0px 10px;
        }

    .js-support-container .tease-product__column--price {
        display: none
    }

    .tease-product__title {
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 0 !important;
        font-weight:bold;
        padding-top:20px;
        text-align:center;
    }

    .tease-product__collections, .tease-product__sku {
        display: block;
        line-height: 1.4
    }

    .tease-product__collections {
        color: gray
    }

    .tease-product__finishes {
        display: flex;
        flex-wrap: wrap
    }

    .tease-product__finish {
        /*height: 1.1rem;width: 1.1rem;*/
        margin-bottom: .5rem;
        margin-left: .6rem;
    }

        .tease-product__finish img {
            border-radius: 50%;
            height: 100%;
            width: 100%
        }


    .productlistpage .tease-product__finish, .projectdetailpage .tease-product__finish, .productdetailbase .tease-product__finish, .collectionbase .tease-product__finish {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-end;
        width: fit-content;
    }

        .productlistpage .tease-product__finish .cblist-each, .projectdetailpage .tease-product__finish .cblist-each, .productdetailbase .tease-product__finish .cblist-each, .collectionbase .tease-product__finish .cblist-each {
            padding: 0px 3px;
            max-width: 18px;
            height: auto;
            padding-bottom: 2px;
        }

    @media(max-width:1200px) {
        .productlistpage .tease-product__finish .cblist-each, .productlistpage .tease-product__finish .cblist-each, .productdetailbase .tease-product__finish .cblist-each, .collectionbase .tease-product__finish .cblist-each {
            padding: 3px 3px;
        }
    }


    .tease-product__description {
        margin-top: 1.6rem
    }

    .tease-product__controls {
        align-items: center;
        display: flex;
        margin-top: 4rem
    }

    .tease-product__read-more {
        margin-left: 4rem
    }

    @media(max-width:768px) {
        .tease-product__read-more {
            display: none
        }
    }

    .tease-product__read-more .icon {
        display: inline-block;
        margin-left: .5rem;
        width: 1.2rem
    }

    .tease-product__tech-sheet {
        font-weight: 400;
        /*margin-top: 2.8rem*/
        width:100%;
    }

    a.tease-product__tech-sheet[href=''], a.productdetail-download[href=''] {
        diplay: none;
        visibility: hidden;
    }

    .link-list__items {
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }

    .link-list__item {
        margin-right: 4rem;
        margin-top: 2rem
    }

    @media(max-width:550px) {
        .link-list__item--button {
            margin-right: 0;
            width: 100%
        }

        .link-list__button {
            font-size: 1.4rem;
            padding-bottom: 1.2rem;
            padding-top: 1.2rem;
            /*width: 100%*/
        }

            .link-list__button .icon {
                height: 1.2rem
            }

            .link-list__button path {
                stroke-width: .1rem !important
            }
    }

    .link-list__link:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
        text-decoration-thickness: .2rem;
        text-underline-offset: .4rem;
        -webkit-text-decoration-skip: none;
        text-decoration-skip: none;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }

    .link-list__link svg {
        display: inline-block;
        margin-left: .8rem;
        width: 1.1rem
    }

    .link-list__link path {
        stroke-width: .2rem
    }

    .tease-project:hover .tease-project__thumbnail img {
        scale: 1.03
    }

    .tease-project__thumbnail {
        margin-bottom: 2rem;
        overflow: hidden
    }

        .tease-project__thumbnail img {
            transition: .35s ease-in-out;
            object-fit: cover;
            height: 332px;
        }

    .homepage .project-grid__item {
        /*width: 32.3%;*/
    }

    @media(max-width:1024px) {
        .homepage .project-grid__item {
            /*width: 31.8%;*/
        }
    }

    @media(max-width:948px) {
        .homepage .project-grid__item {
            /*width: 31.6%;*/
        }
    }

    @media(max-width:826px) {
        .homepage .project-grid__item {
            /*width: 31.4%;*/
        }
    }



    .projectspage .tease-project__thumbnail img {
        height: 410px;
    }

    .tease-project__locations {
        color: gray;
        display: block;
        margin-top: .8rem
    }

    .social-share {
        text-align: center
    }

    @media(max-width:1200px) {
        .social-share {
            display: flex;
            flex-wrap: wrap
        }
    }

    .social-share__item {
        margin-bottom: 2rem
    }

    @media(max-width:1200px) {
        .social-share__item {
            margin-right: 1.6rem
        }

            .social-share__item:last-child {
                margin-right: 0
            }
    }

    .social-share__link {
        display: inline-block
    }

    .social-share svg {
        height: 2rem;
        width: auto
    }

    .video-grid__items {
        display: grid;
        grid-gap: 4rem 4rem;
        grid-template-columns: repeat(2,1fr)
    }

    @media(max-width:768px) {
        .video-grid__items {
            grid-gap: 8rem 2rem;
            grid-template-columns: repeat(1,1fr)
        }
    }

    .video-grid__video {
        margin-bottom: 4rem
    }

    @media(max-width:768px) {
        .video-grid__video {
            margin-bottom: 2rem
        }
    }

    .video-grid__poster {
        cursor: pointer;
        position: relative
    }

        .video-grid__poster:hover .video-grid__button {
            background-position: 0 0;
            transform: translate(-50%,-50%) scale(1.05)
        }

    .video-grid__button {
        height: 7rem;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: .2s;
        width: 7rem
    }

    .video-grid__heading {
        display: block
    }

    .video-grid__description {
        margin-top: .8rem
    }

    .video-grid__close {
        background-color: #0f213d;
        border-radius: 50%;
        cursor: pointer;
        height: 4rem;
        padding: 1rem;
        position: absolute;
        right: 2rem;
        top: 2rem;
        width: 4rem;
        z-index: 10
    }

        .video-grid__close svg {
            height: 2rem;
            width: 2rem
        }

        .video-grid__close path {
            fill: #fff !important
        }

    .faqs__item {
        border-bottom: .1rem solid #d9d9d9;
        padding: 2rem 0
    }

        .faqs__item:first-child {
            padding-top: 0
        }

        .faqs__item:last-child {
            border-bottom: 0;
            padding-bottom: 0
        }

        .faqs__item.is-active .faqs__question .icon span:last-child {
            opacity: 0
        }

    .faqs__question {
        display: block;
        padding-right: 4rem;
        position: relative;
        width: 100%
    }

        .faqs__question .icon {
            background: #0f213d;
            border-radius: 50%;
            height: 2rem;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 2rem
        }

            .faqs__question .icon span {
                background: #fff;
                display: block;
                height: .1rem;
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%,-50%);
                width: .8rem
            }

                .faqs__question .icon span:last-child {
                    transform: translate(-50%,-50%) rotate(90deg)
                }

    .faqs__answer {
        padding-top: 4rem
    }


    .archive-head__header {
        background: #f8f8f8;
        padding: 8rem 0;
        position: relative
    }

        .archive-head__header:before {
            background: #f8f8f8;
            bottom: 100%;
            content: "";
            display: block;
            height: 100vh;
            left: 0;
            position: absolute;
            width: 100%
        }

    .archive-head__heading {
        max-width: 90rem
    }

    .archive-head__content {
        margin-top: 1.6rem;
        max-width: 70rem
    }

    .archive-head__links {
        margin-top: 4rem
    }

    .archive-head__cateories-wrap {
        /*padding-right: 4rem;*/
        position: relative
    }


    .linkbar-links {
        /*padding: 0vw 16.5vw;*/
        justify-content: left;
        width: 100%;
        height: 80px;
        background-color: #f8f8f8;
        display: flex;
        align-items: center;
        margin-bottom: 40px;
    }

        .linkbar-links:empty {
            background-color: #ffffff;
        }

    .blogpage .linkbar-links {
        /*padding: 0px 31.2rem 62px 31.2rem;*/
    }

    .linkbar-links ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 144rem;
        padding-left: 8rem;
        padding-left: var(--container-padding);
        padding-right: 8rem;
        padding-right: var(--container-padding);
        width: 100%;
        padding:0px 40px;
    }

        .linkbar-links ul li {
            padding: 0px 40px 0px 0px;
        }

            .linkbar-links ul li:first-of-type {
                /*padding: 0px 20px 0px 0px;*/
            }

    .linkbar-links .mobilescroll {
        display: none;
        visibility: hidden;
    }

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


        .linkbar-links ul {
            flex-wrap: nowrap;
            overflow-x: scroll;
            scrollbar-width: none;
            margin: 0px 18px;
        }

            .linkbar-links ul li {
                white-space: nowrap;
            }

                .linkbar-links ul li:last-of-type {
                    padding-right: 80px;
                }

        .linkbar-links .mobilescroll {
            visibility: visible;
            display: flex;
            position: absolute;
            right: 0px;
            width: 70px;
            background: linear-gradient(to left, rgba(247, 247, 247, 0.2), #f8f8f8);
            background: linear-gradient(to left, #f8f8f8, rgba(247,247,247,.8) 58px);
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    .archive-head__cateories {
        margin-top: 2.4rem;
        overflow-x: scroll;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

        .archive-head__cateories::-webkit-scrollbar {
            display: none
        }

    .archive-head__category {
        display: inline-block;
        margin-right: 4rem;
        margin-top: 1.6rem
    }

    .archive-head__category--active {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .archive-head__scroll {
        background: #f8f8f8;
        bottom: 0;
        cursor: pointer;
        display: none;
        height: 100%;
        position: absolute;
        right: 0;
        width: 4rem
    }

        .archive-head__scroll.is-active {
            display: block
        }

        .archive-head__scroll svg {
            bottom: .8rem;
            position: absolute;
            right: 0;
            width: 2rem
        }

    @media(max-width:768px) {
        .archive-head__scroll svg {
            bottom: .4rem
        }
    }

    .archive-filter {
        background: #fff;
        margin-bottom: 4rem;
        margin-top: 4rem;
        padding-bottom: 4rem;
        position: relative;
        z-index: 10
    }

    @media(max-width:768px) {
        .archive-filter {
            background: #f8f8f8;
            margin-top: -4rem
        }
    }

    @media(min-width:769px) {
        .archive-filter--list {
            padding-bottom: 0
        }
    }

    .archive-filter__content {
        display: grid;
        grid-template-columns: 20% auto 20%
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter__content {
            grid-template-columns: auto 15rem 0
        }
    }

    @media(max-width:768px) {
        .archive-filter__content {
            grid-gap: 2rem;
            grid-template-columns: repeat(2,1fr);
            width: calc(100% + 2rem)
        }
    }

    .archive-filter__refine {
        display: none
    }

    @media(max-width:768px) {
        .archive-filter__refine {
            display: block
        }
    }

    .archive-filter__refine--no-sorting {
        grid-column: 1/span 2
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter__count {
            grid-column: 2/span 1;
            text-align: right
        }
    }

    @media(max-width:768px) {
        .archive-filter__count {
            color: gray;
            grid-column: 1/span 2;
            grid-row: 2;
            text-align: center
        }
    }

    .archive-filter__count .total {
        display: inline-block;
        margin-right: .3em;
        transform: translateY(.1rem)
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter__filters {
            grid-column: 1;
            grid-row: 1
        }
    }

    @media(max-width:768px) {
        .archive-filter__filters {
            background: #f8f8f8;
            height: 100%;
            left: 100%;
            padding: 8rem 2rem 4rem;
            position: fixed;
            top: 0;
            transition: left .2s;
            width: 100%;
            z-index: 2000
        }

            .archive-filter__filters.is-active {
                left: 0;
            }
    }

    .archive-filter__items {
        text-align: center
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter__items {
            text-align: left
        }
    }

    @media(max-width:768px) {
        .archive-filter__items {
            position: relative;
            text-align: left
        }
    }

    .archive-filter__close {
        cursor: pointer;
        display: none;
        height: 2.4rem;
        margin-top: -1rem;
        position: absolute;
        right: 0;
        top: -4rem;
        width: 2.4rem
    }

    @media(max-width:768px) {
        .archive-filter__close {
            display: block
        }
    }

    .archive-filter__close span {
        background: #0f213d;
        display: block;
        height: .2rem;
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%
    }

        .archive-filter__close span:first-child {
            transform: rotate(45deg)
        }

        .archive-filter__close span:last-child {
            transform: rotate(-45deg)
        }

    .archive-filter__item {
        display: inline-block;
        margin: 0 2rem
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter__item {
            margin: 0
        }
    }

    @media(max-width:768px) {
        .archive-filter__item {
            display: block;
            margin: 0 0 1.6rem
        }
    }

    .archive-filter__trigger {
        cursor: pointer;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter__trigger {
            display: none
        }
    }

    @media(max-width:768px) {
        .archive-filter__trigger {
            display: block;
            font-size: 2rem;
            padding-bottom: 2rem;
            padding-right: 3rem;
            padding-top: 2rem;
            position: relative
        }
    }

    .archive-filter__trigger:after {
        content: "+";
        display: inline-block;
        margin-left: .8rem;
        width: .6rem
    }

    @media(max-width:768px) {
        .archive-filter__trigger:after {
            background: url(/uc/js/dist/7024aaa69499f217b009.svg) no-repeat;
            background-size: contain;
            content: "";
            height: 1.9rem;
            position: absolute;
            right: 0;
            width: 2.7rem
        }
    }

    .archive-filter__trigger.is-active:after {
        content: "-"
    }

    .archive-filter__sorting {
        text-align: right
    }

    @media(max-width:768px) {
        .archive-filter__sorting {
            grid-column: 2;
            grid-row: 1
        }
    }

    .archive-filter__select {
        position: relative
    }

        .archive-filter__select:after {
            background: url(/uc/js/dist/fc94d22bdfe802c78443.svg) no-repeat;
            background-size: contain;
            content: "";
            display: block;
            height: .6rem;
            margin-top: -.15rem;
            position: absolute;
            right: 0;
            top: 50%;
            width: .8rem
        }

    @media(max-width:768px) {
        .archive-filter__select:after {
            margin-top: -.3rem;
            right: .8rem
        }
    }

    .archive-filter__select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        border: 0;
        padding-right: 1.5rem
    }

    @media(max-width:768px) {
        .archive-filter__select select {
            background: #fff;
            border: .1rem solid gray;
            border-radius: .3rem;
            padding: .8rem 1.6rem;
            text-align: center;
            width: 100%
        }
    }

    .archive-filter__select select:focus {
        outline: none
    }

    .archive-filter__active {
        grid-column: 1/span 3;
        min-height: 4rem;
        padding-top: 1.1rem;
        text-align: center
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter__active {
            display: none
        }
    }

    @media(max-width:768px) {
        .archive-filter__active {
            min-height: 0;
            padding-top: 0
        }
    }

    .archive-filter__clear {
        cursor: pointer;
        display: inline-block;
        margin: .5rem 2rem 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

        .archive-filter__clear:after {
            content: "+";
            display: inline-block;
            margin-left: .4rem;
            transform: rotate(45deg) scale(1.4)
        }

    .archive-filter__clear--all {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

        .archive-filter__clear--all:after {
            display: none
        }

    .archive-filter-options {
        background: #f8f8f8;
        position: absolute
    }

    @media(min-width:769px) {
        .archive-filter-options {
            left: 0;
            opacity: 0;
            padding: 4rem 0;
            top: 100%;
            transform: translateY(-1rem);
            transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms .2s;
            visibility: hidden;
            width: 100%;
            z-index: 100
        }

        .archive-filter--list .archive-filter-options {
            background: none;
            left: auto;
            opacity: 1;
            padding: 0;
            position: relative;
            top: auto;
            transform: none;
            transition: none;
            visibility: visible;
            width: auto;
            z-index: auto
        }
    }

    @media(max-width:768px) {
        .archive-filter-options {
            height: 100%;
            left: 100%;
            padding: 8rem 2rem 4rem;
            position: fixed;
            top: 0;
            transition: left .2s 0ms;
            width: 100%;
            z-index: 2100
        }
    }

    @media(min-width:769px) {
        .archive-filter-options.is-active {
            opacity: 1;
            transform: translateY(0);
            transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms 0ms;
            visibility: visible
        }
    }

    @media(max-width:768px) {
        .archive-filter-options.is-active {
            left: 0
        }
    }

    .archive-filter-options__back {
        display: none;
        height: 1.9rem;
        left: 2rem;
        position: absolute;
        top: 2.9rem;
        width: 2.7rem
    }

    @media(max-width:768px) {
        .archive-filter-options__back {
            display: block
        }
    }

    .archive-filter-options__back svg {
        transform: rotate(180deg)
    }

    .archive-filter-options .archive-filter__close {
        margin-top: 0;
        right: 2rem;
        top: 2.9rem
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__container {
            max-width: auto;
            padding: 0
        }
    }

    @media(max-width:768px) {
        .archive-filter-options__container {
            padding: 0
        }
    }

    .archive-filter-options__heading {
        display: none
    }

    .archive-filter-options__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__items {
            justify-content: flex-start
        }
    }

    @media(max-width:768px) {
        .archive-filter-options__items {
            display: block
        }
    }

    .archive-filter-options__item {
        cursor: pointer;
        margin: 0 2rem 4rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__item {
            align-items: center;
            background: #f8f8f8;
            border-radius: 2rem;
            display: flex;
            margin: 0 2rem 2rem 0;
            padding: .8rem 2rem
        }
    }

    @media(max-width:768px) {
        .archive-filter-options__item {
            border-top: .1rem solid #d9d9d9;
            margin: 0;
            padding: 2rem 4rem 2rem 0;
            position: relative
        }
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__item.is-active {
            background: #0f213d;
            color: #fff
        }
    }

    @media(max-width:768px) {
        .archive-filter-options__item.is-active {
            font-weight: 500
        }

            .archive-filter-options__item.is-active:after {
                background: url(/uc/js/dist/8f242e7c6699a18546d8.svg) no-repeat;
                background-size: contain;
                content: "";
                display: block;
                height: 1.1rem;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 1.6rem
            }
    }

    .archive-filter-options__item.is-active .archive-filter-options__image {
        border-color: #0f213d
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__item.is-active .archive-filter-options__image {
            border-color: transparent
        }
    }

    @media(max-width:768px) {
        .archive-filter-options__item.is-active .archive-filter-options__image {
            border-color: transparent
        }
    }

    .archive-filter-options__item--image {
        max-width: 20%;
        width: 100%
    }

    @media(max-width:768px) {
        .archive-filter-options__item--image {
            max-width: 100%
        }

            .archive-filter-options__item--image .archive-filter-options__image {
                display: none
            }

        .archive-filter-options__item--icon {
            display: flex
        }
    }

    .archive-filter-options__item--icon .archive-filter-options__image {
        border-radius: 50%;
        height: 6rem;
        position: relative;
        width: 6rem
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__item--icon .archive-filter-options__image {
            display: inline-block;
            height: 1.8rem;
            width: 1.8rem
        }
    }

    @media(max-width:768px) {
        .archive-filter-options__item--icon .archive-filter-options__image {
            height: 2.5rem;
            margin: 0 2rem 0 0;
            width: 2.6rem
        }
    }

    .archive-filter-options__item--icon .archive-filter-options__image img {
        border-radius: 50%;
        box-sizing: border-box;
        height: 100%;
        height: calc(100% - .4rem);
        left: 0;
        left: .2rem;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        top: .2rem;
        width: 100%;
        width: calc(100% - .4rem)
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__item--icon .archive-filter-options__image img {
            height: 100%;
            left: 0;
            top: 0;
            width: 100%
        }

        .archive-filter-options__item--text .archive-filter-options__name {
            background: #fff;
            border: .2rem solid transparent;
            border-radius: .3rem;
            display: inline-block;
            padding: .8rem 1.6rem
        }

        .archive-filter-options__item--text.is-active .archive-filter-options__name {
            border-color: #0f213d
        }
    }

    .archive-filter-options__image {
        border: .2rem solid transparent;
        margin: 0 auto 1.6rem;
        padding: .2rem
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__image {
            margin-bottom: 0
        }

        .archive-filter--list .archive-filter-options__name {
            margin-left: .6rem
        }
    }

    @media(max-width:768px) {
        .archive-filter-options__name {
            font-size: 1.6rem
        }
    }

    @media(min-width:769px) {
        .archive-filter--list .archive-filter-options__apply-wrap {
            display: none
        }
    }

    @media(max-width:768px) {
        .archive-filter-options__apply-wrap {
            margin-top: 2rem;
            text-align: center
        }

        .archive-filter-options__apply {
            min-width: 50%
        }
    }

    @media(max-width:550px) {
        .archive-filter-options__apply {
            width: 100%
        }
    }

    .search-window {
        background: #f8f8f8;
        height: calc(100% - 12.4rem);
        left: 0;
        opacity: 0;
        padding: 8rem 0;
        position: fixed;
        top: 12.4rem;
        transform: translateY(-1rem);
        transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms .2s;
        visibility: hidden;
        width: 100%;
        z-index: 100
    }

    @media(max-width:1024px) {
        .search-window {
            height: calc(100% - 6.5rem);
            top: 6.5rem
        }
    }

    .search-window.is-active {
        opacity: 1;
        transform: translateY(0);
        transition: opacity .2s 0ms,transform .2s 0ms,visibility 0ms 0ms;
        visibility: visible;
        z-index: 9999;
    }

    .search-window__container {
        position: relative
    }

    .search-window__container--full {
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media(max-width:550px) {
        .search-window__container--full {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .search-window__container--small {
        height: 100%;
        padding-top: 6rem;
        position: relative
    }

    .search-window__wrapper {
        height: 100%;
        overflow: auto
    }

    .search-window__close {
        cursor: pointer;
        height: 2.4rem;
        margin-top: -1rem;
        position: absolute;
        right: 2rem;
        top: -4rem;
        width: 2.4rem
    }

        .search-window__close span {
            background: #0f213d;
            display: block;
            height: .2rem;
            left: 0;
            position: absolute;
            top: 50%;
            width: 100%
        }

            .search-window__close span:first-child {
                transform: rotate(45deg)
            }

            .search-window__close span:last-child {
                transform: rotate(-45deg)
            }

    .search-window__form {
        left: 8rem;
        position: absolute;
        right: 8rem;
        top: 0
    }

    @media(max-width:1024px) {
        .search-window__form {
            left: 2rem;
            right: 2rem
        }
    }

    .search-window__input {
        background: none;
        border: 0;
        border-bottom: .2rem solid #0f213d;
        font-weight: 400;
        padding: .5rem 4rem .5rem 0;
        width: 100%
    }

        .search-window__input:focus {
            outline: none
        }

    .search-window__submit {
        background: none;
        border: 0;
        display: block;
        height: 2.6rem;
        padding: 0;
        position: absolute;
        right: 0;
        top: .5rem;
        width: 2.6rem
    }

    .search-window__results {
        /*display: grid;
        grid-gap: 8rem 4rem;
        grid-template-columns: repeat(2,1fr);
        margin-top: 4rem*/
    }

    .homepage .search-window__results {
        display: flex;
        grid-gap: unset;
        grid-template-columns: unset;
        margin-top: 2rem;
    }

    @media(max-width:1024px) {
        .search-window__results {
            /*    grid-gap: 4rem;
            grid-template-columns: repeat(1,1fr)*/
        }
    }

    .search-window__post-type {
        display: block;
        margin-bottom: 2rem
    }

    .search-window__posts {
        display: flex;
        flex-direction: column
    }

        .search-window__posts a {
            margin-bottom: .8rem;
            text-transform: capitalize
        }

            .search-window__posts a:hover {
                -webkit-text-decoration: underline;
                text-decoration: underline
            }

        .search-window__posts span {
            font-weight: 500
        }

    .search-window__error {
        display: block;
        font-weight: 400;
        grid-column: 1/span 2;
        text-align: center
    }

    .pagination {
        margin-top: 4rem
    }

    .pagination__items {
        display: flex
    }

    .pagination__item {
        border: .1rem solid #d9d9d9;
        border-right: 0
    }

    .pagination__item--prev svg {
        transform: translateY(.3rem) rotate(180deg) !important
    }

    .pagination__item:last-child {
        border-right: .1rem solid #d9d9d9
    }

    .pagination__item--current a {
        background: #f8f8f8
    }

    .pagination a {
        display: block;
        line-height: 1;
        min-height: 3.2rem;
        min-width: 3.2rem;
        padding: .8rem;
        text-align: center
    }

        .pagination a:hover {
            background: #f8f8f8
        }

    .pagination svg {
        transform: translateY(.3rem);
        width: 1.5rem
    }

    .modal {
        background: rgba(26,26,26,.5);
        bottom: 0;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: visibility 0ms .3s,opacity .2s .1s;
        visibility: hidden;
        z-index: 10000
    }

        .modal.is-active {
            opacity: 1;
            transition: visibility 0ms 0ms,opacity .2s 0ms;
            visibility: visible
        }

            .modal.is-active .modal__popup {
                opacity: 1;
                transform: translate(-50%,-50%);
                transition: opacity .2s .1s,transform .2s .1s
            }

    .modal__popup {
        background: #0f213d;
        color: #ccc;
        left: 50%;
        max-height: calc(100vh - 4rem);
        max-width: calc(100vw - 4rem);
        opacity: 0;
        padding: 4rem;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translate(-50%,-40%);
        transition: opacity .2s 0ms,transform .2s 0ms;
        width: 70rem
    }

    .modal__content {
        margin-top: .5rem
    }

    .modal__controls {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 4rem
    }

    .modal__button {
        margin: 0 1.6rem
    }

    .modal__button--hollow {
        border-color: #fff
    }

        .modal__button--hollow:hover {
            background: #ccc;
            border-color: #ccc;
            color: #0f213d
        }

    .modal__button--solid {
        border-color: #fff;
        color: #0f213d
    }

        .modal__button--solid:hover {
            background: #bf2e48;
            border-color: #bf2e48;
            color: #fff
        }

    .dialog, .marketing-popup {
        background: rgba(26,26,26,.8);
        bottom: 0;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: visibility 0ms .3s,opacity .2s .1s;
        visibility: hidden;
        z-index: 10000
    }

        .dialog.is-active, .marketing-popup.is-active {
            opacity: 1;
            transition: visibility 0ms 0ms,opacity .2s 0ms;
            visibility: visible
        }

            .dialog.is-active .dialog__popup, .dialog.is-active .marketing-popup__popup, .marketing-popup.is-active .dialog__popup, .marketing-popup.is-active .marketing-popup__popup {
                opacity: 1;
                transform: translate(-50%,-50%);
                transition: opacity .2s .1s,transform .2s .1s
            }

    .dialog__popup, .marketing-popup__popup {
        background: #fff;
        border-radius: .3rem;
        left: 50%;
        max-height: calc(100vh - 4rem);
        max-width: calc(100vw - 4rem);
        opacity: 0;
        padding: 6rem;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-40%);
        transition: opacity .2s 0ms,transform .2s 0ms;
        width: 57rem
    }

    .dialog__close, .marketing-popup__close {
        cursor: pointer;
        position: absolute;
        right: 2rem;
        top: 2rem
    }

        .dialog__close svg, .marketing-popup__close svg {
            height: 2rem;
            width: 2rem
        }

    .dialog__content-wrap, .marketing-popup__content-wrap {
        height: 100%;
        max-height: 100%
    }

    .dialog__content, .marketing-popup__content {
        max-height: 100%;
        overflow: auto;
        padding-right: 4rem;
        width: calc(100% + 4rem)
    }

    .dialog__instructions, .marketing-popup__instructions {
        display: block;
        margin-bottom: 4rem
    }

    .dialog .form, .marketing-popup .form {
        width: 100%
    }

        .dialog .form[data-loading=true], .marketing-popup .form[data-loading=true] {
            opacity: .5
        }

    .dialog .form__5050, .marketing-popup .form__5050 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem
    }

    .dialog .form__field, .marketing-popup .form__field {
        margin-bottom: 1.6rem
    }

    .dialog .form__label, .marketing-popup .form__label {
        color: gray
    }

    .dialog .form__input, .marketing-popup .form__input {
        border: 0;
        border-bottom: .1rem solid #0f213d;
        border-radius: 0;
        margin: 0;
        padding: .8rem 0;
        width: 100%
    }

        .dialog .form__input:focus, .marketing-popup .form__input:focus {
            outline: none
        }

        .dialog .form__input.invalid, .marketing-popup .form__input.invalid {
            border-color: #bf2e48
        }

    .dialog .form .validation-error, .marketing-popup .form .validation-error {
        color: #bf2e48;
        transform: translateY(.3rem)
    }

    .dialog .form__controls, .marketing-popup .form__controls {
        margin-top: 4rem
    }

    .dialog .form__submit .icon, .marketing-popup .form__submit .icon {
        margin-right: .7rem;
        width: 1rem
    }

    .dialog .response a, .marketing-popup .response a {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .dialog__popup {
        height: 100rem
    }

    .marketing-popup__popup {
        height: 80rem
    }

    .wysiwyg-block {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    @media(max-width:768px) {
        .wysiwyg-block {
            padding-bottom: 4rem;
            padding-top: 4rem
        }
    }

    .wysiwyg-block--grey {
        background: #f8f8f8
    }

    .wysiwyg-block--no-heading .wysiwyg-block__content {
        margin-left: auto;
        margin-right: auto
    }

    .wysiwyg-block--slim {
        padding-bottom: 0;
        padding-top: 0
    }

    .wysiwyg-block__container {
        display: flex;
    }

    .blogdetailpage .wysiwyg-block__container {
        justify-content: center;
    }

    .solutionlayout .wysiwyg-block__container {
        flex-direction: column;
    }

.solutionlayout .img-section, .lp-content .img-section {
    display: flex;
    width: 1136px;
    height: 320px;
    position: relative;
    margin-top: 40px;
}

        .solutionlayout .img-section img, .lp-content .img-section img {
            object-fit: cover;
        }

.lp-content .columns__card {
background-color:#ffffff;
}

.lp-content .columns__text {
padding:4px;
text-align:left;
}

@media(max-width:768px) {
    .solutionlayout .img-section {
            width: 100%;
        }
    }

    @media(max-width:1024px) {
        .wysiwyg-block__container {
            display: block
        }
    }

    .wysiwyg-block__heading {
        width: 40rem;
    }

    @media(max-width:1024px) {
        .wysiwyg-block__heading {
            margin-bottom: 2rem;
            width: 100%
        }
    }

    .wysiwyg-block__content {
        max-width: 80rem;
        padding: 0 4rem
    }

    @media(max-width:1024px) {
        .wysiwyg-block__content {
            padding: 0
        }
    }

    .image-carousel22--grey, .image-carousel--grey {
        background: #f8f8f8;
        margin: 0;
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    @media(max-width:768px) {
        .image-carousel22--grey, .image-carousel--grey {
            padding-bottom: 4rem;
            padding-top: 4rem
        }
    }

    .image-carousel22__item, .image-carousel__item {
        margin-right: 1.6rem
    }

    .image-carousel22__image, .image-carousel__image {
        height: 40rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    @media(max-width:768px) {
        .image-carousel22__image, .image-carousel__image {
            height: 30rem
        }
    }

    .image-carousel22__image img, .image-carousel__image img {
        height: 100%;
        max-width: none;
        width: auto
    }

    .image-carousel22__image video, .image-carousel__image video {
        height: 100% !important;
        max-width: none;
        width: auto !important
    }

    ._5050__header {
        margin-bottom: 8rem;
        text-align: center
    }

    ._5050__subheading {
        margin: 2rem auto 0;
        max-width: 70rem
    }

    ._5050__item {
        background: #f8f8f8;
        display: grid;
        grid-auto-flow: dense;
        grid-gap: 8rem;
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 8rem
    }

    @media(max-width:1024px) {
        ._5050__item {
            grid-gap: 4rem
        }
    }

    @media(max-width:768px) {
        ._5050__item {
            display: block;
            margin-bottom: 4rem
        }
    }

    ._5050--white ._5050__item {
        background: #fff
    }

    ._5050--dark ._5050__item {
        background: #dfddde
    }

    ._5050__items--even ._5050__item:nth-child(odd) ._5050__media, ._5050__items--odd ._5050__item:nth-child(2n) ._5050__media {
        grid-column: 2
    }

    ._5050__items--even ._5050__item:nth-child(odd) ._5050__media--image, ._5050__items--odd ._5050__item:nth-child(2n) ._5050__media--image {
        padding: 8rem 8rem 8rem 0
    }

    @media(max-width:1024px) {
        ._5050__items--even ._5050__item:nth-child(odd) ._5050__media--image, ._5050__items--odd ._5050__item:nth-child(2n) ._5050__media--image {
            padding: 4rem 4rem 4rem 0
        }
    }

    @media(max-width:768px) {
        ._5050__items--even ._5050__item:nth-child(odd) ._5050__media--image, ._5050__items--odd ._5050__item:nth-child(2n) ._5050__media--image {
            padding: 2rem
        }
    }

    ._5050__items--even ._5050__item:nth-child(odd) ._5050__content, ._5050__items--odd ._5050__item:nth-child(2n) ._5050__content {
        padding: 8rem 0 8rem 8rem
    }

    @media(max-width:1024px) {
        ._5050__items--even ._5050__item:nth-child(odd) ._5050__content, ._5050__items--odd ._5050__item:nth-child(2n) ._5050__content {
            padding: 4rem 0 4rem 4rem
        }
    }

    @media(max-width:768px) {
        ._5050__items--even ._5050__item:nth-child(odd) ._5050__content, ._5050__items--odd ._5050__item:nth-child(2n) ._5050__content {
            padding: 2rem
        }
    }

    ._5050__item:last-child {
        margin-bottom: 0
    }

    ._5050__media--image {
        align-items: center;
        display: flex;
        padding: 8rem 0 8rem 8rem
    }

    @media(max-width:1024px) {
        ._5050__media--image {
            padding: 4rem 0 4rem 4rem
        }
    }

    @media(max-width:768px) {
        ._5050__media--image {
            padding: 2rem
        }
    }

    ._5050__media--image video {
        height: auto;
        width: 100%
    }

    ._5050__media--background {
        position: relative
    }

    @media(max-width:768px) {
        ._5050__media--background {
            height: 0;
            padding-bottom: 75%;
            width: 100%
        }
    }

    ._5050__media--background img, ._5050__media--background video {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    ._5050__icon {
        margin-bottom: spaciong(2)
    }

        ._5050__icon svg {
            height: 5rem;
            width: auto
        }

    ._5050__content {
        padding: 8rem 8rem 8rem 0
    }

    ._5050--white ._5050__content {
        padding-left: 0;
        padding-right: 0
    }

    @media(max-width:1024px) {
        ._5050__content {
            padding: 4rem 4rem 4rem 0
        }
    }

    @media(max-width:768px) {
        ._5050__content {
            padding: 2rem
        }
    }

    .video__header {
        margin-bottom: 8rem;
        text-align: center
    }

    @media(max-width:768px) {
        .video__header {
            margin-bottom: 4rem
        }
    }

    @media(max-width:550px) {
        .video__header {
            margin-bottom: 2rem
        }
    }

    .video__heading {
        margin-left: auto;
        margin-right: auto;
        max-width: 90rem
    }

    .video__content {
        margin: 2rem auto 0;
        max-width: 70rem
    }

    .technical-specifications__segment {
        border-bottom: .1rem solid #d9d9d9;
        display: flex;
        padding: 4rem 0
    }

    @media(max-width:1024px) {
        .technical-specifications__segment {
            border-bottom: 0;
            display: block
        }
    }

    .technical-specifications__heading {
        flex-grow: 0;
        flex-shrink: 0;
        padding-right: 2rem;
        width: 17rem
    }

    @media(max-width:1024px) {
        .technical-specifications__heading {
            border-bottom: .1rem solid #d9d9d9;
            padding-bottom: 1.6rem;
            padding-right: 0;
            width: 100%
        }
    }

    .technical-specifications__items {
        flex-grow: 1
    }

    .technical-specifications__item {
        border-bottom: .1rem solid #d9d9d9;
        display: flex;
        padding: 2rem 0
    }

    @media(max-width:1024px) {
        .technical-specifications__item {
            border: 0;
            padding-bottom: 0
        }
    }

    .technical-specifications__item:last-child {
        border: 0
    }

    .technical-specifications__title {
        color: gray;
        flex-grow: 0;
        flex-shrink: 0;
        padding-right: 2rem;
        width: 22.5rem
    }

    @media(max-width:768px) {
        .technical-specifications__title {
            width: 19rem
        }
    }

    .technical-specifications__file {
        line-height: 1.6
    }

        .technical-specifications__file .icon {
            display: inline-block;
            height: 1.4rem;
            margin-left: .8rem;
            width: 1.5rem
        }

            .technical-specifications__file .icon path {
                stroke-width: .2rem
            }

    @media(max-width:1024px) {
        .technical-specifications__image {
            padding-top: 2rem
        }
    }

    .hero {
        padding: 11rem 0 16rem;
        position: relative
    }

    @media(max-width:768px) {
        .hero {
            padding: 8rem 0
        }
    }

    .hero--dark .hero__text {
        color: #0f213d
    }

    .hero--light .link-list__link path {
        stroke: #fff
    }

    .hero__background img {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    @media(max-width:768px) {
        .hero__video {
            display: none
        }
    }

    .hero__video video {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .hero__text {
        color: #fff;
        max-width: 70rem;
        padding-bottom: 5rem;
        position: relative
    }

    @media(max-width:768px) {
        .hero__text {
            padding: 0
        }
    }

    @media(min-width:1024px) {
        .hero__text {
            transform: translateY(-4em)
        }
    }

    .hero__heading {
        margin-bottom: 1.6rem
    }

    .hero__content {
        max-width: 50rem
    }

    .hero__links {
        margin-top: 2rem
    }

    .category-grid {
        --item-width: 413px
    }

    .category-grid--category .category-grid__items {
        display: grid;
        grid-gap: 8rem 2rem;
        grid-template-columns: repeat(3,1fr)
    }

    @media(max-width:1024px) {
        .category-grid--category .category-grid__items {
            grid-gap: 4rem 2rem
        }
    }

    @media(max-width:768px) {
        .category-grid--category .category-grid__items {
            grid-gap: 2rem;
            grid-template-columns: repeat(2,1fr)
        }
    }

    .category-grid--category .category-grid__item--white {
        color: #fff
    }

        .category-grid--category .category-grid__item--white .category-grid__icon circle, .category-grid--category .category-grid__item--white .category-grid__icon path, .category-grid--category .category-grid__item--white .category-grid__icon polygon, .category-grid--category .category-grid__item--white .category-grid__icon rect {
            fill: #fff
        }

    .category-grid--category .category-grid__link {
        background: #f8f8f8;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: var(--item-width);
        padding: 1.6rem;
        position: relative
    }

    .category-grid--category .category-grid__image img {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .category-grid--category .category-grid__text {
        position: relative;
        z-index: 10
    }

    .category-grid--category .category-grid__icon {
        display: block;
        margin-bottom: 1.6rem;
        width: 15%
    }

    .category-grid--category .category-grid__heading {
        display: block;
        line-height: 1;
        text-shadow:2px 2px #000000;
    }

    .category-grid--collection .category-grid__container {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-gap: 4rem;
        gap: 4rem
    }

    @media(max-width:1024px) {
        .category-grid--collection .category-grid__container {
            display: block
        }
    }

    .category-grid--collection .category-grid__title {
        grid-column: span 3
    }

    .category-grid--collection .category-grid__items {
        display: grid;
        grid-column: 4/span 9;
        grid-template-columns: subgrid;
        grid-gap: 4rem;
        gap: 4rem
    }

    @media(max-width:1024px) {
        .category-grid--collection .category-grid__items {
            grid-template-columns: repeat(12,1fr);
            margin-top: 4rem
        }
    }

    @media(max-width:768px) {
        .category-grid--collection .category-grid__items {
            gap: 2rem;
            margin-top: 2rem
        }
    }

    .category-grid--collection .category-grid__item {
        grid-column: span 3
    }

    @media(max-width:1024px) {
        .category-grid--collection .category-grid__item {
            grid-column: span 4
        }
    }

    @media(max-width:550px) {
        .category-grid--collection .category-grid__item {
            grid-column: span 6
        }
    }

    .category-grid--collection .category-grid__item:hover img {
        transform: scale(1.05)
    }

    .category-grid--collection .category-grid__image {
        height: 0;
        overflow: clip;
        padding-bottom: 65%;
        position: relative;
        width: 100%
    }

        .category-grid--collection .category-grid__image img {
            height: 100%;
            left: 0;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 0;
            transition: .2s;
            width: 100%
        }

    .category-grid--collection .category-grid__heading {
        display: block;
        font-size: 1.9rem;
        margin-top: .8rem
    }

    .category-grid--collection .category-grid__subheading {
        display: none
    }

    .product-carousel22__header, .product-carousel__header {
        padding-right: 7rem;
        position: relative
    }

    .product-carousel22__heading, .product-carousel__heading, .product-section__heading {
        margin-bottom: 4rem;
    }

    .product-section__heading {
        margin-bottom: 2rem;
    }

    .product-carousel22__next, .product-carousel__next {
        cursor: pointer;
        display: block;
        height: 5rem;
        padding: 0 1rem;
        position: absolute;
        right: -.5rem;
        top: .8rem;
        transform: rotate(-90deg);
        transform-origin: center left;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 3.1rem
    }

    .product-carousel22__items, .product-carousel__items {
        width: calc(100% + 4rem)
    }

    @media(max-width:1200px) {
        .product-carousel22__items, .product-carousel__items {
            width: calc(100% + 2rem)
        }
    }

    .product-carousel22__items .mity-viewport, .product-carousel__items .mity-viewport {
        overflow: hidden !important
    }

    .product-carousel22__items .mity-page-dots, .product-carousel__items .mity-page-dots {
        width: calc(100% - 4rem)
    }

    @media(max-width:1200px) {
        .product-carousel22__items .mity-page-dots, .product-carousel__items .mity-page-dots {
            width: calc(100% - 2rem)
        }
    }

    .product-carousel22__item, .product-carousel__item {
        padding-right: 4rem;
        width: 25%
    }

    @media(max-width:1200px) {
        .product-carousel22__item, .product-carousel__item {
            padding-right: 2rem
        }
    }

    @media(max-width:1024px) {
        .product-carousel22__item, .product-carousel__item {
            width: 33.333%
        }
    }

    @media(max-width:768px) {
        .product-carousel22__item, .product-carousel__item {
            width: 50%
        }
    }

    @media(max-width:400px) {
        .product-carousel22__item, .product-carousel__item {
            width: 100%
        }
    }

    .logo-grid__heading {
        margin-bottom: 4rem
    }

    .logo-grid__items {
        display: grid;
        grid-gap: 4rem;
        grid-template-columns: repeat(4,1fr)
    }

    @media(max-width:1024px) {
        .logo-grid__items {
            grid-template-columns: repeat(3,1fr)
        }
    }

    @media(max-width:768px) {
        .logo-grid__items {
            grid-gap: 2rem
        }
    }

    @media(max-width:550px) {
        .logo-grid__items {
            grid-gap: 1.6rem;
            grid-template-columns: repeat(2,1fr)
        }
    }

    .logo-grid__item {
        align-items: center;
        display: flex
    }

    .firefox .logo-grid img {
        height: 12rem
    }

    .logo-carousel22__heading, .logo-carousel__heading {
        font-size:30px;
        font-weight:bold;
    }

.logo-carousel__container hr{
    margin-bottom:60px;
}

.logo-carousel22__marquee, .logo-carousel__marquee {
    display: flex;
    position: relative
}

        .logo-carousel22__marquee:after, .logo-carousel22__marquee:before, .logo-carousel__marquee:after, .logo-carousel__marquee:before {
            background: linear-gradient(90deg,transparent,#f8f8f8 6rem,#f8f8f8);
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            width: 100vw;
            z-index: 10
        }

        .logo-carousel22__marquee:before, .logo-carousel__marquee:before {
            right: 96%;
            transform: rotate(180deg)
        }

        .logo-carousel22__marquee:after, .logo-carousel__marquee:after {
            left: 96%
        }

    .logo-carousel22__items, .logo-carousel__items {
        --animation-duration: 0s;
        animation: marquee 0s linear infinite;
        animation: marquee var(--animation-duration) linear infinite;
        display: flex;
        position: relative;
        z-index: 5
    }

.logo-carousel22__item, .logo-carousel__item {
    align-items: center;
    display: flex;
    padding-right: 2rem;
    width: 40vw;
    align-items: flex-start;
}
.logo-carousel__image {
width:70%;
}
.logo-carousel__items img{
    width:140px;
}
@media(max-width:1024px) {
    .logo-carousel22__item, .logo-carousel__item {
            width: 15rem;
        }
    }

    @media(max-width:768px) {
        .logo-carousel22__item, .logo-carousel__item {
            width: 26rem;
        }
    }

    .firefox .logo-carousel22 img, .firefox .logo-carousel img {
        height: 12rem
    }

    @keyframes marquee {
        0% {
            transform: translateX(-100%)
        }

        to {
            transform: translateX(-200%)
        }
    }

    .breakdown__container {
        display: flex
    }

    @media(max-width:768px) {
        .breakdown__container {
            display: block
        }
    }

    .breakdown__text {
        flex-grow: 1;
        padding-right: 8rem
    }

    @media(max-width:1024px) {
        .breakdown__text {
            padding-right: 4rem
        }
    }

    .breakdown__image {
        flex-shrink: 0;
        width: 40%
    }

    @media(max-width:1024px) {
        .breakdown__image {
            width: 50%
        }
    }

    @media(max-width:768px) {
        .breakdown__image {
            margin-top: 4rem;
            width: 100%
        }
    }

    .breakdown__content {
        margin-top: 1.6rem
    }

    .breakdown__items {
        display: grid;
        grid-gap: 4rem 4rem;
        grid-template-columns: repeat(2,1fr);
        margin-top: 8rem
    }

    @media(max-width:1024px) {
        .breakdown__items {
            grid-template-columns: repeat(1,1fr)
        }
    }

    @media(max-width:768px) {
        .breakdown__items {
            grid-template-columns: repeat(2,1fr);
            margin-top: 4rem
        }
    }

    @media(max-width:550px) {
        .breakdown__items {
            grid-template-columns: repeat(1,1fr)
        }
    }

    .breakdown__item {
        padding-left: 3.5rem;
        position: relative
    }

    .breakdown__icon {
        left: 0;
        position: absolute;
        top: 0;
        width: 2.2rem
    }

    .breakdown__copy {
        transform: translateY(-.7rem)
    }

    .quote, .intro {
        background: #0f213d;
        color: #fff;
        padding: 8rem 0
    }

    .quote__text {
        max-width: 95rem
    }

.quote__quote, .quote__quote2 {
    margin: 0 0 4rem;
    padding: 0;
    text-shadow: 3px 4px 3px #000000;
}

        .quote__quote:before {
            content: "“";
        }

        .quote__quote:after {
            content: "”";
        }

    .quote__author {
        display: block
    }

    .call-to-action {
        padding: 8rem 0;
        position: relative
    }

    .call-to-action--icon .call-to-action__content, .call-to-action--icon .call-to-action__heading, .call-to-action--wide .call-to-action__content, .call-to-action--wide .call-to-action__heading {
        max-width: 90rem
    }

    .call-to-action--icon {
        padding: 0
    }

    @media(max-width:550px) {
        .call-to-action--icon .call-to-action__container {
            padding-left: 0;
            padding-right: 0
        }
    }

    .call-to-action--icon .call-to-action__wrapper {
        align-items: center;
        background-color: #f8f8f8;
        display: grid;
        grid-template-columns: auto 35rem;
        padding: 4rem 8rem;
        grid-gap: 4rem;
        gap: 4rem
    }

    @media(max-width:1200px) {
        .call-to-action--icon .call-to-action__wrapper {
            grid-template-columns: auto 25rem;
            padding: 4rem
        }
    }

    @media(max-width:768px) {
        .call-to-action--icon .call-to-action__wrapper {
            align-items: normal;
            gap: 2rem;
            grid-template-columns: auto 15rem;
            padding: 4rem
        }
    }

    @media(max-width:550px) {
        .call-to-action--icon .call-to-action__wrapper {
            display: block;
            padding: 4rem 2rem
        }

        .call-to-action--icon .call-to-action__icon {
            margin-left: auto;
            margin-right: auto;
            margin-top: 4rem;
            max-width: 25rem
        }
    }

    .call-to-action--dark {
        color: #0f213d
    }

    .call-to-action--light {
        color: #fff
    }

    .call-to-action__background img {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .call-to-action__container {
        position: relative;
        z-index: 2
    }

    .call-to-action__heading {
        max-width: 80rem
    }

    .call-to-action__content {
        margin-top: 1.6rem;
        max-width: 50rem
    }

    .call-to-action__links {
        margin-top: 4rem
    }

    .project-grid__header {
        align-items: center;
        display: flex;
        margin-bottom: 4rem
    }

    .project-grid__heading {
        margin-right: 2rem;
        max-width: 55rem
    }

    .project-grid__link {
        margin-left: auto
    }

        .project-grid__link:hover {
            -webkit-text-decoration: underline;
            text-decoration: underline;
            text-decoration-thickness: .2rem;
            text-underline-offset: .4rem;
            -webkit-text-decoration-skip: none;
            text-decoration-skip: none;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none
        }

        .project-grid__link .icon {
            display: inline-block;
            margin-left: 1rem;
            width: 1.5rem
        }

    .project-grid__items {
        /* display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;*/
        display: grid;
        grid-gap: 8rem 4rem;
        grid-template-columns: repeat(4, 1fr);
    }

    .homepage .project-grid__items {
        grid-template-columns: repeat(4, 1fr);
    }

    .blogpage .project-grid__items {
        grid-template-columns: repeat(3, 1fr);
    }

    .standardbase .project-grid__items {
        grid-template-columns: repeat(3, 1fr);
    }

    .standardbase .project-grid__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .collectionbase .product-grid__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -2rem;
        /*width: calc(100% + 4rem);*/
        grid-gap: unset;
    }

    .collectionbase .carougallery4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /*width: calc(100% + 4rem);*/
        grid-gap: unset;
        margin-left: 0px;
    }

    .collectionbase .product-grid__items article {
        flex-grow: 0;
        flex-shrink: 0;
        margin-bottom: 8rem;
        padding: 0 1rem;
        width: 20%;
    }

    .collectionbase .carougallery4 article {
        flex-grow: 0;
        flex-shrink: 0;
        margin-bottom: 8rem;
        padding: 0 0rem;
        width: 100%;
        max-width: 610px;
        max-height: 360px;
    }

    .collectionbase .pipeskirts__container {
        width: 100%;
        max-width: 160rem;
        padding-right: 0px;
        padding-left: 10px;
    }

    .collectionbase .pipeskirts__image {
        padding: 4rem 0 4rem 16rem;
    }

    .collectionbase .pipeskirts__text {
        padding: 8rem 8rem 8rem 13rem;
    }

    @media(max-width:768px) {
        .collectionbase .product-grid__items article {
            width: 50%;
        }
    }

    @media(max-width:588px) {
        .collectionbase .product-grid__items article {
            width: 100%;
        }
    }

    .collectionbase .tease-product__thumbnail {
        padding-bottom: 106%;
        width: 100%;
    }
    /*
.collectionbase .tease-product__thumbnail img {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 2rem;
    position: absolute;
    top: 0;
    width: 100%;
}*/
    @media(max-width:1024px) {
        .project-grid__items {
            grid-gap: 4rem 2rem
        }
    }

    @media(max-width:768px) {
        .homepage .project-grid__items {
            grid-template-columns: repeat(1,1fr)
        }

        .project-grid__items {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media(max-width:570px) {

        .project-grid__items {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    .posts-grid__header {
        align-items: center;
        display: flex;
        margin-bottom: 4rem
    }

    .posts-grid__heading {
        margin-right: 2rem;
        max-width: 55rem
    }

    .posts-grid__link {
        margin-left: auto
    }

        .posts-grid__link .icon {
            display: inline-block;
            margin-left: 1rem;
            width: 1.5rem
        }

    .posts-grid__items {
        display: grid;
        grid-gap: 4rem;
        grid-template-columns: repeat(3,1fr)
    }

    @media(max-width:1024px) {
        .posts-grid__items {
            grid-gap: 4rem 2rem
        }
    }

    @media(max-width:768px) {
        .posts-grid__items {
            grid-template-columns: repeat(2,1fr)
        }
    }

    @media(max-width:550px) {
        .posts-grid__items {
            grid-template-columns: repeat(1,1fr)
        }
    }

    .posts-grid .tease-post__thumbnail {
        height: 0;
        padding-bottom: 117.5%;
        position: relative;
        width: 100%
    }

        .posts-grid .tease-post__thumbnail img {
            box-sizing: border-box;
            height: 100%;
            left: 0;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 0;
            width: 100%
        }

    .call-to-action-grid__items {
        display: grid;
        grid-gap: 4rem 4rem;
        grid-template-columns: repeat(4,1fr)
    }

    @media(max-width:1024px) {
        .call-to-action-grid__items {
            grid-gap: 2rem
        }
    }

    @media(max-width:768px) {
        .call-to-action-grid__items {
            grid-template-columns: repeat(2,1fr)
        }
    }

    .call-to-action-grid__link {
        display: block;
        padding: 1.6rem;
        position: relative
    }

        .call-to-action-grid__link:after {
            background: #0f213d;
            content: "";
            display: block;
            opacity: .4;
            z-index: 2
        }

        .call-to-action-grid__image img, .call-to-action-grid__link:after {
            box-sizing: border-box;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

    .call-to-action-grid__image img {
        -o-object-fit: cover;
        object-fit: cover;
        z-index: 1
    }

    .call-to-action-grid__heading {
        color: #fff;
        display: block;
        height: 0;
        padding-bottom: 89%;
        position: relative;
        width: 100%;
        z-index: 3
    }

    .call-to-action-grid__icon {
        bottom: 1.6rem;
        display: block;
        position: absolute;
        right: 1.6rem;
        width: 4.7rem;
        z-index: 3
    }

    .contact-blocks--light .contact-blocks__items {
        grid-gap: 0
    }

    .contact-blocks--light .contact-blocks__item:last-child .contact-blocks__link {
        border: 0
    }

    .contact-blocks--light .contact-blocks__link {
        background: none;
        border-right: .1rem solid #d9d9d9;
        padding: 4rem 8rem
    }

    @media(max-width:1024px) {
        .contact-blocks--light .contact-blocks__link {
            padding: 4rem
        }
    }

    @media(max-width:768px) {
        .contact-blocks--light .contact-blocks__link {
            border: 0
        }
    }

    @media(max-width:550px) {
        .contact-blocks--light .contact-blocks__link {
            padding: 2rem 0
        }
    }

    .contact-blocks--light .contact-blocks__label {
        margin-bottom: 0
    }

    .contact-blocks__heading {
        margin-bottom: 8rem;
        text-align: center
    }

    @media(max-width:1024px) {
        .contact-blocks__heading {
            margin-bottom: 4rem
        }
    }

    .contact-blocks__items {
        display: grid;
        grid-gap: 4rem 4rem;
        grid-template-columns: repeat(2,1fr)
    }

    @media(max-width:1024px) {
        .contact-blocks__items {
            grid-gap: 2rem 2rem
        }
    }

    @media(max-width:768px) {
        .contact-blocks__items {
            grid-template-columns: repeat(1,1fr)
        }
    }

    .contact-blocks__link {
        background: #f8f8f8;
        display: block;
        height: 100%;
        padding: 8rem 4rem;
        text-align: center
    }

    @media(max-width:1024px) {
        .contact-blocks__link {
            padding: 4rem
        }
    }

    @media(max-width:768px) {
        .contact-blocks__link {
            align-items: center;
            display: flex;
            text-align: left
        }
    }

    @media(max-width:550px) {
        .contact-blocks__link {
            padding: 2rem
        }
    }

    .contact-blocks__link:hover .contact-blocks__title {
        -webkit-text-decoration: underline;
        text-decoration: underline;
        text-decoration-thickness: .2rem;
        text-underline-offset: .4rem;
        -webkit-text-decoration-skip: none;
        text-decoration-skip: none;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }

    .contact-blocks__icon {
        margin: 0 auto;
        width: 5.5rem
    }

    @media(max-width:768px) {
        .contact-blocks__icon {
            flex-grow: 0;
            flex-shrink: 0;
            margin: 0;
            width: 3.4rem
        }
    }

    .contact-blocks__icon path {
        fill: #0f213d !important
    }

    @media(max-width:768px) {
        .contact-blocks__text {
            margin-left: 4rem
        }
    }

    @media(max-width:550px) {
        .contact-blocks__text {
            margin-left: 2rem
        }
    }

    .contact-blocks__label {
        margin: 4rem 0
    }

    @media(max-width:1024px) {
        .contact-blocks__label {
            margin-bottom: 2rem
        }
    }

    @media(max-width:768px) {
        .contact-blocks__label {
            margin-bottom: 0;
            margin-top: 0
        }
    }

    .contact-blocks__title {
        display: block;
        line-height: 1.4;
        margin-top: 4rem
    }

    @media(max-width:768px) {
        .contact-blocks__title {
            margin-top: 2rem
        }
    }

    .contact-blocks__title svg {
        display: inline-block;
        margin-left: .8rem;
        transform: translateY(-.1rem);
        width: 1.1rem
    }

    .contact-blocks__title path {
        stroke-width: .2rem
    }

    .banner {
        text-align: center
    }

    .banner__text {
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 40rem;
        padding: 4rem 0;
        position: relative
    }

    .banner__introduction {
        color: #fff;
        margin: 4rem auto 0;
        max-width: 80rem;
        position: relative
    }

    .banner__background img {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .banner__heading {
        position: relative
    }

    .banner__links {
        background: #fff;
        border-bottom: .1rem solid #d9d9d9
    }

    @media(max-width:768px) {
        .banner__links {
            display: none
        }
    }

    .banner__items {
        display: flex;
        justify-content: center
    }

    .banner__item {
        margin: 0 2rem
    }

    .banner__link {
        color: gray;
        display: inline-block;
        padding: 2rem 0;
        position: relative
    }

        .banner__link:after {
            background: #0f213d;
            bottom: 0;
            content: "";
            display: block;
            display: none;
            height: .2rem;
            left: 0;
            position: absolute;
            width: 100%
        }

        .banner__link.is-active {
            color: #0f213d;
            font-weight: 500
        }

            .banner__link.is-active:after {
                display: block
            }

    .team-grid__heading {
        margin-bottom: 4rem
    }

    .team-grid__items {
        display: grid;
        grid-gap: 8rem 4rem;
        grid-template-columns: repeat(2,1fr)
    }

    @media(max-width:1024px) {
        .team-grid__items {
            grid-gap: 4rem 2rem;
            grid-template-columns: repeat(1,1fr)
        }
    }

    .team-grid__item {
        display: flex
    }

    .team-grid__image {
        flex-grow: 0;
        flex-shrink: 0;
        width: 25rem
    }

    @media(max-width:1200px) {
        .team-grid__image {
            width: 20rem
        }
    }

    @media(max-width:768px) {
        .team-grid__image {
            width: 17rem
        }
    }

    .team-grid__content {
        padding-left: 4rem
    }

    @media(max-width:1200px) {
        .team-grid__content {
            padding-left: 2rem
        }
    }

    .team-grid__title {
        display: block
    }

    .team-grid__position {
        color: gray;
        display: block;
        margin-top: .8rem
    }

    @media(max-width:1024px) {
        .team-grid__position {
            margin-top: 0
        }
    }

    .team-grid__description {
        margin-top: 4rem
    }

    @media(max-width:1024px) {
        .team-grid__description {
            margin-top: 2rem
        }
    }

    @media(max-width:768px) {
        .team-grid__description {
            margin-top: 1.6rem
        }
    }

    .locations__heading {
        margin-bottom: 4rem
    }

    .locations__item {
        display: flex;
        margin-bottom: 8rem
    }

    @media(max-width:550px) {
        .locations__item {
            display: block
        }
    }

    .locations__item:last-child {
        margin-bottom: 0
    }

    .locations__item:nth-child(odd) {
        flex-direction: row-reverse
    }

    .locations__image {
        flex-grow: 0;
        flex-shrink: 0;
        position: relative;
        width: 50%
    }

    @media(max-width:550px) {
        .locations__image {
            height: 50vw;
            width: 100%
        }
    }

    .locations__image img {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .locations__content {
        background: #f8f8f8;
        flex-grow: 0;
        flex-shrink: 0;
        padding: 8rem;
        width: 50%
    }

    @media(max-width:1200px) {
        .locations__content {
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media(max-width:1024px) {
        .locations__content {
            padding: 4rem
        }
    }

    @media(max-width:550px) {
        .locations__content {
            padding-left: 2rem;
            padding-right: 2rem;
            width: 100%
        }
    }

    .locations__country {
        display: block;
        margin-bottom: 2rem
    }

    .locations__text {
        font-style: normal;
        line-height: 2
    }

    .locations__city {
        display: block
    }

    .locations__address {
        display: block;
        margin-top: .7rem
    }

    .locations__contact {
        margin-top: 4rem
    }

    @media(max-width:550px) {
        .locations__contact {
            margin-top: 2rem
        }
    }

    .locations__link {
        display: inline-block;
        margin-top: .8rem
    }

        .locations__link:hover {
            -webkit-text-decoration: underline;
            text-decoration: underline;
            text-decoration-thickness: .2rem;
            text-underline-offset: .4rem;
            -webkit-text-decoration-skip: none;
            text-decoration-skip: none;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none
        }

    .locations__controls {
        display: flex;
        margin-top: 8rem
    }

    @media(max-width:550px) {
        .locations__controls {
            margin-top: 4rem
        }
    }

    .locations__booking {
        margin-right: 2rem
    }

    .form__heading {
        margin-bottom: 4rem;
        text-align: center
    }

    .form__heading--quote {
        font-size: 3.2rem;
        margin-bottom: 2rem
    }

    .form__introduction {
        margin-bottom: 4rem
    }

    .form__introduction--quote {
        font-size: 1.8rem;
        font-weight: 600;
        text-align: center
    }

    .form__embed {
        margin: 0 auto;
        max-width: 56rem
    }

    .checkoutpre-wrapper {
        max-width: 144rem;
    }

    .primarybase {
        min-height: 600px;
    }

    .ecomForm {
        /*max-width: 100%;*/
        margin-top: 40px;
    }

.order-summary-all h1 {
    font-size: 1.2em;
    text-align:left;
    color:#000000;
}

        .ecomForm h2 {
            font-size: 1.2em;
        }

    .form__embed fieldset {
        border: 0;
        margin: 0;
        margin-right: 0 !important;
        max-width: 100% !important;
        padding: 0
    }

        .form__embed fieldset.form-columns-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 2rem
        }

    .form__embed .field {
        width: 100%
    }

    .form__embed .form-field, .form__embed .hs-form-field {
        margin-bottom: 1.6rem;
        margin-right: 0 !important;
        width: 100% !important
    }

    .form__embed .wpcf7-list-item {
        display: block;
        margin-left: 0
    }

    .form__embed .label, .form__embed label {
        color: #939393;
    }

    .form__embed .input {
        margin-right: 0 !important
    }

    .form__embed input[type=email], .form__embed input[type=tel], .form__embed input[type=text], .form__embed select, .form__embed textarea, .form__embed input[type=password], #ddlShippingMethod, .accountspage input, .accountspage select {
        border: 0;
        border-bottom: .1rem solid #0f213d;
        border-radius: 0;
        margin: 0;
        padding: .8rem 0;
        width: 100% !important
    }

    .accountspage select {
        padding-top: 11px;
    }

    #ddlShippingMethod {
        width: unset !important;
        width: initial !important;
    }

    .ecomForm input[type=text] {
        /*max-width:200px;*/
    }

    .ecomCols input[type=text], .ecomPassResetRequest input[type=text], .passwrap input[type=text], .checkoutpre-wrapper input[type=text] {
        max-width: 200px;
    }

    .checkout-wrapper input[type=text] {
        max-width: unset;
    }

    .ecomForm input[type=password], input[type=text].lmtwidth {
        max-width: 200px;
    }

    .ecomPassResetRequest input[type=text].fldemail {
        max-width: unset !important;
        max-width: initial;
        width: 340px !important;
    }

    .ecomForm .FormFieldSet {
        margin: 0px 0px 40px 0px;
    }

    .ecomForm .FormFieldWrap {
        text-align: left;
        width: 50%;
        color: #939393;
    }

    .ecomForm .cardpay .FormFieldWrap {
        width: 100%;
    }

    .ecomCols .FormFieldWrap {
        width: 100%;
    }

    .ecomForm .FormFieldWrap select {
        margin-top: 2px;
    }

    .form__embed input[type=email]:focus, .form__embed input[type=tel]:focus, .form__embed input[type=text]:focus, .form__embed select:focus, .form__embed textarea:focus {
        outline: none
    }

    .form__embed input[type=email].invalid, .form__embed input[type=tel].invalid, .form__embed input[type=text].invalid, .form__embed select.invalid, .form__embed textarea.invalid {
        border-color: #bf2e48
    }

    .catalog .form__embed input[type=email], .catalog .form__embed input[type=tel], .catalog .form__embed input[type=text], .catalog .form__embed select, .catalog .form__embed textarea {
        background-color: #0f213d;
        border-color: #fff;
        color: #fff
    }

    .form__embed textarea {
        min-height: 10rem;
        resize: vertical
    }

    .form__embed input[type=file]::-webkit-file-upload-button {
        visibility: hidden
    }

    .form__embed input[type=file]:before {
        background: #0f213d;
        border: .1rem solid transparent;
        border-radius: .3rem;
        color: #fff;
        content: "Add file";
        cursor: pointer;
        display: inline-block;
        padding: .7rem 3rem;
        text-align: center;
        transition: .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .form__embed input[type=checkbox], .form__embed input[type=radio] {
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative
    }

        .form__embed input[type=checkbox]:before, .form__embed input[type=radio]:before {
            background: #0f213d;
            border-radius: .2rem;
            content: "";
            display: block;
            display: none;
            height: 1rem;
            left: .3rem;
            position: absolute;
            top: -1rem;
            width: 1rem
        }

        .form__embed input[type=checkbox]:after, .form__embed input[type=radio]:after {
            border: .1rem solid #0f213d;
            border-radius: .2rem;
            content: "";
            display: block;
            height: 1.6rem;
            left: 0;
            position: absolute;
            top: -1.3rem;
            width: 1.6rem
        }

        .form__embed input[type=checkbox]:checked:before, .form__embed input[type=radio]:checked:before {
            display: block
        }

        .form__embed input[type=checkbox] ~ span, .form__embed input[type=radio] ~ span {
            margin-left: 2.6rem
        }

    .catalog .form__embed input[type=submit] {
        width: 100%
    }

        .catalog .form__embed input[type=submit]:hover {
            background-color: #fff;
            color: #0f213d
        }

    .catalog .form__embed .hs-submit {
        margin-top: 4rem
    }

    .form__embed .hs-error-msg {
        color: #bf2e48
    }

    .form__embed .alert {
        font-size: 1.8rem;
        margin-bottom: 4rem
    }

    /*CONTACT FORMS START*/

    .fldgrp {
        display: flex;
        flex-direction: row;
    }

        .fldgrp div:first-of-type {
            padding-right: 20px;
        }

        .fldgrp div:last-of-type {
            padding-right: 0px;
        }

    .fldgrpduo .FormFieldWrap:first-of-type {
        width: 80%;
    }

    .fldgrpduo .FormFieldWrap:nth-of-type(2) {
        width: 20%;
    }

    .multilinewrap textarea {
        border: 1px solid #000000;
        padding: 4px;
    }

    .form__embed .uploadfieldwrap input[type=file]:before {
        background: #ffffff;
        color: #0f213d;
        border: 1px solid #0f213d;
        background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2017V7%22/%3E%3Cpolyline%20points%3D%228%2011%2012%207%2016%2011%22/%3E%3Cpath%20d%3D%22M5%2020H19%22/%3E%3Cpath%20d%3D%22M5%2017V20%22/%3E%3Cpath%20d%3D%22M19%2017V20%22/%3E%3C/svg%3E");
        background-size: 20px 20px; /* Scale the icon to fit */
        background-repeat: no-repeat; /* Prevent tiling */
        background-position: left 27px bottom 10px;
        padding: .9rem 3.0rem .9rem 4.9rem;
        text-align: center;
        font-size: 15px;
        margin-top: 10px;
    }

    .hs-submit {
        margin-top: 20px;
    }

    .fldforms__button {
        font-weight: 500;
        line-height: 1;
        border-radius: .3rem;
        border-style: solid;
        border-width: .1rem;
        cursor: pointer;
        display: inline-block;
        padding: 1.6rem 3rem;
        text-align: center;
        transition: .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        padding-bottom: 1.2rem;
        padding-top: 1.2rem;
        background: #0f213d;
        border-color: transparent;
        color: #fff;
        padding-left: 2.2rem;
        padding-right: 2.2rem;
        font-size: 1.4rem;
    }

    .form__embed .fld-2col .input label, .form__embed .ckfieldwrap .input label, .form__embed .FormFieldWrap label {
        color: #0f213d;
        padding-left: 20px;
    }


    .form__embed .rbfieldwrap .input input[type=radio]:after, .form__embed .rbfieldwrap .input input[type=radio]:before {
        border-radius: 50px;
    }

    .fld-addprod [type=button] {
        border: 1px solid #0f213d;
        padding: 8px 32px;
        font-size: 15px;
        margin-bottom: 20px;
    }



    @media(max-width:550px) {
        .fldgrp {
            flex-wrap: wrap;
        }

            .fldgrp div:first-of-type {
                padding-right: 0px;
            }

            .fldgrp div:last-of-type {
                padding-right: 0px;
            }

        .ecomForm {
            max-width: 94%;
        }

            .ecomForm .fldgrp {
                /*flex-direction: column;*/
            }

            .ecomForm .FormFieldWrap {
                width: 100%;
                margin-bottom: 20px;
            }
    }



    /*CONTACT FORMS END*/

    .resources__section {
        margin-bottom: 8rem
    }

    .resources__heading {
        margin-bottom: 4rem
    }

    .resources__introduction {
        margin-bottom: 4rem;
        max-width: 60rem
    }

    .resources__finishes {
        display: grid;
        grid-gap: 2rem 4rem;
        grid-template-columns: repeat(4,1fr)
    }

    @media(max-width:768px) {
        .resources__finishes {
            grid-template-columns: repeat(3,1fr)
        }
    }

    @media(max-width:550px) {
        .resources__finishes {
            grid-template-columns: repeat(2,1fr)
        }
    }

    .resources__links {
        margin-top: 4rem
    }

    .resources__downloads {
        max-width: 60rem
    }

    .resources__download {
        border-bottom: .1rem solid #d9d9d9
    }

    .finish__image {
        margin-bottom: 2rem
    }

    .finish__heading {
        font-weight: 500
    }

    .finish__manufacturer {
        color: gray;
        display: block;
        transform: translateY(-.4rem)
    }

    .download__link {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 2.08rem 0
    }

    .download__title {
        color: gray
    }

    .download__icon {
        display: inline-block;
        height: 1.4rem;
        margin-left: .8rem;
        width: 1.5rem
    }

        .download__icon path {
            stroke-width: .2rem
        }

    .download__text {
        flex-grow: 0;
        flex-shrink: 0;
        margin-left: 4rem
    }

    .replacements__headings, .replacements__row {
        border-bottom: .1rem solid #d9d9d9;
        display: flex
    }

    .replacements__cell, .replacements__heading {
        flex-grow: 0;
        flex-shrink: 0;
        padding: 1.6rem 4rem
    }

    @media(max-width:1024px) {
        .replacements__cell, .replacements__heading {
            padding: 1.6rem 2rem
        }
    }

    @media(max-width:768px) {
        .replacements__cell, .replacements__heading {
            padding: 1.6rem
        }

            .replacements__cell:first-child, .replacements__heading:first-child {
                padding-left: 0
            }
    }

    .replacements__cell:nth-child(2), .replacements__heading:nth-child(2) {
        width: 38%
    }

    .replacements__cell:nth-child(3), .replacements__heading:nth-child(3) {
        width: 42%
    }

    @media(max-width:768px) {
        .replacements__cell:nth-child(3), .replacements__heading:nth-child(3) {
            padding-right: 0
        }
    }

    .replacements a {
        display: block;
        padding-right: 1.7rem;
        position: relative
    }

        .replacements a:hover {
            font-weight: 500
        }

    .replacements .icon {
        display: inline-block;
        position: absolute;
        right: 0;
        top: .8rem;
        width: 1.6rem
    }

    .spacer--hr {
        background-color: #d9d9d9;
        border: 0;
        margin: 0
    }

    .spacer--hr, .spacer--small {
        height: .1rem
    }

    .spacer--large {
        height: 8rem
    }

    .faqs-block__heading {
        margin-bottom: 4rem
    }

    @media(max-width:768px) {
        .careers__container {
            display: block
        }
    }

    .careers__columns {
        display: grid;
        grid-template-columns: 30% 70%;
        grid-gap: 2rem;
        width: 100%
    }

    @media(max-width:1024px) {
        .careers__columns {
            display: block
        }

        .careers__heading {
            margin-bottom: 4rem
        }
    }

    .careers__item {
        border-bottom: .1rem solid #ccc
    }

        .careers__item:first-child .careers__header {
            padding-top: .8rem
        }

        .careers__item.is-active .icon span:last-child {
            opacity: 0
        }

    .careers__header {
        display: flex;
        grid-gap: 2rem;
        padding: 4rem 0;
        width: 100%
    }

    @media(max-width:550px) {
        .careers__header {
            display: block;
            padding-right: 2rem;
            position: relative
        }

        .careers__header--titles {
            display: none
        }
    }

    .careers__mob-title {
        display: none
    }

    @media(max-width:550px) {
        .careers__mob-title {
            display: block
        }
    }

    .careers__title {
        padding-right: 2rem;
        -webkit-text-decoration: underline;
        text-decoration: underline;
        width: 35%
    }

    @media(max-width:550px) {
        .careers__title {
            font-weight: 400;
            margin-bottom: 1.6rem;
            -webkit-text-decoration: none;
            text-decoration: none;
            width: 100%
        }
    }

    .careers__hours {
        padding-right: 2rem;
        width: 25%
    }

    @media(max-width:550px) {
        .careers__hours {
            display: block;
            margin-bottom: 1.6rem;
            width: 100%
        }
    }

    .careers__location {
        padding-right: 2rem;
        width: 40%
    }

    @media(max-width:550px) {
        .careers__location {
            width: 100%
        }
    }

    .careers__icon {
        flex-grow: 0;
        flex-shrink: 0;
        width: 6rem
    }

    @media(max-width:1024px) {
        .careers__icon {
            width: 2rem
        }
    }

    @media(max-width:550px) {
        .careers__icon {
            position: absolute;
            right: 2rem;
            top: 4rem
        }
    }

    .careers__icon .icon {
        background: #0f213d;
        border-radius: 50%;
        display: block;
        height: 2rem;
        position: relative;
        width: 2rem
    }

        .careers__icon .icon span {
            background: #fff;
            display: block;
            height: .1rem;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            width: .8rem
        }

            .careers__icon .icon span:last-child {
                transform: translate(-50%,-50%) rotate(90deg)
            }

    .careers__content {
        padding-bottom: 4rem
    }

    .careers__apply {
        margin-top: 8rem
    }

    @media(max-width:550px) {
        .careers__apply {
            margin-top: 4rem
        }
    }

    .location-list__heading {
        margin-bottom: 4rem
    }

    .location-list__items {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-gap: 8rem 4rem
    }

    @media(max-width:1024px) {
        .location-list__items {
            grid-template-columns: repeat(3,1fr)
        }
    }

    @media(max-width:768px) {
        .location-list__items {
            grid-template-columns: repeat(2,1fr)
        }
    }

    @media(max-width:550px) {
        .location-list__items {
            grid-template-columns: repeat(1,1fr)
        }
    }

    .location-list__country {
        margin-bottom: 2rem
    }

    .location-list__text {
        display: block;
        font-style: normal;
        margin-bottom: 2rem
    }

    .location-list__city, .location-list__company {
        display: block
    }

    .location-list__email {
        margin-top: 2rem
    }

    .location-list .link-list__item {
        margin-top: 0
    }

    .email-list__heading {
        margin-bottom: 4rem
    }

    .email-list__item {
        margin-bottom: 2rem
    }

        .email-list__item:last-child {
            margin-bottom: 0
        }

    .icon-grid {
        text-align: center
    }

    .icon-grid--p-side {
        text-align: left
    }

    .icon-grid--single .icon-grid__wraper {
        background: #f8f8f8;
        padding: 8rem
    }

    @media(max-width:1024px) {
        .icon-grid--single .icon-grid__wraper {
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media(max-width:768px) {
        .icon-grid--single .icon-grid__wraper {
            padding-bottom: 4rem;
            padding-top: 4rem
        }
    }

    .icon-grid__header {
        margin-bottom: 8rem
    }

    .icon-grid__title ~ .icon-grid__subtitle {
        margin-top: 1.6rem
    }

    .icon-grid__items {
        display: grid;
        grid-row-gap: 4rem
    }

    .icon-grid--single .icon-grid__items {
        grid-column-gap: 8rem
    }

    @media(max-width:1024px) {
        .icon-grid--single .icon-grid__items {
            grid-row-gap: 8rem
        }
    }

    @media(max-width:768px) {
        .icon-grid--single .icon-grid__items {
            grid-row-gap: 4rem
        }
    }

    .icon-grid--separate .icon-grid__items {
        grid-column-gap: 4rem
    }

    @media(max-width:768px) {
        .icon-grid--separate .icon-grid__items {
            grid-column-gap: 2rem;
            grid-row-gap: 2rem
        }
    }

    .icon-grid--c-2 .icon-grid__items {
        grid-template-columns: repeat(2,1fr)
    }

    @media(max-width:768px) {
        .icon-grid--c-2 .icon-grid__items {
            grid-template-columns: 1fr
        }
    }

    .icon-grid--c-3 .icon-grid__items {
        grid-template-columns: repeat(3,1fr)
    }

    @media(max-width:1024px) {
        .icon-grid--c-3 .icon-grid__items {
            grid-template-columns: repeat(2,1fr)
        }
    }

    @media(max-width:550px) {
        .icon-grid--c-3 .icon-grid__items {
            grid-template-columns: 1fr
        }
    }

    .icon-grid--c-4 .icon-grid__items {
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 4rem
    }

    @media(max-width:1024px) {
        .icon-grid--c-4 .icon-grid__items {
            grid-template-columns: repeat(2,1fr)
        }
    }

    @media(max-width:550px) {
        .icon-grid--c-4 .icon-grid__items {
            grid-template-columns: 1fr
        }
    }

    .icon-grid--separate .icon-grid__item {
        background: #f8f8f8;
        padding: 8rem
    }

    @media(max-width:1024px) {
        .icon-grid--separate .icon-grid__item {
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media(max-width:768px) {
        .icon-grid--separate .icon-grid__item {
            padding-bottom: 4rem;
            padding-top: 4rem
        }
    }

    @media(max-width:550px) {
        .icon-grid--separate .icon-grid__item {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .icon-grid--c-3.icon-grid--separate .icon-grid__item {
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media(max-width:550px) {
        .icon-grid--c-3.icon-grid--separate .icon-grid__item {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .icon-grid--p-side .icon-grid__topper {
        align-items: center;
        display: flex
    }

    .icon-grid__icon {
        padding-bottom: 1.6rem
    }

        .icon-grid__icon img {
            display: inline-block;
            width: 5rem
        }

    .icon-grid--p-side .icon-grid__icon img, .icon-grid--single .icon-grid__icon img {
        width: 5rem
    }

    .icon-grid--p-side .icon-grid__icon img {
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 2rem
    }

    .icon-grid__heading {
        padding-bottom: 1.6rem
    }

    .icon-grid--single:not(.icon-grid--p-side):not(.icon-grid--c-4) .icon-grid__heading {
        font-size: 2.4rem
    }

    .icon-grid__link {
        font-weight: 500;
        display: flex;
        height: 34px;
        align-items: center;
        width: 100%;
        /* text-align: center; */
        justify-content: center;
    }

    .homepage .icon-grid__link {
        margin: 0px;
    }

    .icon-grid__link:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
        text-decoration-thickness: .2rem;
        text-underline-offset: .4rem;
        -webkit-text-decoration-skip: none;
        text-decoration-skip: none;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }

    .icon-grid__link .icon {
        display: inline-block;
        /*margin-left: .5rem;
            width: 1.2rem*/
        width: 25px;
    }

    .nav-icons .icon-grid__link .icon {
        width: 18px;
    }

    .icon-grid__section-link {
        margin-top: 4rem
    }

        .icon-grid__section-link .icon {
            display: inline-block;
            margin-left: .5rem;
            width: 1.2rem
        }

    .full-hero {
        overflow: hidden;
        position: relative
    }

    .full-hero--overflow {
        overflow: visible
    }

    .full-hero--white {
        color: #fff
    }

    .full-hero__container {
        left: 50%;
        position: absolute;
        top: 17.5rem;
        transform: translateX(-50%)
    }

    @media(max-width:1200px) {
        .full-hero__container {
            top: 20rem
        }
    }

    @media(max-width:1024px) {
        .full-hero__container {
            top: 14rem
        }
    }

    @media(max-width:768px) {
        .full-hero__container {
            top: 5rem
        }
    }

    .full-hero__text {
        text-align: center
    }

    .flex-product-grid__header {
        margin-bottom: 8rem;
        text-align: center
    }

    @media(max-width:768px) {
        .flex-product-grid__header {
            margin-bottom: 4rem
        }
    }

    @media(max-width:550px) {
        .flex-product-grid__header {
            margin-bottom: 2rem
        }
    }

    .flex-product-grid__subheading {
        margin: 0 auto;
        max-width: 65rem
    }

    .flex-product-grid__heading ~ .flex-product-grid__subheading {
        margin-top: 1.6rem
    }

    .flex-product-grid__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -2rem;
        width: calc(100% + 4rem)
    }

    .flex-product-grid__item {
        flex-grow: 0;
        flex-shrink: 0;
        margin-bottom: 8rem;
        padding: 0 2rem;
        width: 20%
    }

    @media(max-width:1400px) {
        .flex-product-grid__item {
            width: 25%
        }
    }

    @media(max-width:1100px) {
        .flex-product-grid__item {
            width: 33.333%
        }
    }

    @media(max-width:768px) {
        .flex-product-grid__item {
            width: 50%
        }
    }

    @media(max-width:550px) {
        .flex-product-grid__item {
            width: 100%
        }
    }

    .flex-product-grid__link {
        display: block
    }

        .flex-product-grid__link:hover .flex-product-grid__overlay {
            opacity: 1
        }

    .flex-product-grid__image {
        background: #f8f8f8;
        height: 0;
        margin-bottom: 2rem;
        padding-bottom: 100%;
        position: relative;
        width: 100%
    }

        .flex-product-grid__image img {
            box-sizing: border-box;
            height: 100%;
            left: 0;
            -o-object-fit: contain;
            object-fit: contain;
            padding: 2rem;
            position: absolute;
            top: 0;
            width: 100%
        }

    .flex-product-grid__overlay {
        background: rgba(26,26,26,.4);
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .2s
    }

    .flex-product-grid__button {
        font-weight: 400;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        white-space: nowrap
    }

    .flex-product-grid__title {
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 0 !important
    }

    .flex-product-grid__sku {
        display: block;
        line-height: 1.4
    }

    .collection-5050--grey {
        background: #eaeaea;
        background: linear-gradient(#ddd,#f8f8f8)
    }

    .collection-5050--black {
        background: #000;
        color: #fff
    }

    @media(min-width:769px) {
        .collection-5050--lock-bottom {
            padding-bottom: 0
        }
    }

    .collection-5050__heading {
        margin-bottom: 4rem;
        text-align: center
    }

    .collection-5050__columns {
        align-items: center;
        display: flex
    }

    @media(max-width:768px) {
        .collection-5050__columns {
            flex-direction: column-reverse
        }
    }

    @media(min-width:769px) {
        .collection-5050--right .collection-5050__columns {
            flex-direction: row-reverse
        }
    }

    @media(max-width:768px) {
        .collection-5050--right .collection-5050__columns {
            flex-direction: column
        }
    }

    .collection-5050--lock-side .collection-5050__columns {
        width: calc(100% + 8rem)
    }

    @media(max-width:1024px) {
        .collection-5050--lock-side .collection-5050__columns {
            width: calc(100% + 4rem)
        }
    }

    @media(max-width:768px) {
        .collection-5050--lock-side .collection-5050__columns {
            width: 100%
        }
    }

    .collection-5050--lock-side.collection-5050--right .collection-5050__columns {
        margin-left: -8rem
    }

    @media(max-width:1024px) {
        .collection-5050--lock-side.collection-5050--right .collection-5050__columns {
            margin-left: -4rem
        }
    }

    @media(max-width:768px) {
        .collection-5050--lock-side.collection-5050--right .collection-5050__columns {
            margin-left: 0
        }
    }

    .collection-5050__text {
        flex-grow: 0;
        flex-shrink: 0;
        width: 45%
    }

    @media(max-width:768px) {
        .collection-5050__text {
            width: 100%
        }
    }

    .collection-5050--left .collection-5050__text {
        padding-right: 8rem
    }

    @media(max-width:768px) {
        .collection-5050--left .collection-5050__text {
            padding-right: 0
        }
    }

    .collection-5050--right .collection-5050__text {
        padding-left: 8rem
    }

    @media(max-width:768px) {
        .collection-5050--right .collection-5050__text {
            padding-left: 0
        }
    }

    .collection-5050--lock-bottom .collection-5050__text {
        padding-bottom: 8rem
    }

    @media(max-width:768px) {
        .collection-5050--lock-bottom .collection-5050__text {
            padding-bottom: 0
        }
    }

    .collection-5050__media {
        flex-grow: 1
    }

    @media(max-width:768px) {
        .collection-5050__media {
            margin-bottom: 4rem
        }

        .collection-5050--right .collection-5050__media {
            margin-bottom: 0;
            margin-top: 4rem
        }
    }

    .collection-5050__media video {
        display: block;
        height: auto;
        width: 100%
    }

    .staged-video {
        background: #f8f8f8
    }

    .staged-video__columns {
        display: grid;
        grid-template-columns: 3fr 2fr;
        grid-column-gap: 4rem
    }

    @media(max-width:1024px) {
        .staged-video__columns {
            grid-template-columns: 2fr 2fr
        }
    }

    @media(max-width:600px) {
        .staged-video__columns {
            display: block
        }
    }

    .staged-video__items {
        padding-top: calc(50vw - 20rem)
    }

    @media(max-width:600px) {
        .staged-video__items {
            padding-top: 0
        }
    }

    .staged-video__item {
        padding-bottom: 15rem
    }

    @media(max-width:600px) {
        .staged-video__item {
            padding-bottom: 0;
            padding-top: 4rem
        }
    }

    .staged-video__item:first-child .staged-video__content {
        opacity: 1
    }

    .staged-video__content {
        opacity: .4;
        transition: .25s
    }

    @media(max-width:600px) {
        .staged-video__content {
            opacity: 1
        }
    }

    .staged-video__content.is-active {
        opacity: 1
    }

    .image-feature {
        text-align: center
    }

    .image-feature--align-bottom {
        padding-bottom: 0
    }

    .image-feature--grey {
        background: #f8f8f8
    }

    .image-feature__content {
        margin-top: 2rem
    }

    .image-feature__image img {
        margin: 0 auto;
        max-width: 100%;
        width: auto
    }

    .stepped-text {
        text-align: center
    }

    .stepped-text--black {
        background: #000;
        color: #fff
    }

    .stepped-text__item {
        margin: 0 auto;
        max-width: 64rem;
        opacity: .3;
        padding-bottom: 8rem;
        transition: .2s .2s
    }

        .stepped-text__item.is-active {
            opacity: 1;
            transition: .2s
        }

        .stepped-text__item:last-child {
            padding-bottom: 0
        }

    .sliding-carousel22, .sliding-carousel {
        text-align: center
    }

    .sliding-carousel22__header, .sliding-carousel__header {
        margin: 0 auto 4rem;
        max-width: 85rem
    }

    .sliding-carousel22__content, .sliding-carousel__content {
        margin-top: 4rem
    }

    .sliding-carousel22__images, .sliding-carousel__images {
        display: flex;
        flex-direction: column
    }

    .sliding-carousel22--has-icons .sliding-carousel22__images, .sliding-carousel--has-icons .sliding-carousel__images {
        margin: 0 auto;
        max-width: 85rem
    }

    .sliding-carousel22__image, .sliding-carousel__image {
        left: 0 !important;
        opacity: 0;
        transform: none !important;
        transition: opacity .35s ease-in-out,z-index 0ms .35s;
        width: 100%;
        z-index: -1
    }

        .sliding-carousel22__image.is-selected, .sliding-carousel__image.is-selected {
            opacity: 1;
            transition: opacity .3s ease-in-out,z-index 0ms 0ms;
            z-index: 0
        }

        .sliding-carousel22__image img, .sliding-carousel__image img {
            max-width: 100%
        }

    .sliding-carousel22__icons, .sliding-carousel__icons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 4rem
    }

    .sliding-carousel22__icon, .sliding-carousel__icon {
        flex: 1;
        margin: 2rem 1rem;
        max-width: 10rem;
        min-width: 8rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .sliding-carousel22__icon-wrap, .sliding-carousel__icon-wrap {
        background: #f8f8f8;
        border-radius: 50%;
        height: 0;
        padding-bottom: 100%;
        position: relative;
        width: 100%
    }

        .sliding-carousel22__icon-wrap.is-active img, .sliding-carousel22__icon-wrap.is-active svg,
        .sliding-carousel__icon-wrap.is-active img, .sliding-carousel__icon-wrap.is-active svg {
            opacity: 1
        }

        .sliding-carousel22__icon-wrap img, .sliding-carousel22__icon-wrap svg, .sliding-carousel__icon-wrap img, .sliding-carousel__icon-wrap svg {
            left: 50%;
            opacity: .2;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%) scale(.5);
            transition: opacity .2s
        }

    .sliding-carousel22 .mity-slider {
        transform: none !important
    }

    .sliding-carousel22 .mity-viewport {
        order: 2
    }

    .sliding-carousel22 .mity-page-dots {
        bottom: auto;
        margin-bottom: 2rem;
        opacity: 1;
        order: 1;
        padding: 0;
        position: relative
    }

        .sliding-carousel22 .mity-page-dots .dot {
            background: #f8f8f8;
            border: .1rem solid #d9d9d9;
            border-radius: 50%;
            flex-grow: 0;
            flex-shrink: 0;
            height: 3.2rem;
            margin: 0 1rem;
            opacity: 1;
            position: relative;
            width: 3.2rem
        }

            .sliding-carousel22 .mity-page-dots .dot.is-selected {
                background: #0f213d;
                border-color: transparent
            }

                .sliding-carousel22 .mity-page-dots .dot.is-selected:before {
                    display: block
                }

            .sliding-carousel22 .mity-page-dots .dot:before {
                background: #fff;
                border: .1rem solid #0f213d;
                border-radius: 50%;
                content: "";
                display: block;
                display: none;
                height: 4rem;
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%,-50%);
                width: 4rem;
                z-index: -1
            }

    .pipeskirts__columns {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    @media(max-width:768px) {
        .pipeskirts__columns {
            display: block
        }
    }

    .pipeskirts__text {
        background: #f8f8f8;
        padding: 8rem 8rem 8rem 0;
        position: relative
    }

    @media(max-width:1024px) {
        .pipeskirts__text {
            padding: 4rem 4rem 4rem 0
        }
    }

    @media(max-width:768px) {
        .pipeskirts__text {
            padding-right: 0
        }
    }

    .pipeskirts__text:before {
        background: #f8f8f8;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 50vw;
        z-index: -1
    }

    @media(max-width:768px) {
        .pipeskirts__text:before {
            right: -25vw;
            width: 200vw
        }
    }

    .pipeskirts__control {
        margin-top: 4rem
    }

    .pipeskirts__title {
        display: block
    }

    .pipeskirts__shapes {
        display: block;
        margin-top: 1.6rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .pipeskirts__shape {
        border: .1rem solid #0f213d;
        border-radius: 2rem;
        cursor: pointer;
        margin-bottom: 1rem;
        margin-right: .6rem;
        padding: 1rem 2rem
    }

        .pipeskirts__shape.inactive {
            cursor: not-allowed;
            opacity: .25
        }

        .pipeskirts__shape.is-active {
            background: #0f213d;
            color: #fff
        }

    .pipeskirts__finishes {
        display: flex;
        margin-top: 1.6rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .pipeskirts__finish {
        border: .1rem solid #d9d9d9;
        border-radius: 50%;
        cursor: pointer;
        margin-right: 1rem;
        position: relative;
        z-index: 2
    }

        .pipeskirts__finish.inactive {
            cursor: not-allowed;
            opacity: .25
        }

        .pipeskirts__finish.is-active {
            border-color: transparent
        }

            .pipeskirts__finish.is-active:before {
                display: block
            }

        .pipeskirts__finish:before {
            background: #fff;
            border: .1rem solid #0f213d;
            border-radius: 50%;
            content: "";
            display: block;
            display: none;
            height: 4rem;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 4rem;
            z-index: -1
        }

        .pipeskirts__finish img {
            border-radius: 50%;
            display: block;
            height: 3.2rem;
            width: 3.2rem
        }

    .pipeskirts__notes {
        display: block;
        margin-top: 1.6rem
    }

    .pipeskirts__image {
        align-items: center;
        background: #dfd5cc;
        display: flex;
        padding: 4rem 0 4rem 4rem;
        position: relative
    }

    @media(max-width:768px) {
        .pipeskirts__image {
            padding-left: 0
        }
    }

    .pipeskirts__image:before {
        background: #dfd5cc;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 50vw;
        z-index: -1
    }

    @media(max-width:768px) {
        .pipeskirts__image:before {
            left: -25vw;
            width: 200vw
        }
    }

    .collection-banner {
        overflow: hidden;
        padding: 12rem 0;
        position: relative
    }

    .collection-banner--text-white {
        color: #fff
    }

    .collection-banner__background img {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .collection-banner__image--tablet {
        display: none
    }

    @media(max-width:1024px) {
        .collection-banner__image--tablet {
            display: block
        }

            .collection-banner__image--tablet + .collection-banner__image--desktop {
                display: none
            }
    }

    .collection-banner__container {
        display: flex;
        position: relative
    }

    .collection-banner--size-medium .collection-banner__container {
        min-height: 60rem
    }

    @media(max-width:1024px) {
        .collection-banner--size-medium .collection-banner__container {
            min-height: 50rem
        }
    }

    .collection-banner--size-large .collection-banner__container {
        min-height: 100rem
    }

    @media(max-width:1024px) {
        .collection-banner--size-large .collection-banner__container {
            min-height: 75rem
        }
    }

    .collection-banner__text {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 45rem;
        width: 100%
    }

    .collection-banner__text--h-center {
        margin: 0 auto;
        max-width: 67rem;
        text-align: center
    }

    .collection-banner__text--h-right {
        margin-left: auto
    }

    .collection-banner__text--v-center {
        align-self: center
    }

    .collection-banner__text--v-bottom {
        align-self: flex-end
    }

    .collection-banner__heading ~ .collection-banner__content {
        margin-top: 4rem
    }

    @media(max-width:1024px) {
        .titled-gallery__items {
            transform: translateX(-20%);
            width: 140%
        }
    }

    @media(max-width:768px) {
        .titled-gallery__items {
            transform: none;
            width: 100%
        }
    }

    .titled-gallery__item {
        left: 0 !important;
        opacity: 0;
        transform: none !important;
        transition: opacity .35s ease-in-out,z-index 0ms .35s;
        width: 100%;
        z-index: -1
    }

        .titled-gallery__item.is-selected {
            opacity: 1;
            transition: opacity .3s ease-in-out,z-index 0ms 0ms;
            z-index: 0
        }

    .titled-gallery__image--tablet {
        display: none
    }

    @media(max-width:768px) {
        .titled-gallery__image--tablet {
            display: block
        }

            .titled-gallery__image--tablet + .titled-gallery__image--desktop {
                display: none
            }
    }

    .titled-gallery__container {
        position: relative
    }

    .titled-gallery__controls {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 8rem;
        z-index: 10
    }

    @media(max-width:768px) {
        .titled-gallery__controls {
            top: 2rem
        }
    }

    .titled-gallery__control {
        cursor: pointer;
        display: inline-block;
        margin-bottom: 1.6rem;
        opacity: .3
    }

    @media(max-width:768px) {
        .titled-gallery__control {
            font-size: 1.6rem;
            margin-bottom: 1rem
        }
    }

    .titled-gallery__control.is-active {
        opacity: 1
    }

    .titled-gallery .mity-slider {
        transform: none !important
    }

    .block-features {
        background: #f8f8f8
    }

    @media(min-width:769px) {
        .block-features {
            padding-bottom: 0
        }
    }

    .block-features__heading {
        margin-bottom: 4rem;
        text-align: center
    }

    .block-features__item {
        align-items: center;
        display: flex;
        margin-bottom: 8rem
    }

    @media(max-width:768px) {
        .block-features__item {
            flex-direction: column
        }
    }

    .block-features__item:last-child {
        margin-bottom: 0
    }

        .block-features__item:last-child .block-features__text {
            margin-top: 4rem
        }

    .block-features__image {
        flex-grow: 0;
        flex-shrink: 0;
        width: 60%
    }

    @media(max-width:768px) {
        .block-features__image {
            margin-right: auto;
            max-width: 50rem;
            width: 100%
        }
    }

    .block-features__text {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 60rem;
        padding: 0 8rem;
        width: 40%
    }

    @media(max-width:1024px) {
        .block-features__text {
            padding: 0 4rem 0 2rem
        }
    }

    @media(max-width:768px) {
        .block-features__text {
            margin-left: auto;
            max-width: 40rem;
            padding: 0 2rem;
            width: 100%
        }
    }

    @media(max-width:550px) {
        .block-features__text {
            padding: 0 1.6rem
        }
    }

    .block-features__title {
        margin-bottom: 4rem
    }

    .block-features__links {
        margin-top: 2rem
    }

    .stepping-images {
        background: #000;
        color: #fff
    }

    .stepping-images__heading {
        margin-bottom: 4rem;
        text-align: center
    }

    .stepping-images__stepper {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 16rem
    }

    @media(max-width:1024px) {
        .stepping-images__stepper {
            grid-column-gap: 8rem
        }
    }

    @media(max-width:600px) {
        .stepping-images__stepper {
            display: block
        }
    }

    .stepping-images__images-inner {
        height: calc(100vh - 20rem);
        position: relative
    }

    @media(max-width:1024px) {
        .stepping-images__images-inner {
            min-height: calc(80vh - 20rem)
        }
    }

    @media(max-width:600px) {
        .stepping-images__images {
            display: none
        }
    }

    .stepping-images__image {
        left: 50%;
        max-height: 100%;
        max-width: 100%;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: .4s;
        width: 100%
    }

        .stepping-images__image.is-active {
            opacity: 1
        }

    .stepping-images__text {
        align-items: center;
        display: flex;
        min-height: calc(100vh - 20rem);
        padding: 10rem 0
    }

    @media(max-width:1024px) {
        .stepping-images__text {
            min-height: calc(80vh - 20rem)
        }
    }

    @media(max-width:600px) {
        .stepping-images__text {
            margin-bottom: 8rem;
            min-height: 0;
            padding: 0
        }

            .stepping-images__text:last-child {
                margin-bottom: 0
            }
    }

    @media(max-width:550px) {
        .stepping-images__text {
            margin-bottom: 4rem
        }
    }

    .stepping-images__tablet-image {
        display: none
    }

    @media(max-width:600px) {
        .stepping-images__tablet-image {
            display: block;
            flex-grow: 0;
            flex-shrink: 0;
            margin-right: 2rem;
            width: 15rem
        }
    }

    @media(max-width:550px) {
        .stepping-images__tablet-image {
            width: 11rem
        }
    }

    .grid-features {
        background: #f8f8f8
    }

    .grid-features__columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 8rem
    }

    @media(max-width:768px) {
        .grid-features__columns {
            display: block
        }
    }

    .grid-features__heading {
        margin-bottom: 2rem
    }

    .grid-features__list {
        margin-top: 8rem
    }

    @media(max-width:768px) {
        .grid-features__list {
            display: none
        }
    }

    .grid-features__list-item {
        margin-bottom: .8rem
    }

    .grid-features__items {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 2rem;
        grid-row-gap: 4rem
    }

    @media(max-width:1024px) {
        .grid-features__items {
            grid-template-columns: repeat(3,1fr)
        }
    }

    @media(max-width:768px) {
        .grid-features__items {
            grid-template-columns: repeat(5,1fr);
            margin-top: 8rem
        }
    }

    @media(max-width:550px) {
        .grid-features__items {
            grid-template-columns: repeat(4,1fr)
        }
    }

    @media(max-width:450px) {
        .grid-features__items {
            grid-template-columns: repeat(3,1fr)
        }
    }

    .grid-features__item {
        min-width: 0
    }

    .grid-features__icon {
        background: #fff;
        border-radius: 50%;
        height: 0;
        padding-bottom: 100%;
        position: relative;
        width: 100%
    }

        .grid-features__icon img, .grid-features__icon svg {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%) scale(.6)
        }

    .grid-features__title {
        display: block;
        margin-top: 1.6rem;
        text-align: center
    }

    .process {
        background: #000;
        color: #fff;
        counter-reset: section
    }

    .process__header {
        position: relative
    }

    .process__heading {
        position: absolute;
        transform: translateX(-100%) rotate(-90deg);
        transform-origin: top right
    }

    .process__content {
        padding-left: 10rem
    }

    .process__item {
        align-items: center;
        border-bottom: .2rem solid #fff;
        counter-increment: section;
        display: flex;
        padding: 4rem 0
    }

    @media(max-width:768px) {
        .process__item {
            display: block
        }
    }

    .process__item:first-child {
        padding-top: 0
    }

    .process__title {
        flex-shrink: 0
    }

        .process__title:before {
            content: "0" counter(section) ".";
            display: inline-block;
            margin-right: 1.6rem
        }

    .process__notes {
        flex-shrink: 1;
        margin-left: auto;
        padding-left: 2rem
    }

    @media(max-width:768px) {
        .process__notes {
            display: block;
            margin-left: 0;
            margin-top: 1.6rem;
            padding-left: 0
        }
    }

    .process__footer {
        margin-top: 4rem
    }

    .blur-slide--black {
        background: #000;
        color: #f0f0f0
    }

    .blur-slide__heading {
        margin-bottom: 8rem;
        text-align: center
    }

    .blur-slide__columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 8rem
    }

    @media(max-width:768px) {
        .blur-slide__columns {
            display: block
        }
    }

    .blur-slide__column {
        max-width: 60rem;
        width: 100%
    }

    @media(max-width:768px) {
        .blur-slide__column {
            max-width: 100%
        }
    }

    .blur-slide__column--left {
        margin-left: auto
    }

    @media(max-width:768px) {
        .blur-slide__images {
            display: none
        }
    }

    .blur-slide__images-inner {
        height: calc(100vh - 20rem);
        position: relative
    }

    .blur-slide__images-wrap {
        height: 0;
        padding-bottom: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }

    .blur-slide__image {
        height: 100%;
        position: absolute;
        transition: .2s;
        width: 100%
    }

        .blur-slide__image:nth-child(0) {
            z-index: 12
        }

        .blur-slide__image:first-child {
            z-index: 11
        }

        .blur-slide__image:nth-child(2) {
            z-index: 10
        }

        .blur-slide__image:nth-child(3) {
            z-index: 9
        }

        .blur-slide__image:nth-child(4) {
            z-index: 8
        }

        .blur-slide__image:nth-child(5) {
            z-index: 7
        }

        .blur-slide__image:nth-child(6) {
            z-index: 6
        }

        .blur-slide__image:nth-child(7) {
            z-index: 5
        }

        .blur-slide__image:nth-child(8) {
            z-index: 4
        }

        .blur-slide__image:nth-child(9) {
            z-index: 3
        }

        .blur-slide__image:nth-child(10) {
            z-index: 2
        }

        .blur-slide__image:nth-child(11) {
            z-index: 1
        }

        .blur-slide__image:nth-child(12) {
            z-index: 0
        }

    .blur-slide__text {
        align-items: center;
        display: flex;
        margin-bottom: 8rem;
        min-height: calc(100vh - 20rem)
    }

    @media(max-width:768px) {
        .blur-slide__text {
            display: block;
            min-height: 0
        }
    }

    .blur-slide__text:last-child {
        margin-bottom: 0
    }

    .blur-slide__text-image {
        display: none
    }

    @media(max-width:768px) {
        .blur-slide__text-image {
            display: block;
            margin-bottom: 2rem;
            max-width: 35rem
        }
    }

    .finish-suppliers__columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 8rem
    }

    @media(max-width:600px) {
        .finish-suppliers__columns {
            display: block
        }

        .finish-suppliers__text {
            max-width: 45rem
        }
    }

    .finish-suppliers__heading {
        margin-bottom: 4rem;
        text-align: center
    }

    .finish-suppliers__content {
        margin-bottom: 4rem
    }

    .finish-suppliers__items {
        max-width: 35rem
    }

    .finish-suppliers__item {
        border-bottom: .1rem solid #ccc
    }

        .finish-suppliers__item:last-child {
            border: none
        }

    .finish-suppliers__link {
        display: block;
        padding: 3rem 3rem 3rem 0;
        position: relative
    }

        .finish-suppliers__link:hover .icon {
            right: 1rem
        }

        .finish-suppliers__link .icon {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: .15s;
            width: 1.5rem
        }

    @media(max-width:600px) {
        .finish-suppliers__image {
            display: none
        }
    }

    .design-slider__header {
        margin-bottom: 8rem;
        text-align: center
    }

    @media(max-width:768px) {
        .design-slider__header {
            margin-bottom: 4rem
        }
    }

    @media(max-width:550px) {
        .design-slider__header {
            margin-bottom: 2rem
        }
    }

    .design-slider__heading {
        margin: 0 auto;
        max-width: 70rem
    }

    .design-slider__subheading {
        margin: 2rem auto 0;
        max-width: 70rem
    }

    .design-slider__steps {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 2rem
    }

    @media(max-width:500px) {
        .design-slider__steps {
            display: none
        }
    }

    .design-slider__chevron {
        display: inline-block;
        flex-grow: 0;
        flex-shrink: 0;
        height: .7rem;
        margin: 0 4rem;
        width: 1rem
    }

    @media(max-width:1024px) {
        .design-slider__chevron {
            margin: 0 2rem
        }
    }

    .design-slider__chevron:last-child {
        display: none
    }

    .design-slider__chevron svg {
        transform: rotate(-90deg)
    }

    .design-slider__columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 8rem
    }

    @media(max-width:1024px) {
        .design-slider__columns {
            grid-column-gap: 4rem
        }
    }

    @media(max-width:600px) {
        .design-slider__columns {
            display: block
        }
    }

    .design-slider__instructions {
        margin-top: 4rem;
        max-width: 45rem
    }

    .design-slider__controls {
        margin-top: 4rem;
        max-width: 35rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .design-slider__input input {
        width: 100%
    }

    .design-slider__counters {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2rem;
        margin-top: 2rem
    }

    .design-slider__title {
        display: block
    }

    @media(max-width:1024px) {
        .design-slider__images {
            display: flex;
            flex-direction: column;
            justify-content: center
        }
    }

    @media(max-width:600px) {
        .design-slider__images {
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2rem;
            max-width: 50rem
        }
    }

    input[type=range].styled-slider {
        -webkit-appearance: none;
        height: 2.2em
    }

        input[type=range].styled-slider.slider-progress {
            --range: calc(var(--max) - var(--min));
            --ratio: calc((var(--value) - var(--min))/var(--range));
            --sx: calc(7px + var(--ratio)*(100% - 14px))
        }

        input[type=range].styled-slider:focus {
            outline: none
        }

        input[type=range].styled-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            background: #0f213d;
            border: none;
            border-radius: 14px;
            height: 14px;
            margin-top: -5.5px;
            width: 14px
        }

        input[type=range].styled-slider::-webkit-slider-runnable-track {
            background: #ccc;
            border: none;
            border-radius: 0;
            box-shadow: none;
            height: 3px
        }

        input[type=range].styled-slider::-webkit-slider-thumb:hover {
            background: #000
        }

        input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
            background: #ccc
        }

        input[type=range].styled-slider::-webkit-slider-thumb:active {
            background: #0f213d
        }

        input[type=range].styled-slider:active::-webkit-slider-runnable-track {
            background: #ccc
        }

        input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
            background: linear-gradient(#0f213d,#0f213d) 0/var(--sx) 100% no-repeat,#ccc
        }

        input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track {
            background: linear-gradient(#000,#000) 0/var(--sx) 100% no-repeat,#ccc
        }

        input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track {
            background: linear-gradient(#0f213d,#0f213d) 0/var(--sx) 100% no-repeat,#ccc
        }

        input[type=range].styled-slider::-moz-range-thumb {
            background: #0f213d;
            border: none;
            border-radius: 14px;
            height: 14px;
            width: 14px
        }

        input[type=range].styled-slider::-moz-range-track {
            background: #ccc;
            border: none;
            border-radius: 0;
            box-shadow: none;
            height: 3px
        }

        input[type=range].styled-slider::-moz-range-thumb:hover {
            background: #000
        }

        input[type=range].styled-slider:hover::-moz-range-track {
            background: #ccc
        }

        input[type=range].styled-slider::-moz-range-thumb:active {
            background: #0f213d
        }

        input[type=range].styled-slider:active::-moz-range-track {
            background: #ccc
        }

        input[type=range].styled-slider.slider-progress::-moz-range-track {
            background: linear-gradient(#0f213d,#0f213d) 0/var(--sx) 100% no-repeat,#ccc
        }

        input[type=range].styled-slider.slider-progress:hover::-moz-range-track {
            background: linear-gradient(#000,#000) 0/var(--sx) 100% no-repeat,#ccc
        }

        input[type=range].styled-slider.slider-progress:active::-moz-range-track {
            background: linear-gradient(#0f213d,#0f213d) 0/var(--sx) 100% no-repeat,#ccc
        }

        input[type=range].styled-slider::-ms-fill-lower, input[type=range].styled-slider::-ms-fill-upper {
            background: transparent;
            border-color: transparent
        }

        input[type=range].styled-slider::-ms-thumb {
            background: #0f213d;
            border: none;
            border-radius: 14px;
            box-sizing: border-box;
            height: 14px;
            margin-top: 0;
            width: 14px
        }

        input[type=range].styled-slider::-ms-track {
            background: #ccc;
            border: none;
            border-radius: 0;
            box-shadow: none;
            box-sizing: border-box;
            height: 3px
        }

        input[type=range].styled-slider::-ms-thumb:hover {
            background: #000
        }

        input[type=range].styled-slider:hover::-ms-track {
            background: #ccc
        }

        input[type=range].styled-slider::-ms-thumb:active {
            background: #0f213d
        }

        input[type=range].styled-slider:active::-ms-track {
            background: #ccc
        }

        input[type=range].styled-slider.slider-progress::-ms-fill-lower {
            background: #0f213d;
            border: none;
            border-radius: 0 0 0 0;
            border-right: 0;
            height: 3px;
            margin: 0
        }

        input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower {
            background: #000
        }

        input[type=range].styled-slider.slider-progress:active::-ms-fill-lower {
            background: #0f213d
        }

    .columns__header {
        margin-bottom: 8rem;
        text-align: center
    }

    .cols {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    @media(max-width:768px) {
        .columns__header {
            margin-bottom: 4rem
        }

        .solutionlayout #section-3 .columns__header {
            margin-bottom: 0rem;
        }

        .cols {
            flex-direction: column;
        }

            .cols .colsdiv {
                margin-top: 60px;
            }
    }

    @media(max-width:550px) {
        .columns__header {
            margin-bottom: 2rem
        }
    }

    .columns__subtitle {
        margin: 2rem auto 0;
        max-width: 70rem
    }

    .columns__items {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap: 4rem;
        gap: 4rem
    }

    @media(max-width:1024px) {
        .columns__items {
            grid-template-columns: repeat(2,1fr);
            grid-column-gap: 2rem
        }
    }

    @media(max-width:550px) {
        .columns__items {
            grid-template-columns: 1fr
        }
    }

    .columns__card {
        background: #f8f8f8;
        height: 100%
    }

    .columns__text {
        padding: 4rem
    }

    @media(max-width:1200px) {
        .columns__text {
            padding: 2rem
        }
    }

    .columns__content {
        margin-top: 2rem
    }

    /*flex grid start*/

    .column-flow-wrap {
        display: flex;
        justify-content: center;
    }

    .grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 30px;
        width: 93%;
        max-width: 1108px;
    }

    .solutionlayout .cols {
        font-size: 15px;
        font-weight: 400;
        line-height: 22.5px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .solutionlayout .cols1 {
        padding-right: 60px;
    }

    .solutionlayout .cols2 {
        padding-right: 40px;
    }

    .num-icon {
        padding: 6px 8px;
        border: 1px solid #000000;
        border-radius: 5px;
        margin-bottom: 20px;
    }

    .solutionlayout .colsdiv .columns__heading {
        margin-top: 20px;
    }

    .solutionlayout .colsdiv .columns__content {
        margin-top: 1rem;
    }

.solutionlayout .quote, .brandlayout .quote {
    background: url(/uc/wr/images/TSL_US-DesignSolution-Footer-1900x500.jpg);
    /*background-size: 100% auto;*/
    height: 600px;
    background-position: left top;
    padding: 6.5rem 0;
    background-repeat: no-repeat;
    background-size: cover;
}

    @media(max-width:768px) {

        .solutionlayout .quote, .brandlayout .quote {
            padding: 20px 20px;
            background-size: cover;
        }
    }

    @media (max-width: 898px) {
        .solutionlayout .quote, .brandlayout .quote {
            height: unset;
            height: initial;
        }

        .solutionlayout .quote__container, .brandlayout .quote__container {
            padding-left: 0px;
        }
    }

    .cell {
        background-color: #F6F6F6;
        border: none;
        padding: 34px;
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: flex-start;
        text-align: left;
        font-size: 1.2rem;
    }

        .cell img.lineicon {
            height: 40px;
            text-align: left;
            width: initial;
            margin: 14px 0px 12px 0px;
        }

    .cell1 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .cell2 {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .cell3 {
        grid-column: 3 / 4;
        grid-row: 1 / 3;
        padding: 0px;
        width: 456px;
    }

    .cell4 {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
    }

    /* Styling for the image */
    .cell3 img {
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: right;
    }

    .columns__container .yctawrap {
        padding-top: 40px;
        text-align: center;
    }

    .columns__container .ycta {
        display: inline-block;
        background-color: #FFB607;
        color: #000000;
        margin-top: 20px;
        font-weight: bold;
        padding: 14px 35px 14px 35px;
        border-radius: 2px 0px 0px 0px;
        opacity: 0px;
    }

.dls-section .ycta, #orderfinishsample-form .ycta {
    display: flex;
    background-color: #FFB607;
    color: #000000;
    font-weight: bold;
    padding: 12px 2px 12px 34px;
    border-radius: 2px 0px 0px 0px;
    max-width: 222px;
    line-height: 26px;
    cursor: pointer;
}

#orderfinishsample-form .ycta {
    padding: 12px 34px 12px 34px;
    justify-content: center;
    display: inline-flex;
    margin-top: 20px;
}

    @media (max-width: 600px) {
        .grid-container {
            grid-template-columns: 1fr;
            grid-template-rows: auto;
        }

        .cell1, .cell2, .cell4, .cell3 {
            grid-column: auto;
            grid-row: auto;
            width: 100%;
        }
    }

    /*flex grid end*/

    .flex-video-grid__header {
        margin-bottom: 8rem;
        text-align: center
    }

    @media(max-width:768px) {
        .flex-video-grid__header {
            margin-bottom: 4rem
        }
    }

    @media(max-width:550px) {
        .flex-video-grid__header {
            margin-bottom: 2rem
        }
    }

    .flex-video-grid__subheading {
        margin: 2rem auto 0;
        max-width: 70rem
    }

    .flex-video-grid__items {
        display: grid;
        grid-gap: 4rem;
        grid-template-columns: repeat(2,1fr)
    }

    @media(max-width:1024px) {
        .flex-video-grid__items {
            grid-gap: 4rem 2rem
        }
    }

    @media(max-width:768px) {
        .flex-video-grid__items {
            grid-template-columns: repeat(1,1fr)
        }
    }

    .flex-video-grid__description {
        margin-top: 2rem
    }

    .flex-video-grid__title {
        font-weight: 500
    }

    .stages__container {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    @media(max-width:768px) {
        .stages__container {
            display: block
        }
    }

    .stages__sidebar {
        align-self: flex-start;
        grid-column: span 5;
        position: sticky;
        top: 15rem
    }

    @media(max-width:768px) {
        .stages__sidebar {
            margin-bottom: 4rem;
            position: relative;
            top: auto
        }
    }

    .stages__items {
        grid-column: 7/span 6
    }

    @media(max-width:1200px) {
        .stages__items {
            grid-column: 6/span 7
        }
    }

    .stages__item {
        background-color: #f8f8f8;
        margin-bottom: 2rem;
        padding: 5rem
    }

    @media(max-width:768px) {
        .stages__item {
            padding: 2rem
        }
    }

    .stages__header {
        align-items: center;
        display: flex;
        gap: 1.6rem
    }

    .stages__icon {
        flex-shrink: 0;
        width: 4rem
    }

    .stages__heading {
        font-size: 3rem;
        line-height: 1
    }

    @media(max-width:550px) {
        .stages__heading {
            font-size: 2.6rem
        }
    }

    .stages__content {
        margin-top: 2rem
    }

    .steps {
        --progress: 0;
        --image-offset: 0;
        padding-top: 8rem
    }

    .steps__introduction {
        margin-bottom: 8rem;
        max-width: 100rem
    }

    .steps__wrapper {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        position: relative
    }

    @media(max-width:768px) {
        .steps__wrapper {
            display: block
        }
    }

    .steps__wrapper:before {
        background-color: #0f213d;
        content: "";
        height: .1rem;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 100vw
    }

    @media(max-width:768px) {
        .steps__wrapper:before {
            display: none
        }
    }

    .steps__items {
        counter-reset: item;
        display: grid;
        grid-column: span 5;
        grid-template-columns: subgrid;
        padding-top: 16rem;
        position: relative
    }

    @media(max-width:1200px) {
        .steps__items {
            display: block;
            grid-column: span 6;
            grid-column: span 5
        }
    }

    @media(max-width:768px) {
        .steps__items {
            padding-top: 0
        }
    }

    .steps__items:after, .steps__items:before {
        background-color: #0f213d;
        content: "";
        height: 100%;
        left: 35%;
        opacity: .15;
        position: absolute;
        top: 0;
        width: .1rem
    }

    @media(max-width:1200px) {
        .steps__items:after, .steps__items:before {
            left: -5%
        }
    }

    @media(max-width:768px) {
        .steps__items:after, .steps__items:before {
            display: none
        }
    }

    .steps__items:after {
        opacity: 1;
        transform: scaleY(var(--progress));
        transform-origin: top center
    }

    .steps__item {
        counter-increment: item;
        display: grid;
        grid-column: span 5;
        grid-template-columns: subgrid;
        opacity: .3;
        padding-bottom: 16rem;
        transition: opacity .25s
    }

    @media(max-width:1200px) {
        .steps__item {
            display: block
        }
    }

    @media(max-width:768px) {
        .steps__item {
            padding-bottom: 8rem
        }
    }

    .steps__item.is-active, .steps__item:first-child {
        opacity: 1
    }

    .steps__photo {
        display: none
    }

    @media(max-width:768px) {
        .steps__photo {
            display: block;
            margin-bottom: 4rem
        }
    }

    .steps__title {
        grid-column: span 2
    }

    @media(max-width:1024px) {
        .steps__title {
            display: block;
            grid-column: span 1;
            margin-bottom: 1.6rem
        }
    }

    .steps__text {
        grid-column: span 3
    }

    @media(max-width:1200px) {
        .steps__text {
            grid-column: span 4
        }
    }

    @media(max-width:1024px) {
        .steps__text {
            grid-column: span 5
        }
    }

    .steps__heading {
        margin-bottom: 2rem
    }

    .steps__images-wrapper {
        grid-column: 7/span 6;
        height: calc(100% + var(--image-offset));
        padding-top: calc(16rem + var(--image-offset))
    }

    @media(max-width:1024px) {
        .steps__images-wrapper {
            grid-column: 6/span 7
        }
    }

    @media(max-width:768px) {
        .steps__images-wrapper {
            display: none
        }
    }

    .steps__images {
        height: 0;
        padding-bottom: 72%;
        position: sticky;
        top: 50vh;
        transform: translateY(-50%);
        width: 100%
    }

        .steps__images img {
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            transition: opacity .25s
        }

            .steps__images img.is-active, .steps__images img:first-child {
                opacity: 1
            }

    .booking {
        background-color: #0f213d;
        color: #fff;
        padding-bottom: 16rem;
        padding-top: 16rem;
        position: relative
    }

    @media(max-width:768px) {
        .booking {
            padding-bottom: 8rem;
            padding-top: 8rem
        }
    }

    .booking__container {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        grid-row-gap: 8rem;
        row-gap: 8rem
    }

    @media(max-width:768px) {
        .booking__container {
            -moz-column-gap: 1.6rem;
            column-gap: 1.6rem
        }
    }

    @media(max-width:550px) {
        .booking__container {
            -moz-column-gap: .5rem;
            column-gap: .5rem
        }
    }

    .booking__side {
        grid-column: span 3;
        grid-row: span 2;
        text-align: center
    }

    @media(max-width:1024px) {
        .booking__side {
            grid-column: span 4
        }
    }

    @media(max-width:768px) {
        .booking__side {
            grid-row: span 1
        }
    }

    @media(max-width:550px) {
        .booking__side {
            display: none
        }
    }

    .booking__image {
        border-radius: 50%;
        height: 0;
        overflow: clip;
        padding-bottom: 100%;
        position: relative;
        width: 100%
    }

        .booking__image img {
            height: 100%;
            left: 0;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 0;
            width: 100%
        }

    .booking__image-title {
        display: block;
        font-weight: 500;
        margin-top: 2rem
    }

    .booking__image-subtitle {
        display: block
    }

    .booking__header {
        grid-column: 5/span 8
    }

    @media(max-width:550px) {
        .booking__header {
            grid-column: span 12
        }
    }

    .booking__heading {
        text-wrap: balance
    }

    .booking__introduction {
        margin-top: 1.6rem
    }

    .booking__form {
        grid-column: 5/span 8
    }

    @media(max-width:768px) {
        .booking__form {
            grid-column: 1/span 12
        }
    }

    .booking .form[data-loading=true] {
        opacity: .5
    }

    .booking .form__5050 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem
    }

    @media(max-width:550px) {
        .booking .form__5050 {
            display: block
        }
    }

    .booking .form__field {
        margin-bottom: 1.6rem
    }

    @media(max-width:550px) {
        .booking .form__field {
            margin-bottom: 2rem
        }
    }

    .booking .form__input {
        background-color: transparent;
        border: 0;
        border-bottom: .1rem solid #fff;
        border-radius: 0;
        color: #fff;
        margin: 0;
        padding: .8rem 0;
        width: 100%
    }

        .booking .form__input:focus {
            outline: none
        }

        .booking .form__input.invalid {
            border-color: #bf2e48
        }

    .booking .form .validation-error {
        color: #bf2e48;
        transform: translateY(.3rem)
    }

    .booking .form__controls {
        margin-top: 4rem
    }

    .booking .response {
        align-items: center;
        background-color: #0f213d;
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%
    }

    .booking .response__thanks:before {
        content: "Thank you";
        display: block;
        margin-bottom: .5rem
    }

    .image-gallery {
        --content-height: 0px
    }

    .image-gallery--grey {
        background: #f8f8f8;
        margin: 0;
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    @media(max-width:768px) {
        .image-gallery--grey {
            padding-bottom: 4rem;
            padding-top: 4rem
        }
    }

    .image-gallery__container {
        padding-left: 16rem;
        padding-right: 16rem
    }

    @media(max-width:1024px) {
        .image-gallery__container {
            padding-left: 8rem;
            padding-right: 8rem
        }
    }

    .image-gallery__items {
        transform: translateX(-33.333%);
        width: 300%
    }

    .image-gallery__item {
        width: 33.333%
    }

    .image-gallery__image {
        margin-bottom: 4rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .image-gallery__contents {
        height: var(--content-height);
        position: relative
    }

    .image-gallery__content {
        left: 50%;
        max-width: 80rem;
        opacity: 0;
        padding: 0 4rem;
        pointer-events: none;
        position: absolute;
        top: 0;
        transform: translateX(-50%) translateY(2rem);
        transition: opacity .4s,transform 0ms .5s;
        width: 100%
    }

        .image-gallery__content.is-active {
            opacity: 1;
            pointer-events: all;
            transform: translateX(-50%) translateY(0);
            transition: opacity .5s .2s,transform 1s
        }

    .image-gallery__cursor {
        --x: 0px;
        --y: 0px;
        --scale: 0;
        --opacity: 0;
        --icon-scale: 1;
        background-color: hsla(0,0%,100%,.4);
        border-radius: .3rem;
        height: 3.3rem;
        left: 0;
        left: var(--x);
        margin-top: -4rem;
        opacity: 0;
        opacity: var(--opacity);
        pointer-events: none;
        position: absolute;
        top: 0;
        top: var(--y);
        transform: scale(0);
        transform: scale(var(--scale));
        transition: opacity .2s,transform .2s;
        width: 4rem
    }

        .image-gallery__cursor svg {
            bottom: 0;
            height: 100%;
            left: 0;
            -o-object-fit: contain;
            object-fit: contain;
            padding: .7rem;
            position: absolute;
            right: 0;
            top: 0;
            transform: scale(var(--icon-scale));
            width: 100%
        }

    .image {
        --position: absolute;
        --progress: 100%
    }

    .image__image {
        height: 0;
        position: relative
    }

        .image__image img {
            clip-path: polygon(0 0,100% 0,100% var(--progress),0 var(--progress));
            display: block;
            left: 0;
            position: var(--position);
            top: 0;
            width: 100%
        }

    .catalog {
        display: grid;
        grid-template-columns: 1fr 50rem;
        min-height: calc(100vh - 25.7rem)
    }

    @media(max-width:768px) {
        .catalog {
            display: block
        }
    }

    .catalog__image {
        position: relative
    }

    @media(max-width:768px) {
        .catalog__image {
            height: 40rem
        }
    }

    .catalog__image img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .catalog__logo {
        left: 8rem;
        left: var(--container-padding);
        position: absolute;
        top: 8rem;
        top: var(--container-padding);
        z-index: 20
    }

        .catalog__logo svg {
            max-width: 17.5rem
        }

    @media(max-width:768px) {
        .catalog__logo svg {
            max-width: 12rem
        }
    }

    .catalog__content {
        background-color: #0f213d;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 8rem 4rem
    }

    @media(max-width:768px) {
        .catalog__content {
            display: block;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media(max-width:550px) {
        .catalog__content {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .catalog__introduction {
        margin-top: 1.6rem
    }

    .catalog__form {
        margin-top: 4rem
    }

    @media(min-width:769px) {
        .post-type-archive-product .product-grid, .tax-product_cat .product-grid {
            margin-top: -2rem
        }
    }

    body:not(.post-type-archive-support) .product-grid__container {
        min-height: 50vh
    }
.product-grid__container {
    padding: 0px;
}
    .product-grid__heading {
        margin-bottom: 4rem
    }

    .product-grid__items {
        /*display: grid;
        grid-gap: 8rem 4rem;
        grid-template-columns: repeat(4,1fr)*/
    }

    @media(max-width:1200px) {
        .product-grid__items {
            grid-gap: 8rem 2rem
        }
    }

    @media(max-width:1024px) {
        .product-grid__items {
            grid-template-columns: repeat(3,1fr)
        }
    }

    @media(max-width:768px) {
        .product-grid__items {
            grid-template-columns: repeat(2,1fr)
        }
    }

    @media(max-width:400px) {
        .product-grid__items {
            grid-template-columns: repeat(1,1fr)
        }
    }

    .product-grid .tease-product__thumbnail {
        padding-bottom: 100%;
    }

    .product-grid .no-results {
        grid-column: 1/span 4
    }

    .product-overview__default {
        display: grid;
        /*grid-template-columns: 55vw 1fr;*/
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .single-product-details__gallery {
        width: 70%;
        height: 100%;
    }

    .ware-img {
        /*max-height: 400px;*/
        max-height: 92%;
        width: auto;
    }

    .dls-section {
        margin-top: 60px;
    }

    .dls-list {
        margin-top: 30px;
        width: 66%;
    }

        .dls-list > div > div {
            width: 100%;
            border-bottom: 1px solid #878787;
            padding: 8px 0px;
            font-size: 13px;
            color: #0f213d;
            cursor: pointer;
        }

        .dls-list > div > div {
            /*background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2017V7%22/%3E%3Cpolyline%20points%3D%228%2011%2012%207%2016%2011%22/%3E%3Cpath%20d%3D%22M5%2020H19%22/%3E%3Cpath%20d%3D%22M5%2017V20%22/%3E%3Cpath%20d%3D%22M19%2017V20%22/%3E%3C/svg%3E");*/
            /* background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2242%22%20height%3D%2242%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M22%2027V13%22/%3E%3Cpolyline%20points%3D%2218%2017%2022%2013%2026%2017%22/%3E%3Cpath%20d%3D%22M15%2030H29%22/%3E%3Cpath%20d%3D%22M15%2027V30%22/%3E%3Cpath%20d%3D%22M29%2027V30%22/%3E%3C/svg%3E");*/
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2242%22%20height%3D%2242%22%20stroke%3D%22black%22%20fill%3D%22none%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M22%2011V24%22/%3E%3Cpolyline%20points%3D%2218%2020%2022%2024%2026%2020%22/%3E%3Cpath%20d%3D%22M14%2030H30%22/%3E%3Cpath%20d%3D%22M14%2027V30%22/%3E%3Cpath%20d%3D%22M30%2027V30%22/%3E%3C/svg%3E");
            background-size: 28px 28px; /* Scale the icon to fit */
            background-repeat: no-repeat; /* Prevent tiling */
            background-position: right 18px bottom 10px;
            padding: 1.5rem 0rem .9rem 0rem;
            text-align: left;
        }

            .dls-list > div > div:hover {
                background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2242%22%20height%3D%2242%22%20stroke%3D%22%23ffffff%22%20fill%3D%22%230f213d%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M22%2011V24%22/%3E%3Cpolyline%20points%3D%2218%2020%2022%2024%2026%2020%22/%3E%3Cpath%20d%3D%22M14%2030H30%22/%3E%3Cpath%20d%3D%22M14%2027V30%22/%3E%3Cpath%20d%3D%22M30%2027V30%22/%3E%3C/svg%3E");
            }

    .dls-section .ycta svg {
        width: 20px;
        height: 20px;
        margin-left: 16px;
    }
.icon2 .ycta svg {
    width: 16px;
    height: 16px;
    margin-left: 16px;
    color: #0f213d;
    stroke: #0f213d;
}
    .product-overview__default:has(.single-product-downloads) {
        grid-template-columns: 60vw 40vw 40vw;
        overflow: clip;
        width: 100%
    }

    @media(max-width:768px) {
        .product-overview__default:has(.single-product-downloads.is-active) .single-product-details__content, .product-overview__default:has(.single-product-downloads.is-active) .woocommerce-product-gallery {
            display: none
        }
    }

    @media(max-width:768px) {
        .product-overview__default {
            display: block
        }
    }

    .product-overview .summary .sku {
        display: block;
        margin-bottom: .8rem
    }

    .product-overview .summary .product_title {
        margin-bottom: 1.6rem;
        text-align: left;
    }

    .product-overview .summary .dynamic-price {
        margin-top: 2rem
    }

    .product-overview .summary .price {
        display: inline;
        margin-top: 4rem
    }

    .product-overview .summary .woocommerce-variation-price {
        display: none !important
    }

    .product-overview .summary .woocommerce-product-details__short-description {
        font-size: 1.4rem;
        margin-bottom: 3.5rem;
        margin-top: 2.5rem
    }

    .product-overview .summary .woocommerce-product-details__tec-spec-link {
        cursor: pointer;
        display: inline-block;
        margin-bottom: 2rem;
        position: relative
    }

        .product-overview .summary .woocommerce-product-details__tec-spec-link:hover .icon {
            margin-left: 1rem
        }

        .product-overview .summary .woocommerce-product-details__tec-spec-link .icon {
            display: inline-block;
            margin-left: .5rem;
            transform: translateY(-.1rem);
            transition: .2s;
            width: 1.1rem
        }

            .product-overview .summary .woocommerce-product-details__tec-spec-link .icon line, .product-overview .summary .woocommerce-product-details__tec-spec-link .icon polyline {
                stroke-width: .1rem !important
            }

    .single-product-details__tab {
        display: none
    }

        .single-product-details__tab.is-active {
            display: block
        }

    .single-product-details__gallery {
        background: #f8f8f8;
        justify-content: center;
        position: relative;
        height: 600px;
    }

    @media(max-width:768px) {
        .single-product-details__gallery {
            width: 100%
        }
    }

    .single-product-details__back {
        border-color: transparent;
        cursor: pointer;
        left: 2rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        position: absolute;
        top: 2rem;
        z-index: 10
    }

    @media(max-width:768px) {
        .single-product-details__back {
            display: none
        }
    }

    .single-product-details__back .icon {
        margin-right: .5rem;
        width: 1.1rem
    }

    .single-product-details__back svg {
        transform: rotate(180deg)
    }

    .single-product-details__back line, .single-product-details__back path, .single-product-details__back polyline {
        stroke-width: .1rem !important
    }

    .single-product-details__down {
        bottom: 2rem;
        position: absolute;
        right: 2rem;
        width: 1.2rem
    }

    @media(max-width:768px) {
        .single-product-details__down {
            display: none
        }
    }

    .single-product-details__max-width {
        max-width: 35rem
    }

    @media(max-width:1200px) {
        .single-product-details__max-width {
            max-width: 43rem
        }
    }

    @media(max-width:768px) {
        .single-product-details__max-width {
            margin: 0 auto;
            max-width: 47rem
        }
    }

    .single-product-details__content {
        /*min-height: calc(100vh - 19rem);*/
        padding: 0rem 0rem 20px 6rem;
    }

    @media(max-width:1200px) {
        .single-product-details__content {
            padding: 8rem 4rem
        }
    }

    @media(max-width:768px) {
        .single-product-details__content {
            max-width: 100%;
            min-height: 0;
            padding: 4rem 2rem
        }
    }

    .single-product-details__download {
        border: 0;
        margin-top: .8rem;
        width: 100%
    }

        .single-product-details__download:hover .single-product-details__download-content:after {
            opacity: 1;
            transform: translateY(0)
        }

        .single-product-details__download line, .single-product-details__download polyline {
            stroke-width: 3px !important
        }

        .single-product-details__download path {
            stroke-width: 4px !important
        }

    .single-product-details__download-content {
        display: inline-block;
        position: relative
    }

        .single-product-details__download-content:after {
            background-color: #0f213d;
            content: "";
            display: block;
            height: .1rem;
            margin-top: 2px;
            opacity: 0;
            top: 100%;
            transform: translateY(-2px);
            transition: .2s;
            width: 100%
        }

    .woocommerce-product-gallery__wrapper--no-slider .woocommerce-product-gallery__image {
        opacity: 1;
        position: relative;
        z-index: 1
    }

    .woocommerce-product-gallery .mity-slider {
        transform: none !important
    }

    .woocommerce-product-gallery__image {
        left: 0 !important;
        min-height: calc(100vh - 18.2rem);
        opacity: 0;
        width: 100%;
        z-index: -1
    }

    @media(max-width:768px) {
        .woocommerce-product-gallery__image {
            min-height: calc(75vh - 18.2rem)
        }
    }

    .woocommerce-product-gallery__image.is-selected {
        opacity: 1;
        z-index: 0
    }

    .woocommerce-product-gallery img {
        box-sizing: border-box;
        cursor: default;
        height: 100%;
        height: calc(100% - 16rem);
        left: 0;
        left: 8rem;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        top: 0;
        top: 8rem;
        width: 100%;
        width: calc(100% - 16rem)
    }

    .woocommerce-product-gallery .mity-page-dots {
        bottom: 50%;
        right: 0;
        transform: translateX(-3rem) rotate(90deg) translateY(-50%);
        transform-origin: right;
        width: auto
    }

    @media(max-width:768px) {
        .woocommerce-product-gallery .mity-page-dots {
            bottom: 2rem;
            transform: none;
            width: 100%
        }
    }

    .single-product-menu {
        background: #fff;
        border-bottom: .1rem solid #d9d9d9;
        border-top: .1rem solid #d9d9d9;
        position: relative
    }

    .single-product-menu__container {
        display: flex;
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media(max-width:550px) {
        .single-product-menu__container {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .single-product-menu__heading {
        overflow: hidden;
        padding: 1.6rem 0;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    @media(max-width:550px) {
        .single-product-menu__heading {
            flex-grow: 1;
            padding-right: 3rem;
            position: relative
        }

            .single-product-menu__heading:after {
                background: url(/uc/js/dist/fc94d22bdfe802c78443.svg) no-repeat;
                background-size: contain;
                content: "";
                display: block;
                height: .9rem;
                margin-top: -.15rem;
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                width: 1.4rem
            }
    }

    .single-product-menu__controls {
        display: flex;
        margin-left: auto
    }

    .single-product-menu__tabs {
        display: flex;
        flex-shrink: 0
    }

    @media(max-width:550px) {
        .single-product-menu__tabs {
            background: #fff;
            display: none;
            left: 0;
            margin-top: .1rem;
            padding: .5rem 2rem;
            position: absolute;
            top: 100%;
            width: 100%;
            z-index: 10
        }
    }

    .single-product-menu__tab {
        align-items: center;
        cursor: pointer;
        display: flex;
        margin-left: 4rem;
        padding: 1.6rem 0
    }

    @media(max-width:550px) {
        .single-product-menu__tab {
            border-bottom: .1rem solid #d9d9d9;
            display: block;
            margin-left: 0;
            padding: 1.6rem 0
        }

            .single-product-menu__tab:last-child {
                border: 0
            }
    }

    .single-product-menu__tab.is-active {
        position: relative
    }

        .single-product-menu__tab.is-active:after {
            background: #0f213d;
            bottom: 0;
            content: "";
            display: block;
            height: .2rem;
            left: 0;
            position: absolute;
            width: 100%
        }

    @media(max-width:550px) {
        .single-product-menu__tab.is-active:after {
            display: none
        }
    }

    .single-product-menu__buttons {
        flex-shrink: 0;
        margin-left: 8rem;
        padding: 1.6rem 0
    }

    @media(max-width:1024px) {
        .single-product-menu__buttons {
            margin-left: 4rem
        }
    }

    @media(max-width:768px) {
        .single-product-menu__buttons {
            display: none
        }
    }

    .product_meta .posted_in, .product_meta .tagged_as {
        display: none
    }

    .product-tech-specs__header {
        margin: 8rem 0
    }

    @media(max-width:768px) {
        .product-tech-specs__header {
            margin: 4rem 0
        }
    }

    .product-tech-specs__container {
        display: flex;
        justify-content: space-between
    }

    @media(max-width:768px) {
        .product-tech-specs__container {
            display: block
        }
    }

    .product-tech-specs__text {
        max-width: 50rem
    }

    .product-tech-specs__heading {
        display: block;
        margin-bottom: 2rem;
        margin-top: .8rem
    }

    .product-tech-specs__download {
        margin-top: 2rem
    }

    @media(max-width:550px) {
        .product-tech-specs__download {
            width: 100%
        }
    }

    .product-tech-specs__image {
        flex-grow: 0;
        flex-shrink: 0;
        margin-left: 4rem;
        max-width: 35rem;
        width: 100%
    }

    @media(max-width:1024px) {
        .product-tech-specs__image {
            max-width: 27rem
        }
    }

    @media(max-width:768px) {
        .product-tech-specs__image {
            margin: 8rem auto 0
        }
    }

    .variations {
        width: 100%
    }

        .variations, .variations tbody {
            display: block
        }

    .variations__row, .attributes-sa {
        display: block;
        margin-bottom: 2rem;
        position: relative
    }
.productlistpage .variations__row, .productlistpage .attributes-sa {
    margin-bottom: 6px;
}

    .variations__row--pa_finish .label {
        display: none !important
    }

    .variations__row--pa_finish .value {
        width: 100% !important
    }

        .variations__row--pa_finish .value:after {
            display: none !important
        }

    .variations__row--pa_finish select {
        display: none
    }

    .variations .label, .sa-title {
        display: block;
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: .8rem;
        padding: 0 .8rem 0 0;
        font-size: 1.4rem;
    }

.productlistpage .sa-title {
font-weight:normal;
padding:0px;
margin-bottom:2px;
}
.productlistpage .attributes-sa {
    text-align:right;
}
.productlistpage .attribute-swatches li {
margin-left:2px;
margin-right:0px;
width:16px;
height:16px;
}

    .productlistpage .attribute-swatches li.selected {
    outline-offset:0px;
    outline: 1px solid #0f213d;
    }

.productlistpage .attribute-swatches__active-name {
display:block;
}

.variations .value, .sa-ddl {
    display: block;
    position: relative
}

        .variations .value:after, .se-att:after {
            background: url(/uc/wr/images/fc94d22bdfe802c78443.svg) no-repeat;
            background-size: contain;
            content: "";
            display: block;
            height: .6rem;
            /* margin-top: -.15rem;*/
            margin-top: 0.9rem;
            pointer-events: none;
            position: absolute;
            right: 2rem;
            top: 50%;
            width: .8rem
        }

    .variations select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #f8f8f8;
        border: none;
        font-weight: 500;
        padding: 1.6rem 3.8rem 1.6rem 1.6rem;
        width: 100%
    }

        .variations select:focus {
            border: 0;
            outline: none
        }



    .variations .reset_variations {
        display: none !important
    }

    .attribute-swatches {
        display: inline-block
    }

        .attribute-swatches li {
            border: .2rem solid #fff;
            border-radius: 50%;
            cursor: pointer;
            display: inline-block;
            height: 2.2rem;
            margin-right: .6rem;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 2.2rem
        }

            /*  .attribute-swatches li:after {
                border: .2rem solid #0f213d;
                border-radius: 50%;
                content: "";
                display: block;
                height: 2.8rem;
                left: -.5rem;
                opacity: 0;
                position: absolute;
                top: -.5rem;
                width: 2.8rem
            }

            .attribute-swatches li.selected:after {
                opacity: 1
            }*/

            .attribute-swatches li.selected {
                outline: .2rem solid #0f213d;
                border-radius: 50%;
                outline-offset: 2px;
            }

            .attribute-swatches li.inactive {
                cursor: not-allowed;
                opacity: .4
            }

        .attribute-swatches img {
            border-radius: 50%;
            box-sizing: border-box;
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

    .attribute-swatches__active-name {
        display: inline-block;
        margin-left: .8rem;
        text-transform: capitalize;
        transform: translateY(-.5rem)
    }

    .woocommerce-quote-product .woocommerce-variation-availability {
        display: none
    }

    .variation-quantity-input {
        display: flex;
        justify-content: flex-end
    }

    .quantity {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .quantity__label {
        font-weight: 500;
        padding-right: 1.6rem
    }

    .quantity__spinner {
        cursor: pointer;
        display: inline-block;
        height: 2.4rem;
        padding: 0 1rem
    }

    .quantity__input {
        background: #f8f8f8;
        border-radius: .3rem;
        display: inline-block;
        padding: .8rem
    }

    .quantity input {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        background: none;
        border: 0 !important;
        padding: 0 !important;
        text-align: center;
        width: 2.9rem !important
    }

        .quantity input::-webkit-inner-spin-button, .quantity input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            appearance: none;
            margin: 0
        }

        .quantity input:focus {
            outline: none
        }

    #single-product .single_add_to_cart_button, .quote-request-button, .quote-request-link {
        margin-top: 1.6rem;
        width: 100%
    }

    .quote-request-button {
        font-size: 1.4rem;
    }

    .buy-button {
        background-color: #ffffff;
        color: #000000;
        border-color: #000000;
    }

    .out-of-stock {
        color: #bf2e48;
        padding-bottom: 2rem
    }

    .single-product-downloads {
        background-color: #0f213d;
        color: #fff;
        padding: 8rem;
        transition: transform .75s;
        transition-timing-function: cubic-bezier(.645,.045,.355,1)
    }

    @media(max-width:1200px) {
        .single-product-downloads {
            padding: 8rem 4rem
        }
    }

    @media(max-width:768px) {
        .single-product-downloads {
            padding: 4rem 0 4rem 2rem;
            transition: none
        }
    }

    @media(min-width:769px) {
        .single-product-downloads.is-active {
            transform: translateX(-100%)
        }
    }

    @media(max-width:768px) {
        .single-product-downloads.is-active {
            display: block
        }
    }

    .single-product-downloads__content {
        width: 100%
    }

    @media(max-width:768px) {
        .single-product-downloads__content {
            padding-right: 2rem
        }
    }

    .single-product-downloads__heading {
        margin-bottom: 8rem
    }

    .single-product-downloads__download {
        align-items: center;
        border-bottom: .1rem solid #fff;
        display: flex;
        justify-content: space-between;
        padding: 1.6rem 0;
        width: 100%
    }

        .single-product-downloads__download:hover .name {
            opacity: 1
        }

        .single-product-downloads__download:hover .icon {
            background-color: #fff
        }

        .single-product-downloads__download:hover line, .single-product-downloads__download:hover path, .single-product-downloads__download:hover polyline {
            stroke: #0f213d !important
        }

        .single-product-downloads__download .name {
            opacity: .45
        }

        .single-product-downloads__download .icon {
            border: .1rem solid #fff;
            border-radius: .3rem;
            display: inline-block;
            flex-grow: 0;
            flex-shrink: 0;
            height: 3.3rem;
            margin-right: .5rem;
            position: relative;
            width: 3.7rem
        }

        .single-product-downloads__download svg {
            height: 100%;
            left: 0;
            -o-object-fit: contain;
            object-fit: contain;
            padding: .5rem;
            position: absolute;
            top: 0;
            width: 100%
        }

        .single-product-downloads__download line, .single-product-downloads__download path, .single-product-downloads__download polyline {
            stroke: #fff !important
        }

    .single-product-downloads__all {
        margin-top: 8rem;
        width: 100%
    }

        .single-product-downloads__all:hover {
            background-color: #fff;
            color: #0f213d
        }

            .single-product-downloads__all:hover .icon line, .single-product-downloads__all:hover .icon path, .single-product-downloads__all:hover .icon polyline {
                stroke: #0f213d !important
            }

    .woocommerce-NoticeGroup, .woocommerce-notices-wrapper {
        background: #fff;
        bottom: 0;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 1000
    }

        .woocommerce-NoticeGroup .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-notices-wrapper .woocommerce-message {
            background: none;
            border-top: 0;
            margin: 0;
            padding-bottom: 1.6rem;
            padding-right: 2rem;
            padding-top: 1.6rem
        }

            .woocommerce-NoticeGroup .woocommerce-error .button, .woocommerce-NoticeGroup .woocommerce-info .button, .woocommerce-NoticeGroup .woocommerce-message .button, .woocommerce-notices-wrapper .woocommerce-error .button, .woocommerce-notices-wrapper .woocommerce-info .button, .woocommerce-notices-wrapper .woocommerce-message .button {
                margin-left: 1.6rem
            }

        .woocommerce-NoticeGroup .woocommerce-notices-wrapper__notice, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__notice {
            border-top: .4rem solid
        }

        .woocommerce-NoticeGroup .woocommerce-notices-wrapper__notice--success, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__notice--success {
            border-top-color: #8fae1b
        }

        .woocommerce-NoticeGroup .woocommerce-notices-wrapper__notice--info, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__notice--info {
            border-top-color: #1e85be
        }

        .woocommerce-NoticeGroup .woocommerce-notices-wrapper__notice--error, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__notice--error {
            border-top-color: #b81c23
        }

        .woocommerce-NoticeGroup .woocommerce-notices-wrapper__container, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__container {
            align-items: center;
            display: flex;
            justify-content: space-between;
            position: relative
        }

        .woocommerce-NoticeGroup .woocommerce-notices-wrapper__close, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__close {
            background: #0f213d;
            border-radius: 50%;
            cursor: pointer;
            flex-grow: 0;
            flex-shrink: 0;
            height: 2rem;
            transform: rotate(45deg);
            width: 2rem
        }

            .woocommerce-NoticeGroup .woocommerce-notices-wrapper__close span, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__close span {
                background: #fff;
                display: block;
                height: .1rem;
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%,-50%);
                width: .8rem
            }

                .woocommerce-NoticeGroup .woocommerce-notices-wrapper__close span:last-child, .woocommerce-notices-wrapper .woocommerce-notices-wrapper__close span:last-child {
                    transform: translate(-50%,-50%) rotate(90deg)
                }

    .woocommerce-template {
        min-height: calc(100vh - 76rem);
        padding: 8rem 0
    }

        .woocommerce-template h2, .woocommerce-template h3 {
            margin-bottom: 2rem
        }

        .woocommerce-template table.shop_table {
            border: 0;
            border-spacing: 0;
            margin-bottom: 8rem
        }

            .woocommerce-template table.shop_table tbody th, .woocommerce-template table.shop_table td, .woocommerce-template table.shop_table tfoot td, .woocommerce-template table.shop_table tfoot th, .woocommerce-template table.shop_table thead th {
                border-color: #0f213d;
                padding: 1.6rem
            }

                .woocommerce-template table.shop_table tbody th:first-child, .woocommerce-template table.shop_table td:first-child, .woocommerce-template table.shop_table tfoot td:first-child, .woocommerce-template table.shop_table tfoot th:first-child, .woocommerce-template table.shop_table thead th:first-child {
                    padding-left: 0
                }

        .woocommerce-template .col2-set {
            margin-bottom: 8rem
        }

    @media(max-width:767px) {
        .woocommerce-template .col-2 {
            margin-top: 8rem
        }
    }

    .woocommerce-template form .form-row {
        margin-bottom: 2.4rem
    }

        .woocommerce-template form .form-row:last-child {
            margin-bottom: 0
        }

        .woocommerce-template form .form-row textarea {
            height: auto;
            min-height: 10rem;
            resize: vertical
        }

    .woocommerce-template input {
        border: 0;
        border-bottom: .1rem solid #0f213d;
        padding: 1.6rem 0
    }

        .woocommerce-template input[type=radio] {
            display: none
        }

            .woocommerce-template input[type=radio]:checked + label:before {
                display: block
            }

            .woocommerce-template input[type=radio] + label {
                cursor: pointer;
                padding-left: 3rem;
                position: relative
            }

                .woocommerce-template input[type=radio] + label:before {
                    background: #0f213d;
                    border-radius: .2rem;
                    content: "";
                    display: block;
                    display: none;
                    height: 1rem;
                    left: .3rem;
                    position: absolute;
                    top: .3rem;
                    width: 1rem
                }

                .woocommerce-template input[type=radio] + label:after {
                    border: .1rem solid #0f213d;
                    border-radius: .2rem;
                    content: "";
                    display: block;
                    height: 1.6rem;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 1.6rem
                }

    .woocommerce-template .woocommerce-validated input {
        border-color: #0f213d !important
    }

    .woocommerce-template select {
        border: 0;
        border-bottom: .1rem solid #0f213d;
        border-radius: 0;
        padding: 1.6rem 1.6rem 1.6rem 0
    }

    .woocommerce-template textarea {
        border: .1rem solid #0f213d;
        padding: 1.6rem
    }

    .woocommerce-template em {
        padding-top: .8rem
    }

    .woocommerce-template .select2-dropdown {
        border: 0;
        border-color: #0f213d;
        border-radius: 0;
        box-shadow: 0 0 .6rem #d9d9d9
    }

    .woocommerce-template .select2-container--default .select2-selection--single {
        border: 0
    }

    .woocommerce-template .select2-container .select2-selection--single {
        height: 62px
    }

        .woocommerce-template .select2-container .select2-selection--single .select2-selection__rendered {
            border-bottom: .1rem solid #0f213d;
            padding-bottom: 1.6rem;
            padding-left: 0;
            padding-top: 1.6rem
        }

    .woocommerce-template .select2-search--dropdown {
        padding: 1.6rem 1.6rem .8rem
    }

    .woocommerce-template .select2-results {
        padding: 0 1.6rem 1.6rem
    }

    .woocommerce-template .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 1.6rem
    }

    .woocommerce .checkout-button, .woocommerce-page .checkout-button {
        width: 100%
    }

        .woocommerce .checkout-button:hover, .woocommerce-page .checkout-button:hover {
            background: #0f213d !important
        }

    .cart_item .product-sku {
        color: gray
    }

    #add_payment_method .checkout .shipping_address, .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address {
        padding-bottom: 2rem
    }

    .woocommerce ul#shipping_method li:last-child {
        margin-bottom: 0
    }

    #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
        background: #f8f8f8;
        border-radius: 0
    }

        #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
            border-bottom: 0
        }

        #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
            background: #d9d9d9;
            border-radius: 0
        }

            #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before {
                border-bottom-color: #d9d9d9
            }

        #add_payment_method #payment .woocommerce-terms-and-conditions-wrapper, .woocommerce-cart #payment .woocommerce-terms-and-conditions-wrapper, .woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
            border-top: .1rem solid #d9d9d9;
            padding-top: 1.6rem
        }

    .woocommerce-form__label-for-checkbox.checkbox input {
        display: none !important
    }

        .woocommerce-form__label-for-checkbox.checkbox input:checked + span:before {
            display: block
        }

        .woocommerce-form__label-for-checkbox.checkbox input + span {
            cursor: pointer;
            display: inline-block;
            padding-left: 3rem;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

            .woocommerce-form__label-for-checkbox.checkbox input + span:before {
                background: #0f213d;
                border-radius: .2rem;
                content: "";
                display: block;
                display: none;
                height: 1rem;
                left: .3rem;
                position: absolute;
                top: 1rem;
                width: 1rem
            }

            .woocommerce-form__label-for-checkbox.checkbox input + span:after {
                border: .1rem solid #0f213d;
                border-radius: .2rem;
                content: "";
                display: block;
                height: 1.6rem;
                left: 0;
                position: absolute;
                top: .7rem;
                width: 1.6rem
            }

    .woocommerce-order-overview {
        padding-top: 2rem
    }

    .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
        background: #0f213d
    }

    .account-login__container {
        display: flex;
        min-height: calc(100vh - 12rem)
    }

    .account-login__image {
        flex-grow: 0;
        flex-shrink: 0;
        position: relative;
        width: 50%
    }

    @media(max-width:550px) {
        .account-login__image {
            display: none
        }
    }

    .account-login__image img {
        box-sizing: border-box;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .account-login__content {
        align-items: center;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        padding: 8rem;
        width: 50%
    }

    @media(max-width:1024px) {
        .account-login__content {
            padding-left: 4rem;
            padding-right: 4rem
        }
    }

    @media(max-width:550px) {
        .account-login__content {
            width: 100%
        }
    }

    .account-login__center {
        max-width: 60rem;
        width: 100%
    }

    .account-login .col2-set {
        margin: 0
    }

        .account-login .col2-set .col-1, .account-login .col2-set .col-2 {
            float: none;
            width: 100%
        }

        .account-login .col2-set .col-2 {
            margin-top: 8rem
        }

    .account-login .woocommerce form.login, .account-login .woocommerce form.register {
        border: 0;
        margin-top: 0;
        padding: 0
    }

    .account-login label[for=password], .account-login label[for=reg_email], .account-login label[for=reg_password], .account-login label[for=reg_username], .account-login label[for=username] {
        display: none !important
    }

    .account-login input[type=email], .account-login input[type=password], .account-login input[type=text] {
        background: none;
        border: 0;
        border-bottom: .1rem solid #0f213d;
        padding: 1.6rem 0;
        width: 100%
    }

    .woocommerce-form-login__rememberme input {
        display: none
    }

        .woocommerce-form-login__rememberme input:checked + span:before {
            display: block
        }

        .woocommerce-form-login__rememberme input + span {
            cursor: pointer;
            padding-left: 3rem;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

            .woocommerce-form-login__rememberme input + span:before {
                background: #0f213d;
                border-radius: .2rem;
                content: "";
                display: block;
                display: none;
                height: 1rem;
                left: .3rem;
                position: absolute;
                top: .3rem;
                width: 1rem
            }

            .woocommerce-form-login__rememberme input + span:after {
                border: .1rem solid #0f213d;
                border-radius: .2rem;
                content: "";
                display: block;
                height: 1.6rem;
                left: 0;
                position: absolute;
                top: 0;
                width: 1.6rem
            }

    .woocommerce-form-register__submit {
        margin-top: 1.6rem !important
    }

    .woocommerce-account-sidebar {
        float: left;
        max-width: 21rem;
        width: 30%
    }

    @media(max-width:768px) {
        .woocommerce-account-sidebar {
            float: none;
            width: 100%
        }
    }

    .woocommerce-account-quote .woocommerce-account-sidebar {
        display: none
    }

    .woocommerce-account-sidebar__quote {
        margin-top: 4rem;
        width: 100%
    }

    @media(max-width:768px) {
        .woocommerce-account-sidebar__quote {
            display: none
        }
    }

    .woocommerce-MyAccount-navigation {
        float: none !important;
        width: 100% !important
    }

    @media(max-width:768px) {
        .woocommerce-MyAccount-navigation {
            margin-bottom: 4rem
        }
    }

    .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
        margin-bottom: 1.6rem
    }

        .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:last-child {
            margin-bottom: 0
        }

        .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

    .woocommerce-account-quote .woocommerce-MyAccount-content {
        float: none;
        width: 100%
    }

    .woocommerce-account.woocommerce-edit-address .woocommerce-Addresses {
        padding-top: 4rem
    }

    .woocommerce-account.woocommerce-edit-address .woocommerce-address-fields__field-wrapper {
        padding-bottom: 2rem
    }

    .woocommerce-account.woocommerce-edit-address form {
        max-width: 45rem
    }

    .woocommerce-edit-account .woocommerce-form-row--display-name {
        display: none
    }

    .woocommerce-edit-account fieldset {
        border: 0;
        margin-bottom: 2rem;
        padding: 0
    }

        .woocommerce-edit-account fieldset legend {
            display: none
        }

    .woocommerce-orders-table__project-name {
        color: gray;
        display: block
    }

    .woocommerce-account-quote .woocommerce-template {
        padding: 0
    }

    .woocommerce-account-quote .quote-header {
        padding: 4rem 0
    }

    .woocommerce-account-quote .quote-header__cateories {
        margin-top: 2.4rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

        .woocommerce-account-quote .quote-header__cateories::-webkit-scrollbar {
            display: none
        }

    @media(max-width:550px) {
        .woocommerce-account-quote .quote-header__cateories {
            overflow-x: scroll;
            white-space: nowrap
        }
    }

    .woocommerce-account-quote .quote-header__category {
        cursor: pointer;
        display: inline-block;
        margin-right: 4rem;
        margin-top: 1.6rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

        .woocommerce-account-quote .quote-header__category.is-active {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

    .woocommerce-account-quote .quote-columns {
        grid-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        display: grid;
        grid-template-columns: auto 37rem;
        padding: 4rem 0 8rem;
        position: relative
    }

    @media(max-width:1024px) {
        .woocommerce-account-quote .quote-columns {
            -moz-column-gap: 2rem;
            column-gap: 2rem
        }
    }

    @media(max-width:900px) {
        .woocommerce-account-quote .quote-columns {
            display: block
        }
    }

    .woocommerce-account-quote .quote-columns:before {
        background: #f8f8f8;
        box-sizing: border-box;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate(-50vw);
        width: 100%;
        width: 100vw;
        z-index: -1
    }

    .woocommerce-account-quote .quote-categories__category {
        display: none
    }

        .woocommerce-account-quote .quote-categories__category.is-active {
            display: block
        }

    .woocommerce-account-quote .quote-categories__title {
        margin-bottom: 4rem
    }

    .woocommerce-account-quote .quote-categories__item .title {
        display: block
    }

    .woocommerce-account-quote .quote-categories__item .sku {
        display: block;
        margin-bottom: 2rem
    }

    .woocommerce-account-quote .quote-item {
        align-items: center;
        border-top: .1rem solid #d9d9d9;
        display: flex;
        padding: 2rem 0
    }

    @media(max-width:1300px) {
        .woocommerce-account-quote .quote-item {
            display: grid;
            grid-template-columns: 12.5rem 1fr 1fr;
            grid-template-rows: auto auto;
            grid-gap: 2rem;
            gap: 2rem
        }
    }

    .woocommerce-account-quote .quote-item.in-basket .quote-add {
        display: none
    }

    .woocommerce-account-quote .quote-item.in-basket .quote-spinners {
        display: block
    }

    .woocommerce-account-quote .quote-item__image {
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 4rem;
        width: 12.5rem
    }

    @media(max-width:1300px) {
        .woocommerce-account-quote .quote-item__image {
            grid-row: 1/span 2;
            margin-right: 0
        }
    }

    .woocommerce-account-quote .quote-item__content {
        flex-grow: 1
    }

    @media(max-width:1300px) {
        .woocommerce-account-quote .quote-item__content {
            grid-column: 2/span 2;
            grid-row: 1
        }
    }

    .woocommerce-account-quote .quote-item__sku {
        display: block;
        width: 100%
    }

    .woocommerce-account-quote .quote-item .stock {
        color: gray;
        margin-top: 1.6rem
    }

        .woocommerce-account-quote .quote-item .stock.out-of-stock {
            color: #d61624
        }

    .woocommerce-account-quote .quote-item__quantity {
        flex-grow: 0;
        flex-shrink: 0;
        text-align: center;
        width: 15rem
    }

    @media(max-width:1300px) {
        .woocommerce-account-quote .quote-item__quantity {
            grid-column: 2;
            text-align: left
        }
    }

    .woocommerce-account-quote .quote-item .quote-spinners {
        display: none
    }

    .woocommerce-account-quote .quote-item__price {
        flex-grow: 0;
        flex-shrink: 0;
        text-align: right;
        width: 20%
    }

    @media(max-width:1300px) {
        .woocommerce-account-quote .quote-item__price {
            grid-column: 3;
            width: 100%
        }
    }

    @media(max-width:900px) {
        .woocommerce-account-quote .quote-sidebar {
            margin-top: 4rem
        }
    }

    .woocommerce-account-quote .quote-sidebar__heading {
        margin-bottom: 4rem
    }

    .woocommerce-account-quote .quote-sidebar__project {
        margin-bottom: 1.6rem
    }

    .woocommerce-account-quote .quote-sidebar__label {
        display: block;
        font-weight: 700;
        margin-bottom: 1.0666666667rem
    }

    .woocommerce-account-quote .quote-sidebar__field {
        background: #f8f8f8;
        border: .2rem solid #f8f8f8;
        border-radius: .3rem;
        position: relative
    }

        .woocommerce-account-quote .quote-sidebar__field.error {
            border-color: #bf2e48
        }

    .woocommerce-account-quote .quote-sidebar__chevron {
        display: block;
        height: .9rem;
        margin-top: -.4rem;
        pointer-events: none;
        position: absolute;
        right: 1.6rem;
        top: 50%;
        width: 1.4rem
    }

    .woocommerce-account-quote .quote-sidebar__select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        border: 0;
        cursor: pointer;
        height: 100%;
        left: 0;
        padding-right: 4rem;
        position: absolute;
        top: 0;
        width: 100%
    }

        .woocommerce-account-quote .quote-sidebar__select:focus {
            outline: none
        }

    .woocommerce-account-quote .quote-sidebar__input {
        background: #f8f8f8;
        border: 0;
        padding: 1.6rem 0 1.6rem 1.6rem;
        position: relative;
        width: calc(100% - 4rem);
        z-index: 2
    }

        .woocommerce-account-quote .quote-sidebar__input:focus {
            outline: none
        }

    .woocommerce-account-quote .quote-sidebar__subtotal {
        align-items: center;
        border-top: .2rem solid #0f213d;
        display: flex;
        justify-content: space-between;
        margin: 1.6rem 0;
        padding-top: 1.6rem
    }

    .woocommerce-account-quote .quote-sidebar__checkout {
        margin-bottom: .8rem;
        width: 100%
    }

    .woocommerce-account-quote .quote-sidebar__save {
        margin-bottom: 4rem;
        width: 100%
    }

    .woocommerce-account-quote .quote-sidebar__sub-bar {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .woocommerce-account-quote .quote-sidebar__totals {
        color: gray
    }

    .woocommerce-account-quote .quote-sidebar__item {
        align-items: center;
        border-top: .1rem solid #d9d9d9;
        display: flex;
        justify-content: flex-end;
        margin-top: 1.6rem;
        padding-top: 1.6rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .woocommerce-account-quote .quote-sidebar__title {
        margin-right: auto
    }

    .woocommerce-account-quote .quote-sidebar__price {
        flex-grow: 1;
        flex-shrink: 0;
        font-weight: 500;
        margin-left: 1.6rem;
        text-align: right
    }

    .woocommerce-account-quote .quote-sidebar .quote-spinners {
        flex-grow: 0;
        flex-shrink: 0;
        margin-left: 1.6rem;
        width: 7.5rem
    }

    .woocommerce-account-quote .quote-sidebar__notice {
        border-top: .1rem solid #d9d9d9;
        color: gray;
        margin-top: 1.6rem;
        padding-top: 1.6rem
    }

    .woocommerce-account-quote .quote-spinners {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .woocommerce-account-quote .quote-spinners--small .quote-spinners__minus, .woocommerce-account-quote .quote-spinners--small .quote-spinners__plus {
        padding-left: .8rem;
        padding-right: .8rem
    }

    .woocommerce-account-quote .quote-spinners--small .quote-spinners__count {
        width: 2.3rem
    }

    .woocommerce-account-quote .quote-spinners__minus, .woocommerce-account-quote .quote-spinners__plus {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .woocommerce-account-quote .quote-spinners__minus {
        border-radius: .3rem 0 0 .3rem
    }

    .woocommerce-account-quote .quote-spinners__plus {
        border-radius: 0 .3rem .3rem 0
    }

    .woocommerce-account-quote .quote-spinners__count {
        display: inline-block;
        text-align: center;
        width: 4rem
    }

    @media(max-width:1200px) {
        .saved-quotes__headings {
            display: none
        }
    }

    .saved-quotes__heading {
        margin-bottom: 1.6rem
    }

    .saved-quotes__introduction {
        margin-bottom: 1.6rem;
        transform: translateY(-.3rem)
    }

    .saved-quotes__items {
        border-collapse: collapse;
        margin-top: 4rem;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 100%
    }

        .saved-quotes__items th {
            cursor: pointer;
            padding: 2rem
        }

            .saved-quotes__items th[aria-sort=ascending] .icon {
                opacity: 1;
                transform: rotate(180deg) translateY(.2rem)
            }

            .saved-quotes__items th[aria-sort=descending] .icon {
                opacity: 1
            }

        .saved-quotes__items .icon {
            display: inline-block;
            height: .7rem;
            margin-left: .4rem;
            opacity: 0;
            width: 1rem
        }

    @media(max-width:1200px) {
        .saved-quotes__item {
            border-top: .1rem solid #d9d9d9
        }

            .saved-quotes__item:first-child {
                border: 0
            }
    }

    .saved-quotes__item:hover td {
        background: #f8f8f8
    }

    @media(max-width:1200px) {
        .saved-quotes__item:hover td {
            background: none
        }
    }

    .saved-quotes__item td {
        border-top: .1rem solid #d9d9d9
    }

    @media(max-width:1200px) {
        .saved-quotes__item td {
            border: 0
        }
    }

    .saved-quotes__item a {
        display: block;
        padding: 2rem
    }

    @media(max-width:1200px) {
        .saved-quotes__item a {
            padding: 1.6rem
        }

        .quote-tease {
            display: flex;
            flex-wrap: wrap
        }
    }

    .quote-tease td {
        padding: 0
    }

    @media(max-width:1200px) {
        .quote-tease td {
            display: block
        }
    }

    .quote-tease__mobile-heading {
        display: none;
        margin-bottom: .8rem
    }

    @media(max-width:1200px) {
        .quote-tease__mobile-heading {
            display: block
        }

        .quote-tease__title {
            width: 100%
        }
    }

    .quote-tease__project {
        display: block
    }

    .quote-tease__items {
        text-align: center
    }

    @media(max-width:1200px) {
        .quote-tease__items, .quote-tease__total {
            width: 30%
        }
    }

    .quote-tease__controls {
        padding: 1rem 2rem .9rem 0;
        white-space: nowrap;
        width: 13.5rem
    }

    @media(max-width:1200px) {
        .quote-tease__controls {
            padding-top: 2rem !important;
            width: 40%
        }
    }

    .quote-tease__bin, .quote-tease__cart {
        background: transparent;
        border-radius: 2.3rem;
        cursor: pointer;
        display: inline-block;
        height: 4.6rem;
        position: relative;
        width: 4.6rem
    }

        .quote-tease__bin:hover, .quote-tease__cart:hover {
            background: #d9d9d9
        }

        .quote-tease__bin svg, .quote-tease__cart svg {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%)
        }

        .quote-tease__cart svg {
            height: 2rem;
            width: 2.5rem
        }

    .quote-tease__bin {
        margin-left: 1.6rem
    }

        .quote-tease__bin svg {
            height: 2rem;
            width: 1.7rem
        }

    html {
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
        font-size: 62.5%
    }

    *, :after, :before {
        box-sizing: inherit
    }

    body {
        line-height: 1.7
    }

    body, button, input, optgroup, select, textarea {
        background: #fff;
        font-family: primaryfont,sans-serif
    }

    button, input, optgroup, select, textarea {
        line-height: 1.4
    }

.contact_page_form input, .contact_page_form select, .contact_page_form button, .contact_page_form textarea {
    line-height: 2.4;
}

    .site-wrap {
        overflow: clip;
        padding-top: 12.4rem
    }

    @media(min-width:1025px) {
        .collection-heading .site-wrap {
            padding-top: 0
        }
    }

    @media(max-width:1024px) {
        .site-wrap {
            padding-top: 6.5rem
        }
    }
.lp-lm-link {
    display:block;
    padding-top: 6px;
}
.lp-content {
text-align:center;
}

    .lp-content .columns__header {
        margin-bottom:26px;
    }

    .lp-content svg {
        width: unset;
        width: initial;
    }
    .lp-content .txtbox {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        background-color: #F5F5F5;
        width: 100rem;
        padding: 40px 40px;
    }
.lp-content .txtbox-item {
    width: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
    padding:20px 20px;
}

.lp-content .columns__subtitle {
    font-size: 16.8px;
}

.lp-content .title {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    vertical-align:middle;
}
    .lp-content .txtbox-item span {
    font-size:30px;
    font-weight:bold;
    padding-left:20px;
    }
    .lp-content .txtbox-item .body {
        padding-top: 20px;
        padding-bottom:10px;
        padding-left:10px;
        padding-right:10px;
        line-height:20px;
        
    }
    .lp-content .cols {
        justify-content:space-around;
    }
    .lp-content .cols>div {
        padding:22px;
    }
        .lp-content .cols > div:first-of-type {
            padding-left: 0px;
        }
        .lp-content .cols > div:last-of-type {
            padding-right: 0px;
        }
    .lp-content .colsdiv {
    text-align:left;
    }

        .lp-content .colsdiv .wysiwyg {
            text-align:left;
        }

    .lp-content h3.columns__heading {
        font-size: 33px;
        padding-top: 20px;
    }
    .lp-content .columns__card h3.columns__heading {
        font-size: 25px;
        padding-top: 4px;
    }

    .lp-content .columns__card .columns__content {
        margin-top: 0px;
    }
    .lp-content .columns__card .columns__content a {
        text-decoration:none;
        padding-top:4px;
    }
    .lp-content #section-9 {
    text-align:left;}
    .lp-content #section-9 h2 {
        font-size:34px;
    }
        .lp-content #section-9 h4 {
            margin-bottom:0px;
        }
            .lp-content #section-9 ._5050__media--background video {
                left:38px;
            }

    .lp-content .quote {
        display:none;
    }

    /*LP Slider start*/
.slider-332 {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
}

.slides-332 {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide-332 {
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
}

.slide-text-332 {
    flex: 1;
    padding-right: 20px;
}

.slide-image-332 {
    flex: 1;
    text-align: right;
    position: relative;
}

    .slide-image-332 img {
        max-width: 100%;
        height: auto;
    }

.navigation-332 {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.arrow-332 {
    cursor: pointer;
    font-size: 24px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 50%;
    user-select: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.left-arrow-332 {
    left: 10px;
}

.right-arrow-332 {
    right: 10px;
}

.dots-332 {
    text-align: center;
    padding: 20px 0;
}

.dot-332 {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s ease;
}

    .dot-332.active-332 {
        background-color: #717171;
    }
    /*LP Slider end*/
    .page-template-template-landing .site-wrap {
        padding-top: 0
    }

    ::-moz-selection {
        background: #0f213d;
        color: #fff;
        text-shadow: none
    }

    ::selection {
        background: #0f213d;
        color: #fff;
        text-shadow: none
    }

    h1, h2, h3, h4, h5, p {
        margin: 0
    }

    a {
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none
    }

    img, svg {
        display: block;
        height: auto;
        width: 100%
    }

    ol, ul {
        list-style: none
    }

    li, ol, ul {
        margin: 0;
        padding: 0
    }

.list-section ul {
    list-style-type:disc;
    list-style-position:inside;
}
.list-section li {
    /*padding-bottom:20px;*/
}

    figure {
        margin: 0
    }

    .js-accordion .js-trigger {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .js-accordion .js-content {
        display: none
    }

    .flex-section {
        position: relative
    }

        .flex-section:first-child {
            z-index: 1
        }

        .flex-section:nth-child(2) {
            z-index: 2;
        }
.standard_page .twoColumns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    max-width:144rem;
}

    .standard_page .twoColumns > div:first-of-type {
        width: 80%;
    }



.standard_page .twoColumns > div:last-of-type {
    margin-left:60px;
    width:30%;
    height:100%;
}
.intro-section .intro {
    background: #326cc4;
    font-size:18px;
}

.intro-section .intro2 {
    background: #f8f8f8;
    vertical-align: middle;
    padding: 100px 0px;
    font-size: 18px;
}
.standard_page .intro-section .intro2 {
    padding: 20px 0px;
}

.standard_page .quote__text > nav > ol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 12px;
    color: #2c8a2e;
}
    .standard_page .quote__text > nav > ol li:after {
        content: ' > ';
    }
    .standard_page .quote__text > nav > ol li:last-of-type:after {
        content: '';
    }
    .service-content {
        vertical-align: middle;
        padding: 60px 0px 0px 0px;
        font-size: 18px;
    }

main > h1 {
    color: #326cc4;
    text-align: center;
    line-height: 1em;
    margin-top: 40px;
    margin-bottom: 20px;
}
.standard_page .quote__text > main > h1, .standard_page .quote__text > main h2 {
    color: #326cc4;
    text-align:left;
    line-height:1em;
    margin-top:40px;
    margin-bottom:20px;
}
.standard_page .quote__text > main h2 {
    color: #2c8a2e;
    padding-top:20px;
}
.standard_page .quote__text > main h3 {
    padding-top: 20px;
}
.intro-section .quote__text {
    max-width: 144rem;
    text-align:center;
}
.twoColumns_wrap {
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.standard_page .twoColumns > div.intro-section .quote__text {
    text-align: left;
}

.standard_page .twoColumnsRight {
    background-color: #326cc4;
}

.service-content .quote__text {
    max-width: 100%;
}

.service_summary {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
}

    .service_summary > div {
        padding: 20px;
        width: 38rem;
        border: 1px solid green;
        margin: 0px 2rem 5rem 2rem;
    }
@media (max-width:768px) {
    .service_summary2 > div {
        width: 100%;
    }
    .standard_page .twoColumns {
    flex-direction:column;
    }
        .standard_page .twoColumns > div:first-of-type {
            width: 90%;
            margin: 0px 40px;
        }
        .standard_page .twoColumns > div:last-of-type {
             margin-left: 0px; 
             width: 100%; 
            height: 100%;
        }
}
@media (max-width:570px) {
    .standard_page .twoColumns > div:first-of-type {
        width: 91%;
        margin: 0px 20px;
    }
    .overlaygroup-wrap {
    top:38vw;
    }
    .header__bottom {
    margin-left:0px;
    }
    .standard_page .twoColumns>div {
        top: 38vw;
    }
}
    .service_summary h3 {
        color: #326cc4;
    }

    .multicol {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        text-align: left;
    }

        .multicol > div {
            width: 48%;
        }

            .multicol > div:first-of-type {
                padding-right: 40px;
            }

            .multicol > div:nth-of-type(2) {
                padding-left: 60px;
            }

    .intro2 .quote__text > h3, .service-content .quote__text > h3 {
        padding-bottom: 40px;
        font-size: 28px;
        font-style: italic;
    }

    .flex-section:nth-child(3) {
        z-index: 3;
        margin-top: 100px;
    }

    .flex-section:nth-child(4) {
        z-index: 4
    }

    .flex-section:nth-child(5) {
        z-index: 5
    }

    .flex-section:nth-child(6) {
        z-index: 6
    }

    .flex-section:nth-child(7) {
        z-index: 7;
        background-color: #f8f8f8;
        padding: 10px 0px;
    }

    .flex-section:nth-child(8) {
        z-index: 8;
        padding: 0px;
    }

    .flex-section:nth-child(9) {
        z-index: 9;
    }

    .flex-section:nth-child(10) {
        z-index: 10
    }

    .flex-section:nth-child(11) {
        z-index: 11
    }

    .flex-section:nth-child(12) {
        z-index: 12
    }

    .flex-section:nth-child(13) {
        z-index: 13
    }

    .flex-section:nth-child(14) {
        z-index: 14
    }

    .flex-section:nth-child(15) {
        z-index: 15
    }

    .flex-section:nth-child(16) {
        z-index: 16
    }

    .flex-section:nth-child(17) {
        z-index: 17
    }

    .flex-section:nth-child(18) {
        z-index: 18
    }

    .flex-section:nth-child(19) {
        z-index: 19
    }

    .flex-section:nth-child(20) {
        z-index: 20
    }

    .flex-section:has(.full-hero--overflow) + .flex-section {
        margin-top: -18vw
    }

    @media(max-width:768px) {
        .flex-section:has(.full-hero--overflow) + .flex-section {
            margin-top: 0
        }
    }

    dialog {
        background: rgba(0,0,0,.8);
        border: 0;
        color: #fff;
        left: 50%;
        padding: 1rem;
        position: fixed;
        top: 0;
        transform: translate(-50%)
    }

        dialog + .backdrop, dialog::backdrop {
            background: rgba(0,0,0,.8)
        }

        dialog iframe {
            max-width: 100%
        }

    .project-archive__container {
        min-height: 50vh
    }

    .project-archive__items {
        display: grid;
        grid-gap: 16rem 4rem;
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 4rem;
        margin-top: 2rem
    }

    @media(max-width:1024px) {
        .project-archive__items {
            grid-gap: 16rem 2rem
        }
    }

    @media(max-width:768px) {
        .project-archive__items {
            grid-gap: 4rem 2rem;
            grid-template-columns: repeat(1,1fr)
        }
    }

    .project-archive .no-results {
        grid-column: 1/span 2;
    }

    .project {
        padding-top: 4rem;
    }

    .project__back, ..project__next {
        display: inline-block;
        margin-bottom: 4rem;
    }

        .project__back .icon, .project__next icon {
            display: inline-block;
            margin-right: .5rem;
            width: 1.3rem;
        }

            .project__back .icon svg {
                transform: rotate(180deg);
            }

    .project__next .icon svg {
        transform: none;
    }

    .project__back:hover, .project__next:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
        text-decoration-thickness: .2rem;
        text-underline-offset: .4rem;
        -webkit-text-decoration-skip: none;
        text-decoration-skip: none;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }

    .project__superheading {
        display: block;
        margin-bottom: .8rem;
        max-width: 105rem
    }

    .project__heading {
        max-width: 90rem;
        text-align: left;
    }

    .project__content {
        display: flex;
        margin: 8rem 0
    }

    @media(max-width:768px) {
        .project__content {
            margin-top: 4rem
        }
    }

    @media(max-width:600px) {
        .project__content {
            display: block
        }
    }

    .project__image, .project__video {
        margin-top: 4rem
    }

    .project__viewnext {
        text-align: center;
        margin-top: 40px;
    }

        .project__viewnext a:hover, .project__viewnext a:link, .project__viewnext a:visited {
            background: #000;
            color: #fff;
            padding: 12px 22px;
            -webkit-text-decoration: none;
            text-decoration: none
        }

    .project__sidebar {
        flex-grow: 0;
        flex-shrink: 0;
        padding-right: 4rem;
        width: 30rem
    }

    @media(max-width:1024px) {
        .project__sidebar {
            width: 22rem
        }
    }

    @media(max-width:600px) {
        .project__sidebar {
            display: grid;
            grid-gap: 2rem 4rem;
            grid-template-columns: repeat(2,1fr);
            margin-bottom: 8rem;
            padding-right: 0;
            width: 100%
        }
    }

    .project__meta {
        margin-bottom: 4rem
    }

    @media(max-width:768px) {
        .project__meta {
            margin-bottom: 2rem
        }
    }

    @media(max-width:600px) {
        .project__meta {
            margin-bottom: 0
        }
    }

    .project__key {
        color: gray;
        display: block
    }

    .project__link {
        margin-top: .8rem
    }

        .project__link a:hover {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

    @media(max-width:600px) {
        .project__controls {
            display: grid;
            grid-gap: 2rem 4rem;
            grid-column: 1/span 2;
            grid-template-columns: repeat(2,1fr)
        }
    }

    .project__enquiry {
        margin-top: 2rem;
        width: 100%
    }

    @media(max-width:600px) {
        .project__enquiry {
            margin-top: 0
        }
    }

    .project__download {
        margin-top: 2rem;
        width: 100%
    }

        .project__download path {
            stroke-width: .16rem !important
        }

    @media(max-width:600px) {
        .project__download {
            margin-top: 0
        }
    }

    .project__meta-share {
        display: none
    }

    @media(max-width:1200px) {
        .project__meta-share {
            display: block;
            margin-top: 4rem
        }
    }

    @media(max-width:600px) {
        .project__meta-share {
            display: none
        }
    }

    .project__wysiwyg {
        flex-grow: 1;
        max-width: 70rem
    }

    .project__share {
        flex-grow: 0;
        flex-shrink: 0;
        padding-left: 4rem;
        width: 23rem
    }

    @media(max-width:1399px) {
        .project__share {
            width: 10rem
        }
    }

    @media(max-width:1200px) {
        .project__share {
            display: none
        }
    }
    /*FADE IN START*/
    .elementfade {
        animation: fadeIn linear 3s;
        -webkit-animation: fadeIn linear 3s;
        -ms-animation: fadeIn linear 3s;
        -o-animation: fadeIn linear 3s;
        -moz-animation: fadeIn linear 3s;
    }

    @keyframes drop-in {
        from {
            transform: rotate(-30deg) translateY(-100%);
            opacity: 0;
        }

        to {
            transform: rotate(0deg) translateY(0%);
            opacity: 1;
        }
    }

    @keyframes slidein {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(100%);
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-ms-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-o-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
    /*FADE IN END*/
    .support-archive {
        padding-top: 8rem
    }

    .support-archive__heading {
        margin-bottom: 1.6rem
    }

    .support-archive__instructions {
        font-weight: 400
    }

    .support-archive__filters {
        display: grid;
        grid-gap: 4rem;
        grid-template-columns: repeat(5,1fr);
        margin-top: 8rem;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    @media(max-width:1024px) {
        .support-archive__filters {
            grid-gap: 0
        }
    }

    @media(max-width:768px) {
        .support-archive__filters {
            grid-gap: 4rem;
            grid-template-columns: repeat(3,1fr)
        }
    }

    @media(max-width:550px) {
        .support-archive__filters {
            grid-gap: 4rem 2rem;
            grid-template-columns: repeat(2,1fr)
        }
    }

    .support-archive__filter {
        border: .2rem solid #fff;
        padding: 2rem
    }

        .support-archive__filter:hover {
            border-color: #d9d9d9
        }

        .support-archive__filter.mixitup-control-active {
            border-color: #0f213d
        }

    .support-archive__name {
        display: block;
        font-weight: 500;
        margin-top: 1.6rem
    }

    .js-support-heading {
        display: none
    }

    .support {
        border-bottom: .1rem solid #d9d9d9;
        margin-bottom: 8rem
    }

    .support__header {
        background: #f8f8f8;
        padding-bottom: 4rem;
        padding-top: 8rem
    }

        .support__header .support__container {
            display: flex;
            justify-content: space-between
        }

    @media(max-width:768px) {
        .support__header .support__container {
            display: block
        }
    }

    .support__text {
        max-width: 50rem
    }

    .support__sku {
        font-weight: 400;
        margin-top: .8rem
    }

    .support__introduction {
        margin-top: 4rem
    }

    .support__image {
        flex-grow: 0;
        flex-shrink: 0;
        margin-left: 4rem;
        max-width: 35rem;
        width: 100%
    }

    @media(max-width:1024px) {
        .support__image {
            max-width: 27rem
        }
    }

    @media(max-width:768px) {
        .support__image {
            margin: 8rem auto 0
        }
    }

    .support__columns {
        display: flex;
        margin: 8rem 0
    }

    .support__content {
        flex-grow: 1;
        padding-right: 8rem
    }

    @media(max-width:1024px) {
        .support__content {
            padding-right: 0
        }
    }

    .support__section {
        border-bottom: .1rem solid #d9d9d9;
        padding: 8rem 0
    }

    @media(max-width:768px) {
        .support__section {
            padding: 4rem 0
        }
    }

    .support__section:first-child {
        padding-top: 0
    }

    .support__section:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .support__title {
        margin-bottom: 4rem
    }

    .support__sidebar {
        flex-grow: 0;
        flex-shrink: 0;
        width: 25rem
    }

    @media(max-width:1024px) {
        .support__sidebar {
            display: none
        }
    }

    .support__links {
        display: flex;
        flex-direction: column;
        margin-top: 4rem
    }

    .support__link {
        display: inline-block;
        margin-bottom: 1.6rem
    }

    .support__download {
        margin-top: 2rem
    }

    .support__products {
        display: grid;
        grid-gap: 8rem 4rem;
        grid-template-columns: repeat(2,1fr)
    }

    @media(max-width:768px) {
        .support__products {
            grid-gap: 8rem 2rem
        }
    }

    @media(max-width:550px) {
        .support__products {
            grid-template-columns: repeat(1,1fr)
        }
    }

    .support__products .tease-product__thumbnail {
        padding-bottom: 60%
    }

    .support__products .tease-product__collections, .support__products .tease-product__finishes {
        display: none
    }

    .four-oh-four {
        min-height: calc(100vh - 73rem);
        padding: 8rem 0;
        text-align: center
    }

    .four-oh-four__heading {
        margin-bottom: 4rem
    }

    .post-index {
        margin: 8rem 0
    }

    @media(max-width:768px) {
        .post-index {
            margin: 4rem 0
        }
    }

    .post-index__container {
        display: flex;
        flex-direction: column
    }

    .post-index__items {
        width: calc(100% + 4rem)
    }

    @media(max-width:768px) {
        .post-index__items {
            width: calc(100% + 2rem)
        }
    }

    .post-index__item, .post-index__sizer {
        padding-right: 4rem;
        width: 33.333%
    }

    .blogpage .post-index__item {
        /*width:100%;*/
    }

    @media(max-width:768px) {
        .post-index__item, .post-index__sizer {
            padding-right: 2rem;
            width: 50%
        }
    }

    @media(max-width:550px) {
        .post-index__item, .post-index__sizer {
            width: 100%
        }
    }

    .post-index__item {
        margin-bottom: 8rem
    }

    @media(max-width:768px) {
        .post-index__item {
            margin-bottom: 4rem
        }
    }

    .post-index__item--wide {
        width: 66.666%
    }

    @media(max-width:768px) {
        .post-index__item--wide {
            width: 100%
        }
    }

    .post-index__item--full {
        width: 100%
    }

        .post-index__item--full .tease-post {
            padding: 8rem;
            position: relative
        }

    @media(max-width:768px) {
        .post-index__item--full .tease-post {
            padding: 8rem 4rem
        }
    }

    @media(max-width:550px) {
        .post-index__item--full .tease-post {
            padding: 4rem 2rem
        }
    }

    .post-index__item--full .tease-post__thumbnail {
        margin: 0
    }

        .post-index__item--full .tease-post__thumbnail:after {
            background: rgba(26,26,26,.5);
            box-sizing: border-box;
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

        .post-index__item--full .tease-post__thumbnail img {
            box-sizing: border-box;
            height: 100%;
            left: 0;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 0;
            width: 100%
        }

    .post-index__item--full .tease-post__text {
        color: #fff;
        max-width: 52rem;
        position: relative
    }

    .post-index__item--full .tease-post__topics {
        margin-bottom: 2rem
    }

    .post-index__item--full .tease-post__topic {
        background: transparent;
        color: #fff
    }

        .post-index__item--full .tease-post__topic:hover {
            background: #fff;
            border-color: #fff;
            color: #0f213d
        }

    .post-index__item--full .tease-post__date {
        color: #fff
    }

    .post-index__item--full .tease-post__excerpt {
        display: block
    }

    .post-index__item .tease-post {
        width: 100%
    }

    .post-index__pagination {
        margin-top: 4rem;
        text-align: center
    }

    .post-index__counter {
        margin-bottom: 2rem
    }

    .post-index__button.inactive {
        cursor: auto;
        opacity: .6
    }

    .tease-post {
        display: inline-block;
        width: 100%
    }

    .tease-post__thumbnail {
        margin-bottom: 1.6rem
    }

    .tease-post__topics {
        margin-bottom: 1.1rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .tease-post__topic {
        color: #0f213d;
        margin-bottom: .5rem
    }

    .tease-post__date {
        color: gray;
        transform: translateY(-.5rem)
    }

    .tease-post__excerpt {
        display: none;
        margin-top: 2rem
    }

    .post-single {
        padding-top: 4rem
    }

    .post-single__back {
        display: inline-block;
        margin-bottom: 4rem
    }

        .post-single__back .icon {
            display: inline-block;
            margin-right: .5rem;
            width: 1.3rem
        }

            .post-single__back .icon svg {
                transform: rotate(180deg)
            }

    .post-single__heading {
        display: block;
        max-width: 105rem;
        text-align: left;
    }

    .post-single__banner {
        margin-top: 4rem
    }

    .attachment-archive {
        transition: opacity .6s
    }

        .attachment-archive.is-running {
            opacity: .5;
            pointer-events: none
        }

    .attachment-archive__container {
        display: flex;
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media(max-width:900px) {
        .attachment-archive__container {
            background: #f8f8f8;
            display: block
        }
    }

    @media(max-width:550px) {
        .attachment-archive__container {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .attachment-archive__mobile-controls {
        display: none
    }

    @media(max-width:900px) {
        .attachment-archive__mobile-controls {
            display: grid;
            grid-gap: 2rem;
            grid-template-columns: repeat(2,1fr);
            padding: 1.6rem 0;
            width: calc(100% + 2rem)
        }
    }

    .attachment-archive__sidebar {
        flex-grow: 0;
        flex-shrink: 0;
        padding: 4rem 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 22.5rem
    }

    @media(max-width:900px) {
        .attachment-archive__sidebar {
            background: #f8f8f8;
            height: 100%;
            left: 100%;
            overflow: scroll;
            padding: 0;
            position: fixed;
            top: 0;
            transition: left .2s;
            width: 100%;
            z-index: 1000
        }

            .attachment-archive__sidebar.is-active {
                left: 0
            }
    }

    .attachment-archive__sidebar-header {
        align-items: center;
        background: #fff;
        display: none;
        justify-content: space-between;
        padding: 4rem 2rem 2rem
    }

    @media(max-width:900px) {
        .attachment-archive__sidebar-header {
            display: flex
        }
    }

    .attachment-archive__sidebar-text .icon {
        display: inline-block;
        height: 1.8rem;
        margin-right: 1rem;
        transform: translateY(.2rem);
        width: 2.1rem
    }

    .attachment-archive__sidebar-text path {
        fill: #0f213d
    }

    .attachment-archive__sidebar-close {
        cursor: pointer;
        display: inline-block;
        height: 1.5rem;
        width: 1.5rem
    }

    @media(max-width:900px) {
        .attachment-archive__filters {
            display: flex;
            flex-direction: column;
            padding: 2rem
        }
    }

    .attachment-archive__filter {
        padding-bottom: 4rem
    }

    @media(max-width:900px) {
        .attachment-archive__filter {
            border-top: .1rem solid #d9d9d9;
            order: 1;
            padding-top: 4rem
        }

            .attachment-archive__filter:nth-child(2) {
                border: 0
            }
    }

    .attachment-archive__filter--clear {
        display: none
    }

    @media(max-width:900px) {
        .attachment-archive__filter--clear {
            order: 2;
            text-align: center
        }
    }

    @media(min-width:901px) {
        .attachment-archive__filter:last-child {
            margin-bottom: 0
        }
    }

    .attachment-archive__clear {
        cursor: default;
        opacity: 0
    }

    @media(max-width:900px) {
        .attachment-archive__clear {
            border: .1rem solid #d9d9d9;
            border-radius: .3rem;
            display: inline-block;
            padding: 1rem 4rem
        }
    }

    .attachment-archive__clear.is-active {
        cursor: pointer;
        opacity: 1
    }

    .attachment-archive__clear .icon {
        display: inline-block;
        height: .7rem;
        margin-right: .6rem;
        transform: translateY(-.1rem);
        width: .7rem
    }

    @media(max-width:900px) {
        .attachment-archive__clear .icon {
            display: none
        }
    }

    .attachment-archive__header {
        margin-bottom: 1.6rem
    }

    .attachment-archive__option {
        cursor: pointer;
        margin-bottom: .2rem;
        padding-left: 3.2rem;
        position: relative
    }

        .attachment-archive__option:before {
            border: .1rem solid #d9d9d9;
            border-radius: .2rem;
            content: "";
            display: block;
            height: 1.8rem;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-1rem);
            width: 1.8rem
        }

        .attachment-archive__option:after {
            background: url(/uc/js/dist/8f242e7c6699a18546d8.svg) no-repeat;
            background-size: contain;
            content: "";
            display: block;
            height: 1rem;
            left: .2rem;
            opacity: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 1.4rem
        }

        .attachment-archive__option.is-active:before {
            border-color: #0f213d
        }

        .attachment-archive__option.is-active:after {
            opacity: 1
        }

    .attachment-archive__items-wrap {
        flex-grow: 1;
        padding-left: 4rem;
        padding-top: 4rem;
        position: relative
    }

    @media(max-width:900px) {
        .attachment-archive__items-wrap {
            padding-left: 0;
            padding-top: 0
        }
    }

    .attachment-archive__items {
        display: flex;
        flex-wrap: wrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: calc(100% + 4rem)
    }

    .attachment-archive__item {
        cursor: pointer;
        margin-bottom: 4rem;
        margin-right: 4rem;
        position: relative
    }

    @media(max-width:550px) {
        .attachment-archive__item {
            margin-bottom: 1.6rem;
            width: 100%
        }
    }

    .attachment-archive__item:after {
        background: #0f213d;
        box-sizing: border-box;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    @media(max-width:768px) {
        .attachment-archive__item:after {
            display: none
        }
    }

    .attachment-archive__item:hover:after {
        opacity: .3
    }

    @media(min-width:769px) {
        .attachment-archive__item.is-saved:hover .attachment-archive__status .remove, .attachment-archive__item.is-saved:not(:hover) .attachment-archive__status .added, .attachment-archive__item:not(.is-saved):hover .attachment-archive__status .add {
            display: block
        }
    }

    @media(max-width:768px) {
        .attachment-archive__item.is-saved .attachment-archive__status .added {
            display: block
        }
    }

    .attachment-archive__status {
        position: absolute;
        right: 1.6rem;
        top: 1.6rem;
        z-index: 2
    }

        .attachment-archive__status .add .icon {
            height: 1rem;
            width: 1rem
        }

        .attachment-archive__status .added .icon {
            height: 1rem
        }

        .attachment-archive__status .remove .icon {
            height: 1rem;
            width: 1.2rem
        }

        .attachment-archive__status .add, .attachment-archive__status .added, .attachment-archive__status .remove {
            display: none;
            font-weight: 400;
            padding-left: 1rem;
            padding-right: 1rem
        }

    .attachment-archive__thumbnail {
        height: 22.5rem
    }

    @media(max-width:900px) {
        .attachment-archive__thumbnail {
            height: auto
        }
    }

    .attachment-archive__thumbnail img {
        max-height: 100%;
        max-width: 100%;
        width: auto
    }

    @media(max-width:550px) {
        .attachment-archive__thumbnail img {
            height: auto;
            max-height: auto;
            width: 100%
        }
    }

    .attachment-controls {
        transition: opacity .6s
    }

        .attachment-controls.is-running {
            opacity: .5;
            pointer-events: none
        }

    .attachment-controls__menu {
        background: #0f213d;
        padding: 1.6rem 0
    }

        .attachment-controls__menu.is-fixed {
            bottom: 0;
            left: 0;
            position: fixed;
            width: 100%;
            z-index: 100
        }

    .attachment-controls__container {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media(max-width:550px) {
        .attachment-controls__container {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .attachment-controls__counter {
        color: #fff;
        display: inline-block;
        margin-right: 1.6rem
    }

    @media(max-width:768px) {
        .attachment-controls__counter {
            display: none
        }
    }

    .attachment-controls__cancel {
        font-weight: 400;
        margin-right: 1.6rem
    }

        .attachment-controls__cancel:hover {
            background: #fff;
            color: #0f213d
        }

    .attachment-controls__download {
        font-weight: 400
    }

        .attachment-controls__download .total {
            display: none
        }

    @media(max-width:768px) {
        .attachment-controls__download .total {
            display: inline-block;
            margin-left: .2rem
        }
    }

    .maintenance {
        background-color: #f8f8f8
    }

    .maintenance__text {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100dvh;
        min-height: 100vh
    }

    .downloads {
        --break: "1300px";
        background-color: #f8f8f8;
        border-bottom: .1rem solid #d9d9d9;
        border-top: .1rem solid #d9d9d9
    }

    .downloads__container {
        display: grid;
        grid-template-columns: 25rem 1fr;
        grid-template-rows: 7rem auto;
        min-height: calc(100vh - var(--header-height));
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media(max-width:768px) {
        .downloads__container {
            border: 0;
            display: block;
            min-height: 0
        }
    }

    @media(max-width:550px) {
        .downloads__container {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .downloads__container2 {
        display: grid;
        grid-template-columns: 25rem 1fr;
        grid-template-rows: 7rem auto;
        min-height: calc(100vh - var(--header-height));
        padding-left: 2rem;
        padding-right: 2rem;
    }

    @media(max-width:768px) {
        .downloads__container2 {
            border: 0;
            display: block;
            min-height: 0
        }
    }

    @media(max-width:550px) {
        .downloads__container2 {
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .downloads__heading {
        display: none;
        font-size: 3rem;
        margin-bottom: 1.6rem;
        margin-top: 4rem;
        text-align: center
    }

    @media(max-width:768px) {
        .downloads__heading {
            display: block
        }
    }

    .downloads__controls {
        display: none
    }

    @media(max-width:768px) {
        .downloads__controls {
            display: grid
        }
    }

    .downloads__filters2 {
        background-color: #fff;
        border-right: .1rem solid #d9d9d9;
        grid-row: 1/span 2;
        position: relative
    }

        .downloads__filters2:after {
            background: #d9d9d9;
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: .1rem
        }

    @media(max-width:768px) {
        .downloads__filters2:after {
            display: none
        }
    }

    .downloads__filters {
        background-color: #fff;
        border-right: .1rem solid #d9d9d9;
        grid-row: 1/span 2;
        position: relative
    }

        .downloads__filters:before {
            background-color: #fff;
            content: "";
            display: block;
            display: none;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100vw
        }

    @media(max-width:768px) {
        .downloads__filters:before {
            display: none
        }
    }

    .downloads__filters:after {
        background: #d9d9d9;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: .1rem
    }

    @media(max-width:768px) {
        .downloads__filters:after {
            display: none
        }
    }

    .downloads__search {
        align-items: center;
        background-color: #0f213d;
        color: #fff;
        display: flex;
        padding: 1.6rem 2rem;
        position: relative
    }

    @media(max-width:768px) {
        .downloads__search {
            background-color: transparent;
            color: #0f213d;
            padding-left: 0;
            padding-right: 0
        }
    }

    .downloads__search:before {
        background-color: #0f213d;
        content: "";
        display: block;
        height: 100%;
        left: -250px;
        position: absolute;
        top: 0;
        width: 100vw
    }

    @media(max-width:768px) {
        .downloads__search:before {
            display: none
        }
    }

    .downloads__results, .downloads__results2 {
        display: grid;
        grid-auto-rows: max-content;
        grid-column: 2;
        grid-template-columns: 10rem repeat(11,1fr);
        grid-gap: 1.6rem;
        gap: 1.6rem;
        padding-bottom: 2rem
    }

    .downloads__keys {
        display: grid;
        grid-column: 1/span 12;
        grid-template-columns: subgrid;
        margin-top: 1.6rem;
        transition: .25s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .no-filter-results .downloads__keys {
        opacity: 0
    }

    @media(max-width:768px) {
        .downloads__keys {
            display: none !important
        }
    }

    .downloads__key {
        display: none;
        font-weight: 700;
        text-transform: uppercase
    }

    .downloads__key--sku {
        grid-column: 2/span 2;
        padding-left: 3rem
    }

    .downloads__key--name {
        grid-column: 4/span 3
    }

    .downloads__key--collection {
        grid-column: 7/span 3
    }

    @media(min-width:1301px) {
        .downloads__key {
            display: block
        }
    }

    .downloads__none {
        color: #d9d9d9;
        display: none;
        grid-column: 1/span 12;
        padding: 8rem 0;
        text-align: center
    }

    .no-filter-results .downloads__none {
        display: block
    }

    @media(max-width:550px) {
        .downloads {
            top: 65px !important
        }
    }

    .dc {
        align-items: center;
        font-size: 1.5rem;
        font-weight: 700;
        gap: 2rem;
        grid-template-columns: 1fr 1fr;
        margin-top: 1.6rem
    }

    .dc__select-wrap, .dc__trigger {
        background-color: #fff;
        border: .1rem solid #d9d9d9;
        border-radius: 2em;
        text-align: center
    }

    .dc__select-wrap {
        min-height: 100%;
        padding-right: 0;
        position: relative
    }

        .dc__select-wrap .icon {
            display: inline-block;
            pointer-events: none;
            position: absolute;
            right: 1em;
            top: 50%;
            transform: translateY(-50%);
            width: 1rem
        }

    .dc__select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: 0;
        font-weight: 700;
        min-height: 100%;
        padding: .8rem 3.5rem .8rem 2rem;
        text-align: center;
        width: 100%
    }

        .dc__select:focus {
            outline: none
        }

    @media(max-width:768px) {
        .dc__select {
            text-align: left;
        }
    }

    .dc__trigger {
        cursor: pointer;
        padding: .5rem 2rem
    }

        .dc__trigger .icon {
            display: inline-block;
            margin-left: .6rem;
            transform: translateY(.5rem);
            width: 2rem
        }

        .dc__trigger path {
            fill: #0f213d
        }

    .df2 {
        background: none;
        padding: 2rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 800
    }

    @media(max-width:768px) {
        .df2 {
            height: 100vh;
            left: 100%;
            opacity: 0;
            overflow: auto;
            padding: 4rem 1.6rem;
            pointer-events: none;
            position: fixed;
            top: 0;
            transition: opacity .2s,left .5s;
            width: 100%;
            z-index: 1000000
        }

            .df2.is-active {
                left: 0;
                opacity: 1;
                pointer-events: all
            }
    }

    .df2__content {
        margin-top: 135px;
        position: relative;
        z-index: 2
    }

    @media(max-width:550px) {
        .df2__content {
            margin-top: 0
        }
    }

    .df2__heading {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        font-size: 2rem;
        font-weight: 700
    }

    @media(max-width:768px) {
        .df2__heading--desktop {
            display: none
        }
    }

    .df2__heading--mobile {
        display: none;
        font-size: 2rem
    }

    @media(max-width:768px) {
        .df2__heading--mobile {
            display: block
        }
    }

    .df2__heading .icon {
        display: inline-block;
        flex-shrink: 0;
        margin-right: 1.6rem;
        transform: translateY(-.1rem);
        width: 2.4rem
    }

    .df2__heading path {
        fill: #0f213d
    }

    .df2__close {
        cursor: pointer;
        display: none;
        padding: 1rem;
        position: absolute;
        right: 0;
        top: 0;
        width: 3.4rem
    }

    @media(max-width:768px) {
        .df2__close {
            display: block
        }
    }

    .df2__close line {
        stroke-width: .3rem
    }

    .df2__active {
        display: none;
        padding-top: 2rem
    }

    @media(max-width:768px) {
        .df2__active {
            display: none !important
        }
    }

    .df2__active--hidden {
        display: none !important
    }

    .df2__clear {
        border-radius: .4rem;
        cursor: pointer;
        display: inline-block;
        margin-bottom: .8rem;
        padding: .5rem .9rem;
        white-space: nowrap
    }

    .df2__clear--term {
        background-color: #0f213d;
        color: #fff;
        margin-right: .8rem
    }

        .df2__clear--term:not(.is-active) {
            display: none
        }

    .df2__clear--all {
        background-color: #f8f8f8
    }

    .df2__clear .icon {
        display: inline-block;
        margin-left: .8rem;
        width: .8rem
    }

        .df2__clear .icon line, .df2__clear .icon path {
            stroke: #fff !important;
            stroke-width: .2rem
        }

    .df2__sort {
        padding-bottom: 2rem;
        padding-top: 0
    }

        .df2__sort .df__title {
            padding-bottom: 0
        }

    @media(max-width:768px) {
        .df2__sort {
            display: none
        }
    }

    .df2__select-wrap {
        border: .1rem solid #d9d9d9;
        margin-top: 1.6rem;
        position: relative
    }

        .df2__select-wrap .icon {
            display: inline-block;
            pointer-events: none;
            position: absolute;
            right: .8rem;
            top: 50%;
            transform: translateY(-50%);
            width: 1rem
        }

    .df2__select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        padding: .5rem 2.5rem .5rem .8rem;
        width: 100%
    }

        .df2__select:focus {
            outline: none
        }

    @media(max-width:768px) {
        .df2__filters {
            margin-top: 4rem
        }
    }

    .df2__filter {
        border-top: .1rem solid #d9d9d9
    }

    @media(max-width:768px) {
        .df2__filter:first-child {
            border: 0
        }
    }

    .df2__title {
        cursor: pointer;
        display: block;
        padding-bottom: 2rem;
        padding-right: 2rem;
        padding-top: 2rem;
        position: relative
    }

    @media(max-width:768px) {
        .df2__title {
            font-size: 1.8rem
        }
    }

    .df2__title.is-active svg {
        transform: rotate(180deg)
    }

    .df2__title .icon {
        display: inline-block;
        position: absolute;
        right: .8rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1rem
    }

    @media(max-width:768px) {
        .df2__title .icon {
            display: none
        }
    }

    .df2__title svg {
        transition: .2s
    }

    .df2__terms {
        align-items: flex-start;
        display: none;
        flex-direction: column;
        gap: .8rem;
        padding-bottom: 2rem
    }

    @media(max-width:768px) {
        .df2__terms {
            display: flex !important
        }
    }

    .df2__term {
        cursor: pointer;
        position: relative
    }

    .df2__term--category, .df2__term--collection {
        padding-left: 3.2rem;
        position: relative;
        text-underline-offset: .4rem
    }

        .df2__term--category:before, .df2__term--collection:before {
            border: .1rem solid #d9d9d9;
            border-radius: .4rem;
            content: "";
            height: 2rem;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(calc(-50% - .1rem));
            width: 2rem
        }

        .df2__term--category:after, .df2__term--collection:after {
            background-image: url(/uc/js/dist/f3195c0b5941222a866d.svg);
            content: "";
            height: .9rem;
            left: .4rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 1.2rem
        }

        .df2__term--category:hover, .df2__term--collection:hover {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

            .df2__term--category:hover:before, .df2__term--collection:hover:before {
                border-color: #0f213d
            }

        .df2__term--category.is-active:before, .df2__term--collection.is-active:before {
            background-color: #0f213d;
            border-color: #0f213d
        }

    .df2__term--finish {
        background-color: #f8f8f8;
        border-radius: 1.8rem;
        padding: .5rem 1.4rem
    }

        .df2__term--finish:hover {
            background-color: #d9d9d9
        }

        .df2__term--finish.is-active {
            background-color: #0f213d;
            color: #fff
        }

    .df2__term img {
        border-radius: .8rem;
        display: inline-block;
        height: 1.6rem;
        margin-right: .8rem;
        overflow: clip;
        transform: translateY(.3rem);
        width: 1.6rem
    }

    .df2__controls {
        display: none;
        margin-top: 4rem
    }

    @media(max-width:768px) {
        .df2__controls {
            display: block
        }
    }

    .df2__button {
        margin-top: 1.6rem
    }

    .df2__button--clear, .df2__button--done {
        padding-bottom: 1.8rem;
        padding-top: 1.8rem;
        width: 100%
    }

    .df2__button--clear {
        background-color: #f8f8f8;
        border: 0;
        line-height: 1
    }

    .df {
        padding: 2rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 800
    }

    @media(max-width:768px) {
        .df {
            height: 100vh;
            left: 100%;
            opacity: 0;
            overflow: auto;
            padding: 4rem 1.6rem;
            pointer-events: none;
            position: fixed;
            top: 0;
            transition: opacity .2s,left .5s;
            width: 100%;
            z-index: 1000000
        }

            .df.is-active {
                left: 0;
                opacity: 1;
                pointer-events: all
            }
    }

    .df__content {
        margin-top: 85px;
        position: relative
    }

    @media(max-width:550px) {
        .df__content {
            margin-top: 0
        }
    }

    .df__heading {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        font-size: 2rem;
        font-weight: 700
    }

    @media(max-width:768px) {
        .df__heading--desktop {
            display: none
        }
    }

    .df__heading--mobile {
        display: none;
        font-size: 2rem
    }

    @media(max-width:768px) {
        .df__heading--mobile {
            display: block
        }
    }

    .df__heading .icon {
        display: inline-block;
        flex-shrink: 0;
        margin-right: 1.6rem;
        transform: translateY(-.1rem);
        width: 2.4rem
    }

    .df__heading path {
        fill: #0f213d
    }

    .df__close {
        cursor: pointer;
        display: none;
        padding: 1rem;
        position: absolute;
        right: 0;
        top: 0;
        width: 3.4rem
    }

    @media(max-width:768px) {
        .df__close {
            display: block
        }
    }

    .df__close line {
        stroke-width: .3rem
    }

    .df__active {
        display: none;
        padding-top: 2rem
    }

    @media(max-width:768px) {
        .df__active {
            display: none !important
        }
    }

    .df__active--hidden {
        display: none !important
    }

    .df__clear {
        border-radius: .4rem;
        cursor: pointer;
        display: inline-block;
        margin-bottom: .8rem;
        padding: .5rem .9rem;
        white-space: nowrap
    }

    .df__clear--term {
        background-color: #0f213d;
        color: #fff;
        margin-right: .8rem
    }

        .df__clear--term:not(.is-active) {
            display: none
        }

    .df__clear--all {
        background-color: #f8f8f8
    }

    .df__clear .icon {
        display: inline-block;
        margin-left: .8rem;
        width: .8rem
    }

        .df__clear .icon line, .df__clear .icon path {
            stroke: #fff !important;
            stroke-width: .2rem
        }

    .df__sort {
        padding-bottom: 2rem;
        padding-top: 0
    }

        .df__sort .df__title {
            padding-bottom: 0
        }

    @media(max-width:768px) {
        .df__sort {
            display: none
        }
    }

    .df__select-wrap {
        border: .1rem solid #d9d9d9;
        margin-top: 1.6rem;
        position: relative
    }

        .df__select-wrap .icon {
            display: inline-block;
            pointer-events: none;
            position: absolute;
            right: .8rem;
            top: 50%;
            transform: translateY(-50%);
            width: 1rem
        }

    .df__select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        padding: .5rem 2.5rem .5rem .8rem;
        width: 100%
    }

        .df__select:focus {
            outline: none
        }

    @media(max-width:768px) {
        .df__filters {
            margin-top: 4rem
        }
    }

    .df__filter {
        border-top: .1rem solid #d9d9d9
    }

    @media(max-width:768px) {
        .df__filter:first-child {
            border: 0
        }
    }

    .df__title {
        cursor: pointer;
        display: block;
        padding-bottom: 2rem;
        padding-right: 2rem;
        padding-top: 2rem;
        position: relative
    }

    @media(max-width:768px) {
        .df__title {
            font-size: 1.8rem
        }
    }

    .df__title.is-active svg {
        transform: rotate(180deg)
    }

    .df__title .icon {
        display: inline-block;
        position: absolute;
        right: .8rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1rem
    }

    @media(max-width:768px) {
        .df__title .icon {
            display: none
        }
    }

    .df__title svg {
        transition: .2s
    }

    .df__terms {
        align-items: flex-start;
        display: none;
        flex-direction: column;
        gap: .8rem;
        padding-bottom: 2rem
    }

    @media(max-width:768px) {
        .df__terms {
            display: flex !important
        }
    }

    .df__term {
        cursor: pointer;
        position: relative
    }

    .df__term--category, .df__term--collection {
        padding-left: 3.2rem;
        position: relative;
        text-underline-offset: .4rem
    }

        .df__term--category:before, .df__term--collection:before {
            border: .1rem solid #d9d9d9;
            border-radius: .4rem;
            content: "";
            height: 2rem;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(calc(-50% - .1rem));
            width: 2rem
        }

        .df__term--category:after, .df__term--collection:after {
            background-image: url(/uc/js/dist/f3195c0b5941222a866d.svg);
            content: "";
            height: .9rem;
            left: .4rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 1.2rem
        }

        .df__term--category:hover, .df__term--collection:hover {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

            .df__term--category:hover:before, .df__term--collection:hover:before {
                border-color: #0f213d
            }

        .df__term--category.is-active:before, .df__term--collection.is-active:before {
            background-color: #0f213d;
            border-color: #0f213d
        }

    .df__term--finish {
        background-color: #f8f8f8;
        border-radius: 1.8rem;
        padding: .5rem 1.4rem
    }

        .df__term--finish:hover {
            background-color: #d9d9d9
        }

        .df__term--finish.is-active {
            background-color: #0f213d;
            color: #fff
        }

    .df__term img {
        border-radius: .8rem;
        display: inline-block;
        height: 1.6rem;
        margin-right: .8rem;
        overflow: clip;
        transform: translateY(.3rem);
        width: 1.6rem
    }

    .df__controls {
        display: none;
        margin-top: 4rem
    }

    @media(max-width:768px) {
        .df__controls {
            display: block
        }
    }

    .df__button {
        margin-top: 1.6rem
    }

    .df__button--clear, .df__button--done {
        padding-bottom: 1.8rem;
        padding-top: 1.8rem;
        width: 100%
    }

    .df__button--clear {
        background-color: #f8f8f8;
        border: 0;
        line-height: 1
    }

    .ds {
        width: 100%
    }

    @media(max-width:768px) {
        .ds {
            width: 100%
        }
    }

    .ds__title {
        font-weight: 700;
        margin-left: 2.5rem;
        position: relative;
        z-index: 2
    }

    @media(max-width:768px) {
        .ds__title {
            display: none
        }
    }

    .ds__field {
        align-items: center;
        background-color: #fff;
        border-radius: 2rem;
        display: flex;
        margin-left: 2rem;
        max-width: 50rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        position: relative;
        width: 100%;
        z-index: 2
    }

    @media(max-width:768px) {
        .ds__field {
            border: .1rem solid #d9d9d9;
            margin: 0;
            max-width: 100%
        }
    }

    .ds__icon {
        display: block;
        flex-grow: 0;
        flex-shrink: 0;
        width: 2.1rem
    }

    .ds__input {
        background-color: transparent;
        border: 0;
        flex-grow: 1;
        padding: .8rem 2rem
    }

        .ds__input:focus {
            outline: 0
        }

        .ds__input:valid + .ds__clear {
            opacity: 1
        }

    .ds__clear {
        cursor: pointer;
        display: block;
        opacity: 0;
        padding: .25rem;
        transition: .2s;
        width: 2rem
    }

    .dp {
        align-items: center;
        background-color: #fff;
        border: .1rem solid #d9d9d9;
        display: grid;
        grid-column: 1/span 12;
        grid-template-columns: subgrid;
        margin-left: 1.6rem;
        padding: .8rem 1.6rem
    }

        .dp > div {
            /*width:fit-content;*/
        }


    @media(max-width:768px) {
        .dp {
            margin-left: 0
        }
    }

    .dp__thumbnail {
        width: 100%
    }

    @media(max-width:1299px) {
        .dp__thumbnail {
            grid-row: 1/span 2
        }
    }

    @media(max-width:1024px) {
        .dp__thumbnail {
            grid-column: 1/span 2;
            grid-row: 1/span 3
        }
    }

    @media(max-width:768px) {
        .dp__thumbnail {
            grid-row: 1/span 4
        }
    }

    .dp__sku {
        grid-column: 2/span 2
    }

    @media(min-width:1301px) {
        .dp__sku {
            padding-left: 3rem
        }
    }

    @media(max-width:1299px) {
        .dp__sku {
            color: #b1b1b1;
            grid-column: 2/span 4;
            grid-row: 2/span 1
        }
    }

    @media(max-width:1024px) {
        .dp__sku {
            grid-column: 3/span 5
        }
    }

    @media(max-width:768px) {
        .dp__sku {
            font-size: 1.2rem
        }
    }

    .dp__name {
        grid-column: 2/span 4
    }

    @media(min-width:1301px) {
        .dp__name {
            grid-column: 4/span 3
        }
    }

    @media(max-width:1300px) {
        .dp__name {
            grid-row: 1/span 1
        }
    }

    @media(max-width:1024px) {
        .dp__name {
            grid-column: 3/span 5
        }
    }

    .dp__collection {
        grid-column: 7/span 3
    }

    @media(max-width:1299px) {
        .dp__collection {
            grid-column: 6/span 3
        }
    }

    @media(max-width:1024px) {
        .dp__collection {
            color: #b1b1b1;
            grid-column: 3/span 5;
            grid-row: 3/span 1
        }
    }

    @media(max-width:768px) {
        .dp__collection {
            font-size: 1.2rem;
            grid-column: 3/span 10
        }
    }

    .dp__controls {
        display: flex;
        gap: 1rem;
        grid-column: 10/span 3
    }

    @media(max-width:1299px) {
        .dp__controls {
            grid-column: 9/span 4
        }
    }

    @media(max-width:1024px) {
        .dp__controls {
            flex-direction: column-reverse;
            grid-column: 8/span 5;
            grid-row: 1/span 3
        }
    }

    @media(max-width:768px) {
        .dp__controls {
            grid-column: 3/span 10;
            grid-row: 4/span 1
        }
    }

    .dp__all, .dp__trigger {
        cursor: pointer;
        font-weight: 700;
        line-height: 1;
        margin-left: auto;
        max-width: 12.5rem;
        padding: 1.2rem .2rem;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: calc(50% - .5rem)
    }

    @media(max-width:1024px) {
        .dp__all, .dp__trigger {
            width: 13rem
        }
    }

    .dp__all {
        border: .1rem solid #0f213d;
        border-radius: .4rem
    }

        .dp__all:hover {
            background-color: #0f213d;
            color: #fff;
            transition: .2s
        }

    @media(max-width:768px) {
        .dp__all {
            display: none
        }

        .dp__trigger {
            border: 0;
            line-height: 2;
            margin-left: 0;
            padding: 0;
            text-align: left
        }
    }

    .dp__trigger.is-active .dp__view {
        display: none
    }

    .dp__trigger.is-active .dp__close {
        display: block
    }

    .dp__trigger .icon {
        display: inline-block;
        margin-left: .6rem;
        transform: translateY(-.1rem);
        width: .8rem
    }

    @media(min-width:1025px) {
        .dp__trigger .icon {
            right: 5%
        }
    }

    @media(min-width:1301px) {
        .dp__trigger .icon {
            position: absolute;
            right: .6rem;
            top: 50%;
            transform: translateY(-50%)
        }
    }

    @media(min-width:1401px) {
        .dp__trigger .icon {
            right: 1.6rem
        }
    }

    @media(max-width:768px) {
        .dp__trigger svg {
            transform: rotate(-90deg)
        }
    }

    .dp__downloads {
        display: none;
        grid-column: 4/span 6
    }

    @media(max-width:1024px) {
        .dp__downloads {
            grid-column: 3/span 10;
            margin-top: 2rem
        }
    }

    .dp__close {
        display: none
    }

        .dp__close line {
            stroke-width: .2rem
        }

    .dpd {
        margin-top: 2rem
    }

    @media(max-width:768px) {
        .dpd {
            background-color: #fff;
            display: block !important;
            height: 100vh;
            left: 100%;
            opacity: 0;
            padding: 4rem 1.6rem;
            pointer-events: none;
            position: fixed;
            top: 0;
            transition: opacity .2s,left .5s;
            width: 100%;
            z-index: 1000000
        }

            .dpd.is-active {
                left: 0;
                opacity: 1;
                pointer-events: all
            }
    }

    .dpd__header {
        display: none
    }

    @media(max-width:768px) {
        .dpd__header {
            display: block
        }
    }

    .dpd__title {
        cursor: pointer;
        display: block;
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 2rem;
        padding: 0 2rem;
        position: relative;
        text-align: center
    }

        .dpd__title .icon {
            display: block;
            left: 0;
            position: absolute;
            top: 0;
            transform: translateY(.7rem);
            width: 2rem
        }

        .dpd__title svg {
            transform: rotate(90deg)
        }

    .dpd__thumbnail {
        margin: 0 auto 2rem;
        max-width: 10rem
    }

    .dpd__download {
        display: block;
        margin-bottom: .7rem;
        padding: .7rem 1.6rem;
        transform: translateX(-1.6rem);
        width: calc(100% + 3.2rem)
    }

    @media(min-width:769px) {
        .dpd__download:nth-child(2n) {
            background-color: hsla(0,0%,97%,.49)
        }
    }

    @media(max-width:768px) {
        .dpd__download {
            border-bottom: .1rem solid #d9d9d9;
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            transform: none;
            width: 100%
        }
    }

    @media(min-width:769px) {
        .dpd__download:hover {
            background-color: #f8f8f8
        }
    }

    .dpd__download--all_downloads {
        display: none;
        font-weight: 700;
        position: relative
    }

        .dpd__download--all_downloads line, .dpd__download--all_downloads path, .dpd__download--all_downloads polyline {
            stroke-width: .4rem !important
        }

    @media(max-width:768px) {
        .dpd__download--all_downloads {
            background-color: #0f213d;
            border-bottom: 0;
            border-radius: .5rem;
            color: #fff;
            display: block;
            font-weight: 700;
            margin-top: 2rem;
            padding: 1.5rem 1rem;
            text-align: center
        }

            .dpd__download--all_downloads line, .dpd__download--all_downloads path, .dpd__download--all_downloads polyline {
                stroke: #fff !important
            }
    }

    .dpd__icon {
        display: inline-block;
        margin-right: .5rem;
        width: 1.2rem
    }

    @media(max-width:768px) {
        .dpd__icon {
            flex-grow: 0;
            flex-shrink: 0
        }
    }

    .dp-wrap {
        align-items: center;
        background-color: #000;
        bottom: 0;
        color: #fff;
        display: none;
        font-weight: 400;
        height: 72px;
        justify-content: flex-end;
        max-width: 100%;
        padding-right: 40px;
        position: fixed;
        right: 0;
        text-align: right;
        width: 100%;
        z-index: 100
    }

        .dp-wrap span.dp__view {
            border: 1px solid #fff;
            padding: 12px 26px
        }

    .dp-show {
        display: flex
    }

    .dbds {
        display: grid;
        grid-template-columns: 25rem 1fr;
        grid-template-rows: 3rem auto;
        padding-left: 3.5rem;
        padding-right: 2rem
    }

    @media(max-width:768px) {
        .dbds {
            display: flex
        }
    }

    .mity-enabled:focus {
        outline: none
    }

    .mity-enabled:not(.woocommerce-product-gallery__wrapper):not(.sliding-carousel22__images) .mity-viewport {
        overflow: visible
    }

    .mity-enabled:not(.woocommerce-product-gallery__wrapper):not(.sliding-carousel22__images) .mity-page-dots {
        bottom: auto;
        display: flex;
        padding-top: 4rem;
        position: relative
    }

        .mity-enabled:not(.woocommerce-product-gallery__wrapper):not(.sliding-carousel22__images) .mity-page-dots .dot {
            background: #d9d9d9;
            border-radius: 0 !important;
            flex: 1;
            height: .1rem;
            margin: 0 !important;
            width: auto !important
        }

            .mity-enabled:not(.woocommerce-product-gallery__wrapper):not(.sliding-carousel22__images) .mity-page-dots .dot.is-selected {
                background: #0f213d
            }

    .no-results {
        display: block;
        padding: 8rem 0;
        text-align: center
    }

    .mejs-overlay-button {
        background: url(/uc/js/dist/539c535abaf10a123981.svg);
        height: 7rem;
        transition: .2s;
        width: 7rem
    }

    .mejs-overlay:hover > .mejs-overlay-button {
        background-position: 0 0;
        transform: scale(1.05)
    }

    .mejs-controls {
        display: none;
        visibility: hidden;
    }

    .cf7-dealer {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .cf7-dealer__select {
        display: none
    }

    .cf7-dealer__pseudo-select {
        position: relative
    }

    .cf7-dealer__selected {
        border: 0;
        border-bottom: .1rem solid #0f213d;
        border-radius: 0;
        cursor: pointer;
        margin: 0;
        padding: .8rem 2rem .8rem 0;
        position: relative;
        width: 100% !important
    }

        .cf7-dealer__selected .flag {
            border-radius: 50%;
            display: inline-block;
            height: 3rem;
            margin-right: 1.6rem;
            overflow: hidden;
            width: 3rem
        }

        .cf7-dealer__selected .text {
            display: inline-block;
            max-width: calc(100% - 6rem);
            overflow: hidden;
            text-overflow: ellipsis;
            transform: translateY(0);
            white-space: nowrap
        }

        .cf7-dealer__selected .icon {
            display: inline-block;
            position: absolute;
            right: .5rem;
            top: 50%;
            transform: translateY(-50%);
            width: 1rem
        }

    .cf7-dealer__options {
        background-color: #f8f8f8;
        border-radius: .5rem;
        left: 0;
        margin-top: .5rem;
        max-height: 37.2rem;
        opacity: 0;
        overflow: auto;
        position: absolute;
        top: 100%;
        transform: translateY(-2rem);
        transition: visibility 0ms .2s,transform .2s 0ms,opacity .2s 0ms;
        visibility: hidden;
        width: 100%;
        z-index: 100
    }

        .cf7-dealer__options.is-active {
            opacity: 1;
            transform: translateY(0);
            transition: visibility 0ms 0ms,transform .2s 0ms,opacity .2s 0ms;
            visibility: visible
        }

            .cf7-dealer__options.is-active .cf7-dealer__option {
                opacity: 1;
                transform: translateX(0)
            }

                .cf7-dealer__options.is-active .cf7-dealer__option:first-child {
                    transition-delay: .12s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(2) {
                    transition-delay: .17s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(3) {
                    transition-delay: .22s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(4) {
                    transition-delay: .27s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(5) {
                    transition-delay: .32s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(6) {
                    transition-delay: .37s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(7) {
                    transition-delay: .42s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(8) {
                    transition-delay: .47s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(9) {
                    transition-delay: .52s
                }

                .cf7-dealer__options.is-active .cf7-dealer__option:nth-child(10) {
                    transition-delay: .57s
                }

    .cf7-dealer__option {
        align-items: center;
        cursor: pointer;
        display: flex;
        opacity: 0;
        padding: 1.6rem 2rem;
        transform: translateX(-1rem);
        transition: transform .2s,opacity .2s;
        transition-delay: 0ms
    }

        .cf7-dealer__option.is-active, .cf7-dealer__option:hover {
            background-color: #ededed
        }

    .cf7-dealer__flag {
        border-radius: 50%;
        display: inline-block;
        flex-grow: 0;
        flex-shrink: 0;
        height: 3rem;
        margin-right: 1.6rem;
        overflow: hidden;
        width: 3rem
    }

        .cf7-dealer__flag img {
            height: 100%;
            width: 100%
        }

    .grecaptcha-badge {
        display: none
    }

    .alignleft {
        float: left
    }

    .alignleftimg {
        margin: .5rem 5.7rem 2.85rem 0
    }

    .alignright {
        float: right
    }

    .alignrightimg {
        margin: .5rem 0 2.85rem 5.7rem
    }

    .aligncenter {
        display: block;
        margin: 0 auto
    }

    .aligncenterimg {
        margin: .5rem auto 5.7rem
    }

    .wp-video, .wp-video video {
        width: 100% !important
    }

        .wp-video video {
            height: 100% !important
        }

    .wp-video-no-controls .mejs-controls {
        display: none !important;
        visibility: hidden !important
    }

    .mejs-container {
        max-width: 100% !important;
        height: fit-content !important;
    }

    .sticky-menu {
        position: relative
    }

        .sticky-menu.is-sticky .sticky-menu__menu, .sticky-menu.was-sticky .sticky-menu__menu {
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000
        }

    .collection-heading--white:not(.menu-open):not(.has-scrolled) .international-sites .chevron-icon svg {
        fill: #ffffff;
    }

    .page-menu__section--categories .page-menu__items {
        max-width: 300px;
    }

    .project__sidebar .project__meta .project__link {
        cursor: text;
    }

        .project__sidebar .project__meta .project__link a {
            /*pointer-events: none;
            text-decoration: none;*/
        }

    .header__search {
        /*padding-right: 20px;*/
    }

    .header__basket {
        padding-right: 2px;
    }

    .quote {
        background-image: url('/uc/wr/images/SepticRisers.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .downloads .df__select, .downloads .ds__input {
        font-size: 1.4rem;
    }

    .downloads__product input[type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #000;
        margin-bottom: 6px;
        vertical-align: middle;
        cursor: pointer;
    }

        .downloads__product input[type=checkbox]:disabled {
            border: 1px solid gray;
            cursor: pointer;
        }

    .downloads__product input[type="checkbox"]:checked:before {
        color: #ffffff;
    }

    .downloads__product input[type="checkbox"]:checked::before {
        content: "\2713";
        display: flex;
        width: 17px;
        height: 17px;
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        background-color: #000;
        border-radius: 50%;
        color: #ffffff;
        justify-content: center;
    }


    .dp-show {
        opacity: .9;
    }

    .dp-wrap {
        padding-right: 80px !important;
        z-index: 1000;
    }

    .warrantyct p {
        margin: 3rem 0 0 0;
    }

    .downloads__key {
        text-transform: capitalize;
    }

    .dp__clear {
        margin-right: 20px;
        color: #f8f8f8;
    }

    .dp-wrap .dp__clear span.dp__view {
        border: 1px solid #f8f8f8;
    }

    .ds__title {
        display: none;
        visibility: hidden;
    }

    .ds__field {
        margin-left: 0px;
        max-width: 52rem;
    }

    .df__terms .df__term--category:last-of-type {
        display: none;
        visibility: hidden;
    }

    @media only screen and (min-width:1025px) {
        .downloads__key {
            display: block;
        }
    }

    @media only screen and (max-width:1024px) {
        .dbd .downloads__container {
            display: none;
        }

        .downloads__product {
            z-index: 899;
        }

        .dbd {
            background-color: #f8f8f8 !important;
            top: 65px !important;
            padding: 0px 0px 0px 0px !important;
        }

        .dp-wrap {
            padding-right: 20px !important;
        }

        .downloads__product {
            display: flex;
            flex-direction: column;
        }

            .downloads__product div {
                width: 100%;
                text-align: left;
            }

            .downloads__product [type=checkbox] {
                vertical-align: middle;
                margin-top: 10px;
            }

        a.dpd__download {
            border-bottom: none;
            justify-content: left;
        }

        .dp__datasheet, .dp__threedcad, .dp__twodcad, .dp__bim, .dp__installg, .dp__allfiles {
            text-align: left;
            position: relative;
            height: fit-content;
        }

        .dp__name {
            margin-bottom: 20px;
        }

        .dp__datasheet input:after, .dp__threedcad input:after, .dp__twodcad input:after, .dp__bim input:after, .dp__installg input:after, .dp__allfiles input:after {
            position: absolute;
            left: 8%;
            /*right:184px;*/
            text-align: right;
            top: 2px;
            margin-top: 10px;
            text-wrap: nowrap;
            margin-right: 20px;
            width: 108px;
            text-wrap: nowrap;
        }

        .dp__datasheet input:after {
            content: 'Datasheet';
        }

        .dp__threedcad input:after {
            content: '3D CAD';
        }

        .dp__twodcad input:after {
            content: '2D CAD';
        }

        .dp__bim input:after {
            content: 'BIM';
        }

        .dp__installg input:after {
            content: 'Install Guide';
            text-wrap: nowrap;
        }

        .dp__allfiles input:after {
            content: 'All Files';
        }

        .dp__datasheet input:disabled, .dp__threedcad input:disabled, .dp__twodcad input:disabled, .dp__bim input:disabled, .dp__installg input:disabled, .dp__allfiles input:disabled {
            display: none;
            visibility: hidden;
            height: 0px;
        }

        .dp__datasheet input, .dp__threedcad input, .dp__twodcad input, .dp__bim input, .dp__installg input, .dp__allfiles input {
            line-height: unset;
            line-height: initial;
        }
    }

    @media(max-width: 1300px) {
        .dp__name {
            grid-row: unset;
            grid-row: initial;
            grid-column: 4 /span 3;
        }

        .dp__sku {
            grid-row: unset;
            grid-row: initial;
            grid-column: 2/span 2;
        }

        .dp__thumbnail {
            grid-row: unset;
            grid-row: initial;
        }
    }

    @media only screen and (max-width:768px) {
        .dbd .downloads__container {
            display: block;
        }