.section-product-list .image-box .title p,.isotope .image-box .title p{font-family:rawline-300," Arial, sans-serif";font-weight:400;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:400;font-style:normal}.section-intro-subpage .project-intro .content a .title{font-family:rawline-700," Arial, sans-serif";font-weight:400;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:400;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:#0009}.section-intro-subpage .project-intro .content a{color:#fff;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 0 10px}.section-intro-subpage .project-intro .content a .title{font-size:22px;color:#fff;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 #007bfa;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;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:#fff;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}}.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:#007bfa;border-bottom:1px solid #007bfa}.section-product-list .filter-content ul{display:none;list-style-type:none;background:#fff;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:#007bfa}.section-product-list .filter-content ul li:hover a{color:#007bfa}.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:10px 10px 30px;overflow:hidden;height:300px;background:#000}.section-product-list .image-box a{width:100%;height:100%;position:relative;color:#fff}.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%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;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:50px}}.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;font-weight:700;font-size:16px;cursor:pointer;position:relative;margin-bottom:-2px;color:#777;transition:.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:#eee;height:150px;line-height:150px;color:#fff;font-size:1em;text-align:center;margin-bottom:30px}.isotope .image-box{position:relative;margin:0 15px 30px;overflow:hidden;width:570px;height:300px;background:#000}.isotope .image-box a{width:100%;height:100%;position:relative;color:#fff}.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%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:scale(1);opacity:.7}.isotope .image-box:hover img{transform:scale(1.2);opacity:1}.main-header .xs-head-toggle .block-menu a{color:#878a9d}@media (max-width: 992px){.main-content .section-intro-subpage{margin-bottom:10px}}@media (max-width: 425px){.main-content .section-intro-subpage>div img{height:auto}}