@font-face {font-family: 'Yantramanav';src: url('/plugins/fonts/Yantramanav/Yantramanav-400.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: 'Yantramanav';src: url('/plugins/fonts/Yantramanav/Yantramanav-500.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap}
@font-face {font-family: "Yantramanav";src: url("/plugins/fonts/Yantramanav/Yantramanav-700.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap}
:root {
    /*default: 16px #333 1.6*/
    --body-font-family: Yantramanav;
    --body-font-size: 16px;
    --body-color: #333;
    --body-line-height: 1.7;
    --title-font-family: Yantramanav;
    --main-color: #e95711;
    --sub-color: #E60213;
    --banner-bg-color: #F7F7F7;
    --inquiry-control-border-color: #ddd;
    --inquiry-control-bg-color: #fff;
    --inquiry-btn-bg-color: #009fe3;
    --video-play-color: #b2b3b7;
    --param-width: 150px;
    --param-padding: 8px;
    --param-color: #777;
    --cart-btn-grow: 1;
}
a{color:#555;}
a:hover{color:var(--main-color)}
.container-xl {max-width: 1360px}
.main-container{ padding:60px 0}
@media(max-width:768px) {
    .main-container{ padding: 40px 0;}
}
.search-group{max-width:200px}
.search-group .form-control{border-radius: 8px 0 0 8px;background: #f2f2f2;padding: .25rem .75rem;height: auto;font-size:0.75rem}
.search-group .btn {border: 1px solid transparent;border-radius: 0 8px 8px 0;color: #fff;background: var(--main-color);padding: .25rem .5rem;line-height: 1;}

.form-feedback .feedback-result{ font-weight: 500;}
.form-feedback .btn{margin-right: 30px;}

/*#region navbar&top*/
.header{ position: relative;z-index: 1021;top: 0;padding:5px 0;background: #F6f6f6;color: #555;font-size:14px;}
.header a{color:#555}
.header a:hover{ color: var(--main-color);}
.header span{ display: flex;align-items: center;line-height: 1;}
.header .way .icon{ margin-right: 0.25rem;font-size: 15px;}
.header .split{ margin: 0 12px;}

.lang{margin-left:10px;}
.lang img{ margin-right: 5px;}
.lang .dropdown-toggle{ padding: 6px 0;background: transparent;border: 0;}

.navbar{top: 0;border-bottom: 1px solid #f2f2f2;background:#fff}
.navbar-brand{ padding: 12px 0;}
.navbar-brand>.img-fluid{ max-height: 60px;margin-right: 0;}
.navbar .nav-link{padding: 0.5rem 2rem;text-transform: uppercase;color:#444;font-size: 17px;font-weight: 600;transition: color ease 0.2s;}
.navbar .nav-link:hover,.navbar .nav-link.active,.navbar .nav-item.active .nav-link,.navbar-nav .dropdown-item:hover{ color: var(--main-color);}
.navbar-nav .nav-link:before{content: "/";color: #1367AF;left: 0;position: absolute;}
.navbar-nav .nav-item:first-child .nav-link:before{ display: none;}
.navbar .dropdown-item{font-size:16px;}
@media(max-width:1200px) {
    .navbar-nav .nav-link{ padding: 0.5rem 1rem;}
    .navbar-nav .nav-link:before{ content: none;}
    .navbar-collapse{border-top:1px solid #f2f2f2}
    .navbar-nav .dropdown-menu{ width: 100%;background: transparent;}
    .navbar-nav .dropdown-item,.navbar .nav-link{ text-align: center;justify-content: center;padding:0.75rem 1rem;}
}

/*#region banner*/
.banner .overlay{ background: rgba(0,0,0,0.2)}
.banner-nav{ display: flex;height: 330px;color: #fff;align-items: center;justify-content: center;}
.banner-nav .title{ font-family: var(--title-font-family);text-transform: uppercase;font-weight: 700;font-size: 36px;}
.banner-nav .title::after {content: "";display: block;width: 70px;height: 2px;background: var(--main-color);margin: 4px auto 0;}
@media(max-width: 576px) {
    .banner-nav{height:180px}
    .banner-nav .title{font-size:1.5rem}
}
/*#endregion*/
/*#region page-title & page-summary*/
.page-title{line-height: 1;padding: 20px 0;background: #F7F7F7;}
.breadcrumb{ text-transform: uppercase;font-size: 14px;}
.breadcrumb::before {font-family: cmsfont;content: "\f015";margin-right: 8px;}

.sub-title{ font-family: var(--title-font-family);font-size: 26px;margin-bottom: 30px;}

.shrink-wrapper{ margin-bottom: 30px;}
.shrink-wrapper .text{position: relative;overflow: hidden;text-overflow: ellipsis;transition: height .2s;margin-bottom: 5px;color:#666}
.shrink-wrapper .text:after {position: absolute;display: block;content: "";left: 0;right: 0;bottom: 0;height: 30px;background: linear-gradient(0deg,#fff 0,rgba(0,0,0,0));opacity: 1;transition: opacity .2s;}
.shrink-wrapper .text.expand{ max-height: 100% !important;text-overflow: unset;}
.shrink-btn{ background: transparent;border-width: 0;font-size: 14px;text-transform: uppercase;color: var(--main-color);min-width: 80px;text-align: left;}
.shrink-btn:before{ display: inline-flex;font-family: CmsFont;content: "\f10b";margin-right: 5px;transition: transform .2s ease-in-out;}
.shrink-btn.expand:before{transform: rotate(-180deg)}

/*#region row&col item*/
.article-row{margin-bottom:40px;background:#f8f8f8;border: 1px solid #f8f8f8;}
.article-row .thumbnail:hover:before{ opacity: 0.05;}
.article-row .entry-wrapper{padding: 0 20px;}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-meta span{font-size: 1.5rem;font-weight: 600;color: #009fe3;}
.article-row .entry-title{ font-family: var(--title-font-family);font-weight: 600;font-size: 20px;margin-bottom:15px;}
.article-row .entry-title a{color:#333;}
.article-row .entry-text{ color: #555;}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 15px;}
    .article-row .entry-title{ font-size: 20px;}
    .article-row .entry-text{font-size:14px;}
}

.article-col{margin-bottom:30px;background:#f8f8f8}
.article-col:hover .thumbnail:before{ opacity: 0.1;}
.article-col .entry-wrapper{ padding: 25px 15px;}
.article-col .entry-meta{ padding-bottom:10px;color: var(--sub-color);font-size:14px;display:block}
.article-col .entry-title{font-family: var(--title-font-family); font-size:18px;font-weight: 600;margin-bottom: 12px;}
.article-col .entry-title a{color:#333;transition:color ease 0.3s}
.article-col .entry-title:hover a{color:var(--main-color)}
.article-col .entry-text{font-size: 15px;line-height: 1.45;color: #666;}

.product-col{ margin-bottom: 25px;border: 1px solid #f2f2f2;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: box-shadow ease 0.4s;}
.product-col:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.product-col .entry-wrapper{ padding: 14px 8px;flex-grow: 1;background: #fafafa}
.product-col .entry-title{display: block;margin: 0;text-align: center;font-size:15px;line-height: 1.4;color: #555;}

.pic-col{ margin-bottom: 1.25rem;border: 1px solid #f2f2f2;}
.pic-col .entry-wrapper{margin: 0;padding: 0.875rem 0.75rem;text-align: center;background:#f6f6f6}
.pic-col .entry-title{ margin: 0;font-size:16px;}

.video-col{margin-bottom:1.25rem;}
.video-col .entry-wrapper{padding: 0.875rem 0.75rem;background: #666666;color:#fff;}
.video-col .entry-title{ margin: 0;font-size:16px;text-align: center;}

.faq-row{ margin-bottom: 0;}
.faq-row .entry-title{display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer;padding: 15px 10px;border-bottom:1px solid #B2B3B7;font-size:16px;font-weight:600;transition: all ease 0.2s;}
.faq-row .entry-title::after{font-family: CmsFont;content: "\f0d7";margin-left:8px;font-size:16px;font-weight:normal;color:#777;transition:all ease 0.2s;}
.faq-row .entry-title.collapsed::after{transform: rotate(-180deg);}
.faq-row .entry-wrapper{ padding: 15px;color: #777;}
.faq-row .entry-wrapper img{ max-width: 100%;}
@media(max-width:768px) {
    .faq-row .entry-title{font-size:1rem;}
}
/*#endregion*/
/*#region sidebar*/
.sidebar { top: 70px;}
.widget{ z-index: 1019;margin-bottom: 20px;padding: 15px;background: #F7F9FA;border: 1px solid #f2f2f2;}
.widget-header{ margin-bottom: 20px;border-bottom:1px solid #eee}
.widget-header .title{position:relative;font-family:var(--title-font-family);font-size:25px;font-weight:600;color:#444;margin: 0;padding:12px 0;}
.widget-header .title:after{position:absolute;bottom:0;content:"";display:block;width:80px;height:2px;background:var(--main-color);}
.widget-colapse{ padding: 15px;}
.widget-collapse .menu-item{border-bottom:solid 1px #eee;}
.widget-collapse .menu-link{ padding: 12px 0px;color:#444;}
.widget-collapse .sub-menu .menu-link{ padding-left: 20px;}
.widget-collapse .third-menu .menu-link{ padding-left: 28px;}
.widget-collapse .menu-link:hover{color:#002A53}
.widget-collapse .menu-item.active .menu-link{color:var(--main-color)}
.widget-collapse .drop:after{ font-family: cmsfont;content: "\f107";transition: transform .2s ease-in-out;color: #666;}
.widget-collapse .drop.collapsed:after{transform: rotate(-180deg);}
@media(max-width:768px) {
    .sidebar{margin-top:30px;}
    .widget-header{ margin-bottom: 15px;}
}

.media-article{ display:flex;;align-items:flex-start;margin-bottom: 1.25rem;}
.media-article img{ max-width: 75px;margin-right: 12px;}
.media-article .post-title{ font-size:14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-article .post-title a{ transition: color ease 0.2s;}
.media-article .post-title a:hover{color:#C42729}
.media-article time{ font-size: 0.875rem;color:#8c95a2}
@media(max-width:992px) {
    .media-article img{max-width:90px}
}
.media-product{ display:flex;;margin-bottom: 1.25rem;}
.media-product img{ max-width: 85px;margin-right: 12px;border:1px solid #f2f2f2;}
.media-product .post-title{font-size: 14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-product .post-title a{ transition: color ease 0.2s;}
.media-product .post-title a:hover{color:#C42729}
.media-product p{font-size:14px;color:#8395a2;margin-bottom:0;}
@media(max-width:992px) {
    .media-product img{max-width:90px}
}
/*#endregion*/

/*#region category index & cateogyr summary*/
.category-wrapper{}
.category-title{padding:18px 15px;;background: #f2f2f2;margin-bottom: 1.5em;}
.category-title h3{ font-family: var(--title-font-family);font-weight: 600;font-size: 20px;margin-bottom: 0;}
.category-title h3 a{color:var(--main-color)}
.category-wrapper .more{ text-transform: uppercase;color:var(--sub-color);font-weight: 500;}
@media(max-width:768px){
    .category-title h3{font-size:16px;}
}
/*#endregion*/

/*#region content wrapper*/
.article-head {text-align: center;}
.article-title{font-family: var(--title-font-family);color: #333;font-size: 24px;font-weight: 600;}
.article-head .summary {padding-bottom: 20px;margin: 10px 0 30px;font-size: 14px;color: #777;border-bottom: 1px solid #e0e4e6;}
.article-head .summary span{ padding: 0 8px;}

.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper.content h2,.content-wrapper.content h3{font-size:20px;font-weight:600;color:#000;}
.content-wrapper.content h3{font-size:18px;}
.content-wrapper table {margin-bottom: 1rem;}
.content-wrapper table th,.content-wrapper table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/
.content-wrapper .nav-tabs {background:#FAFCFF;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;border-top: solid 2px var(--main-color) !important;}

.content-wrapper.product{border:1px solid #e9eef4}
.content-wrapper.product .content{padding: 1.5rem 1rem;}

/*#region attachment*/
.attach-item{ display: flex;justify-content: space-between;align-items: center;padding: 12px;border: 1px solid #f0f0f0;margin-bottom: 20px;}
.attach-item strong{ color: var(--main-color);font-size: 16px;}
.attach-item .summary{ font-size: 14px;color: #555;}
.attach-item .detail{ font-size: 14px;color: #999;margin-top: 8px;}
.attach-link{ flex-shrink: 0;border: 1px solid #DCDFE6;font-size: 14px;margin-left: 15px;padding: 10px 15px;transition: background-color ease 0.2s;min-width: 80px;}
.attach-link:before{ font-family: CmsFont;content: "\f019";margin-right: 5px;}
.attach-link:hover{border-color: #c6e2ff;background: #ecf5ff;color:#409EFF}
/*#endregion*/

.post-nav{display: flex;justify-content: space-between;padding: 15px 20px;margin-bottom: 30px;background: #f2f2f2;line-height:1.5;font-size:14px;border-radius: 5px;}
.post-nav span{ font-weight: 600;}
.post-nav a:hover{color:var(--main-color)}
@media(max-width:768px){
    .post-nav{flex-direction: column}
    .post-nav .next{ margin-top: 8px;}
}

.layout-wrapper{ background: #fafafa;padding:30px 16px;border: 1px solid #f5f5f5;}
.layout-wrapper .title{ position: relative;font-family: var(--title-font-family);font-size:32px;font-weight: 600;margin-bottom: 25px;padding-bottom: 15px;}
.layout-wrapper .title:after{ position: absolute;bottom: 0;display: block;content: "";width: 70px;height: 3px;background: var(--sub-color);}
.layout-wrapper .btn{font-size:16px;line-height:1}

.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}

/*#region content-head-container*/
.product-head { margin-bottom: 1.5rem;background:#fff}
.product-head .title {font-family: var(--title-font-family);font-size: 20px;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom:0}
.product-thumb{max-width:700px!important;max-height:700px!important}
.product-head .product-summary{color: #888;padding:15px 6px;font-size: 14px;border-bottom: 1px solid #ddd;}
.product-head .product-summary p{margin-bottom:0}
.product-head .product-param{padding:10px 0}
.product-head .product-param dt{font-weight:600}
.btn-inquiry{ background: var(--main-color);color:#fff;flex-grow: 1;min-width: 200px;}
.btn-addtocart{ background: #e8b62d;color: #fff;}
.product-head .social{margin-top:30px}
/*#endregion*/

/*#region footer*/
footer {padding-top: 60px;background: #404040;color:#ddd;}
footer .summary{max-width:250px}
footer a{ color: #ddd;transition: all ease 0.2s;}
footer .container-xl  [class*="col-"]{margin-bottom:35px;}
footer .title{position: relative;font-family: var(--title-font-family);font-size: 18px;margin-bottom:15px;font-weight: 600;color: #f2f2f2;}
footer a:hover{ color: var(--main-color);}
footer .contact li{margin:10px 0 0;}
footer .contact a{font-size:18px}
footer .category{ margin-bottom: 0;}
footer .category li{ padding: 3px 0;}
footer .category a:before{font-family: CmsFont;content: "\f112";margin-right:5px;}
footer .footer-bottom{text-align: center;padding-top:15px;padding-bottom:15px;color: #fff;background: #333333;color: #e9e9e9;font-size:14px}

/*#endregion*/
/*#region company page*/
.company-wrapper { margin-bottom: 40px;line-height: 1.8;color: #555;}
.company-wrapper .title {font-family: var(--title-font-family);font-size: 2rem;text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.company-wrapper .title:after{display: block;content: "";margin-top: 10px;width:70px;height:3px;background: var(--sub-color);border-radius:2px;}

.company-features{padding:60px 0 80px}
.company-features .title {font-size:48px;color:#121c24;font-weight: 700;margin-bottom:59px;}
.company-features .choose-row{background:#fff;border:1px solid #e8e8e9;border-bottom:4px solid var(--main-color);padding:38px 50px 47px 29px;transition:all 0.3s;color:#565969;}
.choose-row .entry-wrapper{padding-left:29px}
.choose-row .entry-title{color:#121c24;font-size:21px;font-weight:700;margin-bottom:10px}
.choose-row .entry-text{font-size:18px;line-height:1.5}
.company-features .swiper{max-width:1200px;margin:initial}
.company-features .swiper-wrapper{padding-bottom:100px}
.company-features .swiper-slide-active .choose-row,.company-features .choose-row:hover{box-shadow:0 10px 20px 0 rgb(34 54 92 / 50%);background:#000;border-bottom:none;color:#fff}
.company-features .swiper-slide-active .choose-row .entry-title,.company-features .choose-row:hover .entry-title{color:#fff}
.company-features .swiper-pagination{display:flex;align-items:center;justify-content:center;}
.company-features .swiper-pagination-bullet{background:#000;opacity:1;width:7px;height:7px;}
.company-features .swiper-pagination-bullet-active{height:11px;width:11px}
@media(max-width:768px){
    .company-features{padding:50px 0}
    .company-features .title{font-size:32px;margin-bottom:30px}
    .company-features .choose-row{padding:25px 15px}
    .choose-row .entry-wrapper{padding:20px 10px}
    .company-features .swiper-wrapper{padding-bottom:60px}
}

.contact-wrapper{text-align:center;padding-bottom: 40px;}
.contact-wrapper a{transition:color ease 0.3s}
.contact-wrapper .box{padding:20px;}
.contact-wrapper .box p{color:#555}
.contact-wrapper .icon{font-size:40px;margin-bottom:30px;display:block;color:var(--main-color)}
.contact-wrapper .entry-title{font-family:var(--title-font-family);font-weight:600;font-size:1.5rem;margin-bottom:20px;color:#333;}
.contact-wrapper .primary{ color: #222;font-size: 16px;font-weight: 600}
@media(max-width:768px){
    .contact-wrapper .box{ border-bottom: 1px solid #e6e6e6;}
    .contact-wrapper .entry-title{margin-bottom:15px;}
}

/*#endregion*/
/*#region contact page*/
.inquiry-wrapper{padding: 30px 0;border:5px solid #d3d3d3; margin-bottom: 50px;}
.inquiry-wrapper p{ line-height: 1.8;color: #555;margin-bottom:20px;max-width:800px}
.inquiry-wrapper .title{font-family: var(--title-font-family);color: #333;font-size:32px;font-weight:700;text-transform: capitalize;}
.inquiry-wrapper .title:after{display:block;content:"";width:70px;height:3px;background:var(--main-color);margin:10px 0 15px;}
.inquiry-wrapper .form-feedback .btn{font-size:16px;padding:10px 0 8px;margin:10px 0 0 0;max-width:100%}

.service-wrapper{padding:0 0 40px}
.service-wrapper h2,.factory-wrapper h2{font-size:21px;margin-bottom:25px;color:#000;font-weight:600;text-align:center}
.service-wrapper .entry-wrapper{background:#f3f8fa;padding:25px 15px;box-shadow:0 3px 15px 0px rgb(0 0 0 / 12%);-webkit-box-shadow:0 3px 15px 0px rgb(0 0 0 / 12%);text-align:center}
.service-wrapper .entry-wrapper h3{font-size:16px;margin:20px 0 0 0;color:#666}

.factory-wrapper{padding:40px 0 0}
.factory-wrapper .factory-col{border:solid 1px #e5e5e5;text-align:center;}
.factory-wrapper .factory-col img{transform:scale(1)}
.factory-wrapper .factory-col .entry-title{margin:10px 0;color:#414141;font-size:15px}
@media(max-width:768px) {
    .factory-wrapper .factory-col .entry-title{font-size:14px}
}
/*home page*/
.home-title{ position: relative;font-family: var(--title-font-family);font-size: 32px;margin-bottom: 35px;font-weight: 700;color: #111;text-transform: uppercase;}
.home-title:after{display: block;content: "";margin-top: 10px;width:60px;height:3px;background: var(--main-color);border-radius:2px;}
.theme-btn{display: inline-block;background: var(--main-color);font-size: 14px;color:#fff;padding: 7px 28px;font-family: var(--title-font-family);font-weight: 600;text-transform: uppercase;margin-bottom: 25px;transition:opacity ease 0.2s;}
.theme-btn:hover{ opacity: 0.8;color:#ffffff;}
@media(max-width:768px) {
    .home-title{ font-size: 26px;}
}
.home-products{ padding: 100px 0 80px;}
.home-products .summary{ text-align: center;font-weight: 400;color: #555;}
@media(max-width:768px) {
    .home-products{ padding: 50px 0 30px;}
}

.home-process{padding:78px 0;background:#f3f3fb}
.home-process h2{font-size: 36px;font-weight: 700;line-height: 1;color:#000}
.home-process p{color:#666;max-width:340px;margin:0;line-height:1.3;font-size:18px}
.home-process .thumbnail img{transform:scale(1)}
@media(max-width:768px) {
    .home-process{padding:50px 0}
    .home-process .entry-wrapper{margin-bottom:20px}
    .home-process h2{font-size:24px;line-height:1.3}
}

.home-service{ position: relative;padding: 100px 0 80px;color:#fff;background-attachment: fixed;}
.home-service:before {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #222a35;opacity: 0.75;}
.home-service .container-xl{position: relative; z-index: 1;}
.home-service .wrapper{ max-width: 996px;}
.home-service h3,.home-service h2{ font-family: var(--title-font-family);font-weight: 600;font-size: 38px;margin-bottom: 20px;text-transform: capitalize}
@media(max-width:768px) {
    .home-service{ padding: 50px 0 30px;}
    .home-service h3,.home-service h2{ font-size: 24px;}
}

.home-company{background: #f0f0f0;color: #666;padding: 60px 0 60px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;line-height: 1.8;}
.home-company .more{ display: inline-block;background: var(--main-color); color: #fff;padding: 8px 40px;border-radius: 6px;font-weight: 500;}
@media(max-width:768px) {
    .home-company .col-12:first-child{ margin-bottom: 20px;}
}

.gallery-container{ padding: 75px 0 60px;background-color: #f0f0f0;;text-align: center;}
.gallery-container .home-title{ color: #222;text-align: center;margin-bottom: 20px;}
.gallery-container .home-title:after{ margin-left: auto;margin-right: auto;}
.gallery-container .summary{margin:0 auto 30px;max-width: 750px;text-align: center;}
.gallery-container .more{font-family: var(--title-font-family);text-transform: uppercase;line-height: 1;color:#0f68bb}
.gallery-container .swiper-button{background:rgba(125,125,125,0.6)}
.gallery-container .swiper-button::after{font-size:22px;color:#fff}
@media(max-width:768px) {
    .gallery-container .summary{ max-width: 100%}
    .gallery-container{ padding: 50px 0;}
}

.home-news{ padding: 60px 0;}