body{font-family:Lato}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local("Lato Regular"),local("Lato-Regular"),url(//fonts.gstatic.com/s/lato/v11/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0100-024f,U+1e??,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local("Lato Regular"),local("Lato-Regular"),url(//fonts.gstatic.com/s/lato/v11/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2212,U+2215,U+e0ff,U+effd,U+f000}.fa-btn{margin-right:6px}#app-layout-middle{min-height:100vh}.fs-7{font-size:.8rem!important}.fs-8{font-size:.75rem!important}a.disabled{opacity:.5;pointer-events:none}.padding-bottom-15{padding-bottom:15px}.display-none{display:none!important}.display-contents{display:contents!important}.container-color{background-color:#f8f8f8;margin-bottom:25px}.col-title{color:#868e96;font-size:calc(1rem + 1vw);padding-bottom:10px;padding-top:15px}.img-fluid-height{height:150px;object-fit:cover;width:100%}#container-prepainted-projects{padding-bottom:15px}.sample-project-parent{cursor:pointer}.sample-project-parent div:hover{outline:2px solid #4c566a}.sample-project-parent>div>img{filter:brightness(100%)}.sample-project-parent>div>img:hover{filter:brightness(105%)}.sample-project-child-back:hover{background-color:#4c566a!important;color:#fff!important;cursor:pointer}.item-name-project{background-color:#e3e3e3;color:#000;font-size:14px;padding-bottom:5px;padding-top:5px}@media only screen and (min-device-width:320px) and (max-device-width:480px){.item-name-project{font-size:12px}}.imgcarousel-sample{cursor:pointer;height:150px;object-fit:cover;width:100%}.imgcarousel-sample:hover{outline:2px solid #4c566a}.description{color:#fff}.thumb-wrap{background:#f2f3f5;border-radius:.25rem;overflow:hidden;position:relative}.thumb-ph{align-items:center;background:linear-gradient(#f6f7f8,#eceff1);display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.thumb-ph.is-hidden{display:none}.thumb-img{display:block;height:auto;opacity:0;transition:opacity .18s ease-in;width:100%}.thumb-img.is-visible{opacity:1}.sample-project-child .thumb-wrap{height:150px}.sample-project-child .thumb-wrap .imgcarousel-sample,.sample-project-child .thumb-wrap .thumb-img{height:100%;object-fit:cover;width:100%}.sample-project-child .thumb-wrap .thumb-ph{border-radius:.25rem}.masonry .masonry-item{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:1rem}.masonry .thumb-wrap{height:auto;min-height:110px}.masonry .thumb-wrap .thumb-img{height:auto;object-fit:contain;width:100%}.thumb-wrap .thumb-img{border:2px solid transparent}.thumb-wrap .thumb-img:hover{border-color:#2e3440}.masonry .thumb-wrap .thumb-ph{border-radius:.25rem}.nav-tabs.masonry-tabs{border-bottom:0;gap:.5rem}.nav-tabs.masonry-tabs .nav-link{background:transparent;border:0!important;border-radius:9999px;color:#4c566a;padding:.4rem 1rem;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.nav-tabs.masonry-tabs .nav-link:hover{background:#eef1f5;color:#2e3440}.nav-tabs.masonry-tabs .nav-link.active,.nav-tabs.masonry-tabs .nav-link.active:hover{background:#4c566a;box-shadow:0 1px 2px rgba(0,0,0,.06),inset 0 0 0 1px rgba(0,0,0,.04);color:#fff!important}.nav-tabs.masonry-tabs .nav-link:focus-visible{border-radius:9999px;outline:2px solid #4c566a;outline-offset:2px}.card-welcome-container{border-radius:5px;box-sizing:border-box;flex:1 0 300px;padding-bottom:20px;position:relative}.card-welcome-container img{border:5px solid transparent;border-radius:5px;flex-grow:0;flex-shrink:0;width:100%}.card-homepage:hover{box-shadow:0 0 4px #505050}.card-colorcatch:not(:last-child){padding-bottom:10px}.card-colorcatch>img{float:left;margin-right:10px;padding-top:2px;width:16px}.card-colorcatch-text{margin-left:26px}.card-colorcatch>p{font-size:12px;margin-bottom:0;margin-left:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.dropdown-multicol{width:25em}@media only screen and (min-device-width:320px) and (max-device-width:480px){div.dropdown-multicol{width:20em}}div.dropdown-multicol>div.dropdown-col{display:inline-block;width:32%}
/*# sourceMappingURL=style.css.map*/