:root {
    --body-font-family: "Hind";
    --body-font-size: 16px;
    --body-color: #333;
    --body-line-height: 1.7;
    --title-font: "Hind";
    --main-color: #E40522;
    --swiper-navigation-size: 28px;
    --shrink-color: #E40522;
    --inquiry-control-border-color: #ced4da;
    --inquiry-control-bg-color: #fff;
    --inquiry-btn-bg-color: #DC2821;
    --param-width: 240px;
    --video-play-color: #8c95a2
}
.container-xl { max-width: 1450px; }
a{color:#444;}

.swiper-button-prev,.swiper-button-next {width: 20px;height: 40px;background: #9F9F9F;--swiper-navigation-size: 18px;--swiper-theme-color: #fff;transition: all ease 0.2s;}
.swiper-button-prev:hover,.swiper-button-next:hover {background: var(--main-color)}
.form-feedback .btn{ max-width: 200px;}
.search-group{max-width:200px}
.search-group .form-control{border-radius: 10px 0 0 10px;background: #f2f2f2;padding: .25rem .75rem;height: auto;font-size:0.75rem}
.search-group .btn {border: 1px solid transparent;border-left-width: 0;border-radius: 0 10px 10px 0;color: #fff;background: #999;padding: .25rem .5rem;}

.banner-simple{height:450px}
@media(max-width:768px) {
    .banner-simple{ height: 250px;}
}

.banner-simple .inner-content,.swiper .inner-content{padding:20px;border-radius: 15px;width: 660px;font-size:18px;color: #fff;}
.banner-simple  h1,.banner-simple h2,.banner-simple  h3,.swiper  h1,.swiper h2,.swiper  h3{ font-size: 1.75rem;font-weight: 500;}
@media(max-width:768px) {
    .banner-content h2,.banner-content h3{ font-size: 15px;}
    .banner-content .inner-content{ width: 100%;font-size: 12px;}
    .banner-content p{display:none;}
}

.banner a {color: #fff}

/*#endregion*/
/*#region top bar*/
.top-bar{ padding: 12px 0;color:#111;background: #EFEFEF;line-height: 1;font-size: 15px;}
.top-bar .row>*{ display: flex;align-items: center;}
.top-bar a{color:#111}
.top-bar .split{margin:0 12px;}
.top-bar .icon{ margin-right: 0.25rem;line-height: 1;}
.lang{margin-left:10px;}
.lang img{ margin-right: 5px;}
.lang li{display: flex;align-items: center;padding:10px 15px;font-size:14px}
.lang .dropdown-toggle{ padding: 6px 0;background: transparent;border: 0;}
.lang .dropdown-item{padding:0}
.lang .dropdown-item:hover{background:#fff}
.lang .dropdown-menu{min-width:130px}

.navbar-brand{ padding: 18px 0;}
.navbar-brand>.img-fluid{max-width: 220px}
@media(max-width:768px) {
    .navbar-brand>.img-fluid{max-width: 170px}
}

.navbar{top: 0;z-index: 100;background:#fff;border-bottom:1px solid #f6f6f6}
.navbar .nav-link {flex-grow: 1;padding: 0.5rem 1.25rem;text-transform: uppercase;color:#444;font-weight:700;}
.navbar .nav-link:hover{ color: #E60213;}
.navbar .nav-link.active{color:#E60213;}
.navbar-nav .dropdown-menu{ border-bottom: 1px solid #f2f2f2;}
.navbar-toggler{margin-left: 20px;border: 1px solid var(--main-color);color:var(--main-color);padding:4px 12px 2px}
@media(max-width:768px) {
    .navbar-brand{margin:0}
    .navbar .nav-link{border-bottom:1px solid #f2f2f2}
    .navbar-brand>.img-fluid{max-width:170px}
}

.nav-menu-title{font-size: 16px;display: flex;align-items: center;border-bottom: 1px solid #c9c9c9;padding-bottom: 10px;margin-bottom: 10px;font-weight: 600;}
.nav-menu-list{font-size:15px}
.nav-menu-title img{margin-right:5px}

.dropdown.wide>.dropdown-menu{background: #F7F7F7;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;background-position: left center;background-repeat: no-repeat;}

.dropdown-search{--border-radius: 0}
.dropdown-search > .search-btn {align-items: center;display: flex;}
.dropdown-search .icon { margin-left: 5px }
.dropdown-search .dropdown-menu {background: #f8f8f8;border-top: 4px solid var(--main-color);margin-top: 10px !important;min-width: 300px !important;padding: 20px;}
.dropdown-search .dropdown-menu .btn { background:var(--main-color);color:#fff}
/*.offcanvas-menu{ background: #009fe3;}*/
.offcanvas-menu .nav-item{border-bottom: 1px solid #f2f2f2;padding: 0 8px;}
.offcanvas-menu .nav-item.active{background:#f2f2f2;}
.offcanvas-menu .nav-link{ padding-top: 10px;padding-bottom: 10px;}
/*.offcanvas-menu .nav-link,.offcanvas-menu .drop{ color: #444;}*/

.swiper-gallery .swiper-button-prev,.swiper-gallery .swiper-button-next {width: 20px;height: 40px;background: #9F9F9F;--swiper-navigation-size:18px;--swiper-theme-color:#fff;}

.product-slide .swiper-pagination{ padding:0 15px;text-align: right;}
.product-slide .swiper-pagination-bullet {width: 40px;height: 6px;display: inline-block;background: #f6f6f6;border-radius: 0;opacity: 1}
.product-slide .swiper-pagination-bullet-active{background:#DC2821}

.shrink-wrapper{ margin-bottom: 30px;}
.shrink-wrapper .text{position: relative;overflow: hidden;text-overflow: ellipsis;transition: height .2s;margin-bottom: 8px;}
.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}
.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)}

.article-row {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #f2f2f2;}
.article-row:hover .entry-thumbnail:before{ opacity: 0.2;}
.article-row .entry-wrapper{ padding: 0 0 20px 0; }
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;color:#666}
.article-row .entry-title{ font-family: var(--title-font);font-size: 18px;margin-bottom:15px;}
.article-row .entry-content{ color: #777;}

.article-row.news{ border-bottom-width: 0;}
.article-row.news .entry-wrapper{ background: #f6f6f6;height: 100%;padding: 40px;}
@media(max-width:768px) {
    .article-row.news .entry-wrapper{ padding: 20px;}
}

.article-row.market{ padding: 15px 8px;border:1px solid #eee;background: #F6F6F6;border-radius: 8px;overflow: hidden;box-shadow: 0 5px 20px #eee;}
.article-row.market .entry-wrapper{ padding: 0 15px 0 0;}
.article-row.market .entry-content {margin-bottom: 25px;}
.article-row.market .entry-title{ font-size: 17px;font-weight: 500;margin-bottom: 25px;}
.article-row.market .entry-title:after{display:none;}
.article-row.market .more{display:inline-flex;align-items:center;text-transform:uppercase;font-size:14px;}
.article-row.market .more:after{display:inline-flex;font-family:CmsFont;content:"\f0da";margin-left:5px;color:#dd0804}

/*market list page*/
.article-col{margin-bottom:20px;flex-grow: 1;}
.article-col:hover .thumbnail:before{ opacity: 0.1;}
.article-col .entry-wrapper{ padding: 20px 0;background: #f6f6f6;padding: 10px;}
.article-col .entry-meta{color: #777;font-size:14px;}
.article-col .entry-title{ font-size: 16px;margin-bottom: 12px;}
.article-col .entry-content{ color: #575e67;font-size: 15px;line-height: 1.6;}

.market-wrapper{ padding: 25px 18px;background:#F0F0F0}
.article-col.market{margin-bottom:35px;}
.article-col.market .entry-wrapper{ padding: 20px 15px;}
.article-col.market .inner-wrapper{ display: flex;flex-direction: column;height: 100%;background: #fff;border-radius: 8px;overflow: hidden;}
.article-col.market .entry-title{font-size:18px;font-weight:500;margin-bottom:25px;}
.article-col.market .entry-content{margin-bottom:15px;}
.article-col.market .more{ display: flex;align-items:center}
.article-col.market .more:after{ font-family: CmsFont;content: "\f17c";color: #E1051F;margin-left: 30px;}
.article-col.market:hover .inner-wrapper{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);transition: all ease 0.3s;}

.article-col.app{}
.article-col.app .entry-wrapper{ position: absolute;width: 100%;bottom: 0;padding:12px;background:rgba(112,112,112,0.5)}
.article-col.app .entry-title{ margin-bottom: 0;text-align: center;overflow: hidden;text-overflow: ellipsis;}
.article-col.app .entry-title a{color:#f8f8f8;font-size:14px;font-weight: normal;}


.product-row{margin-bottom:40px;}
.product-row .thumbnail{border:1px solid #f2f2f2;}
/*.product-row:hover .thumbnail:before{ opacity: 0.1;}*/
.product-row .entry-wrapper{padding: 0px}
.product-row .entry-title{font-size: 18px;margin-bottom:15px;}
.product-row .entry-content{ color: #888;}
@media(max-width:768px) {
    .product-row .entry-wrapper{ padding: 20px 0;}
    .product-row .entry-title{ font-size: 16px;}
}
.product-row .files{list-style-type:none;margin:0;padding:0;}
.product-row .files>li{padding:2px 0;font-size:13px;text-transform:uppercase;}
.product-row .files a:before{font-family:Cmsfont;content:"\f1c1";margin-right:4px;color:var(--main-color)}


.complex-header { font-weight: 500;background: #ECF5FE;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.complex-header>.row>div{ padding-top: 10px;padding-bottom: 10px;padding-left:20px;}
.product-row.complex{padding:15px 10px;margin-bottom: 0;border-bottom:1px solid #DEDEDE}
.product-row.complex:hover .thumbnail:before{ opacity: 0;}
.product-row.complex:hover{ background: #ECF5FE;}
.product-row.complex .entry-title{ font-size: 16px;}
.product-row.complex .inner-wrapper{display:flex;height: 100%;flex-direction: column;justify-content: space-between;}
.product-row.complex .product-param{ margin-bottom: 0;}
.product-row.complex .entry-wrapper{ flex-grow: 0;}
.product-row.complex .more{display: block;margin-bottom:15px;}
.product-row.complex .more:before{font-family:Cmsfont;content:"\f0da";margin-right:3px;color:#1D5079}
.product-row.complex dt{padding:2px 0}
.product-row.complex dd{padding:2px 0 2px 10px;}
@media(max-width:768px) {

    .product-row.complex .entry-wrapper{ padding: 0px 0;}
    .product-row.complex .entry-title{ font-size: 16px;}
}
.product-col{ margin-bottom: 25px;border:1px solid #E5E5E5;}
.product-col .entry-wrapper{ padding: 14px 8px;background: #E7E6E4;}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:16px;font-weight: 500;}
.product-col .entry-text{ font-size: 15px;margin-top: 8px;}
.product-col:hover{ border-color: #ddd;transition:all ease 0.2s;}
.product-col:hover .entry-wrapper{ background: #eee;transition: all ease 0.2s;}

.product-col .thumbnail-wrapper{ overflow: hidden;}
.product-col .product-param{--param-color: #fff;--param-padding: 2px !important;margin-bottom: 0;font-size: 14px;color: #fff;}
.product-col .inner-param{ position: absolute;top: 100%;bottom: 0;left: 0;width: 100%;padding: 20px;display: flex;overflow:hidden;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.25);transition: top 0.35s;}
.product-col .thumbnail-wrapper:hover .inner-param{ top: 0; }
.inner-param .product-param dt{flex-basis:140px}
.inner-param .product-param dd{flex-basis:calc(100% - 140px)}
@media(max-width:768px) {
    .product-col .inner-param{ display: none;}
}

.img-col{ margin-bottom: 1.25rem;}
.img-col .entry-wrapper{;margin: 0;padding: 0.5rem 0.75rem;text-align: center;background:#dee2e6}
.img-col .entry-title{ margin: 0;font-size:16px;}

.cert-col{ margin-bottom: 1.25rem;}
.cert-col .magiczoom{ border: 1px solid #eee;}
.cert-col .entry-wrapper{margin: 0;padding: 0.875rem 0.75rem;text-align: center;background: #EEE;}

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

/*#endregion*/

.filter-wrapper .dropdown{ background: #ECECEC;margin-bottom: 15px;justify-content: space-between;}
.filter-wrapper .dropdown-toggle{ width: 100%;height: 50px;}
.filter-wrapper .dropdown-toggle img{ max-width: 36px;margin-right: 12px;}
.filter-wrapper .dropdown-menu{ width: 100%;border: 1px solid #f5f5f5;background: #fafafa;padding: 12px 10px;font-size: 14px;}
.filter-wrapper .dropdown-menu li:hover{ color: var(--sub-color);cursor: pointer}
.filter-wrapper label{ display: flex;align-items: center;}
.filter-wrapper label input{ margin-right: 5px;}
.filter-wrapper li{padding:4px 0;}

.page-summary{ margin-bottom: 30px;}
.page-summary h1,.page-summary h2,page-summary h3{ font-size: 18px;font-weight: 500;margin-bottom:15px;}
.page-summary img{ max-width: 100% !important;height: auto !important;}

/*product list page style*/
.product-sub-title{font-size:20px;border-bottom:1px solid #999;padding-bottom:15px;margin-bottom:20px;}

.mission-row {border: 1px solid #E5E5E5;padding: 12px;margin-bottom: 20px;}
.mission-row:hover{ border: 1px solid transparent;background: #F6F6F6;transition: all ease-in 0.2s;}
.mission-row .entry-wrapper{padding: 15px 15px;}
.mission-row .entry-meta{ margin-bottom: 15px;}
.mission-row .entry-meta span{font-size:24px;font-weight: 600;border-bottom:1px solid #F31D37}
.mission-row .entry-title{ font-family: var(--title-font);font-size: 1.25rem;font-size: 16px;font-weight: 500;margin-bottom:15px;}
.mission-row .entry-content{ line-height: 1.7;color:#666;font-size: 15px;}
@media(max-width:768px) {
    .mission-row .entry-wrapper{ padding: 15px 0;}
}

.category-row{border: 1px solid #E5E5E5;margin-bottom:30px}
.category-row .inner{display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;padding:25px;}
.category-row .entry-wrapper{margin-bottom:25px;}
.category-row .entry-title{ font-family: var(--title-font);font-size: 1.25rem;font-size: 16px;font-weight: 600;margin-bottom:15px;}
.category-row .entry-content{}
.category-row .more{display: inline-flex; background: #F2243D;color: #fff;font-size:14px;padding:4px 8px;}
.category-row .more:before{ font-family: cmsfont;content: "\f0da";margin-right: 5px;}

.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border:1px solid #e9eef4}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}
.sidebar.wrapper{ background: #F3F3F3;padding:15px;}
.widget{ margin-bottom: 30px;}
.widget-header{ margin-bottom: 2px;border-bottom: 1px solid #999;border-top:1px solid #999;}
.widget-header .title{position:relative;font-family:var(--title-font);font-size:16px;font-weight:600;color:#222;margin: 0;padding:12px 5px;}

.widget-collapse .menu-item{ position: relative;}
.widget-collapse .menu-item:after{ position: absolute;bottom: 0;left: 0;content: "";width: 80px;height: 1px;background:#F21C36}
.widget-collapse .menu-link{ padding: 6px 5px;}
.widget-collapse .menu-item.active{ background: #f2f2f2;}
.widget-collapse .drop{color: #112988;}
@media(max-width:768px) {
    .widget-header {margin-bottom: 15px;}
    .sidebar{ border-width: 0;padding: 0;background: #fff;}
}

.widget-header-2{ margin-bottom: 15px;border-bottom:1px solid #ddd;}
.widget-header-2 .title{position:relative;font-family:var(--title-font);font-size:16px;font-weight:500;color:#222;margin: 0;padding:0px 5px 12px;}

.widget-header-3{ margin-bottom: 15px;border-bottom:1px solid #ddd;}
.widget-header-3 .title{position:relative;font-family:var(--title-font);font-size:16px;font-weight:500;color:#222;margin: 0;padding:0px 5px 12px;}

.general-wrapper{margin-bottom:25px;}
.general-wrapper .title{border-bottom:1px solid #DFDFDF;font-size:16px;text-transform:uppercase;padding-bottom:20px;margin-bottom:20px;}
.general-wrapper ul{list-style-type:none;margin:0;padding:0;}
.rec-item li{display:flex;align-items:center;padding:5px 0;}
.rec-item li:before{content:"";display:block;;width:8px;height:8px;background:#EF1C37;margin-right:8px;}
.general-wrapper .mb-3{margin-bottom:1rem;}
.general-wrapper .btn-query{background:#F31E3A;color:#fff;}

.query-wrapper{}
.query-wrapper input[type="radio"]{ display: none;}
.query-wrapper .query-title{ display: flex;}
.item {display: inline-flex;border: 1px solid #d2d2d2;padding: 2px 10px;border-radius: 4px;background: #fff;color: #666;margin: 0 5px 5px 0;font-size: 15px;cursor: pointer;transition: color ease 0.3s;}
.item:hover{color:var(--main-color)}
.item.selected{ border-color: #E60213;background: #e60213;color: #fff;}
.query-box{ border-bottom: 1px dashed #d1d1d1;margin-bottom: 30px;}
.query-header{ display: flex;align-items: center;margin-bottom: 20px;}
.query-header .query-title{ font-size:16px;margin: 0;font-weight: 500;}
.query-header img{ max-width: 40px;margin-right: 12px;}
.query-item{ margin-bottom: 20px;}

@media(max-width:768px) {
    .query-item{ margin-bottom: 15px;}
}


.media-article{ display:flex;display:-ms-flexbox;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:hover{ color: #C42729; transition: color ease 0.2s;}
.media-article time{ font-size: 0.875rem;color:#8c95a2}
@media(max-width:992px) {
    .media-article img{max-width:90px}
}
.media-product{ display:flex;display:-ms-flexbox;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:hover{ color: #C42729;transition: color ease 0.2s;}
.media-product p{font-size:14px;color:#8395a2;margin-bottom:0;}
@media(max-width:992px) {
    .media-product img{max-width:90px}
}


/*#region horizontal menu*/
.menu-horizontal-wrapper{background:#fafafa}
.menu-horizontal .nav-item{}
.menu-horizontal .nav-link{ padding: 1rem 2.5rem;color: #666;font-size:1rem}
.menu-horizontal .nav-link.active{ background: #B32123;color: #fff;}
.menu-horizontal-child {background: #f2f2f2;}
@media(max-width:768px) {
    .menu-horizontal-child{ justify-content: left;}
    .menu-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}
.cert-wrapper .swiper-slide {background: #fff;box-shadow: 0 8px 30px #ccc;text-align: center;width:320px;}
.cert-wrapper .swiper-slide p{ margin: 0;font-size: 16px;font-weight: 600;padding: 12px 0;}
.cert-wrapper .swiper-slide>img{display: block;}
@media(max-width:768px) {
    .swiper-rounded .swiper-slide{ width: 240px;}
}

/*page*/
.nav-page-wrapper {display: -ms-flexbox;display: flex;justify-content: center;margin-top: 2rem;}
.nav-page-wrapper a {background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}
.nav-page-wrapper a:last-child{ margin-right: 0;}
/*#endregion*/
/*#region*/
.form-feedback .btn{color: #777;color: #fff;background: #c82333;margin-right: 30px;}
.main-container{ padding-top: 40px;padding-bottom: 40px;}
@media(max-width:768px) {
    .main-container{ padding-top: 20px;padding-bottom: 20px;}
}

/*#endregion*/
/*#region page-title*/
.page-title{padding: 18px 0;background: #F7F7F7;line-height:1}
.page-title .title{ font-size: 1.25rem;}

.main-title{display: flex;flex-direction: column;font-family: var(--title-font);font-size: 1.25rem;padding: 0.75rem 0;margin-bottom: 1.5rem;font-weight: 600;}
.main-title:after{ display:flex;content: "";width: 140px;height: 1px;background: #F31D39;margin-top:14px;}
.main-title.text-center:after{align-self: center;}
/*#endregion*/

.table-custom{ text-align: center;}
.table-custom th,.table-custom td {padding: 0.5rem;vertical-align: middle;border: 1px solid #f8f8f8;text-align: center;}
.table-custom thead th{ background: #336185;color: #fff;font-weight: normal;vertical-align: middle;}
.table-custom tbody th{ font-weight: 500;}
.table-custom tbody tr{background-color:#F0F3FA;}
.table-custom tbody tr:nth-of-type(odd) {background-color: #D9E0EA;}

.content-wrapper.product table tbody tr:hover {}
/*#region content wrapper*/
.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper h2{font-size: 1rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h3{ font-size: 0.875rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper a{color:#2980b9}

.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 #E64545 !important;}

.content-wrapper.product table thead th{ background: #336185;color: #fff;font-weight: normal;vertical-align: middle;}
.content-wrapper.product table tbody th{ font-weight: 500;}
.content-wrapper.product table tbody tr{background-color:#F0F3FA;}
.content-wrapper.product table tbody tr:nth-of-type(odd) {background-color: #D9E0EA;}

.content-wrapper.product .content h2,.content-wrapper.product .content h3{font-size: 18px;font-weight: 500 !important;color:#0c2e60}

.content-wrapper.article .content{color:#777}

.content-wrapper header{text-align: center;margin-bottom: 1rem;border-bottom: 1px solid #e0e4e6;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.content-wrapper.article .content{ color: #777}
.content-wrapper.article .title{ color: var(--main-color);font-size: 22px;font-weight: 500;margin-bottom: 25px;}
.content-wrapper.article .summary{padding-bottom: 20px;font-size: 0.75rem;text-transform: uppercase;color: #83868c;}
.content-wrapper.article .summary span{ margin-right: 15px;}
@media(max-width:768px) {
    .content-wrapper .title{ font-size: 1.25rem;}
}

.share-box{ padding: 20px 0;margin-top: 30px;margin-bottom: 15px;border-top: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;}
.share{display:flex;align-items:center;}
.share .social>span{background:#f5f5f5 !important;color:#999 !important;}
.share .social>span:hover{background:#fac012 !important;color:#fff !important;}
.share .share-title{margin-right:15px;}
@media(max-width:768px){
    .share{flex-direction:column;justify-content:center;margin-bottom:20px;}
    .share .share-title{margin-bottom:0.5rem;}
}

.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: 500;}
.post-nav a:hover{color:var(--main-color)}
@media(max-width:768px){
    .post-nav{flex-direction: column}
    .post-nav .next{ margin-top: 8px;}
}

.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}
/*#end content wrapper*/
.item-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.item-list li {border-bottom: 1px dashed #eee;padding:6px 0;}
.item-list>li>a { display: flex;align-items: center;font-size: 14px;}
.item-list>li>a:hover {color: #777;}
.item-list li a:before{flex-shrink: 0;content: "";display: block;width:6px;height:6px;background: #dd0804;margin-right:8px}
.item-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/
/*#region content-head-container*/
.product-head { margin-bottom: 1.5rem;;background:#fff}
.product-head .title {font-size: 1.25rem;color: #333;font-weight: 500;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}

.product-head .files{list-style-type:none;margin:0 50px 0 0;padding:0;}
.product-head .files>li{padding:2px 0;font-size:13px;text-transform:uppercase;}
.product-head .files a:before{font-family:Cmsfont;content:"\f1c1";margin-right:3px;color:#F31E3A}


.product-cart{ align-items: center;margin-top: 12px;}
.product-cart .btn:first-child{ margin-right: 15px;}
.product-cart .btn:hover{color:#fff}
.btn-inquiry{ background: #cf4536;color:#fff;}
.btn-addtocart{ background: #e8b62d;color: #fff;}
@media(max-width:768px) {
    .product-cart .btn{margin:10px 0}
}

.product-service{ text-align: center;padding: 20px 0;}
.product-service>a:first-child{ margin-right: 15px;}
.product-feedback{ display: inline-block;background: #F3912C;color: #fff;padding: 6px 16px;}
.product-down{ display: inline-block;background: #DD0804;color: #fff;padding: 6px 16px;}
@media(max-width:768px) {
    .product-head .entry-wrapper{ margin-top: 25px;}
}
/*#endregion*/
/*#region contact page*/
.contact-wrapper {
    text-align:center;padding-top: 40px;padding-bottom: 40px;
}
.contact-wrapper .box{padding:20px;}
.contact-wrapper .box p{color:#727272}
.contact-wrapper .icon{font-size:40px;margin-bottom:30px;display:block;}
.contact-wrapper .entry-title{font-weight:500;font-size:1.25rem;margin-bottom:30px;color:#333;}
.contact-wrapper a{ color: #333 !important;}
@media(max-width:768px){
    .contact-wrapper .box{ border-bottom: 1px solid #e6e6e6;}
    .contact-wrapper .entry-title{margin-bottom:15px;}
}

.inquiry-wrapper{background:#f8f8f8;padding:60px 0;}
.inquiry-wrapper p{ line-height: 1.8;color:#555}
.inquiry-wrapper h3{color: #222;font-size:1.5rem;font-weight:500;text-align: center;}
.inquiry-wrapper h3:after{display:block;content:"";width:80px;height:2px;background:#E55E59;margin:10px auto 30px;}
.inquiry-wrapper .wrapper{ background: #ECECEC;padding: 20px 16px;font-size: 15px;}
.inquiry-wrapper .sub-title{ font-size: 20px;font-weight: 400;margin-bottom: 26px;text-align: center;}
.inquiry-wrapper a{color:var(--main-color)}
.form-feedback .feedback-result{ font-weight: 500;}
@media(max-width:768px) {
    .inquiry-wrapper .wrapper{ margin-top: 30px;}
    .inquiry-wrapper .sub-title{ margin-bottom: 18px;}
}
/*#endregion*/


/*#region footer*/
footer {background: #313337;color: #fff;padding-top: 50px;font-size: 15px;}
footer>.container-xl{background: transparent no-repeat right center;padding-bottom:30px;}
footer h3{font-size:24px;margin-bottom:15px;}
footer .share-wrapper{padding:15px 80px;border-top:1px solid #424347;border-bottom:1px solid #424347;margin-bottom:20px;display:flex;justify-content:center;justify-content:space-between;}
footer .share-wrapper img{max-width:40px;}
footer li{ padding: 3px 0;}
footer>container-xl>.row >[class*="col-"]{margin-bottom:20px;}
footer h4{font-family: var(--title-font);font-size:18px;margin-bottom:15px;font-weight: 500}
footer a{color:#fff}
footer a:hover{ color: #ccc;}
footer .contact-info .icon{ margin-right: 5px;}
footer .footer-bottom{padding: 15px 0;font-size: 14px;background:#111;text-align: center;}
@media(max-width:768px){
    footer h3{font-size:1.25rem;}
    footer .share-wrapper{padding:15px 0;}
}
/*#endregion*/

.faq-row{ margin-bottom: 1rem;}
.faq-row .entry-header{ display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-bottom:1px solid #B2B3B7}
.faq-row .entry-header .drop{ display: flex;align-items: center;justify-content: center;cursor: pointer;width: 24px;height: 24px;font-style: normal;}
.faq-row .entry-header .drop:before{ font-family: CmsFont;content: "\f0d7";font-size:16px;transition:  all ease 0.2s;}
.faq-row .entry-title{ font-size: 1rem;font-weight: 500;margin-bottom: 0;cursor: pointer;transition: all ease 0.2s;}
.faq-row .entry-header .drop.collapsed:before{ transform: rotate(180deg); }
.faq-row .entry-wrapper{ padding: 1rem 0;color: #777;}
.faq-row .entry-wrapper img{ max-width: 100%;}

/*#region about page*/
.feature-wrapper{ display: flex;flex-shrink: 1;flex-grow: 1;align-items: center;padding:20px;margin-bottom: 15px;border-radius: 16px;background:#fff;border: 1px solid #f6f6f6;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;}
.feature-wrapper img{ max-width:66px;flex-grow: 0;flex-shrink: 0}
.feature-wrapper p{ padding-left: 15px;margin: 0;align-items: center;}
.feature-wrapper a{ font-size: 20px;font-weight: 500;}
@media(max-width:992px) {
    .feature-wrapper{padding:10px 12px;border-radius: 0;box-shadow: none;border-color: #eee;display:block}
    .feature-wrapper a{font-size:1rem;}
    .feature-wrapper p{margin-top: 10px}
}
/*#endregion*/

/*#region home page*/
.home-title{font-family: var(--title-font);font-size:48px;margin-bottom:40px;font-weight: 600;}
.banner-simple-banner{height: 740px;}
        @media(max-width:1366px) {
            .banner-simple-banner {height: 470px}
        }
        @media(max-width:992px) {
            .banner-simple-banner {height: 400px;}
        }
        @media(max-width:576px) {
            .banner-simple-banner {height: 200px;}
        }

.home-container{ position: relative;margin-top: -40px;z-index: 2;}
@media(max-width:992px) {
    .home-container{ margin-top: 0;padding:40px 0 0}
}

.home-category {position: relative;margin-top: 30px;margin-bottom:15px;padding: 8px;background: #F5F7F6;--swiper-navigation-size: 24px;--swiper-theme-color: #ff0000;}
.home-category .home-title{ margin-bottom: 10px;}
.home-category .inner-wrapper {padding: 20px 200px 100px 40px;}
.home-category .summary{ line-height: 2;margin-bottom: 20px;}
.home-category .more{ background: #E40522;color:#fff;display: inline-flex;padding: 5px 20px;}
.home-category .swiper-gallery-thumbs{ padding: 0;}
.home-category .swiper-gallery-thumbs .swiper-slide { position: relative;display: block;border: 2px solid #E3E5E4;cursor: pointer;}
.home-category .swiper-gallery-thumbs .swiper-slide:before{ position: absolute;display: block;content: "";top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0;}
.home-category .swiper-gallery-thumbs .swiper-slide-thumb-active:before {opacity: 0.1;}
.thumbs-wrapper{ position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;}
.thumbs-wrapper .position-relative{position:relative}
.home-category .swiper-button-prev,.home-category .swiper-button-next {--swiper-navigation-size: 16px;width: 16px;height: 40px;background: #9F9F9F;color: #fff;}
@media(max-width:768px) {
    .home-category .inner-wrapper{padding:20px 5px;}
}

.home-core {padding: 30px 0;--swiper-navigation-size:20px;}
.home-core .wrapper{ display: flex;}
.home-core .nav{width:400px;flex-shrink:0;border:1px solid #dfdfdf}
.home-core .nav>.nav-link{display:flex;flex-grow:1;flex-shrink:0;align-items:center;border-bottom:1px solid #dfdfdf;font-size:20px;justify-content:center;}
.home-core .nav>.nav-link:last-child{border-bottom-width: 0}
.home-core .nav>.nav-link.active{background:#F6F6F6;color:#333;}
.home-core .nav>.nav-link:hover{color:#666;}
.home-core .tab-content{flex-shrink:0;flex-grow:0;width:calc(100% - 400px);}
.home-core .tab-pane{flex-shrink:1;}
.home-core .swiper{width:100%;}
.home-core .swiper-button-prev, .home-core .swiper-button-next {width: 24px;height: 60px;background: #9F9F9F;color: #fff;font-size: 20px;transition: all ease 0.2s;}
.home-core .swiper-button-prev:hover, .home-core .swiper-button-next:hover{background:var(--main-color)}
@media(max-width:996px) {
    .home-core .wrapper{ flex-direction:column;}
    .home-core .nav{ width: 100%;}
    .home-core .tab-content{ width: 100%;}
    .home-core .nav>.nav-link{ font-size: 16px;padding:12px}
}

.home-app{background:#F5F9FC;padding:50px 0;position:relative;background:#fff;--swiper-navigation-size:28px;}
.gallery-thumbs-custom .swiper-wrapper{ background: #f6f6f6;justify-content: space-between;margin-bottom: 15px;border-bottom: 1px solid #ddd;cursor: pointer;}
.gallery-thumbs-custom .swiper-slide{ padding: 14px 12px;border-right: 1px solid #ddd;border-top: 1px solid #ddd;flex-grow: 1;text-align: center;}
.gallery-thumbs-custom .swiper-slide-thumb-active{color:var(--main-color)}
.gallery-thumbs-custom .swiper-slide:first-child{ border-left: 1px solid #ddd;}

.home-app .entry-wrapper{padding:40px 15px;}
.home-app .entry-title{position:relative;font-size:24px;color:#6B6B73;margin-bottom:20px;padding-bottom:10px;}
.home-app .entry-title:after{position:absolute;z-index:1;display:block;bottom:0;content:"";width:100px;height:3px;background:#dd0804;}
.home-app .entry-title:before{position:absolute;z-index:2;bottom:0;display:block;content:"";width:60px;height:3px;background:#333}
.home-app .entry-content{line-height:1.8;}

.home-app .swiper-nav{display:flex;justify-content: start;position:absolute;right:0;left:0;display:flex;z-index:2;bottom:35px;margin-left:53%;}
.home-app .custom-button {--swiper-navigation-size:22px;width: 36px;height: 36px;background: #9F9F9F;color: #fff;transition: all ease 0.2s;}
.home-app .custom-button:hover{background:var(--main-color)}
.home-app .swiper-button-prev{margin-right:30px;}

@media(max-width:768px) {
    home-app{padding:40px 0;}
    .swiper-category .entry-wrapper{padding:20px 0 45px;}
    .swiper-category .swiper-nav{bottom:5px;margin-left:0;justify-content:center;}
}

.home-wrapper{padding:20px 0;}
.home-inner {margin-bottom: 40px;}
.home-inner .video{ margin-bottom: 15px;}

.support-wrapper .entry-wrapper{padding:20px 0 0}
.support-wrapper .entry-title{font-size:18px;}
.support-wrapper .entry-content{color:#777;line-height:1.7;margin-bottom:15px;}
.support-wrapper .entry-meta{text-align:right;}
.support-wrapper .icon{font-size:24px;color:var(--main-color);}

.home-news .article-col{background:#f8f8f8;margin-bottom:0}
.home-news .entry-wrapper{padding:15px !important;;}
.home-news  .entry-meta{margin-bottom:6px;}
.home-news .catename{display:inline-flex;background:#959595;color:#fff;font-size:14px;padding:5px 10px;text-transform:uppercase;}
@media(max-width:768px){
    .home-news .article-col{margin-bottom:15px;}
}

.blog-wrapper{background:#F8F8F8;height:100%;}
.blog-item{margin-bottom:30px;padding:0 15px;}
.blog-item .entry-meta{font-size:14px;}
/*#endregion*/
/*#region support page*/

.nav-tech{ justify-content: center;margin-bottom: 30px;}
.nav-tech .nav-link{ border: 1px solid #f2f2f2;margin: 0 15px;}
.nav-tech .nav-link:hover{color:#c82333}
.nav-tech .nav-link.active{ background: #F31D38;border-color: #F31D38;color: #fff;}
.tech-col{ border: 1px solid #f2f2f2;}
.tech-col .entry-wrapper{background: #f6f6f6;margin: 0;padding: 0.75rem 0.75rem;text-align: center;}
.tech-col .entry-title{ margin: 0;font-weight: normal;font-size: 14px;}
@media(max-width:576px) {
    .nav-tech .nav-link{ margin: 0;font-size: 14px;}
}
.tech-wrapper{ padding: 50px 0;}
.tech-wrapper .title{ font-size:18px;padding-bottom: 12px;margin-bottom:30px;color: #EC3144;border-bottom: 1px dotted #999;}
.tech-wrapper .entry-wrapper{ margin-bottom: 20px;padding-left: 20px;line-height: 1.6;}
.tech-wrapper:nth-of-type(even){background:#F1F1F1}
.tech-wrapper:nth-of-type(even) .entry-wrapper{ padding-right: 20px;padding-left: 0;}
@media(max-width:768px) {
    .tech-wrapper .entry-wrapper{ padding-left: 0 !important;padding-right: 0 !important;}
}
/*#endregion*/


.query-select-wrapper{margin-bottom:30px;}

.production-manufacturer {
    padding: 61px 0;
}

.production-manufacturer .production-title {
    font-size: 30px;
    text-align: center;
    color: #fff;
}

.production-manufacturer .production-title::after {
    display: none
}

.production-manufacturer .production-summary {
    text-align: center;
    max-width: 1000px;
    color: #fff;
    margin: 0 auto 50px
}

.production-manufacturer .more {
    font-size: 14px;
    color: #fff;
    padding: 20px 30px;
    line-height: 1;
    border: 1px solid #fff;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    margin-left: calc( (100% - 253px) / 2)
}

.production-manufacturer .more::after {
    font-family: cmsfont;
    content: "\f17c";
    padding-left: 10px;
    font-size: 20px
}

@media(max-width:768px) {
    .production-manufacturer .summary {
        margin-bottom: 30px
    }

    .production-manufacturer .more {
        font-size: 12px;
        margin-left: calc( (100% - 233px) / 2)
    }
}