.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-2bc492f4-ef8f-1205-b5d6-dfcc4eb0178a {
font-size: var(--font-size-base) !important;
width: 70% !important;
}
.lfr-layout-structure-item-a5fbbca4-e251-5b24-a635-685ac6296e90 {
line-height: 1.5rem;
}.lfr-layout-structure-item-9159a8e9-e369-41bb-9585-87a3e2be6144 {
background-color: var(--lighter) !important;
padding-bottom: var(--spacer-10,10rem) !important;
padding-top: var(--spacer-10,10rem) !important;
}
.lfr-layout-structure-item-e2ce4ba8-afbf-75c1-6a68-b02efcdef9af {
padding-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-24cbede2-a151-0f6b-79e8-80ab73878e7f {
margin-bottom: var(--spacer-5,3rem) !important;
margin-top: var(--spacer-4,1.5rem) !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-dcfa855a-db93-94f0-aedb-5d901fe8917f {}

.project-list-works {

    @media screen and (min-width: 1024px) {
        .portlet-body {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-gap: 24px;

            .asset-full-content:nth-child(1) {
                grid-column: 1 / span 2;


                .project-item-header {
                    height: 470px;
                    overflow: hidden;

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

                a {
                    .project-item-body {
                        position: absolute;
                        top: 0;
                        opacity: 0;

                        .viewwork {
                            margin-top: 240px;
                        }
                    }

                    :hover {
                        .project-item-body {
                            opacity: 100;
                            transition: all 1s ease-out;
                        }

                        .project-item-header {
                            background-color: #fff;

                            img {
                                opacity: 0;
                            }
                        }
                    }
                }
            }
        }


    }

    @media screen and (max-width: 1023px) {
        .portlet-body {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 24px;
        }
    }

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

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

                picture {
                    display: inline-block;
                    width: 100%;
                    height: 240px;
                    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;
                        min-height: 100%;
                        max-height: 100%;
                        max-width: 100%;
                        min-width: 100%;
                        object-fit: cover;
                    }
                }

            }

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

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

                .viewwork {
                    opacity: 0;
                }

                h4 {
                    height: 6rem;
                    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);
            }
        }

    }



    .alert {
        background-color: unset !important;
        color: #1a1a1a;
    }

    .alert-info {
        border: none;
        padding: 0;

        .lead {
            color: #1a1a1a;
        }
    }

    .mb-5,
    .mb-3 {
        margin-bottom: 0 !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-290cc1c5-d8ef-ed42-2afa-48ee50d6d6ae {
padding-bottom: var(--spacer-4,1.5rem) !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;
}
@media screen and (max-width:1260px) {
        .category-menu button {
            padding-left: 0;
        }

        #navigationBarCollapse-jakk {
            display: contents;
        }

        ul {
            overflow: scroll;

            li {
                padding: 3px 0;
            }
        }

}@media screen and (max-width: 991px) {.lfr-layout-structure-item-9159a8e9-e369-41bb-9585-87a3e2be6144 {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !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-4dab6766-71b4-ffb8-1c69-71f2aa682c0e {
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-2bc492f4-ef8f-1205-b5d6-dfcc4eb0178a {
margin-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-9159a8e9-e369-41bb-9585-87a3e2be6144 {
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-e2ce4ba8-afbf-75c1-6a68-b02efcdef9af {
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-12eac750-b991-ab13-5735-0cc409c35a4f {
font-size: var(--font-size-lg) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-290cc1c5-d8ef-ed42-2afa-48ee50d6d6ae {
padding-bottom: var(--spacer-2,0.5rem) !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-4dab6766-71b4-ffb8-1c69-71f2aa682c0e {
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
}
}@media screen and (max-width: 575px) {.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-9159a8e9-e369-41bb-9585-87a3e2be6144 {
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-e2ce4ba8-afbf-75c1-6a68-b02efcdef9af {
padding-bottom: var(--spacer-3,1rem) !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-f140ebc3-f701-2e6c-d39f-df7f7e44b69c {
margin-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-dcfa855a-db93-94f0-aedb-5d901fe8917f {}

.project-list-works {
    .portlet-body {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 24px;

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

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

                picture {
                    display: inline-block;
                    width: 100%;
                    height: 240px;
                    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;
                        min-height: 100%;
                        max-height: 100%;
                        max-width: 100%;
                        min-width: 100%;
                        object-fit: cover;
                    }
                }

            }

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

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

                .viewwork {
                    opacity: 0;
                }

                h4 {
                    height: 6rem;
                    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);
            }
        }

    }



    .alert {
        background-color: unset !important;
        color: #1a1a1a;
    }

    .alert-info {
        border: none;
        padding: 0;

        .lead {
            color: #1a1a1a;
        }
    }

    .mb-5,
    .mb-3 {
        margin-bottom: 0 !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-290cc1c5-d8ef-ed42-2afa-48ee50d6d6ae {
padding-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-4dab6766-71b4-ffb8-1c69-71f2aa682c0e {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
}