.section-product-list .image-box .title p,.isotope .image-box .title p{font-family:"rawline-300"," Arial, sans-serif";font-weight:normal;font-style:normal}:lang(th) .section-product-list .image-box .title p,.section-product-list .image-box .title :lang(th) p,:lang(th) .isotope .image-box .title p,.isotope .image-box .title :lang(th) p{font-family:"prompt-light"," Arial, sans-serif";font-weight:normal;font-style:normal}.section-intro-subpage .project-intro .content a .title{font-family:"rawline-700"," Arial, sans-serif";font-weight:normal;font-style:normal}:lang(th) .section-intro-subpage .project-intro .content a .title,.section-intro-subpage .project-intro .content a :lang(th) .title{font-family:"prompt-bold"," Arial, sans-serif";font-weight:normal;font-style:normal}.section-intro-subpage .project-intro{width:100%;position:relative}.section-intro-subpage .project-intro .content{position:absolute;bottom:0;padding:40px 50px;width:100%;background:rgba(0,0,0,0.6)}.section-intro-subpage .project-intro .content a{color:#ffffff;display:flex;justify-content:space-between}@media (max-width: 768px){.section-intro-subpage .project-intro .content a{flex-direction:column}}.section-intro-subpage .project-intro .content a p{font-size:14px;color:#EDEDED;margin:0;margin-bottom:10px}.section-intro-subpage .project-intro .content a .title{font-size:22px;color:#FFFFFF;letter-spacing:0;text-transform:uppercase;margin:0}.section-intro-subpage .project-intro .content a .readmore{display:flex;align-items:center}@media (max-width: 768px){.section-intro-subpage .project-intro .content a .readmore{display:none}}.section-intro-subpage .project-intro .content a .readmore:before{content:"";border-top:2px solid #B82025;width:30px;margin-right:20px}.section-product-list{position:relative;margin-top:-150px}@media (max-width: 992px){.section-product-list{margin-top:inherit}}.section-product-list .filter{background:#F4F5FA;padding:25px 40px 55px 40px;width:450px;margin-bottom:30px;position:relative}@media (max-width: 992px){.section-product-list .filter{width:inherit}}.section-product-list .filter .wrapper{width:370px}@media (max-width: 992px){.section-product-list .filter .wrapper{width:inherit}}.section-product-list .filter .wrapper.active span:after{margin-top:5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.section-product-list .filter .wrapper span{border-bottom:1px solid #979797;padding-bottom:15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.section-product-list .filter .wrapper span:after{content:"";border:solid black;border-width:0 1px 1px 0;margin-right:20px;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.section-product-list .filter-content{position:absolute;display:none;background:#ffffff;padding:30px;z-index:1;margin:80px 0 0 60px;width:1024px;top:0}@media (max-width: 992px){.section-product-list .filter-content{margin:80px 0 0 0}}.section-product-list .filter-content.active{display:inherit}.section-product-list .filter-content .menu{border-bottom:1px solid #ffffff;margin-bottom:20px;padding:10px;cursor:pointer}.section-product-list .filter-content .menu.active,.section-product-list .filter-content .menu:hover,.section-product-list .filter-content .menu.is-checked{color:#B82025;border-bottom:1px solid #B82025}.section-product-list .filter-content ul{display:none;list-style-type:none;padding:0;background:#ffffff;z-index:1;width:100%;padding:0 10px}.section-product-list .filter-content ul.active{display:inherit}.section-product-list .filter-content ul li{padding-left:20px;position:relative}.section-product-list .filter-content ul li:before{content:"";background:#878A9D;width:8px;height:8px;margin-right:20px;position:absolute;top:7px;left:0}.section-product-list .filter-content ul li:hover:before{background:#B82025}.section-product-list .filter-content ul li:hover a{color:#B82025}.section-product-list .filter-content ul li a{color:#878A9D}.section-product-list .container>.row{justify-content:center}.section-product-list .image-box{position:relative;margin:0 15px;overflow:hidden;width:570px;height:300px;margin-bottom:30px;background:#000000}@media (max-width: 676px){.section-product-list .image-box{width:470px}}@media (max-width: 499px){.section-product-list .image-box{max-width:350px}}.section-product-list .image-box a{width:100%;height:100%;position:relative;color:#ffffff}.section-product-list .image-box .title{position:absolute;bottom:0;padding:20px 50px;width:100%}.section-product-list .image-box .title p{font-size:12px;margin:0}.section-product-list .image-box .title p.content{font-size:18px;margin-bottom:10px}.section-product-list .image-box img{max-width:100%;transition:all 1s;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);opacity:.7}.section-product-list .image-box:hover img{transform:scale(1.2);opacity:1}@media (min-width: 992px){.section-product-list .project-list{padding-bottom:100px}}@media (max-width: 1200px){.section-product-list .project-list{margin:0 auto;display:flex;justify-content:center;margin-left:-600px;padding-left:0}}@media (max-width: 676px){.section-product-list .project-list{margin-left:-500px}}@media (max-width: 499px){.section-product-list .project-list{margin-left:-380px}}.isotope .filters ul{display:flex;justify-content:center;list-style:none;border-bottom:2px solid #D9D9D9;margin:30px 15px}.isotope .filters ul li{display:inlnie-block;text-align:center;margin-right:12px;padding:0 5px 8px 5px;font-weight:700;font-size:16px;cursor:pointer;position:relative;margin-bottom:-2px;color:#777;transition:0.3s;text-transform:uppercase}.isotope .filters ul li:hover{color:#EB2D3A}.isotope .filters ul li.is-checked{border-bottom:2px solid #EB2D3A}.isotope .filters ul li:last-child{margin-right:0}.isotope .grid .grid-item h1{background:#EEEEEE;height:150px;line-height:150px;color:white;font-size:1em;text-align:center;margin-bottom:30px}.isotope .image-box{position:relative;margin:0 15px;overflow:hidden;width:570px;height:300px;margin-bottom:30px;background:#000000}.isotope .image-box a{width:100%;height:100%;position:relative;color:#ffffff}.isotope .image-box .title{position:absolute;bottom:0;padding:20px 50px;width:100%}.isotope .image-box .title p{font-size:12px;margin:0}.isotope .image-box .title p.content{font-size:18px;margin-bottom:10px}.isotope .image-box img{max-width:100%;transition:all 1s;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);opacity:.7}.isotope .image-box:hover img{transform:scale(1.2);opacity:1}
/*# sourceMappingURL=project_landing_page.css.map */