@charset "utf-8";
/* CSS Document */
/*----------
About US
----------*/
/*Company Profile*/
#company-profile{ padding-top:4rem;}
#company-profile .ny-title{ padding-bottom:6rem; color:var(--web-theme-color);}
#company-profile .ny-title h3{ font-weight:bold; color:var(--web-theme-color-black);}
#company-profile .ny-title h2{ line-height:1.8em;}
#company-profile p,#company-profile  ul li{color:var(--web-theme-color-gray);}
#company-profile  ul{ padding:2rem 0;}
#company-profile  ul b{ display:block; padding-bottom:1rem; font-size:1.8rem;}
/*Company Profile Info*/
#about-gl{ background:url(../images/about/company.webp) no-repeat; background-size:cover; overflow:hidden; padding:10rem 0;}
#about-gl .sy-container{  position:relative;}
#about-gl h2{color:var(--web-theme-color-white);}
#about-gl h2 span:first-child{color:var(--web-theme-color);}
#about-gl h2 span:last-child{color:var(--web-theme-color-yellow);}
#about-gl .wrap-flex{justify-content: center;}
.about-glimg{ position:absolute; left:29rem; top:0; right:0; bottom:0;  display: -webkit-flex; display: flex;justify-content: center;align-items: center}
.about-glimg img{  width:14rem;}
.company-overiew,.company-info{ background-color:rgba(0,0,0,.3); border:#5c6271 solid 1px;}
.company-overiew{flex:0 0 60%; padding:8rem;}
.company-info{flex:0 0 40%; color:rgba(255,255,255,.4); }
.company-overiew h3{ padding:3rem 0; color:rgba(255,255,255,.6);}
.company-overiew p{  color:rgba(255,255,255,.6); }
.company-overiew .com-line{ width:6rem; height:3px; margin-bottom:4rem;}
#about-gl .company-overiew  .info-arrow{ display:inline-block; width:50px; height:50px; border:var(--web-theme-color-white) solid 1px; color:var(--web-theme-color-white); }
#about-gl .company-overiew  .info-arrow i{ display:inline-block; padding-top:1.4rem; padding-left:1.5rem;  color:var(--web-theme-color-white);   -ms-transform: rotate(-40deg);transform: rotate(-40deg); -webkit-text-stroke: 1px var(--web-theme-color-white);}
#about-gl .grid{ grid-template-columns:repeat(2,1fr)}
.company-info-content{ padding:8rem; background-color:rgba(0,0,0,.3); border:#5c6271 solid 1px;  color:var(--web-theme-color-white);}
.company-info-content-title{ display: -webkit-flex;  display: flex; text-align:center; font-size:5rem; font-weight:bold; line-height:1.2em;}
.company-info-content-title span{ display:block; padding-top:1rem; margin-left:8px; font-size:1.8rem; font-weight:normal;vertical-align:text-bottom;}
.company-info-content p{ color:rgba(255,255,255,1); }
/*----------
Products Series
----------*/
#product-catalog{ padding-top:10rem; padding-bottom:24rem; overflow:hidden;}
#product-catalog .grid{grid-template-columns:repeat(3,1fr); grid-column-gap:4rem;  margin-top:6rem;}
#product-catalog .grid a{ position:relative;}
#product-catalog .grid a:hover p,#product-catalog .grid a:hover h3{color:var(--web-theme-color-yellow);}
#product-catalog .grid a:hover .info-arrow{ background-color:var(--web-theme-color-black); border:none;}
#product-catalog .grid a:hover .info-arrow i{color:var(--web-theme-color);}
#company-profile  ul b{ display:block; padding-bottom:1rem; font-size:14px;}
.product-series-infobg { overflow:hidden;  border-radius:20px; }
.product-series-infobg img{transition: all .3s ease-in-out; }
#product-catalog .grid a:hover .product-series-infobg img{-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.product-series-info{ position:absolute; left:0; bottom:0; top:26rem; right:2rem; display: -webkit-flex; display: flex; align-items: center; }
.product-series-info-content{ padding-top:6rem; }
.product-series-info-content h3,.product-series-info-content p{padding-left:2rem; color:var(--web-theme-color-white); }
.product-series-info-content h3{ font-size:2.4rem; white-space:nowrap;}
.product-series-info-content p{  padding-top:2rem; line-height:1.4em; }
@media screen and (max-width: 1023px) {	
/*Company Overiew*/
#company-profile .ny-title{ padding-bottom:1.2rem;}
#about-gl .wrap-flex{  flex-direction: column; justify-content: center;}
.about-glimg{ position:absolute; left:0; top:-37rem; right:0; bottom:0;}
.about-glimg img{  width:8rem;}
.company-overiew{flex:1; padding:4rem;}
.company-info{flex:1; }
#about-gl .company-overiew h3{ padding:1.4rem 0; }
.company-overiew .com-line{ margin-bottom:2rem;}
.company-overiew p{ width:100%;}
#company-profile  ul li{ font-size:14px; line-height:1.8em;}
#company-profile  ul b{ display:block; padding-bottom:1rem; font-size:2rem; }
#about-gl .company-overiew  .info-arrow{ display:inline-block; width:35px; height:35px;}
#about-gl .company-overiew  .info-arrow i{ display:inline-block; font-size:1.7rem; padding-top:1.2rem; padding-left:1.2rem; }
#about-gl .grid{ grid-template-columns:1fr;}
.company-info-content{ padding:6rem; }
/*Products Series*/
#product-catalog{ padding-top:4rem; padding-bottom:12rem;}
#product-catalog .ny-title p{ padding-top:1rem;}
#product-catalog .grid{grid-template-columns:1fr; grid-column-gap:0; grid-row-gap:14rem; margin-top:4rem;}
#product-catalog .grid a:nth-child(2){ margin-top:1rem;}
.product-series-info-content{ padding-top:0rem; }
.product-series-info-contentimg{ width:80%;}
.product-series-info-content p{  padding-top:1rem; line-height:1.4em; }
}