@charset "utf-8";@import "../fonts/font-awesome/font-awesome.min.css";@import "../fonts/bootstrap-icons/bootstrap-icons.min.css";@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../fonts/Open-Sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../fonts/Open-Sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../fonts/Open-Sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../fonts/Open-Sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Poppins-regular-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Poppins-regular-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Poppins-semi-bold-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Poppins-semi-bold-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Poppins-bold-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Poppins-bold-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"iconfont";src:url("../fonts/iconfont.ttf?t=1622274305876") format("truetype");font-display:swap}
.iconfont{font-family:"iconfont" !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666}
.sp-preloader{display:none!important;width:100% !important}
#header,#container,#footer,video#my_video{visibility:visible!important}
html{overflow:visible!important}
:root{--primary-color:#dd832a;--secondary-color:#3d2718;--text-dark:#333;--text-light:#ffffff;--bg-light:#f8f9fa;--wine:#722F37;--bg:#f8f9fa}
body{font-family:'Open Sans',sans-serif;color:var(--text-dark);padding-top:94px;line-height:1.8}
h1,h2,h3,div.h2{font-family:'Poppins',sans-serif;font-weight:700}
h3{font-size:1.3rem}
h4{font-size:1.2rem}
h5{font-weight:700}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic}
li,ol,ul{list-style:none;margin:0;padding:0}
.theme-send-inquiry-box{background:#dd832a !important}
.theme-box-name{background:#3d2718 !important;text-transform:uppercase;border-left:1px #3d2718 solid !important}
.more_link{color:var(--wine);text-decoration:underline}
figure{margin-bottom:0}
a{color:var(--secondary-color);transition:all 0.3s ease}
a:hover{color:var(--primary-color);text-decoration:none}
.text-primary-custom{color:var(--primary-color) !important}
.text-secondary-custom{color:var(--secondary-color) !important}
.bg-primary-custom{background-color:var(--primary-color) !important}
.table .top{background-color:#f1f1f1;color:#333;font-weight:600;font-size:0.85rem}
.btn-custom{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color);padding:.8rem 2rem;font-size:.9rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s}
.btn-custom:hover{background-color:var(--secondary-color);color:#fff;border-color:#fff}
.btn-outline-custom{border:2px solid var(--secondary-color);color:var(--secondary-color);padding:10px 30px;font-weight:600}
.btn-outline-custom:hover{background-color:var(--secondary-color);color:#fff}
.section-padding{padding:60px 0}
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;transition:all .5s;background-color:rgb(255,255,255,1);padding:0 1rem;box-shadow:0 0 25px rgb(0 0 0 / 10%)}
.header_in{width:100%;max-width:1200px;margin:0 auto;position:relative}
#header::before{position:absolute;content:"";top:0;left:0;background-color:var(--secondary-color);height:36px;width:100%}
#etw_logo{width:auto;text-align:center;float:left;margin-top:2.8rem;transition:all .8s}
#etw_logo a{width:100%;display:flex;align-items:center}
#etw_logo h1{color:#666;font-size:.9rem;display:block;display:block;width:100%;max-width:170px;text-align:center;padding-left:.8rem;line-height:1.35}
.top-nav{width:auto;float:right;transition:all .8s;position:relative;padding-left:2rem}
.top-nav .navbar{padding:0}
.nav-fixed{box-shadow:0 0.5rem 1rem rgba(121,120,120,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;margin-top:0 !important;background-color:rgba(255,255,255,1)  !important}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}.dropdown-menu-one{background-color:#eee}
.navbar-expand-lg .navbar-collapse{flex-flow:row wrap !important}
.navbar-nav{width:100%}
.navbar-light .navbar-nav .nav-link{transition:all 0.5s}
.navbar-expand-lg .navbar-nav .nav-link{padding:1.25rem 1.35rem;color:var(--secondary-color);position:relative;line-height:1.35;font-weight:700}
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom:-2px;width:0px;height:3px;background:var(--primary-color);transform:translateX(-50%);transition:0.5s;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item .nav-link:hover::before{width:100%}
.navbar-expand-lg .navbar-nav .nav-link i{font-size:1.2rem;line-height:1.15}
.navbar-light .navbar-nav .nav-item:first-child .nav-link::before{display:none}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:51px;transition:all .5s;box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);background-color:rgb(255 255 255 / 100%);border-radius:0;padding:1rem .8rem;border:none;border-top:1px solid #eee;left:inherit}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1rem;border-bottom:1px solid #eee;background:none;font-weight:300}
.navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child > a{border-bottom:none}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link,.dropdown-menu-one li > a.active{color:var(--primary-color) !important}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:var(--primary-color)}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover{color:var(--primary-color)!important}
.dropdown-item{font-size:0.9rem}
.dropdown-item.active,.dropdown-item:active{background:none !important}
.nav-item span.pro_icon{position:absolute;top:0.5rem;right:1rem;color:#333;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center}
.top-nav ul>li>ul.dropdown-menu>li{position:relative}
.dropdown-toggle::after{display:none !important}
.navbar-light .navbar-nav .video_item .nav-link{padding-right:50px;position:relative;text-align:right}
.navbar-light .navbar-nav .video_item .nav-link::before{display:none}
.navbar-light .navbar-nav .video_item .nav-link::after{position:absolute;content:"\f4f2";font-family:bootstrap-icons !important;right:1rem;top:1rem;font-size:1.5rem;color:var(--primary-color)}
.etw_language{float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:42%;height:32px;line-height:22px;z-index:1;position:relative;margin-top:.5rem}
#etw_language{float:right;width:auto;text-align:right}
#etw_language .dropdown-item{display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#fff;min-width:auto !important;font-size:.9rem;position:relative}
#etw_language .dropdown-item::before{position:absolute;content:"";right:0;top:.2rem;width:1px;height:15px;background-color:#ccc}
#etw_language .dropdown-item:last-child::before{display:none}
#etw_language .dropdown-item img{margin-right:5px;margin-top:1px}
#etw_language .dropdown-item:hover{color:var(--primary-color);background:none}
#etw_language .dropdown-item:focus{background:none !important}
.container{max-width:1200px}
.carousel-item{height:620px;background-color:#000}
.carousel-item img{object-fit:cover;height:100%;width:100%;opacity:0.8}
.carousel-caption{bottom:22%;text-align:left;left:10%;right:10%}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,40px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}@keyframes zoomIn{from{opacity:0;transform:scale(0.9)}
to{opacity:1;transform:scale(1)}
}.carousel-item.active .animate-title{animation:fadeInUp 1s ease-out both}
.carousel-item.active .animate-subtitle{animation:fadeInUp 1s ease-out 0.3s both}
.carousel-item.active .item_adv_list{animation:zoomIn 0.8s ease-out 0.5s both}
.carousel-item.active .animate-btn{animation:zoomIn 0.8s ease-out 0.6s both}
.carousel-caption h1,.carousel-caption h2{font-size:clamp(1.8rem,5vw,2.2rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 10px rgba(0,0,0,0.6)}
.carousel-caption strong{font-size:1.6rem;color:#fff;margin-bottom:2rem;font-weight:500;display:inline-block}
.banner_inner_txt{width:100%;max-width:620px}
.item_adv_list li{position:relative;padding-left:3rem;margin-bottom:1rem}
.item_adv_list li::before{position:absolute;content:"\f270";font-family:bootstrap-icons !important;left:0;font-size:1.5rem}
.item_adv_list li b{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.35rem}
.item_list li{position:relative;padding-left:1rem;margin-bottom:.5rem}
.item_list li::before{position:absolute;content:"";width:5px;height:5px;background-color:#666;border-radius:50%;left:0;top:.8rem}
.product-card{border:none;background:#fff;margin-bottom:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s ease;overflow:hidden;height:100%;position:relative}
.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.12)}
.product-img-container{position:relative;overflow:hidden;border-radius:50% 50% 0 0 / 25px 25px 0 0;margin:10px auto 0;transition:all 0.5s ease}
.product-card:hover .product-img-container{border-radius:50% 50% 0 0 / 10px 10px 0 0;width:100%;margin-top:0}
.product-img-container img{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform 0.6s ease}
.product-card:hover .product-img-container img{transform:scale(1.1)}
.product-body{padding:1.5rem;padding-bottom:0}
.product-title{color:var(--secondary-color);font-weight:700;font-size:1rem;margin-bottom:12px}
.product-desc{font-size:0.85rem;color:#666;margin-bottom:15px;line-height:1.6;text-align:left}
.product-desc p{margin-bottom:0}
.btn-more-link{display:inline-block;color:var(--secondary-color);font-weight:600;font-size:0.85rem;text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:all 0.3s;opacity:0.7}
.product-card .btn-more-link{position:absolute;bottom:1rem;left:1.5rem}
.product-card:hover .btn-more-link{color:var(--primary-color);opacity:1;border-bottom-color:var(--primary-color)}
.btn-more-link i{font-size:0.75rem;margin-left:4px;transition:0.3s}
.product-card:hover .btn-more-link i{margin-left:8px}
.solution-section{position:relative;color:#fff;background:url('../images/solution_bg.jpg') no-repeat center center/cover;background-attachment:fixed}
.solution-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(44,30,18,0.95)}
.step-card{text-align:center;padding:40px 20px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);border-radius:8px;transition:0.4s;height:100%}
.solution-section .solution_item{border:3px solid #ccc;background-color:#f8f9fa;padding:1rem;color:#666;font-size:0.85rem;height:100%;position:relative;padding-bottom:3rem}
.pro_img{overflow:hidden}
.pro_img img{transition:all .5s ease}
.pro_img img:hover{transform:scale(1.05)}
.solution-section .solution_item .pro_des{margin-top:2rem}
.solution-section .solution_item .pro_des h5 a{font-size:1.15rem}
.solution-section .solution_item .pro_des a.more_link{position:absolute;color:var(--primary-color);bottom:1.5rem;left:1rem;padding-right:2.5rem}
.solution-section .solution_item .pro_des a.more_link::before{position:absolute;content:"\f138";right:1rem;top:0;font-family:bootstrap-icons !important;transition:all .5s ease}
.solution-section .solution_item .pro_des a.more_link:hover::before{right:0rem}
.solution-section .solution_item .pro_img{text-align:center}
.about_content{background-color:#f8f9fa}
.about_content .about_left_des{padding:2rem}
.case-card{position:relative;overflow:hidden;transition:0.3s;margin:0 8px}
.case-thumb img{width:100%;height:100%;object-fit:cover;transition:0.6s}
.case-card:hover .case-thumb img{transform:scale(1.1)}
.case-card .case-info{position:absolute;bottom:0;left:0;width:100%;padding:2rem}
.case-card .case-info h5{font-weight:400;font-size:1.15rem;color:#fff}
.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;opacity:1;transition:0.3s}
.play-icon{font-size:2rem;color:var(--primary-color);background:rgba(255,255,255,0.9);padding-left:5px;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.case-card:hover .play-overlay{background:rgba(0,0,0,0.4)}
.hero-pro-banner{background:var(--secondary-color);padding:100px 0 120px;color:#fff;position:relative;text-align:center}
.hero-pro-banner::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/pro_banner_img_01.jpg') no-repeat;background-size:cover}
.hero-pro-banner2,.hero-pro-banner4{padding:50px 0}
.hero-pro-banner2::before{background:url('../images/pro_banner_img_02.jpg') no-repeat;background-size:cover}
.hero-pro-banner3::before{background:url('../images/pro_banner_img_03.jpg') no-repeat;background-size:cover}
.hero-pro-banner4::before{background:url('../images/pro_banner_img_04.jpg') no-repeat;background-size:cover}
.about_banner{height:500px;padding:0;display:flex;align-items:center;justify-content:center}
.about_banner::before{background:url('../images/about_banner_img.jpg') no-repeat;background-size:cover}
.hero-badge a{background:var(--wine);color:#fff;padding:5px 15px;border-radius:4px;font-weight:600;letter-spacing:1px;display:inline-block;margin-bottom:20px;border:1px solid rgba(255,255,255,0.2)}
.hero-pro-banner h1{font-size:clamp(1.3rem,5vw,2.8rem)}
.breadcrumb{background:transparent;padding:0;justify-content:center;margin-top:20px}
.breadcrumb-item a{color:rgba(255,255,255,0.7);font-size:0.9rem}
.breadcrumb-item a:hover{color:var(--primary-color)}
.breadcrumb-item.active{color:#fff;font-size:0.9rem}
.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,0.5)}
.intro-block{text-align:center;max-width:880px;margin:0 auto}
.intro-block p{line-height:1.65;color:#555}
.intro-highlight{font-weight:700}
.hub-pans-products .prod-card{background:#fff;border:1px solid #eee;text-align:center;transition:0.3s;height:100%;border-radius:4px;position:relative;padding-bottom:3rem;overflow:hidden}
.hub-pans-products .prod-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-color:var(--primary-color)}
.hub-pans-products .prod-link{display:block;text-decoration:none;color:inherit}
.hub-pans-products .prod-img{width:100%;margin-bottom:20px;transition:transform 0.3s;mix-blend-mode:multiply}
.hub-pans-products .prod-card:hover .prod-img{transform:scale(1.05)}
.hub-pans-products .prod-title{font-size:1rem;font-weight:700;color:var(--secondary-color);margin-bottom:15px;transition:color 0.3s}
.hub-pans-products .prod-card:hover .prod-title{color:var(--primary-color)}
.hub-pans-products .btn-sm-outline{font-size:0.8rem;font-weight:600;color:var(--secondary-color);border:1px solid #ccc;padding:6px 20px;display:inline-block;position:absolute;bottom:1rem;left:0;right:0;margin:0 auto;max-width:140px}
.hub-pans-products .prod-card:hover .btn-sm-outline{background:var(--primary-color);border-color:var(--text-dark);color:#fff;margin:0 auto}
.why-us-des .why-us-img{width:100%;height:100%;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.why-us-des .adv-item-row{margin-bottom:1rem}
.why-us-des .adv-icon-large{font-size:2rem;color:var(--primary-color);margin-bottom:10px;display:block}
.why-us-des .adv-title-row{font-size:1.15rem;color:var(--secondary-color);font-weight:700;margin-bottom:8px}
.why-us-des .adv-desc-row{font-size:0.9rem;color:#666;line-height:1.6}
h3.webtitle{font-size:clamp(1.5rem,5vw,1.8rem)}
.app-split{overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee}
.app-split .row{height:320px}
.app-text-side{background:var(--secondary-color);color:#fff;display:flex;flex-direction:column;justify-content:center;height:100%;padding:30px 40px}
@media (min-width:1200px){.app-text-side{padding-left:calc((100vw - 1140px) / 2 + 15px) !important;padding-right:40px}
}@media (min-width:992px) and (max-width:1199px){.app-text-side{padding-left:calc((100vw - 960px) / 2 + 15px) !important;padding-right:30px}
}.app-title{font-size:1.5rem;margin-bottom:10px;color:#fff;font-weight:700;line-height:1.2}
.app-desc{font-size:0.9rem;line-height:1.5;color:rgba(255,255,255,0.8);margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:500px}
.app-btn{font-size:0.85rem;color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:1px;width:fit-content}
.app-btn:hover{color:#fff;text-decoration:underline}
.app-media-side{padding:0;height:100%}
.media-collage{display:flex;width:100%;height:100%}
.media-item{position:relative;flex:1 0 33.333%;height:100%;overflow:hidden;border-right:1px solid rgba(255,255,255,0.2)}
.media-item:last-child{border-right:none}
.media-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.media-item:hover img{transform:scale(1.1)}
.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;transition:0.3s;cursor:pointer}
.media-item:hover .video-overlay{background:rgba(0,0,0,0.05)}
.play-circle{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.9);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform 0.3s}
.media-item:hover .play-circle{transform:scale(1.1);background:var(--primary-color);color:#fff}
@media (max-width:991px){.app-split .row{height:auto}
.app-text-side{padding:40px 30px !important}
.media-item{flex:1 0 100%;height:200px;border-right:none;border-bottom:1px solid rgba(255,255,255,0.2)}
}.solution-title-main{font-weight:700;color:var(--secondary-color);margin-bottom:15px}
.solution-desc-main{max-width:800px;margin:0 auto 40px;color:#666;font-size:0.95rem;line-height:1.7}
.sol-card{display:block;text-decoration:none;position:relative;overflow:hidden;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.sol-card::before{position:absolute;content:"\f134";font-family:bootstrap-icons !important;width:50px;height:50px;border-radius:50%;bottom:2rem;right:2rem;z-index:2;color:#fff;font-size:1.8rem;font-weight:normal}
.sol-img-wrap{position:relative;overflow:hidden}
.sol-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.sol-img-wrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0.6));z-index:1;transition:background 0.3s}
.sol-item-title{position:absolute;top:15%;left:50%;transform:translate(-50%,-15%);width:90%;color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:1px;z-index:2;text-shadow:2px 2px 8px rgba(0,0,0,0.8);margin:0;transition:transform 0.3s;padding-bottom:1rem}
.sol-item-title::before{position:absolute;content:"";width:100%;height:3px;background-color:#fff;bottom:0;left:0}
.sol-card:hover .sol-img-wrap img{transform:scale(1.1)}
.sol-card:hover .sol-img-wrap::before{background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.4))}
.sol-card:hover .sol-item-title{transform:translate(-50%,-50%) scale(1.05)}
.cta-ref-section{background-color:var(--bg-light)}
.cta-ref-card{position:relative;overflow:visible;display:flex;align-items:center}
.cta-ref-card::before{position:absolute;content:"";width:80%;height:100%;background-color:#fff;top:0;right:0}
.cta-abs-img-wrap{position:absolute;top:-30px;left:0px;width:360px;height:200px;z-index:10;box-shadow:0 15px 30px rgba(0,0,0,0.15);overflow:hidden}
.cta-abs-img-wrap img{width:100%;height:100%;object-fit:cover}
.cta-text-content{margin-left:360px;padding:40px 50px 40px 30px;flex:1;position:relative}
.cta-ref-title{font-size:1.8rem;font-weight:700;color:var(--secondary-color);margin-bottom:15px;line-height:1.2}
.cta-ref-desc{font-size:0.95rem;color:#666;margin-bottom:25px;line-height:1.6}
.btn-cta-solid{background-color:var(--primary-color);color:#fff;padding:10px 30px;font-weight:700;border:none;border-radius:0;transition:all 0.3s;cursor:pointer}
.btn-cta-solid:hover{background-color:var(--secondary-color);color:#fff;transform:translateY(-2px)}
.btn-cta-text{color:var(--secondary-color);font-weight:600;margin-left:20px;text-decoration:underline}
.btn-cta-text:hover{color:var(--primary-color)}
.faq_content .accordion .card{border:none !important;margin-bottom:0;box-shadow:none !important;border-bottom:1px solid #eee !important;border-radius:0 !important;background:transparent}
.faq_content  .accordion .card-header{background:transparent;border:none;padding:0}
.faq_content  .accordion .btn-link{color:var(--secondary-color);text-decoration:none;display:block;width:100%;text-align:left;padding:15px 10px;font-size:1rem;position:relative;border-radius:0}
.faq_content  .accordion .btn-link:focus{outline:none}
.faq_content  .accordion .btn-link strong{font-weight:700}
.faq_content  .accordion .btn-link:hover{color:var(--primary-color);background:transparent}
.faq_content  .accordion .btn-link i{float:right;transition:0.3s}
.faq_content  .accordion .btn-link[aria-expanded="true"] i{transform:rotate(180deg);color:var(--primary-color)}
.faq_content  .accordion .card-body{padding:10px 10px 20px 10px;color:#555;font-size:0.95rem;line-height:1.6;border-top:none}
.section-header{margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #eee;position:relative}
.section-header::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--primary-color)}
.section-header h3{font-size:1.25rem;color:var(--secondary-color);margin:0}
.sidebar-sticky{position:sticky;top:100px}
.cat-title{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ccc}
.cat-list{list-style:none;padding:0;margin:0}
.cat-list ol{padding-left:2rem;margin-top:.5rem}
.cat-list ol a{display:block;font-size:.85rem;color:#666;padding:.5em 0}
.cat-item{margin-bottom:1.2rem}
.cat-link{display:flex;align-items:center;text-decoration:none;color:#333;font-size:.9rem;transition:0.2s}
.cat-link:hover,.cat-list ol a:hover{text-decoration:none;color:#000}
.cat-check{width:18px;height:18px;border-radius:3px;margin-right:12px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;background:#666}
.cat-link.active .cat-check{background:#333;border-color:#333}
.cat-link.active .cat-check::after{content:'';font-size:12px;color:#fff;width:10px;height:10px;background-color:#fff;border-radius:50%}
.cat-link.active,.cat-list ol a.active{font-weight:600;color:#000}
.intro-img{width:100%;border-radius:4px;margin-bottom:20px}
.intro-text p{line-height:1.8;color:#555;margin-bottom:20px}
.mat-box{background:#fdfdfd;border:1px solid #eee;padding:20px;margin-bottom:20px;height:100%;border-radius:4px;transition:0.3s}
.mat-box:hover{box-shadow:0 5px 15px rgba(0,0,0,0.05);border-color:var(--primary-color)}
.mat-title{color:var(--secondary-color);font-weight:700;margin-bottom:10px;display:flex;align-items:center}
.mat-title i{color:var(--primary-color);margin-right:10px}
.mat-desc{font-size:0.9rem;color:#666;line-height:1.6;margin:0}
.specs-group{margin-bottom:40px;padding-bottom:20px;border-bottom:1px dashed #eee}
.specs-group:last-child{border-bottom:none}
.specs-title{font-size:1.1rem;color:var(--secondary-color);margin-bottom:15px;font-weight:700;border-left:3px solid var(--primary-color);padding-left:10px}
.spec-series-img{border:1px solid #eee}
.specs-table{font-size:0.85rem;margin-bottom:0}
.specs-table thead th{background-color:#f1f1f1;color:#333;border-bottom:2px solid #ddd;vertical-align:middle}
.specs-table td{vertical-align:middle;padding:10px 8px}
.selection-guide{border:2px solid #3d2718;border-radius:8px;overflow:hidden;padding:20px 25px;background:#fff;margin-bottom:50px}
.guide-header{background:#3d2718;color:#fff;padding:10px 20px;margin:-20px -25px 20px -25px;font-family:'Poppins',sans-serif;font-size:1.2rem;display:flex;align-items:center}
.guide-header i{margin-right:10px;color:var(--primary-color)}
.guide-main-label{font-weight:700;font-size:1.1rem;margin-bottom:10px;display:block}
.guide-sub-label{font-size:0.95rem;color:#666;margin-bottom:8px;display:block;font-weight:600}
.opt-item{text-align:center;margin-bottom:15px}
.opt-img{width:100%;aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #f5f5f5;margin-bottom:5px;color:#fff}
.opt-img i{font-size:2rem;color:#aaa}
.opt-name{font-size:0.8rem;color:#555;display:block;line-height:1.2}
.text-opt-group{margin-bottom:20px}
.text-opt-title{font-weight:700;font-size:1rem;margin-bottom:5px}
.text-opt-list{display:flex;flex-wrap:wrap;gap:5px 25px}
.text-opt-item{font-size:0.9rem;color:#555;display:flex;align-items:center}
.text-opt-item::before{content:'';display:inline-block;width:6px;height:6px;background-color:#555;border-radius:50%;margin-right:8px}
.coating-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding-top:10px}
.guide-h-divider{border-bottom:1px solid #000;margin:20px 0 20px 0}
.guide-dotted-h{border-bottom:1px dotted #999;margin:20px 0}
.contact-box{background:#fff;border-top:1px solid #eee;padding-top:3rem}
.contact-info-col h3{font-size:1.8rem;font-weight:300;margin-bottom:20px;color:#333}
.contact-info-col p{color:#666;margin-bottom:30px;line-height:1.6;max-width:90%}
.contact-addr{color:#555;font-size:0.9rem;line-height:1.8;margin-bottom:30px}
.contact-link{display:block;color:#555;text-decoration:none;margin-bottom:5px;font-weight:600}
.contact-link:hover{color:var(--primary-color)}
#feedback2017 .etw-inquery-btn{background-color:#555;height:auto;text-transform:uppercase;color:#fff;padding:.2rem 2rem;font-weight:800;margin-top:2rem}
#feedback2017  .etw-inquery-control{border-radius:0;border:none;border-bottom:1px solid #f2f2f2}
#feedback2017 .etw-inquery-icon{display:none}
#feedback2017 .etw-inquery-control{font-size:14px}
#feedback2017 .etw-inquery-group{margin-bottom:.5rem}
.more-prods-section{margin-bottom:60px}
.more-grid-container{display:flex;flex-wrap:wrap;border-top:1px solid #eee;border-left:1px solid #eee}
.more-grid-item{flex:0 0 25%;max-width:25%;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:left;text-decoration:none;transition:0.3s;display:flex;flex-direction:column}
.more-grid-item:hover{background:#ddd;text-decoration:none;box-shadow:inset 0 0 10px rgba(0,0,0,0.02)}
.more-grid-img{width:100%;margin-bottom:20px;mix-blend-mode:multiply}
.more-grid-title{color:#555;font-weight:700;padding:1rem;text-align:center}
.more-prods-section .btn-custom:hover{background-color:var(--secondary-color)}
.more-prods-section2 .more-grid-item{flex:0 0 33%;max-width:33%}
.more-prods-section2 .more-grid-img{margin-bottom:0}
.full-width-sec{padding:80px 0;border-top:1px solid #eee;display:none}
.bg-white{background-color:#fff}
.why-card{position:relative;height:100%;min-height:350px;overflow:hidden;margin-bottom:30px;background:#222}
.why-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.5s}
.why-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(44,30,18,0.3),rgba(44,30,18,0.95));z-index:1}
.why-card:hover .why-card-bg{transform:scale(1.05)}
.why-card-content{position:relative;z-index:2;padding:40px 30px;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.why-title-large{font-size:clamp(1.1rem,5vw,1.25rem);margin-bottom:20px;line-height:1.2;position:relative;padding-bottom:1.2rem}
.why-title-large::before{position:absolute;content:"";width:30px;height:3px;bottom:0;left:0;background-color:var(--primary-color)}
.why-desc-white{font-size:1rem;line-height:1.6;margin-bottom:30px;opacity:0.9}
.btn-red{display:inline-flex;align-items:center;padding:12px 30px;background-color:#e60012;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:2px;text-decoration:none;transition:background-color 0.3s;align-self:flex-start}
.btn-red:hover{background-color:#c7000f;color:#fff;text-decoration:none}
.btn-red i{margin-left:10px;font-size:1.1rem}
.grid-type{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.grid-main-proc{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.grid-edge{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.grid-shape{display:grid;grid-template-columns:1fr;gap:15px}
.grid-surface{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}
.grid-2-custom{display:grid;grid-template-columns:1fr 2fr;gap:20px}
.guide-h-divider{border-bottom:1px solid #000;margin:20px 0}
.guide-dotted-h{border-bottom:1px dotted #999;margin:20px 0}
.guide-v-divider{border-right:1px dotted #ccc}
.text-opt-block{margin-bottom:15px}
.text-opt-title{font-weight:700;font-size:1rem;margin-bottom:5px;color:var(--text)}
.text-opt-item{font-size:0.9rem;color:#555;display:inline-flex;align-items:center;margin-right:15px;margin-bottom:5px}
.text-opt-item::before{content:'';display:inline-block;width:6px;height:6px;background-color:#555;border-radius:50%;margin-right:8px}
@media (max-width:991px){.grid-type,.grid-surface{grid-template-columns:repeat(2,1fr)}
.sidebar-sticky{position:static;margin-bottom:40px}
.spec-series-img{margin-bottom:15px}
.more-grid-item{flex:0 0 50%;max-width:50%}
}@media (max-width:576px){.more-grid-title{font-size:.9rem;font-weight:normal}
}.product-main-title{margin-bottom:1.2rem}
.small_pro_title{font-weight:400;font-size:1.42rem;border-bottom:1px solid #eee;font-family:'Open Sans';padding-bottom:1rem;color:#666;position:relative;margin-top:-1rem}
.btn-hero-quote{background:var(--primary-color);color:#fff;padding:.8rem 2rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px;border-radius:4px;text-decoration:none;box-shadow:0 5px 15px rgba(221,131,42,0.3);transition:all 0.3s;display:inline-block;cursor:pointer;margin-top:1rem}
.btn-hero-quote:hover{background:var(--secondary-color);color:#fff;transform:translateY(-3px);text-decoration:none;box-shadow:0 8px 20px rgba(61,39,24,0.2)}
.btn-hero-quote i{margin-right:8px}
.company_brief{font-size:.9rem;color:#666;margin-bottom:3rem;border-top:1px solid #eee;padding-top:3rem;line-height:1.75}
.features_list{margin-bottom:2rem}
.features_list .adv-item h5{font-size:1rem}
.features_list .adv-item i.adv-icon-large{color:var(--primary-color)}
.left_pro_img{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
.left_pro_img a{position:relative;display:block}
.left_pics{height:auto;margin:0 auto;text-align:center;position:relative;margin-bottom:1rem;width:100%}
.left_pics a:hover{cursor:default}
.left_pics img{object-fit:cover;width:100%}
.related_pic{width:100%}
.related_pic ul{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center}
.related_pic ul li{width:18%;margin-right:1%}
.related_pic ul li:last-child{margin-right:0}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin-bottom:5px}
.related_pic img:hover,.related_pic li.imgdq img{border:1px var(--primary-color) solid}
.related_pic span{font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666}
.left_pics .item_mod{height:60px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.05);color:#fff;width:100%;padding:.8rem;background:linear-gradient(to top,rgb(0,0,0,.3),transparent);line-height:1.35;font-size:.875rem}
.pro_video_menu{position:relative;z-index:1;cursor:pointer}
.pro_video_menu::before{position:absolute;width:35px;height:35px;content:"\f4f4";font-family:bootstrap-icons;font-size:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;padding-left:5px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;border:2px solid #fff;background-color:var(--primary-color);z-index:1}
.comp-table{width:100%;text-align:center;border:1px solid #ddd}
.comp-table th{background:var(--secondary-color);color:#fff;padding:12px}
.comp-table td{padding:10px;border:1px solid #eee;font-size:0.9rem}
.comp-table tr:nth-child(even){background:#f9f9f9}
h5.small_title{font-size:1.1rem;font-family:'Open Sans'}
.structural_details{background-color:#f0f0f0;padding:2rem}
.structural_details .structural_item{margin-bottom:2rem;background-color:#fff;padding:2rem}
.structural_details .structural_item .img_des h5{font-size:1.2rem;font-weight:600;font-family:'Open Sans'}
.specs-item h5{font-size:1rem;font-weight:400;background-color:var(--primary-color);color:#fff;padding:.5rem}
.specs-item{background-color:#f0f0f0;height:100%;padding:1rem}
.specs_list li{position:relative;padding-left:1.5rem;font-size:.9rem;margin-bottom:.5rem}
.specs_list li::before{position:absolute;content:"";width:6px;height:6px;border-radius:50%;background-color:var(--primary-color);left:0;top:.5rem}
.specs-item img{mix-blend-mode:multiply}
.croissant_bun_pans_bg{position:relative}
.croissant_bun_pans_bg .croissant_img{position:absolute;top:-2rem;right:0;margin:0 auto;width:240px;z-index:1;mix-blend-mode:multiply}
.pdf_box{display:flex;height:100%;align-items:center}
.etw_pdf{position:relative;font-weight:600;border:1px solid var(--primary-color);max-width:280px;display:block;padding:.5rem 2rem;margin-top:1.2rem;border-radius:8px}
.etw_pdf i{color:var(--primary-color);padding-right:1rem;font-size:1.4rem}
.hub-equipment-products .solution_item{background-color:#fff;padding:3rem;width:80%;margin:0 auto;margin-bottom:3rem}
.hub-equipment-products .solution_item p{color:#666;line-height:1.62}
.hub-equipment-products .solution_item .more_link{display:inline-block;width:150px;border:1px solid var(--primary-color);text-decoration:none;color:var(--primary-color);padding:.5rem;text-align:center;font-size:.9rem;font-weight:700;text-transform:uppercase}
.hub-equipment-products .solution_item .more_link:hover{background:var(--secondary-color);color:#fff}
.components_item{height:100%;background-color:#eee;padding:.5rem}
.components_item span{display:block;padding:.5rem 1rem;font-size:.9rem;line-height:1.45}
.split-section{overflow:hidden;background:#f8f9fa;border-top:15px solid var(--primary-color)}
.split-text-col{padding:60px 50px 60px 15px;display:flex;flex-direction:column}
@media (min-width:992px){.split-text-wrapper{max-width:680px;margin-left:auto;margin-right:30px}
}.split-img-col{padding:0;position:relative}
.split-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.profile-text{font-size:1rem;line-height:1.8;color:#555;tmargin-bottom:0}
.cards-section{padding:60px 0;background:#fff}
.history-card{background:#fff;border:1px solid #eee;padding:1.5rem;border-top:4px solid var(--primary-color);height:100%;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:0.3s;display:flex;flex-direction:column;position:relative}
.history-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.card-icon-wrap{color:var(--primary-color);position:absolute;font-size:1.5rem;left:2rem;top:1rem}
.history-card  h5{padding-left:3rem}
.card-text{font-size:0.95rem;line-height:1.7;color:#666;flex-grow:1}
.equip-section{background-color:var(--secondary-color);color:#fff;padding:80px 0;position:relative}
.equip-content{position:relative;z-index:2;text-align:center;max-width:1100px;margin:0 auto}
.equip-text{font-size:1.1rem;line-height:1.8;font-weight:300;margin-bottom:50px}
.equip-gallery-img{width:100%;height:220px;object-fit:cover;border-radius:4px;border:1px solid #444;transition:0.3s}
.equip-gallery-img:hover{border-color:var(--primary-color);transform:scale(1.02)}
.service-section{padding:60px 0;background:#f8f9fa}
.service-card-ref{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.03);display:flex;align-items:flex-start;height:100%;transition:0.3s;border:1px solid transparent}
.service-card-ref:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.08);border-color:var(--primary-color)}
.service-icon-box-ref{flex-shrink:0;width:80px;height:80px;background:#fff5eb;color:var(--primary-color);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.8rem;margin-right:30px}
.service-content-box-ref{flex-grow:1}
.service-title-ref{font-size:1.15rem;font-weight:700;margin-bottom:15px}
.service-desc-ref{font-size:0.95rem;color:#666;line-height:1.7;margin:0}
.cert-section{padding:60px 0;background:#fff}
.cert-item{text-align:center;padding:20px;border:1px dashed #ddd;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:0.3s}
.cert-item:hover{border-color:var(--primary-color);background:#fffbf5}
.cert-img{width:100%;max-width:200px;height:auto;margin-bottom:15px;transition:0.3s}
.cert-name{font-weight:600;color:var(--secondary-color);font-size:0.95rem;margin:0;line-height:1.4}
.quick-links-sec{position:relative;background:linear-gradient(rgba(30,25,20,0.4),rgba(30,25,20,0.9)),url('../images/pro_banner_img_01.jpg');background-size:cover;background-position:center;padding:40px 0;color:#fff;margin-top:-1px}
.ql-border-top,.ql-border-bottom{position:absolute;left:0;width:100%;height:30px;z-index:2;background-repeat:repeat-x;background-size:30px 30px;pointer-events:none}
.ql-border-top{top:-8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0,0 C5,0 5,10 10,10 C15,10 15,0 20,0 L20,10 L0,10 Z' fill='%23ffffff'/%3E%3C/svg%3E");transform:scaleY(-1)}
.ql-item{text-align:center;padding:20px;border-right:1px solid rgba(255,255,255,0.1)}
.ql-item:last-child{border-right:none}
.ql-link{display:block;color:#fff;text-decoration:none;transition:0.3s}
.ql-link:hover{color:var(--primary-color);text-decoration:none;transform:translateY(-5px)}
.ql-icon{font-size:3rem;margin-bottom:20px;display:block;color:#fff;transition:0.3s}
.ql-link:hover .ql-icon{color:var(--primary-color)}
.ql-text{font-family:'Poppins',sans-serif;text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:0.95rem;display:block;margin-bottom:15px;transition:0.3s}
.ql-link:hover .ql-text{color:var(--primary-color)}
.ql-line{width:30px;height:2px;background:#fff;margin:0 auto;transition:0.3s}
.ql-link:hover .ql-line{background:var(--primary-color);width:50px}
.ql-link.active .ql-icon,.ql-link.active .ql-text{color:var(--primary-color)}
.ql-link.active .ql-line{background:var(--primary-color);width:50px}
@media (max-width:991px){.split-text-wrapper{margin:0;padding:20px}
.split-text-col{padding:20px 15px}
.split-img-col{min-height:300px}
.service-card-ref{flex-direction:column;align-items:center;text-align:center;padding:25px}
.service-icon-box-ref{margin-right:0;margin-bottom:20px}
.service-desc-ref{text-align:center}
.ql-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.1)}
.ql-item:last-child{border-bottom:none}
.quick-links-sec{padding:40px 0}
}.page-banner{background:linear-gradient(rgba(61,39,24,0.8),rgba(61,39,24,0.9)),url('../images/history_banner_img.jpg');background-size:cover;background-position:center;padding:60px 0;color:#fff;text-align:center}
.page-banner h2{font-size:2rem;margin-bottom:10px}
.page-banner .h2{font-family:'Poppins';font-size:2rem;margin-bottom:10px;font-weight:700}
.timeline-section{padding:100px 0;position:relative;overflow:hidden}
.timeline-container{max-width:1100px;margin:0 auto;position:relative}
.tl-connector{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);background-image:linear-gradient(to bottom,#ccc 40%,rgba(255,255,255,0) 0%);background-position:right;background-size:4px 25px;background-repeat:repeat-y;z-index:0}
.tl-row{display:flex;align-items:center;justify-content:center;margin-bottom:80px;position:relative;z-index:1}
.tl-row:last-child{margin-bottom:0}
.tl-col-card{width:45%;position:relative}
.tl-col-center{width:10%;display:flex;justify-content:center;align-items:center}
.tl-col-year{width:45%;display:flex;flex-direction:column;justify-content:center}
.tl-card{padding:35px;border-radius:12px;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,0.1);transition:transform 0.3s;position:relative;border:none}
.tl-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}
.tl-card::after{content:'';position:absolute;top:35px;width:0;height:0;border-style:solid}
.tl-text{font-size:1rem;line-height:1.7;color:#fff;margin:0;font-weight:400;opacity:0.95}
.tl-badge{display:inline-block;padding:5px 15px;border-radius:30px;font-size:0.85rem;font-weight:800;text-transform:uppercase;margin-bottom:15px;background:rgba(255,255,255,0.2);color:#fff;border:1px solid rgba(255,255,255,0.4)}
.tl-year-num{font-family:'Poppins',sans-serif;font-weight:900;font-size:4.5rem;line-height:1;letter-spacing:-2px}
.tl-step-label{font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#999;margin-bottom:5px}
.tl-dot{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #ccc;z-index:2;box-shadow:0 0 0 5px #f9f9f9}
.t-brown .tl-card{background:var(--secondary-color)}
.t-brown .tl-year-num{color:var(--secondary-color)}
.t-brown .tl-dot{border-color:var(--secondary-color)}
.tl-row.left.t-brown .tl-card::after{right:-12px;border-width:12px 0 12px 12px;border-color:transparent transparent transparent var(--secondary-color)}
.tl-row.right.t-brown .tl-card::after{left:-12px;border-width:12px 12px 12px 0;border-color:transparent var(--secondary-color) transparent transparent}
.t-orange .tl-card{background:var(--primary-color)}
.t-orange .tl-year-num{color:var(--primary-color)}
.t-orange .tl-dot{border-color:var(--primary-color)}
.tl-row.left.t-orange .tl-card::after{right:-12px;border-width:12px 0 12px 12px;border-color:transparent transparent transparent var(--primary-color)}
.tl-row.right.t-orange .tl-card::after{left:-12px;border-width:12px 12px 12px 0;border-color:transparent var(--primary-color) transparent transparent}
.tl-row.left .tl-col-card{padding-right:30px;text-align:right}
.tl-row.left .tl-col-year{padding-left:50px;align-items:flex-start;text-align:left}
.tl-row.right{flex-direction:row-reverse}
.tl-row.right .tl-col-card{padding-left:30px;text-align:left}
.tl-row.right .tl-col-year{padding-right:50px;align-items:flex-end;text-align:right}
.conclusion-sec{background:#fff;padding:100px 0;text-align:center;border-top:1px solid #eee}
.conclusion-box{max-width:800px;margin:0 auto;border:2px solid var(--primary-color);padding:50px 40px;position:relative;background:#fff}
.conclusion-box::before{content:'“';font-family:serif;font-size:6rem;color:var(--primary-color);position:absolute;top:-50px;left:50%;transform:translateX(-50%);background:#fff;padding:0 20px;line-height:1}
.conclusion-title{font-size:1.8rem;font-weight:700;color:var(--secondary-color);margin-bottom:20px}
.conclusion-text{font-size:1.1rem;line-height:1.8;color:#555}
.exhibition-list{padding:60px 0;background-color:#f4f4f4}
.ex-card{display:flex;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05);transition:0.3s;border:1px solid #e0e0e0;height:280px}
.ex-info{width:35%;padding:30px;display:flex;flex-direction:column;justify-content:center;position:relative;background:#fff}
.ex-info::before,.ex-info::after{content:'';position:absolute;right:-10px;width:20px;height:20px;background:#f4f4f4;border-radius:50%;z-index:2}
.ex-info::before{top:-10px}
.ex-info::after{bottom:-10px}
.ex-date-group{margin-bottom:15px}
.ex-month{display:block;font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:800;color:var(--primary-color);line-height:1;text-transform:uppercase}
.ex-year{font-size:1.2rem;font-weight:600;color:#999;letter-spacing:2px}
.ex-title{font-size:1.4rem;color:var(--secondary-color);margin-bottom:10px;line-height:1.2}
.ex-location{font-size:1rem;color:#555;display:flex;align-items:center;font-weight:600;margin-top:auto}
.ex-location i{color:var(--primary-color);margin-right:8px;font-size:1.2rem}
.ex-gallery{width:65%;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2px;background:#fff}
.ex-img-wrap{width:100%;height:100%;overflow:hidden;position:relative}
.ex-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.ex-img-wrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:0.3s}
@media (max-width:991px){.tl-connector{left:30px;transform:none}
.tl-row{flex-direction:column !important;align-items:flex-start;margin-left:60px;margin-bottom:60px}
.tl-col-card,.tl-col-year{width:100%;padding:0 !important;text-align:left !important;align-items:flex-start !important}
.tl-card{margin-top:20px}
.tl-card::after{top:-10px;left:20px;right:auto;border-width:0 10px 10px 10px}
.t-brown .tl-card::after{border-color:transparent transparent var(--secondary-color) transparent}
.t-orange .tl-card::after{border-color:transparent transparent var(--primary-color) transparent}
.tl-col-year{order:1 !important;flex-direction:row;align-items:baseline;gap:15px}
.tl-year-num{font-size:2.5rem}
.tl-col-center{position:absolute;left:-50px;top:10px;width:auto}
.tl-dot{left:18px}
.ql-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.1)}
}.breadcrumb_bg{background-color:#f4f4f4;padding:.5rem 0;color:#666}
.breadcrumb_bg .breadcrumb{justify-content:start;color:#666;margin-bottom:5px}
.breadcrumb_bg .breadcrumb-item,.breadcrumb_bg .breadcrumb-item a,.breadcrumb_bg .breadcrumb-item + .breadcrumb-item::before{color:#666}
.faq-section{padding:40px 0;background:linear-gradient(to top,#fff,#f0f0f0)}
.faq-category-card{background:#fff;padding:50px;border-radius:4px;box-shadow:0 5px 20px rgba(0,0,0,0.03);margin-bottom:50px;border-top:4px solid var(--primary-color)}
.faq-category-title{font-size:1.6rem;color:var(--primary-color);margin-bottom:40px;display:flex;align-items:center;font-weight:700}
.faq-category-title i{margin-right:12px;opacity:0.8}
.faq-item{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}
.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.faq-question{display:block;font-size:1.15rem;color:var(--secondary-color);margin-bottom:12px;font-weight:700;line-height:1.4;transition:color 0.3s}
.faq-item:hover .faq-question{color:var(--primary-color)}
.faq-answer{font-size:1rem;color:#555;line-height:1.8}
.faq-answer ul{padding-left:18px;margin-top:8px;margin-bottom:0}
.faq-answer li{margin-bottom:5px}
.contact-section{padding:80px 0;background-color:#f8f9fa}
.contact-info-wrap{height:100%;padding-right:30px}
.contact-title{font-size:1.8rem;color:var(--secondary-color);margin-bottom:20px}
.company-name{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:30px}
.info-item{display:flex;margin-bottom:25px;align-items:flex-start}
.info-icon{width:50px;height:50px;background:#fff;border:1px solid #eee;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:20px;flex-shrink:0;box-shadow:0 5px 15px rgba(0,0,0,0.05)}
.info-content h5{font-size:1rem;color:#999;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}
.info-content p,.info-content a{font-size:1.1rem;color:var(--text-dark);line-height:1.5;font-weight:600;text-decoration:none;transition:0.3s}
.info-content a:hover{color:var(--primary-color)}
.contact-form-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.05);border-top:5px solid var(--primary-color)}
.form-header{margin-bottom:30px}
.form-control{height:50px;border-radius:4px;border:1px solid #ddd;background:#fdfdfd;font-size:0.95rem}
.form-control:focus{border-color:var(--primary-color);box-shadow:none;background:#fff}
textarea.form-control{height:150px;padding-top:15px}
.btn-submit{background:var(--primary-color);color:#fff;border:none;padding:12px 40px;font-weight:600;letter-spacing:1px;border-radius:4px;transition:0.3s;text-transform:uppercase}
.btn-submit:hover{background:var(--secondary-color);transform:translateY(-2px)}
.video_page{padding:2rem 0}
#etw_videolist{padding:20px;background-color:#f8f9fa}
.sidebar-title{font-size:1.25rem;font-family:'Poppins';font-weight:700;margin-bottom:5px;color:#333}
#etw_videolist ul li a{color:#555;display:block;padding:.5rem;line-height:1.45;font-size:.9rem;padding-left:1rem}
#etw_videolist ul li a::before{position:absolute;content:"\f22d";font-family:bootstrap-icons !important;left:1rem;opacity:.2}
#etw_videolist ul li a:hover,#etw_videolist ul li a.dq{color:var(--primary-color)}
#etw_videolist .webtitle{font-weight:700;background-color:#ddd;padding:.35rem .5rem;margin-top:.5rem;margin-bottom:0;font-size:1rem}
.video-section{padding:30px 0}
.videos_title{font-size:1.8rem;color:var(--secondary-color);margin:60px 0 30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0;position:relative}
.videos_title::after{content:'';position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:var(--primary-color)}
.featured-split-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.08);border:1px solid #eee;transition:0.3s}
.featured-split-wrapper:hover{box-shadow:0 15px 40px rgba(217,140,54,0.15)}
.featured-left-img{position:relative;height:100%;min-height:350px;overflow:hidden;background:#000}
.f-img{width:100%;height:100%;object-fit:cover;opacity:0.9;transition:0.5s}
.featured-split-wrapper:hover .f-img{opacity:0.7;transform:scale(1.03)}
.f-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#fff;z-index:2;transition:0.3s;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3));cursor:pointer}
.featured-split-wrapper:hover .f-play-btn{color:var(--primary-color);transform:translate(-50%,-50%) scale(1.1)}
.featured-right-text{padding:40px;display:flex;flex-direction:column;justify-content:center;height:100%}
.f-title{font-size:1.42rem;color:var(--secondary-color);margin-bottom:20px}
.f-desc{font-size:1rem;line-height:1.8;margin-bottom:30px}
.btn-watch{align-self:flex-start;background:var(--primary-color);color:#fff;padding:10px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:0.3s;display:inline-flex;align-items:center}
.btn-watch i{margin-left:8px}
.btn-watch:hover{background:var(--secondary-color);color:#fff;text-decoration:none;transform:translateX(5px)}
.video-card{display:block;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:0.3s;height:100%;text-decoration:none;border:1px solid #eee}
.video-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(217,140,54,0.15);border-color:var(--primary-color);text-decoration:none}
.v-thumb-box{position:relative;padding-bottom:56.25%;background:#000;overflow:hidden}
.v-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.9;transition:0.5s}
.video-card:hover .v-img{opacity:0.7;transform:scale(1.05)}
.v-play-mini{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.6);border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;transition:0.3s}
.video-card:hover .v-play-mini{background:var(--primary-color);border-color:var(--primary-color)}
.v-info{padding:15px}
.v-title{font-size:0.95rem;font-weight:600;color:var(--text-dark);margin:0;line-height:1.4;transition:0.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}
.video-card:hover .v-title{color:var(--primary-color)}
.video_img{position:relative}
.sample_img_box{position:absolute;width:150px;height:150px;border-radius:50%;overflow:hidden;bottom:1rem;right:0;border:6px solid #fff}
.benefit-item{display:flex;margin-bottom:30px}
.benefit-icon{width:50px;height:50px;background:#fff5e6;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:20px;flex-shrink:0}
.benefit-text{font-size:1rem;line-height:1.6;color:#555}
.benefit-title{font-weight:700;color:var(--primary-color);display:block;margin-bottom:5px;font-size:1.1rem}
.spec-card{display:flex;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.03);margin-bottom:30px;border:1px solid #eee;transition:0.3s}
.spec-header{width:30%;background:#fdfdfd;padding:30px;display:flex;align-items:center;border-right:1px solid #eee;position:relative}
.spec-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color)}
.spec-title{font-size:1.2rem;color:var(--secondary-color);margin:0;font-weight:700;line-height:1.4}
.spec-title small{display:block;font-size:0.9rem;color:#777;margin-top:8px;font-weight:400}
.spec-body{width:70%;padding:30px;display:flex;flex-direction:column;justify-content:center}
.p-label{font-weight:700;color:var(--primary-color);text-transform:uppercase;font-size:0.8rem;letter-spacing:1px;margin-bottom:5px;display:inline-block;background:rgba(217,140,54,0.1);padding:2px 8px;border-radius:4px}
.p-text{font-size:1rem;line-height:1.6;color:#555;margin-bottom:15px}
.p-text:last-child{margin-bottom:0}
.dropdown{z-index:5}
.etw_pic{margin:0 -8px;display:flex;flex-wrap:wrap}
.etw_pic>*{padding:8px;display:flex;flex-direction:column}
.etw_pic>* .imgbox{width:100%;background-color:#f5f5f5}
.etw_pic>* img{height:auto;display:block;mix-blend-mode:multiply}
.etw_pic>* span{flex:1;text-align:center;display:flex;justify-content:center;padding-top:10px}
.etw_pic_white>* .imgbox{background-color:#fff}
.coating_types_list{display:flex;flex-wrap:wrap;margin:0 -15px}
.coating_types_list>li{display:flex;padding:15px}
.coating_types_list>li>ol{width:100%;display:flex;flex-direction:column;border:1px solid #e9ecef;border-top:3px solid var(--primary-color);border-radius:4px;overflow:hidden;padding:1rem}
.coating_types_list>li>ol>strong{font-size:1.1rem;font-weight:700;margin-bottom:10px;border-bottom:1px dashed #eee;padding-bottom:8px;min-height:40px;display:flex;align-items:center}
.coating_types_list>li>ol>p{font-size:0.9rem;line-height:1.5;margin-bottom:0}
.trexl-intro{font-size:0.95rem;line-height:1.6;margin-bottom:20px}
.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}
.feature-item{font-size:0.95rem;color:var(--text-dark);margin-bottom:12px;padding-left:2rem;position:relative;line-height:1.5;text-align:justify}
.feature-item::before{content:"\F633";display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:900;color:var(--primary-color);position:absolute;left:0;top:3px;font-size:1.25rem}
.divider{height:1px;background-color:#e9ecef;margin:2rem 0;display:flex;overflow:hidden}
.procedure-box{background-color:#fff;border:1px dashed var(--primary-color);padding:15px;border-radius:4px;margin-bottom:20px;font-size:0.9rem;color:#333;line-height:1.6}
.custom-table{width:100%;font-size:0.85rem;border-collapse:collapse;border:1px solid #e9ecef}
.custom-table th,.custom-table td{border:1px solid #e9ecef;padding:10px 12px;vertical-align:middle}
.custom-table th{background-color:#fcfcfc;font-weight:600;color:#333;border-bottom:2px solid var(--primary-color);text-align:center}
.custom-table td{text-align:center}
.custom-table td.text-left{text-align:left}
.highlight-text{color:var(--primary-color);font-weight:bold}
.download-area{padding:25px 35px;text-align:center;border-top:1px solid #e9ecef;background-color:#fcfcfc}
.btn-download{display:inline-block;background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);padding:10px 20px;margin:5px;border-radius:3px;font-size:0.95rem;font-weight:500;text-decoration:none;transition:all 0.2s}
.btn-download:hover{background-color:var(--primary-color);color:#fff;text-decoration:none}
.item_list2 li>ol>li{padding:0;margin-bottom:0}
.item_list2 li>ol>li::before{content:none}
ul.items_nub{counter-reset:nub;display:flex;flex-wrap:wrap;margin:0 -10px}
ul.items_nub li{padding:10px}
ul.items_nub li>span{border-radius:.5rem;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#f8f9fa;position:relative;padding:1rem}
ul.items_nub li>span::before{counter-increment:nub;content:counter(nub) "";color:var(--primary-color);display:flex;align-items:center;justify-content:center;transform:initial;position:absolute;left:-10px;top:-10px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:bold}
.img_bg img{mix-blend-mode:multiply}
.siger-product-card{background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:30px;overflow:hidden;border:1px solid #eee}
.prod-header{background:#ddd;padding:20px 40px;border-bottom:4px solid var(--secondary-color)}
.prod-title{font-size:1.6rem;margin:0;color:var(--primary-color);margin-bottom:1rem}
.prod-subtitle{font-size:1.2rem;margin:0;opacity:0.9;font-weight:400}
.prod-images{padding:30px 40px 0}
.prod-img-placeholder{width:100%;height:300px;object-fit:cover;border-radius:6px;border:1px solid #eee;background:#f0f0f0}
.prod-body{padding:40px}
.scope-box{background:#f8f9fa;border-left:5px solid var(--primary-color);padding:20px;margin-bottom:30px;font-size:1rem;line-height:1.7;color:#444}
.label-bold{font-weight:700;color:var(--secondary-color);text-transform:uppercase;margin-right:5px}
.install-box{background:#eef2f5;padding:20px;border-radius:6px;margin-bottom:30px}
.install-title{font-size:1.1rem;color:var(--secondary-color);border-bottom:1px solid #ccc;padding-bottom:8px;margin-bottom:12px}
.install-list{list-style:none;padding:0;margin:0}
.install-list li{margin-bottom:8px;font-size:0.95rem;display:flex}
.install-list li::before{content:"·";font-weight:bold;margin-right:8px;color:var(--primary-color);font-size:1.5rem;line-height:1rem}
.feature-title{font-size:1.5rem;color:var(--secondary-color);margin-bottom:20px;border-left:5px solid var(--secondary-color);padding-left:15px}
.feature-list{list-style:none;padding:0;margin-bottom:10px}
.feature-list li{position:relative;padding-left:25px;margin-bottom:12px;line-height:1.6;color:#333}
.feature-list li::before{content:'\F26B';font-family:'bootstrap-icons';position:absolute;left:0;top:2px;color:var(--primary-color)}
.nested-list{list-style:none;padding-left:20px;margin-top:5px;color:#555}
.nested-list li::before{content:'Ø';font-family:sans-serif;font-size:0.8rem;margin-right:5px;color:#777;top:0;position:static}
.tech-table-wrap{overflow-x:auto}
.tech-table{width:100%;border-collapse:collapse;margin-top:10px}
.tech-table th,.tech-table td{padding:15px;border:1px solid #ddd;text-align:left}
.tech-table th{background:#333;color:#fff;width:40%;font-weight:600;text-transform:uppercase;font-size:0.9rem}
.tech-table tr:nth-child(even){background-color:#f9f9f9}
.tech-table td{color:#333;font-weight:500}
@media (max-width:768px){.prod-header,.prod-images,.prod-body{padding:20px}
.prod-img-placeholder{height:auto;margin-bottom:15px}
}.our-products-section{padding:60px 0;background-color:#f9f9f9}
.op-header{margin-bottom:40px}
.op-header .h2{font-size:1.8rem;color:#333;font-weight:700;margin-bottom:10px}
.op-header-line{width:50px;height:4px;background:#d98c36}
.op-card{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.08);margin-bottom:30px;transition:transform 0.3s;border:none;height:100%}
.op-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(217,140,54,0.15)}
.op-row{display:flex;flex-wrap:wrap;height:100%;margin-left:0;margin-right:0}
.op-img-wrap{padding:0;position:relative;min-height:350px;overflow:hidden}
.op-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 0.6s}
.op-card:hover .op-img{transform:scale(1.08)}
.op-text-wrap{padding:20px !important;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.op-cat{font-size:0.8rem;font-weight:700;color:#d98c36;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}
.op-head{font-family:'Poppins',sans-serif;font-size:1.25rem;font-weight:700;color:#222;margin-bottom:20px;line-height:1.2}
.op-desc{font-size:0.95rem;color:#666;line-height:1.7;flex-grow:1}
.op-btn{background-color:#d98c36;color:#fff;padding:12px 30px;font-weight:600;text-decoration:none;text-transform:uppercase;font-size:0.9rem;border:none;transition:0.3s;display:inline-flex;align-items:center}
.op-btn:hover{background-color:#4a2c1d;color:#fff;text-decoration:none}
.op-btn i{margin-left:8px}
@media (max-width:991px){.op-img-wrap{height:250px;min-height:auto}
.op-text-wrap{padding:15px !important}
}footer{background-color:var(--secondary-color);color:#fff;padding:80px 0 30px 0;position:relative;overflow:hidden}
.footer-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E")}
footer h5{color:var(--primary-color);margin-bottom:25px;font-size:1.2rem;text-transform:uppercase;border-left:3px solid var(--primary-color);padding-left:10px}
footer ul li{margin-bottom:12px}
footer ul li a{color:#ccc;text-decoration:none;transition:0.3s;display:inline-block}
footer ul li a:hover{color:var(--primary-color);transform:translateX(5px)}
.contact-info li{display:flex;align-items:flex-start;margin-bottom:15px;color:#ccc}
.contact-info i{color:var(--primary-color);margin-right:12px;font-size:1.2rem;margin-top:-2px}
.copyright{border-top:1px solid rgba(255,255,255,0.1);margin-top:50px;padding-top:20px;text-align:center;font-size:0.9rem;color:#888;position:relative;z-index:1}
#otherlink a{color:#fff;opacity:.5;font-size:.8rem;margin:0 8px}
@media (max-width:991.98px){.section-padding{padding:30px 0}
.solution-section{padding:30px 0}
.carousel-item{height:450px}
.carousel-caption h1{font-size:2.2rem}
.carousel-caption h2{font-size:1.1rem}
.experience-badge{right:0;bottom:0}
}@media (max-width:1119.98px){.navbar-expand-lg .navbar-nav .nav-link{padding:1.25rem 1rem;font-size:.9rem}
}@media (max-width:991.98px){body{padding-top:0}
#header{position:relative;min-height:inherit;display:block;padding-bottom:0;background-color:#fff}
#container{margin:0 auto;padding-top:76px}
#header::before{height:2px}
.top-nav .navbar{float:left;width:100%}
.nav-item span.pro_icon{display:block}
.navbar-light .navbar-toggler{color:#333;font-size:2.5rem;border:none !important;padding:.5rem 0.75rem;position:relative;z-index:1;margin-top:0.7rem}
.top-nav{width:100%;padding-left:0;margin-top:0;background-color:#eee;padding:0}
.navbar-expand-lg .navbar-nav .nav-link{padding:0.6rem 0.5rem;border-right:none;font-size:1.1rem;border-bottom:1px solid #666;color:#333;text-transform:none}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before{display:none}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a{font-size:1rem}
.navbar{padding:0}
.dropdown-item{white-space:normal;padding-top:0.5rem;font-size:14px}
.dropdown-toggle::after{display:none}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link{border-radius:0;color:#fff !important;background-color:var(--primary-color)}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{border-radius:0;color:#fff;background-color:var(--primary-color)}
.top-nav{width:100%;float:left;background:#fff;margin:0;display:block;padding:0 !important}
.navbar-nav .dropdown-menu{background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;left:0!important;top:0!important;margin-left:0!important;min-width:auto!important}
.navbar-light .navbar-nav .nav-link:focus span.pro_icon,.navbar-light .navbar-nav .nav-link:hover span.pro_icon,.navbar-light .navbar-nav .active .nav-link span.pro_icon,.navbar-light .navbar-nav .show .nav-link span.pro_icon{color:#fff}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-bottom:none}
.navbar-light .navbar-nav .nav-item:last-child a.nav-link{background:0;color:#333 !important;padding:0.6rem 0.5rem;font-size:1.2rem}
.navbar-light .navbar-nav .video_item .nav-link::after{display:none}
.navbar-light .navbar-nav .nav-item:last-child .nav-link:focus,.navbar-light .navbar-nav .nav-item:last-child .nav-link:hover,.navbar-light .navbar-nav .nav-item:last-child.active .nav-link{border-radius:0;color:#fff !important;background-color:var(--primary-color)}
.etw_language{background:none;width:auto;padding-top:.5rem;display:block;float:right;height:auto;z-index:9}
.etw_language > ul{position:relative;float:right;font-size:1rem;border-radius:8px}
.etw_language > ul > li span{cursor:pointer;float:left;padding:.8rem 1rem}
.etw_language ul ul{display:none;position:absolute;top:100%;left:-1rem;padding:0;background-color:#eee;min-width:100px;border-radius:10px}
.etw_language ul ul a{display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333}
#etw_language .dropdown-item{color:#333;padding:0.2rem 0 0 1.5rem}
#etw_language .dropdown-item:hover{color:#8f99a5}
.etw_language ul li:hover > ul{display:block}
.etw_language .dropdown-item{min-width:100px}
.etw_language #etw_language{float:none;margin-top:0;height:auto}
.etw_language #etw_language a{line-height:1.5rem;width:100%}
.etw_language #etw_language a:hover{color:#004680 !important}
#etw_language .dropdown-item::before{display:none}
#etw_language .dropdown-item img{display:none}
#etw_logo{margin-top:.8rem;margin-bottom:0.5rem}
.navbar-light .navbar-nav .nav-item:last-child a.nav-link{position:relative;right:inherit;bottom:inherit;text-align:left}
#homeCarousel,.home_case_content,.breadcrumb_bg{display:none}
.h2,h2,.contact-info-col h3{font-size:1.5rem}
.about_content .about_left_des{padding:0;}
.about_content{ background: none;}
.hero-pro-banner{position:inherit;background:var(--secondary-color);padding:2rem 0}
.hero-pro-banner::before,.app-split,.tl-row.right.t-orange .tl-card::after,.tl-row.left.t-brown .tl-card::after{display:none}
.about_banner{height:auto}
.cta-text-content{margin-left:0;padding:0}
.cta-abs-img-wrap,.cta-ref-card::before,.breadcrumb{display:none}
.cta-ref-title{font-size:1.4rem}
footer{padding:2rem 0}
.product-main-title{margin-top:1.5rem}
.structural_details{padding:1rem}
.hub-equipment-products .solution_item{width:100%;padding:1.5rem}
.op-header .h2{font-size:1.5rem}
.our-products-section{padding:30px 0}
.hub-equipment-products .solution_item{background:none;padding:0}
.hub-equipment-products .solution_item .pro_img{margin-bottom:1rem}
.hub-equipment-products .solution_item .pro_img img{width:100%}
.equip-section,.cards-section,.timeline-section,.exhibition-list,.contact-section{padding:30px 0}
.faq-category-card{padding:10px}
.contact-title{font-size:1.4rem}
.featured-right-text{padding:1rem}
#etw_videolist ul{display:flex;flex-wrap:wrap}
#etw_videolist ul li{width:49%;margin-right:2%}
#etw_videolist ul li:nth-child(2n){margin-right:0}
.solution-section{background: none;}
}@media (max-width:780.98px){.ex-card{flex-wrap:wrap;height:auto}
.ex-info,.ex-gallery{width:100%}
.ex-info{flex-direction:row;justify-content:space-between}
.ex-location{margin-top:inherit;align-items:flex-start}
.ex-month{font-size:1.42rem}
.ex-title{font-size:1.1rem}
}@media (max-width:480.98px){.more-prods-section2 .more-grid-item{flex:0 0 100%;max-width:100%}
.more-grid-img img{width:100%}
.nested-list{padding-left:0}
.nested-list li{padding-left:5px}
.ex-info{flex-direction:column}
.ex-location{margin-top:inherit;align-items:flex-start}
#etw_videolist ul li{margin-right:0;width:100%}
}
.original-link{cursor: default;}