@font-face{font-family:'IBM Plex Sans Thai';src:url("../fonts/IBMPlexSansThai/");src:local("IBM Plex Sans Thai Regular"),local("IBMPlexSansThai-Regular"),url("../fonts/IBMPlexSansThai/?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Regular.woff2") format("woff2"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Regular.woff") format("woff"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'IBM Plex Sans Thai';src:url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Medium.eot");src:local("IBM Plex Sans Thai Medium"),local("IBMPlexSansThai-Medium"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Medium.woff2") format("woff2"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Medium.woff") format("woff"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'IBM Plex Sans Thai';src:url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Bold.eot");src:local("IBM Plex Sans Thai Bold"),local("IBMPlexSansThai-Bold"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Bold.woff2") format("woff2"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Bold.woff") format("woff"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'IBM Plex Sans Thai';src:url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Light.eot");src:local("IBM Plex Sans Thai Light"),local("IBMPlexSansThai-Light"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Light.woff2") format("woff2"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Light.woff") format("woff"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'IBM Plex Sans Thai';src:url("../fonts/IBMPlexSansThai/IBMPlexSansThai-SemiBold.eot");src:local("IBM Plex Sans Thai SemiBold"),local("IBMPlexSansThai-SemiBold"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-SemiBold.woff2") format("woff2"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-SemiBold.woff") format("woff"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'IBM Plex Sans Thai';src:url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Thin.eot");src:local("IBM Plex Sans Thai Thin"),local("IBMPlexSansThai-Thin"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Thin.woff2") format("woff2"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Thin.woff") format("woff"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:'IBM Plex Sans Thai';src:url("../fonts/IBMPlexSansThai/IBMPlexSansThai-ExtraLight.eot");src:local("IBM Plex Sans Thai ExtraLight"),local("IBMPlexSansThai-ExtraLight"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-ExtraLight.eot?#iefix") format("embedded-opentype"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-ExtraLight.woff2") format("woff2"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-ExtraLight.woff") format("woff"),url("../fonts/IBMPlexSansThai/IBMPlexSansThai-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}.tabs{width:fit-content;display:flex;color:#fff;border:1px solid #fff}.tabs div{font-weight:900;padding:2.5px 10px}.tabs div.focus{background-color:#fff;color:#063E5E}header .main-navbar{position:relative}header .main-navbar>div>a,header .main-navbar>div #primary-menu-toggle{z-index:2}header .main-menu ul li{color:#fff}header .menu-icon{border:1px solid #fff}header .menu-icon svg{color:#fff}header .menu-icon_text{font-weight:700;font-size:16px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}header .primary-menu-nav_item{color:red;font-weight:700;font-size:16px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}header .primary-menu-nav_item.active{font-weight:700;font-size:16px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal;text-decoration:underline}header .primary-menu-nav_item .sub-menu{position:absolute;display:none;background-color:#fff;top:40px;left:0;min-width:240px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;z-index:2}header .primary-menu-nav_item .sub-menu li{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;padding-left:1.5rem}header .primary-menu-nav_item .sub-menu li.active{font-weight:700;font-size:16px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal;text-decoration:underline}header .primary-menu-nav_item.menu-item-has-children{position:relative}header .primary-menu-nav_item.menu-item-has-children:hover .sub-menu{display:block}header .primary-menu-nav_item.menu-item-has-children:hover{background-color:#fff;font-weight:700;font-size:16px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal;border-top-right-radius:6px;border-top-left-radius:6px}header .primary-menu-nav_item .link-button{border:1px solid #fff;border-radius:100px;padding:10px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;color:#fff;line-height:0;align-items:center}header .primary-menu-nav_item .link-button [class^="icon-"],header .primary-menu-nav_item .link-button [class*=" icon-"]{font-size:10px}header .for-mobile{position:absolute;width:100%;background-image:linear-gradient(rgba(6,62,94,0.85), rgba(6,62,94,0.85)),url("../images/home/bg-static.png");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;top:0;left:0;bottom:0;right:0;z-index:1;height:100vh;padding-top:100px;display:block}header .for-mobile .navbar-right{margin-top:2rem}header .for-mobile .navbar-right .primary-menu{margin-top:1.5rem}header .for-mobile .navbar-right .primary-menu .icon-line-brands{color:#fff}header .for-mobile .navbar-right .divider{border-top-width:thin;width:60%;margin:auto;border-style:solid;border-color:#A19047}header .for-mobile .primary-menu-nav{text-align:center;display:flex;flex-direction:column}@media (min-width: 1280px){header .for-mobile .primary-menu-nav{display:block}}header .for-mobile .primary-menu-nav_item .sub-menu{position:initial;background-color:inherit}header .for-mobile .primary-menu-nav_item .sub-menu li{color:#fff}header .for-mobile .primary-menu-nav_item.menu-item-has-children:hover{background-color:inherit}.site-footer{background-color:#063E5E}.site-footer-box{width:80%}@media (min-width: 1024px){.site-footer-box{width:100%}}.site-footer-box-item.logo .custom-logo{margin:auto}@media (min-width: 1024px){.site-footer-box-item.logo .custom-logo{margin:0}}.site-footer-box-item.menu .footer-menu .sub-menu{display:none}.site-footer-box-item.menu .footer-menu-nav_item{width:50%;font-weight:700;font-size:16px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}.site-footer-box-item.contact span{width:16px;font-size:20px}.site-footer-box-item.contact .icon-line::before{color:#fff}.site-footer-box-item.contact ul{font-weight:700;font-size:16px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}.site-footer-box-item .menu-text{font-weight:700;font-size:24px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal}.site-footer .copyright-text{font-weight:700;font-size:16px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}.site-footer .copyright .divider{border-top-width:thin;width:100%;margin:auto;border-style:solid;border-color:#A19047}#home-page .mySwiper #child-carousel{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:700px;padding:100px;color:#fff}#home-page .mySwiper #child-carousel .content{justify-content:center;height:fit-content;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width: 640px){#home-page .mySwiper #child-carousel .content{padding:0 20%}}@media (min-width: 1024px){#home-page .mySwiper #child-carousel .content{padding-left:10%;padding-right:40%}}@media (min-width: 1280px){#home-page .mySwiper #child-carousel .content{padding-left:8%;padding-right:30%}}@media (min-width: 1536px){#home-page .mySwiper #child-carousel .content{padding-left:0;padding-right:27%}}#home-page .mySwiper #child-carousel .content .company{color:#A19047}#home-page .mySwiper #child-carousel .content .description{line-height:30px}#home-page .mySwiper #child-carousel .content .description ul li::before,#home-page .mySwiper #child-carousel .content .description ol li::before{content:'✔️';height:20px;width:20px;background-color:#A19047;color:#fff !important;border-radius:50%;font-size:12px;padding:3px 7px;margin-right:10px}#home-page .mySwiper .swiper-pagination-bullet{background-color:#D9D9D9}#home-page .mySwiper .swiper-pagination-bullet-active{background-color:#fff;width:30px;border-radius:5px}#home-page .mySwiper .swiper-button-next,#home-page .mySwiper .swiper-button-prev{color:#A19047;height:50px;width:50px;border-radius:50%;background-color:#fff;display:none;opacity:0.7}@media (min-width: 1024px){#home-page .mySwiper .swiper-button-next,#home-page .mySwiper .swiper-button-prev{display:flex}}#home-page .mySwiper .swiper-button-next::after,#home-page .mySwiper .swiper-button-prev::after{font-size:20px;font-weight:900}#home-page .mySwiper .swiper-button-next{margin-right:1.5rem}@media (min-width: 1280px){#home-page .mySwiper .swiper-button-next{margin-right:5rem}}#home-page .mySwiper .swiper-button-next::after{content:""}#home-page .mySwiper .swiper-button-prev{margin-left:1.5rem}@media (min-width: 1280px){#home-page .mySwiper .swiper-button-prev{margin-left:5rem}}#home-page .mySwiper .swiper-button-prev::after{content:""}#home-page .title{display:flex;align-items:center}#home-page #video-section{color:#fff;position:relative;background-color:#063E5E}@media (min-width: 1024px){#home-page #video-section{background-color:#fff}}#home-page #video-section #video{position:relative;width:100%;overflow:hidden;padding-top:56.25%}#home-page #video-section #video .bg{background-color:#063E5E;top:0;bottom:0;right:0;left:0;position:absolute;z-index:0;width:100%}@media (min-width: 1024px){#home-page #video-section #video .bg{left:20%}}#home-page #video-section #video .responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:80%;height:80%;border:none;margin:auto;z-index:1}@media (min-width: 1024px){#home-page #video-section #video .responsive-iframe{width:90%;height:80%;margin:auto 0}}#home-page #video-section #content{background-color:#063E5E;z-index:2}@media (min-width: 1024px){#home-page #video-section #content{margin-left:-10%}}#home-page #video-section #content .header{color:#A19047}#home-page #video-section #content div{position:relative;width:100%;margin-top:20px}#home-page #video-section #content button{position:absolute;left:0;right:0;margin:auto}#home-page #section-2{color:#fff}#home-page #section-2 .block{min-height:auto}@media (min-width: 768px){#home-page #section-2 .block{min-height:288.34px}}#home-page #section-2 #catalog-download{background-image:linear-gradient(rgba(6,62,94,0.85), rgba(6,62,94,0.85)),url("../images/home/bg-catalog.png");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover}#home-page #section-2 #confident-content{background-image:linear-gradient(rgba(161,144,71,0.93), rgba(161,144,71,0.93)),url("../images/home/bg-confident.png");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover}#home-page #section-2 #confident-content .logo-section{display:flex}#home-page #section-2 #confident-content .logo-section img{object-fit:contain;width:50px;height:50px}#home-page #section-2 #confident-content .logo-section img:first-child{margin-right:10px}#home-page #static-section{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:695px;color:#fff}#home-page #portfolio-section{min-height:695px;background-color:#063E5E;color:#fff !important}#home-page #portfolio-section .btn-view-moblie button{border-color:#fff}#home-page #portfolio-section .page-header-text{font-weight:700;font-size:32px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}#home-page #portfolio-section .page-header-view{color:#fff;border-color:#fff}#home-page #facebook-section{color:#fff;max-width:100%}#home-page #facebook-section>div{min-height:130px;background-color:#063E5E;padding-left:0 !important;padding-right:0 !important}@media (min-width: 768px){#home-page #facebook-section>div{padding-left:2rem !important;padding-right:2rem !important}}@media (min-width: 1024px){#home-page #facebook-section>div{padding-left:0 !important;padding-right:0 !important}}.category-bg{background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/category/category-bg.png");min-height:450px;background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover}@media (min-width: 1024px){.category-bg{min-height:500px}}.category-bg .header-text{font-weight:700;font-size:60px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}.categories{margin-top:-80px}.categories .wrap-image{height:300px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.categories .bg-shade-color{width:100%;height:100%;position:absolute;opacity:0.5;z-index:1}.categories-item{z-index:10;position:relative}.categories-item .name{font-weight:700;font-size:32px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}.categories-item .view{font-weight:700;font-size:16px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}#product-list.content #product-card{padding:20px;min-width:330px;color:#fff;background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:330px}#product-list.content #product-card:hover button{width:auto}#product-list.content #product-card:hover button.link-button{padding-top:15px !important;padding-bottom:15px !important;border:1px solid #fff;border-radius:100px;padding:10px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;color:#fff;line-height:0;align-items:center}#product-list.content #product-card:hover button.link-button [class^="icon-"],#product-list.content #product-card:hover button.link-button [class*=" icon-"]{font-size:10px}#product-list.content #product-card button{width:auto}#product-list.content #product-card button.link-button{border:1px solid transparent;border-radius:100px;padding:6px 0px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;color:#fff;line-height:0;align-items:center;padding-top:15px;padding-bottom:15px}#product-list.content #product-card button.link-button [class^="icon-"],#product-list.content #product-card button.link-button [class*=" icon-"]{font-size:10px}#product-list.content #product-card button.link-button:hover{padding-top:15px !important;padding-bottom:15px !important;border:1px solid #fff;border-radius:100px;padding:10px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;color:#fff;line-height:0;align-items:center}#product-list.content #product-card button.link-button:hover [class^="icon-"],#product-list.content #product-card button.link-button:hover [class*=" icon-"]{font-size:10px}.product-cat-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:450px}@media (min-width: 1024px){.product-cat-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:500px}}.product-cat-page-bg .page-header{padding:0 20px}@media (min-width: 768px){.product-cat-page-bg .page-header{padding:0 10%}}@media (min-width: 1024px){.product-cat-page-bg .page-header{padding:0 15%}}.product-cat-page-container{margin-top:-130px;min-height:200px}.products .product-item{min-height:300px}.products .product-item-bg{height:300px;padding-top:100%;background-position:center;background-repeat:no-repeat;background-size:contain;position:relative}@media (min-width: 768px){.products .product-item-bg{height:360px}}.products .product-item-bg .mask{color:#fff;display:none}.products .product-item-bg .mask .bg{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:0.5}.products .product-item-bg .mask p{position:absolute;left:0;right:0;top:45%}.products .product-item-bg:hover .mask{display:block}.products .product-item-title{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.products .product-item-desc{font-weight:700;font-size:16px;color:#979797;font-family:'IBM Plex Sans Thai';font-style:normal}.woocommerce-product-gallery__trigger{z-index:0 !important}.product-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:450px;background:linear-gradient(0deg, rgba(6,62,94,0.5) 0%, #063E5E 88.08%)}@media (min-width: 1024px){.product-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:500px}}.product-page-container{margin-top:-320px;background-color:#fff}@media (min-width: 1024px){.product-page-container{margin-top:-370px}}.product-page .woocommerce-tabs.wc-tabs-wrapper{display:none}.product-page .product-detail-tab{border-bottom:1px solid #D8D8D8}.product-page .product-detail-tab_item{font-weight:700;font-size:20px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;cursor:pointer}@media (min-width: 1024px){.product-page .product-detail-tab_item{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}}.product-page .product-detail-tab_item.active{border-bottom:1px solid #D8D8D8;color:#A19047;border-color:#A19047}.product-page .product-prop-item{margin-bottom:2rem}.product-page .product-prop-item_title{font-weight:700;font-size:16px;color:#979797;font-family:'IBM Plex Sans Thai';font-style:normal}.product-page .product-prop-item_text{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.product-page .product-prop-item.info{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.product-page .product-prop-item ul{list-style:disc;padding-left:15px}.product-page .product-quality{margin:2rem 0}.product-page .product-quality_title{font-weight:700;font-size:24px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal;margin-bottom:1rem}.product-page table{width:100%}.product-page table th{background-color:#063E5E;color:#fff}.product-page table tr:nth-child(even){background-color:#f5f5f5}.product-page table tr td{color:#063E5E}.product-page table tr,.product-page table td{text-align:center}.product-page table tr p,.product-page table td p{font-size:12px;font-weight:700;padding:1rem 0.5rem}.product-page table,.product-page th,.product-page td{border:1px solid #fff}.product-page .summary.entry-summary{display:none}.product-page .woocommerce-product-gallery.images{width:100% !important}.product-page .woocommerce-product-gallery .flex-viewport{min-height:350px}.product-page .woocommerce-product-gallery ol.flex-control-nav{display:flex;gap:1rem;overflow-x:auto !important}.product-page .woocommerce-product-gallery ol.flex-control-nav li{width:120px !important}.product-page .woocommerce-product-gallery ol.flex-control-nav li img{width:120px !important;max-width:120px !important}.product-page .related.products{display:none}.product-page .product-page-contact .button-section{width:100% !important}.product-page .product-page-contact-mobile .button-section{width:100% !important;grid-template-columns:repeat(1, minmax(0, 1fr))}.single-blog h1,.single-blog h2,.single-blog h3,.single-blog h4{font-size:24px;font-weight:bold}@media (min-width: 1024px){.single-blog h1{font-size:48px}}.single-blog h2{color:#A19047}@media (min-width: 1024px){.single-blog h2{font-size:32px}}@media (min-width: 1024px){.single-blog h3{font-size:24px}}@media (min-width: 1024px){.single-blog h4{font-size:20px}}.single-blog p{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;margin-bottom:20px}.single-blog .container{padding-left:1rem;padding-right:1rem}.single-blog-bg{min-height:400px;background:linear-gradient(0deg, rgba(6,62,94,0.5) 0%, #063E5E 100%)}@media (min-width: 1024px){.single-blog-bg{min-height:500px}}.single-blog-layout{background-color:#fff;margin-top:-250px;min-height:400px;padding:6%}@media (min-width: 768px){.single-blog-layout{padding:8%}}@media (min-width: 1024px){.single-blog-layout{margin-top:-350px}}.single-blog-social{min-width:200px}.single-blog-content{margin-left:-0.5rem;margin-right:-0.5rem}.single-blog .button-section{width:100%}@media (min-width: 768px){.single-blog .button-section{width:80%}}.single-blog .a2a_svg{border-radius:50% !important;padding:10px !important}.single-blog .a2a_svg.a2a_s_link{background-color:#063E5E !important}.single-blog .section_social_herizontal{border-top:1px solid #C4C4C4;padding-top:2rem}.single-blog .blocks-gallery-grid .blocks-gallery-item{margin-right:0;width:100%}@media (min-width: 768px){.single-blog .blocks-gallery-grid .blocks-gallery-item{margin-right:1rem;width:calc(50% - 1em)}}.blog-page-title{font-weight:700;font-size:64px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;line-height:initial}.blog-page-bg{min-height:400px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/blog/blog-bg.png");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover}@media (min-width: 1024px){.blog-page-bg{min-height:500px}}.blog-page .blog-bar{border-bottom:2px solid #f5f5f5;width:100%;overflow:auto}.blog-page .blog-bar-tab{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;white-space:nowrap}.blog-page .blog-bar-tab.active{color:#A19047;border-bottom:2px solid #A19047}.section-blog{min-height:300px}.section-blog-title{font-weight:700;font-size:24px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal}.section-blog-header_btn{border:1px solid #063E5E;border-radius:100px;padding:10px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;color:#063E5E;line-height:0;align-items:center;height:50px}.section-blog-header_btn [class^="icon-"],.section-blog-header_btn [class*=" icon-"]{font-size:10px}.section-blog-header_title{font-weight:700;font-size:36px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal}.section-blog-item .content{min-height:320px}.section-blog-item .image-logo{object-fit:cover;width:100%;height:500px}.section-blog-item .image-cover{max-height:283px;height:283px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}@media (min-width: 1280px){.section-blog-item .image-cover.first_blog{height:500px}}.section-blog-item .title-text{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;margin:1rem 0}.section-blog-item .descrption,.section-blog-item .date{font-weight:700;font-size:16px;color:#979797;font-family:'IBM Plex Sans Thai';font-style:normal}.section-blog-item .descrption a.read-more,.section-blog-item .date a.read-more{color:#063E5E}.section-blog-item .tag{font-weight:700;font-size:12px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal;display:inline-block;padding:0px 10px;line-height:25px;border-radius:10px;background-color:#A19047}.section-blog.vertical-blog .page-header-text{color:#A19047}.section-blog.vertical-blog .section-blog-item{width:33%;min-width:325px}@media (min-width: 1024px){.section-blog.vertical-blog .section-blog-item{width:initial}}.section-blog.horizontal-blog .page-header-text{color:#A19047}.contact-page-bg{min-height:400px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/contact/contact-bg.png");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover}@media (min-width: 1024px){.contact-page-bg{min-height:500px}}.contact-page-title{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.contact-page-address{background-color:#f5f5f5}.contact-page-address .title{font-weight:700;font-size:24px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal}.contact-page-address .topic{font-weight:700;font-size:16px;color:#979797;font-family:'IBM Plex Sans Thai';font-style:normal}.contact-page-address .text{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.contact-page-map{height:auto;min-height:235px;z-index:-1;position:relative}@media (min-width: 768px){.contact-page-map{min-height:300px}}@media (min-width: 1024px){.contact-page-map{min-height:400px}}.contact-page-map iframe{position:absolute;left:0;right:0;width:100%;height:100%}.follow-social .social-name{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.follow-social .social-contact{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.follow-social .card{background-color:#f5f5f5}.follow-social .card .icon{font-size:24px;color:#fff;width:40px;height:40px;align-items:center;text-align:center;border-radius:50%;display:flex;margin:auto;justify-content:center}@media (min-width: 1024px){.follow-social .card .icon{margin:inherit;width:50px;height:50px}}.follow-social .card .icon.icon-line-brands{background-color:#00B900}.follow-social .card .icon.icon-facebook{background-color:#3b5998}.follow-social .card button{height:fit-content}.contact-button .button-section span{font-size:15px !important}.about-page-title{font-weight:700;font-size:36px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal}.about-page-bg{min-height:400px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/about/about-us-bg.png");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover}@media (min-width: 1024px){.about-page-bg{min-height:500px}}.about-page .history-image{width:33%;min-width:300px}.about-page .history-image.first{width:100%}.about-page .history-text{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.about-page .history-text a{color:#A19047}.about-page .history-about-us{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.about-page .history-about-us h1,.about-page .history-about-us h2,.about-page .history-about-us h3,.about-page .history-about-us h4{font-size:36px;font-weight:bold;color:#A19047;margin-top:2rem}.about-page .vision-bg{background-repeat:no-repeat;background-size:cover;height:500px;background-position:26% 0%}@media (min-width: 768px){.about-page .vision-bg{height:600px;background-position:left bottom}}@media (min-width: 1024px){.about-page .vision-bg{height:640px;background-position:left 60%}}.about-page .vision-title{font-weight:700;font-size:36px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}@media (min-width: 768px){.about-page .vision-title{font-size:48px}}@media (min-width: 1024px){.about-page .vision-text-wrapper{display:flex;flex-direction:column;justify-content:center;height:100%}}.about-page .vision-text{font-weight:700;font-size:16px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}@media (min-width: 768px){.about-page .vision-text{font-size:24px}}.about-page .vision-shadow{background:rgba(6,62,94,0.1);width:100%;height:100%}.about-page .mission .mission-item{min-height:170px;padding:20px 20px 20px 40px}.about-page .mission .mission-item span.icon{color:#fff;font-size:24px}.about-page .mission .mission-item.primary{background-color:#063E5E}.about-page .mission .mission-item.secondary{background-color:#A19047}.about-page .mission .mission-item-topic{font-weight:700;font-size:24px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}.about-page .mission .mission-item-subtopic{font-size:16px}@media (min-width: 1024px){.about-page .mission .lg\:primary{background-color:#063E5E !important}.about-page .mission .lg\:secondary{background-color:#A19047 !important}}.about-page .values-item{padding:4rem 0.5rem;background-color:#f5f5f5;font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.about-page .values-item span.icon{color:#A19047;font-size:36px}.about-page .values-item-text{font-size:36px}.about-page .values-item-desc{font-size:16px;max-width:300px;margin-left:auto;margin-right:auto}.about-page .award{background-color:#f5f5f5}.about-page .award-item{max-width:250px;min-width:250px}@media (min-width: 1024px){.about-page .award-item{width:100%;max-width:350px}}.about-page .award-item-desc{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.about-page .videos-item{max-width:250px;min-width:250px}@media (min-width: 1024px){.about-page .videos-item{width:100%;max-width:350px}}.about-page .videos-item iframe{width:100%;height:250px}.about-page .videos-item-desc{font-weight:700;font-size:12px;color:#979797;font-family:'IBM Plex Sans Thai';font-style:normal}#service-metroof,#service-factory,#service-design{color:#063E5E}#service-metroof .secondary,#service-factory .secondary,#service-design .secondary{color:#A19047}#service-factory .forth-point .card .img{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:250px;min-width:250px}#service-factory .forth-point .card .title{color:#979797}.service .section-info{margin-bottom:1rem}.service .section-info h2{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;margin-bottom:1rem}.service-bg{height:400px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/service/service-bg.png");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover}@media (min-width: 1024px){.service-bg{height:500px}}.service-design-bg{height:400px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/service/design/header.png");background-size:cover;background-repeat:unset}@media (min-width: 1280px){.service-design-bg{background-size:inherit;background-repeat:round;height:500px}}.service-factory-bg{height:400px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/service/factory/header.png");background-size:cover;background-repeat:unset}@media (min-width: 1280px){.service-factory-bg{background-size:inherit;background-repeat:round;height:500px}}.service-content p.text{font-size:24px !important}@media (min-width: 768px){.service-content p.text{font-size:32px !important}}.topic-card{color:#fff;min-height:358px;background-repeat:no-repeat;background-size:cover}.image-card .content .title{color:#A19047}.image-card .image,.image-card .img{height:172px;background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:164px}.detail-card{background-color:#f5f5f5;min-width:300px}@media (min-width: 768px){.detail-card{min-width:inherit}}.detail-card.secondary{background-color:#fff}.detail-card .title{color:#979797}.detail-card strong{color:#979797;margin-bottom:0.5rem;display:block}.timeline ol li{border-left-color:#D8D8D8}.timeline ol li span{width:40px;height:40px;background-color:#A19047;color:#fff;left:-20px}.timeline-header{color:#A19047}.timeline-card{background-color:#f5f5f5;height:100%}.timeline-card-2{background-color:#fff;height:100%}.timeline-wrap{width:max-content}.charge h1,.charge h2,.charge h3,.charge h4{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;margin-bottom:1rem}.charge ul{list-style-type:disc}.charge ul li{padding-bottom:0.5rem}.decs-small{font-weight:700;font-size:12px;color:#979797;font-family:'IBM Plex Sans Thai';font-style:normal}.portfolio-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:450px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/portfolio/portfolio-bg.png")}@media (min-width: 1024px){.portfolio-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:500px}}.portfolio-page .page-header-text{font-weight:700;font-size:36px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.portfolio-page .page-header-view{color:#063E5E;border-color:#063E5E}.portfolio-gallery-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:450px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/portfolio/portfolio-bg.png")}@media (min-width: 1024px){.portfolio-gallery-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:500px}}.portfolio-gallery-page .masonry{column-count:2;column-gap:1.5em}@media (min-width: 1024px){.portfolio-gallery-page .masonry{column-count:3}}.portfolio-gallery-page .masonry a{break-inside:avoid}.single-portfolio-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:450px;background-image:linear-gradient(#063e5e 0%, rgba(78,78,78,0) 88.08%),url("/wp-content/themes/tipmetroof/assets/images/portfolio/portfolio-bg.png")}@media (min-width: 1024px){.single-portfolio-page-bg{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:500px}}.single-portfolio-page .portfolio-preview-image{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:350px}@media (min-width: 768px){.single-portfolio-page .portfolio-preview-image{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:450px}}.single-portfolio-page .portfolio-preview-detail .item{margin:10px 0;font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.single-portfolio-page .portfolio-preview-detail .item-title{color:#979797}.single-portfolio-page .page-header-text{font-weight:700;font-size:36px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}.single-portfolio-page .page-header-view{color:#063E5E;border-color:#063E5E}div.page-header{display:block;text-align:center}@media (min-width: 768px){div.page-header{display:flex;text-align:left}}div.page-header-view{border:1px solid #063E5E;border-radius:100px;padding:10px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;color:#063E5E;line-height:0;align-items:center;height:50px}div.page-header-view [class^="icon-"],div.page-header-view [class*=" icon-"]{font-size:10px}div.page-header .page-header-text{font-weight:700;font-size:32px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}div.page-header .page-header-view{color:#063E5E;border-color:#063E5E}.review-portfolio{font-weight:700;font-size:16px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}.review-portfolio-title{font-size:24px}.review-portfolio button.link-button{padding-top:15px !important;padding-bottom:15px !important;border:1px solid #fff;border-radius:100px;padding:10px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;color:#fff;line-height:0;align-items:center}.review-portfolio button.link-button [class^="icon-"],.review-portfolio button.link-button [class*=" icon-"]{font-size:10px}.review-portfolio .content .box{cursor:pointer;padding:20px;color:#fff;min-width:330px;background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover;min-height:330px}.review-portfolio .content .box:hover button{display:block}.review-portfolio .content .box button{width:fit-content !important;display:none}.bring-section{position:fixed;right:20px;top:35%;z-index:99}.bring-section .bring-button-bubble:not(:nth-child(3)){transform:translateY(100%);opacity:0;visibility:hidden}.bring-section .bring-button-bubble:not(:nth-child(3)).is-active{transform:translateY(0);opacity:1;visibility:visible}.bring-section .bring-button-bubble,.bring-section .arrow-button-bubble{width:80px;height:80px;border-radius:50%;display:flex;background-color:#fff;transition:0.35s}.bring-section .bring-button-bubble .icon-comments,.bring-section .arrow-button-bubble .icon-comments{font-size:20px}.bring-section .bring-button-bubble.primary,.bring-section .arrow-button-bubble.primary{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal;border:1px solid #063E5E;z-index:1}.bring-section .bring-button-bubble.line,.bring-section .arrow-button-bubble.line{font-weight:700;font-size:16px;color:#00B900;font-family:'IBM Plex Sans Thai';font-style:normal;border:1px solid #00B900}.bring-section .bring-button-bubble.call,.bring-section .arrow-button-bubble.call{font-weight:700;font-size:16px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal;border:1px solid #A19047}.bring-section .bring-button-bubble.secondary,.bring-section .arrow-button-bubble.secondary{background-color:#A19047}.bring-section .bring-button-bubble.secondary .icon-arrow-up-reg,.bring-section .arrow-button-bubble.secondary .icon-arrow-up-reg{font-size:40px;color:#fff}.vce-row-container h1,.vce-row-container h2,.vce-row-container h3,.vce-row-container h4{color:#A19047}.vce-row-container h1 span,.vce-row-container h2 span,.vce-row-container h3 span,.vce-row-container h4 span{color:#A19047}.vce-row-container span{color:#063E5E}.section-contact .text-title,.section-social .text-title{font-weight:700;font-size:24px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal}.section-contact .call-btn,.section-social .call-btn{background-color:#063E5E;color:#fff;border-color:#063E5E;border-width:1px;border-style:solid;border-radius:100px;padding:6px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;min-height:50px;align-items:center;width:250px}.section-contact .call-btn [class^="icon-"],.section-contact .call-btn [class*=" icon-"],.section-social .call-btn [class^="icon-"],.section-social .call-btn [class*=" icon-"]{font-size:10px}.section-contact .line-btn,.section-social .line-btn{border:1px solid #063E5E;border-radius:100px;padding:10px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;color:#063E5E;line-height:0;align-items:center}.section-contact .line-btn [class^="icon-"],.section-contact .line-btn [class*=" icon-"],.section-social .line-btn [class^="icon-"],.section-social .line-btn [class*=" icon-"]{font-size:10px}.section-contact .line-btn span.icon-line::before,.section-social .line-btn span.icon-line::before{background-color:#00B900}html #page{min-height:calc(100vh)}html ::-webkit-scrollbar{width:5px;height:5px}html ::-webkit-scrollbar-track{background:transparent}html ::-webkit-scrollbar-thumb{background-color:#A19047;border-radius:20px}html #content{font-family:'IBM Plex Sans Thai'}html #content .default-background{background:linear-gradient(0deg, rgba(6,62,94,0.7) 0%, #063E5E 88.08%)}html #content .wrap-header{text-align:left}html #content .wrap-header .custom-logo-link{width:100px;margin-top:5px}@media (min-width: 768px){html #content .wrap-header .custom-logo-link{width:120px}}html #content #home-page .wrap-header{background-color:transparent;position:absolute;top:0;left:0;right:0;z-index:2}html .container{padding-left:1rem;padding-right:1rem}html .background-image{background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:cover}html button.primary{background-color:#063E5E;color:#fff;border-color:#063E5E;border-width:1px;border-style:solid;border-radius:100px;padding:6px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;min-height:50px;align-items:center}html button.primary [class^="icon-"],html button.primary [class*=" icon-"]{font-size:10px}html button.secondary{background-color:#fff;color:#A19047;border-color:#A19047;border-width:1px;border-style:solid;border-radius:100px;padding:6px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;min-height:50px;align-items:center}html button.secondary [class^="icon-"],html button.secondary [class*=" icon-"]{font-size:10px}html button.third{background-color:#A19047;color:#fff;border-color:#A19047;border-width:1px;border-style:solid;border-radius:100px;padding:6px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;min-height:50px;align-items:center}html button.third [class^="icon-"],html button.third [class*=" icon-"]{font-size:10px}html button.forth{background-color:transparent;color:#063E5E;border-color:#063E5E;border-width:1px;border-style:solid;border-radius:100px;padding:6px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;min-height:50px;align-items:center}html button.forth [class^="icon-"],html button.forth [class*=" icon-"]{font-size:10px}html button.link-button{background-color:transparent;color:#fff;border-color:#fff;border-width:1px;border-style:solid;border-radius:100px;padding:6px 20px;cursor:pointer;user-select:none;font-family:'IBM Plex Sans Thai';font-size:16px;font-weight:700;min-height:50px;align-items:center}html button.link-button [class^="icon-"],html button.link-button [class*=" icon-"]{font-size:10px}html p.primary{font-weight:700;font-size:16px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}html p.page-header{font-weight:700;font-size:36px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}@media (min-width: 1024px){html p.page-header{font-size:60px}}html p.small-gray{font-weight:700;font-size:12px;color:#979797;font-family:'IBM Plex Sans Thai';font-style:normal}html .title-primary{font-weight:700;font-size:24px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}html .title-secondary{font-weight:700;font-size:24px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal}html .extra-primary{font-weight:700;font-size:36px;color:#063E5E;font-family:'IBM Plex Sans Thai';font-style:normal}html .extra-secondary{font-weight:700;font-size:36px;color:#A19047;font-family:'IBM Plex Sans Thai';font-style:normal}html .extra-white{font-weight:700;font-size:36px;color:#fff;font-family:'IBM Plex Sans Thai';font-style:normal}html .icon-line-brands,html .icon-line{color:#00B900}html .gray-light-bg{background-color:#f5f5f5}hl{color:#A19047}.menu-link{font-weight:700;font-size:16px;color:#979797;font-family:'IBM Plex Sans Thai';font-style:normal}.menu-link span.active{color:#A19047}.header-text-wrap{position:absolute;left:0;right:0;top:15%}