.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-c177bdbe-9677-0f7a-3170-7f2cdda4d476 {
padding-bottom: 2.5rem !important;
padding-top: 2.5rem !important;
}
.lfr-layout-structure-item-37c857d4-7bc5-959e-c9fe-78860dbdc1f9 {
background-color: var(--gray-100) !important;
padding-bottom: var(--spacer-7,6rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-e2ce4ba8-afbf-75c1-6a68-b02efcdef9af {
padding-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-2d901b6c-12f2-a483-f547-e17d593340cf {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap:12px;
    img {
    max-width:100%;
    max-height:40px;
    }
}.lfr-layout-structure-item-a9b4c400-6bff-0a5d-0db6-4fdd280e885e {
padding-bottom: var(--spacer-7,6rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-82424856-d98f-2af9-9274-170bfa4d6caa {
margin-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-b650e2cd-c662-22e8-a6b6-7b5616f2a3ff {
color: var(--gray-700) !important;
width: 90% !important;
}
.lfr-layout-structure-item-102da6ec-654c-ae82-ed58-938dd3463f37 {
padding-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-07a068f7-220e-ad4c-ebc8-6a4fd85f2a04 {
margin-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-aa6d3f09-8c5a-df42-0e72-d6f95d3f5006 {
padding-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-2dde0653-d3a2-69ad-dd62-b68b331e3f4f {
background-color: var(--white) !important;
padding-bottom: 4rem !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: 4rem !important;
}
.lfr-layout-structure-item-97c2961b-8c9c-86d2-46d2-e49dd36f19a0 {
padding-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-d3f1286f-f5ab-b9b2-4b0b-1277d24fe5b1 {
font-size: var(--font-size-lg) !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
color: var(--gray-1100) !important;
}
.lfr-layout-structure-item-52aa499e-bd28-d25a-5b02-cd578d85de4e {
margin-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-2bc492f4-ef8f-1205-b5d6-dfcc4eb0178a {
font-size: var(--font-size-base) !important;
width: 70% !important;
}
.lfr-layout-structure-item-a1717bac-9b94-d75e-df1f-f88b57404fc0 {
padding-bottom: 2rem !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-ffd53aed-85eb-83c7-b196-fd64afe2cc0d {
margin-bottom: var(--spacer-2,0.5rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-d8ab4950-31b1-5035-0ccd-5155441432ed {
color: var(--gray-700) !important;
width: 90% !important;
}
.lfr-layout-structure-item-cb5c42a4-50cc-8d45-e007-f54a9a665fe9 {
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-e03076e4-a2f2-f277-456e-c8a7e245ffc9 {
background-color: var(--white) !important;
}
.lfr-layout-structure-item-a27e6b03-4cfa-a198-93dc-f79a49799bcc {
width: 66.6% !important;
}
.lfr-layout-structure-item-0b04b1af-58ea-d6de-eb05-cf31f4a11ac9 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
color: var(--gray-1100) !important;
}
.lfr-layout-structure-item-fd55cb84-8e76-5c9c-4477-93f990223a1a {
background-color: var(--white) !important;
border-radius: 16px !important;
margin-bottom: 2.5rem !important;
padding-bottom: 2.5rem !important;
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
padding-top: 2.5rem !important;
}
.lfr-layout-structure-item-290cc1c5-d8ef-ed42-2afa-48ee50d6d6ae {
padding-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-10530a83-dc1d-33dd-a885-aa8bdf47c734 {
font-size: var(--font-size-lg) !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-top: 2rem !important;
width: 60% !important;
}
.lfr-layout-structure-item-56b1e82a-721d-b548-d4d4-8aa4fdd9a65f {
margin-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-bd06a956-577b-1910-3063-d93fd218f3a8 {
text-align: center !important;
width: 80% !important;
}
.lfr-layout-structure-item-bd06a956-577b-1910-3063-d93fd218f3a8 {
}.lfr-layout-structure-item-a5fbbca4-e251-5b24-a635-685ac6296e90 {
line-height: 1.5rem;
}.lfr-layout-structure-item-a19aa76a-3258-72ab-7694-e75085f174cf {
color: var(--gray-700) !important;
width: 90% !important;
}
.lfr-layout-structure-item-53de5f7a-8b60-e47d-7f9e-c7d633421f06 {
padding-bottom: var(--spacer-7,6rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-dfe8d735-0aab-8ff7-12a8-d2c61179e998 {
padding-bottom: var(--spacer-8,7.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-8,7.5rem) !important;
}
.lfr-layout-structure-item-dfe022de-cd39-e862-d023-8a87bffbfa3e {
color: var(--gray-700) !important;
width: 90% !important;
}
.lfr-layout-structure-item-f4879eb4-f4cb-55d2-cf5f-4199cbdb66a1 {
margin-bottom: var(--spacer-2,0.5rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-82b28cc8-6497-133e-1f85-22e4ce7b42b6 {
color: var(--gray-700) !important;
width: 90% !important;
}
.lfr-layout-structure-item-85b31bd4-6bca-a435-4ba4-44b85d1549eb {
font-size: 18px !important;
margin-bottom: var(--spacer-5,3rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
width: 60% !important;
}
.lfr-layout-structure-item-3f1f2499-8525-43b3-7fad-65ce6266e504 {
background-color: var(--gray-100) !important;
padding-bottom: 5rem !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: 5rem !important;
}
.lfr-layout-structure-item-26f28ae0-d357-33ba-1608-267899b6b01e {
padding-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-f140ebc3-f701-2e6c-d39f-df7f7e44b69c {
height: 36px !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
max-width: 200px !important;
width: 160px !important;
}
.lfr-layout-structure-item-9477a32c-1e19-0f3c-df8e-d21ab888a204 {
font-size: var(--font-size-base) !important;
color: var(--gray-800) !important;
}
.lfr-layout-structure-item-31ff2957-f4ba-8f84-b466-d13d266c797c {
margin-bottom: var(--spacer-7,6rem) !important;
text-align: center !important;
width: 70% !important;
}
.lfr-layout-structure-item-59facc32-7232-36cd-ea05-83e0c5da04b4 {
padding-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-fe6550cf-cecc-410e-c23f-da3a964cfc77 {
background-color: var(--white) !important;
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-854d5870-6097-5c13-84cf-cfc7f86237f8 {
background-color: var(--white) !important;
border-radius: 16px !important;
margin-bottom: 2.5rem !important;
padding-bottom: 2.5rem !important;
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
padding-top: 2.5rem !important;
}
.lfr-layout-structure-item-58bc6fca-b63e-d949-6346-41d89a730b83 {
padding-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-7a9b169e-097c-6b5c-e05c-df349ef127ab {
margin-top: 5rem !important;
width: 50% !important;
}
.lfr-layout-structure-item-a333dfc1-4095-3c16-bda7-5760200878bc {
margin-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-7f2f9e74-9475-24ce-7391-e43c4ee04221 {
color: var(--gray-800) !important;
}
.lfr-layout-structure-item-36208bb2-5183-03a6-b899-76710651bda3 {
margin-bottom: var(--spacer-2,0.5rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-fb406057-be4c-ebed-988c-a205f5c6fd28 {
margin-bottom: var(--spacer-2,0.5rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-5087677b-5665-7622-e81c-827882c41536 {
color: var(--gray-700) !important;
width: 90% !important;
}
.lfr-layout-structure-item-db669818-3b49-9bb3-d4e7-154194e7ec4d {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-db669818-3b49-9bb3-d4e7-154194e7ec4d) !important;
padding-bottom: 240px !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: 240px !important;
}
.lfr-layout-structure-item-db669818-3b49-9bb3-d4e7-154194e7ec4d {
background-image:url(/documents/d/layerdesign/hero-allinone);
}.lfr-layout-structure-item-d0456169-2d3c-de3d-1939-ee6b2be754c6 {
padding-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-29134442-749b-9f12-8529-e2571882bc05 {
background-color: var(--white) !important;
border-radius: 16px !important;
margin-bottom: 2.5rem !important;
padding-bottom: 2.5rem !important;
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
padding-top: 2.5rem !important;
}
.lfr-layout-structure-item-41f7a30e-572b-5f42-3565-f1a307f718c8 {
padding-bottom: var(--spacer-7,6rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-3a8d17db-006a-7b26-c8d6-78825cc7c60a {
margin-bottom: var(--spacer-2,0.5rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-4d9a0352-6fac-bf35-5658-1eed866a4275 {
width: 80% !important;
}
.lfr-layout-structure-item-de2f6f0f-22f1-297d-a819-b4ede66fda14 {
padding-bottom: 2rem !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-c76737d9-0636-3a5c-4499-b80cce829cdd {
padding-bottom: 2rem !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-a866f755-c679-8328-e892-f425c74ceeab {
font-size: var(--font-size-lg) !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
color: var(--gray-1100) !important;
}
.lfr-layout-structure-item-43bbc454-7c54-4beb-169f-de825788c252 {
font-size: var(--font-size-lg) !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
color: var(--gray-800) !important;
}
.lfr-layout-structure-item-bf765f7e-0cec-c44a-dce0-a783e84e1484 {
margin-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-cf2ef85d-a747-6f53-a38c-3f59ea463788 {
font-size: var(--font-size-lg) !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-top: 2rem !important;
}
.lfr-layout-structure-item-4f797f0f-a089-4178-6e55-c03987ef84e0 {
font-size: var(--font-size-lg) !important;
margin-bottom: var(--spacer-5,3rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-c7ea1ea2-d169-77d1-d4d2-6980ba3119d9 {
font-size: var(--font-size-lg) !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-c7ea1ea2-d169-77d1-d4d2-6980ba3119d9 {
padding-right:40px;
}.lfr-layout-structure-item-625ee77a-8fd2-cf07-2a3a-1e2e38748157 {
padding-bottom: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-b6e3203a-636d-6197-7dcd-f4f01b09e9a6 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
color: var(--gray-1100) !important;
}
.lfr-layout-structure-item-4a3048d8-0ab1-d706-abb5-8e7647648229 {
margin-bottom: var(--spacer-2,0.5rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-6cc48e77-e22b-352f-f910-7878af10d854 {}

.recent-work {
    ul.list-unstyled {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 24px;
      @media screen and (max-width: 480px)  {
    grid-template-columns:1fr;
  }
    }

    a {
        .project-item-card {
            background-color: #fff;
            overflow: hidden;
            border-radius: .5rem;

            .project-item-header {
                width: 100%;
                height: 250px;

                picture {
                    display: inline-block;
                    width: 100%;
                    height: 250px;
                    overflow: hidden;

                    * {
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                    }

                    img {
                        -ms-transition: all 1s ease;
                        -webkit-transition: all 1s ease;
                        -moz-transition: all 1s ease;
                        -o-transition: all 1s ease;
                        transition: all 1s ease;
                        overflow: hidden;
                        object-fit: cover;
                        min-height: 100%;
                        min-width: 100%;
                        max-height: 100%;
                        max-width: 100%;
                    }
                }

            }

            .project-item-body {
                padding: 2rem 2.5rem;

                ul.project-tags {
                    padding: 0;
                    margin-bottom: 1rem;
                    list-style: none;
                    display: flex;
                    grid-gap: 4px;
                    font-size: 0.65rem;
                    color: #808080;

                    li {
                        display: block;
                        padding: 0px 8px;
                        border: 1px solid #808080;
                        border-radius: 1rem;
                    }
                }

                .client-name {
                    color: #808080;
                    margin-bottom: .5rem;
                }

                .viewwork {
                    opacity: 0;
                }

                h4 {
                    height: 5.75rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                }
            }

        }

        &:hover {
            color: unset;
            text-decoration: none;

            .project-item-body {
                .viewwork {
                    opacity: 1;
                    transition: all 1s ease-out;

                    &:after {
                        padding-left: .5rem;
                        content: url('data:image/svg+xml,<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.25 5.00012C0.25 4.72398 0.473858 4.50012 0.75 4.50012L12.5429 4.50012L9.39645 1.35368C9.20118 1.15841 9.20118 0.84183 9.39645 0.646568C9.59171 0.451305 9.90829 0.451305 10.1036 0.646568L14.1036 4.64657C14.2988 4.84183 14.2988 5.15841 14.1036 5.35368L10.1036 9.35368C9.90829 9.54894 9.59171 9.54894 9.39645 9.35368C9.20118 9.15841 9.20118 8.84183 9.39645 8.64657L12.5429 5.50012L0.75 5.50012C0.473858 5.50012 0.25 5.27626 0.25 5.00012Z" fill="%231a1a1a"/></svg>')
                    }
                }
            }

            img {
                -ms-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
                -moz-transform: scale(1.1, 1.1);
                -o-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1);
            }
        }

    }
}.lfr-layout-structure-item-5f3bf605-623c-61b6-1fb6-62deea1c744e {
background-color: var(--white) !important;
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-5f3bf605-623c-61b6-1fb6-62deea1c744e) !important;
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-5f3bf605-623c-61b6-1fb6-62deea1c744e {
background-position:100% 100% !important;
}.lfr-layout-structure-item-172b8810-a7f7-747f-f438-9d2e8fb12862 {
margin-bottom: var(--spacer-7,6rem) !important;
text-align: center !important;
width: 60% !important;
}
.lfr-layout-structure-item-a3e016f0-312c-6c2e-4c51-6ea8af8ffb6c {
margin-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-c77f2ef8-26fa-b3d6-69b7-8d943cf9bf76 {
padding-bottom: 2.5rem !important;
padding-top: 2.5rem !important;
}
.lfr-layout-structure-item-2ea2b9ea-e08f-52e0-324f-d999ede2fb19 {
font-size: var(--font-size-lg) !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-top: 2rem !important;
width: 67% !important;
}
.lfr-layout-structure-item-dca7caa6-d674-632a-9344-324034eb6e6e {
font-size: var(--font-size-lg) !important;
}
.lfr-layout-structure-item-41cfd72f-5521-0fbe-2060-b4c689407d7e {
font-size: var(--font-size-lg) !important;
padding-bottom: 2rem !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: 2rem !important;
}
.lfr-layout-structure-item-41cfd72f-5521-0fbe-2060-b4c689407d7e {
}.lfr-layout-structure-item-7e486aea-71a6-0ade-6997-8762034c9516 {
background-color: var(--white) !important;
border-radius: 16px !important;
margin-bottom: 2.5rem !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
padding-top: 2.5rem !important;
}
.lfr-layout-structure-item-7e486aea-71a6-0ade-6997-8762034c9516 {
}.lfr-layout-structure-item-c9864e84-b397-b793-f68d-a9dca7519ad2 {
margin-bottom: var(--spacer-3,1rem) !important;
width: 50% !important;
}
.lfr-layout-structure-item-8146d7a2-e372-397c-a8c8-3686b14ce115 {
margin-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-4aa29d3e-a565-3644-9a5f-5f17b984e0f9 {
display: none !important;
}
.lfr-layout-structure-item-4aa29d3e-a565-3644-9a5f-5f17b984e0f9 div.lfr-layout-structure-item-container  {
border:1px solid #f1f1f1;
border-radius:1rem;
height: 260px;
padding:1.5rem;
}.lfr-layout-structure-item-22b02309-ec4a-2fc3-d9c2-638d2751358c {
margin-bottom: 5rem !important;
}
.lfr-layout-structure-item-87919bd4-fe02-ac30-4aa5-3a8cfa16168c {
margin-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-c82e0a05-0fde-8e9f-f3c3-2aa6b239fa83 {
border-radius: 16px !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
padding-top: 2.5rem !important;
text-align: center !important;
}
.lfr-layout-structure-item-c82e0a05-0fde-8e9f-f3c3-2aa6b239fa83 {
background-image: linear-gradient(#ffffff, #FFE7E7);
}.lfr-layout-structure-item-7dc49c47-dddf-da5b-9c7e-0f8eea04f3fa {
font-size: var(--font-size-lg) !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
color: var(--gray-1100) !important;
}
.lfr-layout-structure-item-c270ad96-0f34-6e9c-33a4-91a3cb028098 {
font-size: var(--font-size-lg) !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-top: 2rem !important;
}
.lfr-layout-structure-item-f409437c-4193-6fbe-3a24-ac4fd75ee06a  {
}
.features {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap:24px;
.feature-item {
  padding:1.5rem;
    border:1px solid #e5e5e5;
    border-radius:.5rem;
  }
  
}.lfr-layout-structure-item-cb5d6c43-dc0f-0630-125b-7f7b559ce36a {
width: 80% !important;
}
.lfr-layout-structure-item-d240da23-e86e-4089-6cba-0ca2b0102216 {
font-size: var(--font-size-base) !important;
color: var(--gray-800) !important;
}
.lfr-layout-structure-item-9801af6a-f60c-3bdd-997a-1c76c6fc83b6 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
color: var(--gray-1100) !important;
}
.lfr-layout-structure-item-fa1d456c-6029-b1bb-b0ee-84084db7e3c5 {
font-size: var(--font-size-lg) !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
color: var(--gray-1100) !important;
width: 80% !important;
}
.lfr-layout-structure-item-7f8521ce-f8d9-d3a1-caf6-fae10d640430 {
margin-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-5a59f2c7-2e6b-b822-008d-1eba13571d5c {
font-size: var(--font-size-base) !important;
width: 80% !important;
}
.lfr-layout-structure-item-b6c6bd1e-7ad9-e301-a906-a6a2b6963813 {
font-size: 3rem !important;
font-weight: var(--font-weight-bold) !important;
width: 67% !important;
}
.lfr-layout-structure-item-12eac750-b991-ab13-5735-0cc409c35a4f {

}
.follow-us {
  ul {
  padding:0;
  margin:0;
  list-style:none;
  line-height:2rem;
  }
}.lfr-layout-structure-item-4a08809f-f871-cc1b-426a-0a525d39b44a {
font-size: 4rem !important;
font-weight: var(--font-weight-bolder) !important;
width: 60% !important;
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-2d901b6c-12f2-a483-f547-e17d593340cf {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap:12px;
img {
    max-width:100%;
    max-height:40px;
    }
}.lfr-layout-structure-item-a27e6b03-4cfa-a198-93dc-f79a49799bcc {
width: 100% !important;
}
.lfr-layout-structure-item-10530a83-dc1d-33dd-a885-aa8bdf47c734 {
width: 100% !important;
}
.lfr-layout-structure-item-53de5f7a-8b60-e47d-7f9e-c7d633421f06 {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-a0a8a0d5-c916-d149-3a28-5805789b1270 {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-3f1f2499-8525-43b3-7fad-65ce6266e504 {
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-31ff2957-f4ba-8f84-b466-d13d266c797c {
width: 100% !important;
}
.lfr-layout-structure-item-fe6550cf-cecc-410e-c23f-da3a964cfc77 {
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-7a9b169e-097c-6b5c-e05c-df349ef127ab {
width: 100% !important;
}
.lfr-layout-structure-item-db669818-3b49-9bb3-d4e7-154194e7ec4d {
padding-bottom: var(--spacer-7,6rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-625ee77a-8fd2-cf07-2a3a-1e2e38748157 {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-172b8810-a7f7-747f-f438-9d2e8fb12862 {
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
width: 100% !important;
}
.lfr-layout-structure-item-f409437c-4193-6fbe-3a24-ac4fd75ee06a  {
}
.features {
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:16px;
.feature-item {
  padding:1.5rem;
    border:1px solid #e5e5e5;
    border-radius:.5rem;
  }
  
}.lfr-layout-structure-item-b6c6bd1e-7ad9-e301-a906-a6a2b6963813 {
font-size: 2rem !important;
width: 100% !important;
}
.lfr-layout-structure-item-4a08809f-f871-cc1b-426a-0a525d39b44a {
font-size: 3rem !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-e2ce4ba8-afbf-75c1-6a68-b02efcdef9af {
padding-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-2d901b6c-12f2-a483-f547-e17d593340cf {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap:12px;
img {
    max-width:100%;
    max-height:40px;
    }
}.lfr-layout-structure-item-2bc492f4-ef8f-1205-b5d6-dfcc4eb0178a {
margin-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-290cc1c5-d8ef-ed42-2afa-48ee50d6d6ae {
padding-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-f140ebc3-f701-2e6c-d39f-df7f7e44b69c {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-fe6550cf-cecc-410e-c23f-da3a964cfc77 {
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-12eac750-b991-ab13-5735-0cc409c35a4f {
font-size: var(--font-size-lg) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
}
}@media screen and (max-width: 575px) {.lfr-layout-structure-item-c177bdbe-9677-0f7a-3170-7f2cdda4d476 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-37c857d4-7bc5-959e-c9fe-78860dbdc1f9 {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-e2ce4ba8-afbf-75c1-6a68-b02efcdef9af {
padding-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-2d901b6c-12f2-a483-f547-e17d593340cf {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap:12px;
  img {
    max-width:100%;
    max-height:40px;
    }
}.lfr-layout-structure-item-a9b4c400-6bff-0a5d-0db6-4fdd280e885e {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-82424856-d98f-2af9-9274-170bfa4d6caa {
margin-bottom: 2rem !important;
}
.lfr-layout-structure-item-07a068f7-220e-ad4c-ebc8-6a4fd85f2a04 {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-2dde0653-d3a2-69ad-dd62-b68b331e3f4f {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-d3f1286f-f5ab-b9b2-4b0b-1277d24fe5b1 {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-2bc492f4-ef8f-1205-b5d6-dfcc4eb0178a {
margin-bottom: var(--spacer-0,0rem) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
width: 100% !important;
}
.lfr-layout-structure-item-a1717bac-9b94-d75e-df1f-f88b57404fc0 {
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-cb5c42a4-50cc-8d45-e007-f54a9a665fe9 {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-0b04b1af-58ea-d6de-eb05-cf31f4a11ac9 {
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-fd55cb84-8e76-5c9c-4477-93f990223a1a {
margin-bottom: var(--spacer-4,1.5rem) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-290cc1c5-d8ef-ed42-2afa-48ee50d6d6ae {
padding-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-10530a83-dc1d-33dd-a885-aa8bdf47c734 {
padding-bottom: 2rem !important;
padding-top: var(--spacer-3,1rem) !important;
width: 100% !important;
}
.lfr-layout-structure-item-bd06a956-577b-1910-3063-d93fd218f3a8 {
width: 100% !important;
}
.lfr-layout-structure-item-53de5f7a-8b60-e47d-7f9e-c7d633421f06 {
padding-bottom: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-dfe8d735-0aab-8ff7-12a8-d2c61179e998 {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-71367270-5e18-d6c7-ecff-6947acbcabc2 {
padding-top: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-71367270-5e18-d6c7-ecff-6947acbcabc2 {
padding:1rem 0;
}.lfr-layout-structure-item-85b31bd4-6bca-a435-4ba4-44b85d1549eb {
width: 100% !important;
}
.lfr-layout-structure-item-a0a8a0d5-c916-d149-3a28-5805789b1270 {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
width: 100% !important;
}
.lfr-layout-structure-item-3f1f2499-8525-43b3-7fad-65ce6266e504 {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-f140ebc3-f701-2e6c-d39f-df7f7e44b69c {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-31ff2957-f4ba-8f84-b466-d13d266c797c {
margin-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-b6553faf-0e3b-42b9-3925-bb19afe97b7e {
margin-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-fe6550cf-cecc-410e-c23f-da3a964cfc77 {
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-854d5870-6097-5c13-84cf-cfc7f86237f8 {
margin-bottom: var(--spacer-4,1.5rem) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-7a9b169e-097c-6b5c-e05c-df349ef127ab {
font-size: 1.5rem !important;
margin-top: var(--spacer-5,3rem) !important;
width: 100% !important;
}
.lfr-layout-structure-item-a333dfc1-4095-3c16-bda7-5760200878bc {
margin-bottom: 2rem !important;
}
.lfr-layout-structure-item-db669818-3b49-9bb3-d4e7-154194e7ec4d {
padding-bottom: var(--spacer-10,10rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-db669818-3b49-9bb3-d4e7-154194e7ec4d {
 background-image:url(/documents/d/layerdesign/hero-allinone-v) !important;
}.lfr-layout-structure-item-29134442-749b-9f12-8529-e2571882bc05 {
margin-bottom: var(--spacer-4,1.5rem) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-41f7a30e-572b-5f42-3565-f1a307f718c8 {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-c76737d9-0636-3a5c-4499-b80cce829cdd {
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-a866f755-c679-8328-e892-f425c74ceeab {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-43bbc454-7c54-4beb-169f-de825788c252 {
margin-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-4f797f0f-a089-4178-6e55-c03987ef84e0 {
margin-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-c7ea1ea2-d169-77d1-d4d2-6980ba3119d9 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-625ee77a-8fd2-cf07-2a3a-1e2e38748157 {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-b6e3203a-636d-6197-7dcd-f4f01b09e9a6 {
padding-bottom: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-6cc48e77-e22b-352f-f910-7878af10d854 {}

.recent-work {
    ul.list-unstyled {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 24px;
      @media screen and (max-width: 480px)  {
    grid-template-columns:1fr;
        grid-gap: 16px;
  }
    }

    a {
        .project-item-card {
            background-color: #fff;
            overflow: hidden;
            border-radius: .5rem;

            .project-item-header {
                width: 100%;
                height: 250px;

                picture {
                    display: inline-block;
                    width: 100%;
                    height: 250px;
                    overflow: hidden;

                    * {
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                    }

                    img {
                        -ms-transition: all 1s ease;
                        -webkit-transition: all 1s ease;
                        -moz-transition: all 1s ease;
                        -o-transition: all 1s ease;
                        transition: all 1s ease;
                        overflow: hidden;
                        object-fit: cover;
                        min-height: 100%;
                        min-width: 100%;
                        max-height: 100%;
                        max-width: 100%;
                    }
                }

            }

            .project-item-body {
                padding: 2rem 2.5rem;

                ul.project-tags {
                    padding: 0;
                    margin-bottom: 1rem;
                    list-style: none;
                    display: flex;
                    grid-gap: 4px;
                    font-size: 0.65rem;
                    color: #808080;

                    li {
                        display: block;
                        padding: 0px 8px;
                        border: 1px solid #808080;
                        border-radius: 1rem;
                    }
                }

                .client-name {
                    color: #808080;
                    margin-bottom: .5rem;
                }

                .viewwork {
                    opacity: 0;
                }

                h4 {
                    height: 5.75rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                }
            }

        }

        &:hover {
            color: unset;
            text-decoration: none;

            .project-item-body {
                .viewwork {
                    opacity: 1;
                    transition: all 1s ease-out;

                    &:after {
                        padding-left: .5rem;
                        content: url('data:image/svg+xml,<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.25 5.00012C0.25 4.72398 0.473858 4.50012 0.75 4.50012L12.5429 4.50012L9.39645 1.35368C9.20118 1.15841 9.20118 0.84183 9.39645 0.646568C9.59171 0.451305 9.90829 0.451305 10.1036 0.646568L14.1036 4.64657C14.2988 4.84183 14.2988 5.15841 14.1036 5.35368L10.1036 9.35368C9.90829 9.54894 9.59171 9.54894 9.39645 9.35368C9.20118 9.15841 9.20118 8.84183 9.39645 8.64657L12.5429 5.50012L0.75 5.50012C0.473858 5.50012 0.25 5.27626 0.25 5.00012Z" fill="%231a1a1a"/></svg>')
                    }
                }
            }

            img {
                -ms-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
                -moz-transform: scale(1.1, 1.1);
                -o-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1);
            }
        }

    }
}.lfr-layout-structure-item-5f3bf605-623c-61b6-1fb6-62deea1c744e {
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-5f3bf605-623c-61b6-1fb6-62deea1c744e {
background-position:100% 100% !important;
@media screen and (max-width:540px) {
  background-size:900px !important;
  background-position:75% bottom !important;
}
}.lfr-layout-structure-item-172b8810-a7f7-747f-f438-9d2e8fb12862 {
margin-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-a3e016f0-312c-6c2e-4c51-6ea8af8ffb6c {
margin-bottom: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-c77f2ef8-26fa-b3d6-69b7-8d943cf9bf76 {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-2ea2b9ea-e08f-52e0-324f-d999ede2fb19 {
padding-bottom: 2rem !important;
padding-top: var(--spacer-3,1rem) !important;
width: 100% !important;
}
.lfr-layout-structure-item-72c223d5-fdac-835e-0a3c-5fb91b7e3a2d {
margin-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-41cfd72f-5521-0fbe-2060-b4c689407d7e {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-7e486aea-71a6-0ade-6997-8762034c9516 {
margin-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-c9864e84-b397-b793-f68d-a9dca7519ad2 {
width: 100% !important;
}
.lfr-layout-structure-item-8146d7a2-e372-397c-a8c8-3686b14ce115 {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-4aa29d3e-a565-3644-9a5f-5f17b984e0f9 {
padding-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-22b02309-ec4a-2fc3-d9c2-638d2751358c {
margin-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-c82e0a05-0fde-8e9f-f3c3-2aa6b239fa83 {
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-7dc49c47-dddf-da5b-9c7e-0f8eea04f3fa {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-c270ad96-0f34-6e9c-33a4-91a3cb028098 {
padding-bottom: 2rem !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-f409437c-4193-6fbe-3a24-ac4fd75ee06a  {
}
.features {
display:grid;
grid-template-columns:1fr;
grid-gap:16px;
  .feature-item {
  padding:1.5rem;
    border:1px solid #e5e5e5;
    border-radius:.5rem;
  }
  
}.lfr-layout-structure-item-9801af6a-f60c-3bdd-997a-1c76c6fc83b6 {
padding-bottom: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-fa1d456c-6029-b1bb-b0ee-84084db7e3c5 {
margin-bottom: var(--spacer-3,1rem) !important;
width: 100% !important;
}
.lfr-layout-structure-item-b35e578c-4c46-89c0-384f-7e9198c1ed8e {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-b6c6bd1e-7ad9-e301-a906-a6a2b6963813 {
font-size: 1.5rem !important;
width: 100% !important;
}
.lfr-layout-structure-item-12eac750-b991-ab13-5735-0cc409c35a4f {
font-size: var(--font-size-lg) !important;
margin-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-4a08809f-f871-cc1b-426a-0a525d39b44a {
font-size: 2rem !important;
width: 100% !important;
}
}