/*#region reset*/
@font-face {font-family: "Roboto";src: url("/plugins/fonts/Roboto/Roboto-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: "Cario";src: url("/plugins/fonts/Cairo/Cairo-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: "Lato";src: url("/plugins/fonts/Lato/Lato-400.woff2") format("woff2");font-weight: 400;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('/plugins/fonts/OpenSans/OpenSans-400.woff2') format('woff2');font-weight: 400;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('/plugins/fonts/OpenSans/OpenSans-500.woff2') format('woff2');font-weight: 500;font-display: swap}

@font-face {font-family: "moom";src: url('/plugins/fonts/icomoon.woff') format('woff');font-weight: 400;font-display: swap}
.social-vk {padding:0 !important;}
a {color:#111;}
:root {
    /*default: 16px #333 1.6*/
    --container-width: 1580px;
    --body-font-family: Roboto;
    --title-font-family: Cario;
    --body-color: #555;
    --body-line-height: 1.7;
    --body-bg-color: #fff;
    --main-color: #d6210c;
    --sub-color: #dd2821;
    --inquiry-btn-bg-color: #d6210c;
    --banner-bg-color: #d3d3d3;
    --offcanvas-bg: #fff;
    /*    --cart-btn-grow: 0;*/
    --video-play-color: #dd2821;
    /*    --swiper-navigation-size:100px;*/
}
/*html,body {position: relative;height: 100%;}*/

.attr-wrapper{ position: relative;}
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.navbar .dropdown-menu {box-shadow:0 0 20px 3px rgba(0, 0, 0, .05);}
.navbar .dropdown-menu a {padding:0.5rem 1rem;}
.navbar .dropdown-menu a:hover {background:#F5F5F5;}
.btn-check+.btn{ border: 1px solid #f2f2f2;}
.btn-check:checked+.btn{ border: 1px solid #c42729;}
.show-text .share-link {width:52px;}
.main-container{padding:50px 0}
@media(max-width:768px) {
    .main-container{ padding: 30px 0;}
}
.web-language li {list-style:none;padding-right:10px;}
.web-language {margin:0; padding-left:0;}
.search-group{ padding: 10px 15px;}
.search-group .form-control{border-radius: 5px 0 0 5px;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 5px 5px 0;color: #fff;background: var(--main-color); padding: 1px 13px;}

/*#region top bar & menu*/
.header{ padding: 12px 0;color:#555;background: #f8f8f8;line-height: 1;}
.header a{color:#555}
.header .split{margin:0 12px;}
.header .icon{ margin-right: 0.25rem;line-height: 1;}

.lang{margin-left:10px;}
.lang img{ margin-right: 5px;}
.lang .dropdown-toggle{ padding: 6px 0;background: transparent;border: 0;}
.lang .dropdown-menu{ z-index: 1021;}
.lang .dropdown-item{ color: #666;}

.navbar{width: 100%;top: 0;transition: transform ease 0.4s;background: #fff;border-bottom: 1px solid #f2f2f2;}
/*.navbar .dropdown[data-bs-desktop] > .dropdown-menu {display: block;transition: all  0.6s ease-in;max-height: 0px;overflow: hidden}
.navbar .dropdown[data-bs-desktop]>.dropdown-toggle:hover+ .dropdown-menu{ max-height: 1000px;}*/
.navbar-brand{ padding: 7px 0;}
.navbar-brand>.img-fluid{ max-width: 200px;}
.navbar .nav-link {flex-grow: 1; padding:5px 0; font-weight:bold; font-size:16px;text-transform: uppercase;color:#444;}
.navbar .nav-link::before {position: absolute; left: 50%; width: 0;height: 3px; bottom: 0;width: 0; content: ''; z-index: -1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; opacity: 0; filter: alpha(opacity=0);background: var(--main-color); transform: translate(-50%, 0);}
.navbar .nav-link.active::before,.navbar .nav-link:hover::before,.navbar .nav-item.active>.nav-link::before {opacity: 1;filter: alpha(opacity=100);width: 100%; transform: translate(-50%, 0);}
.navbar .nav-link:hover,.navbar .nav-link.active,.navbar-nav .dropdown-item:hover,.navbar .nav-item.active>.nav-link{ color: var(--main-color);}
.navbar-nav .nav-item {padding:1rem .8rem;}

.nav-quote{ margin-left:10px;background: var(--main-color);border-width: 0;color:#fff;font-size:14px;border-radius: 30px;padding: 5px 15px; }

.fixed-switch{transform: translateY(calc(-100% - 0px));}

/*.sticky-effect{ position: sticky}*/
.sticky-effect .navbar-brand>.img-fluid{ max-width: 120px;}
.sticky-effect{ background: transparent;}
@keyframes slidedown {
    0% {
        transform: translateY(-70px);
    }
    100% {
        transform: translateY(0);
    }
}
.fixed-effect{ position: fixed;width: 100%;top: 0px;background: #fff;animation: slidedown 0.7s ease-in;}
.fixed-effect1{transform: translateY(calc(-100% - 0px));}
@media(max-width:1200px) {
    .navbar-nav .dropdown-menu{ width: 100%;}
    .navbar-nav .dropdown-item,.navbar .nav-link{ text-align: center;justify-content: center;padding:0.75rem 1rem;}
}
.slide-effect{ background: #000;}
.slide-effect .navbar-toggler .icon{color:#fff!important}
.slide-effect .logo{filter:initial!important}
.navbar.slide-effect  .nav-link{ color: #fff}
/*#endregion*/


/*swiper缩略图*/
.swiper-gallery-thumbs {padding: 10px 0;--swiper-navigation-size:18px;--swiper-navigation-color:#fff}
.swiper-gallery-thumbs .swiper-button-next,.swiper-gallery-thumbs .swiper-button-prev {width: 18px;height: 36px;background: #9F9F9F;}
.swiper-gallery-thumbs .swiper-slide {position: relative;border: 1px solid #f2f2f2;transition: border ease 0.2s;background-size: cover;background-position: center;}
.swiper-gallery-thumbs .swiper-slide-thumb-active { border-color:#E3524F;}
/*缩略图背景模式*/
.swiper-gallery-thumbs.background .swiper-slide{ height: 100px;}
/*购物车图标*/
.widget-cart{ position: relative;}
.widget-cart-header{padding: 12px;font-size: 18px;}
.cart-counter{ position: absolute;right:0;top:0;display: none;text-align: center;width: 20px;height: 20px;line-height: 20px;font-size: 12px;border-radius: 50%;background: var(--main-color);color: #fff;}

/*#region banner*/
.banner-simple.background,.swiper.background {height: 390px;}
@media(max-width:768px) {
    .banner-simple.background {height: 170px}
    .swiper.background{ height: 220px;}
}

/*以下项为图片带背景图显示标题和导航的设置。如不需要可删除*/
.banner-nav{ display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;}
.banner-nav .title{margin-bottom:12px;font-family: var(--title-font-family);text-transform: uppercase;font-weight: 700;font-size: 40px;}
.banner-nav .title::after {content: "";display: block;width: 70px;height: 2px;background: var(--main-color);margin: 5px auto 0;}
.banner-nav .breadcrumb{font-size: 15px;}
.banner-nav .breadcrumb-item a{ color: #fff; }
@media(max-width: 576px) {
    .banner-nav{ height: 170px;}
    .banner-nav .title{ font-size:18px;text-align:center;}
    .breadcrumb-item + .breadcrumb-item {text-align:center; font-size:12px;}
    .product-head .title {font-size:20px !important;}
    .widget-header .drop:after {color:#fff;}
}
/*以下项为首页banner背景模式时的设置，如不需要可删除*/
.home-banner {width: 100%;height: 500px;}
.home-banner video{ width: 100%;height: 100%;object-fit: cover;}

/*#endregion*/

.header-top {padding:5px 0; border-bottom: 1px solid #e5e5e5;}
.header-top .text-right {text-align:right;}
.header-top .info,.header-top .info a {font-size:14px;}
.header-top .info a:hover {text-decoration:underline; color:var(--main-color)}
.header-top .info div {margin-left:1rem;}
.pc-search input {font-size:15px !important; width:300px !important;padding:6px 12px !important;}
.navbar-nav .dropdown-menu li { border-bottom: 1px solid #ECECEC;}

.main-title {padding:1.5rem 0; text-align:center;}
.main-title h2 {color: #333;font-size: 42px;position: relative; margin-bottom: 8px; font-weight:bold; font-family: var(--title-font-family);}
.main-title h2::after {content:"";display: block;background: var(--main-color); margin:5px auto; width: 64px; height: 4px;}

.product-category-section {padding:2rem 0;}
.hc-box {border:1px transparent solid;transition:all .3s linear;}
.hc-box p {margin-bottom:0;}
.hc-box img {transition:all .4s;}
.hc-box:hover {border-color:var(--main-color);background:#fff !important;}
.hc-box:hover img {transform:translateY(-8px);}
.hc-box:hover .btn {background:var(--main-color); color:#fff;}
.home-categories-item .row .hc-item {padding:1px;}
.home-categories-item .hc-box {height:100%;}
.home-categories-item .row .hc-item:nth-of-type(1) section,
.home-categories-item .row .hc-item:nth-of-type(4) section,
.home-categories-item .row .hc-item:nth-of-type(5) section{ background: #f0f0f0;}
.home-categories-item .row .hc-item:nth-of-type(2) section,
.home-categories-item .row .hc-item:nth-of-type(6) section,
.home-categories-item .row .hc-item:nth-of-type(3) section { background: #fafafa;}
.home-categories-item section {padding:1.5rem;}
.home-categories-item p {font-size:14px;  color: #808080; text-align:left;}
.home-categories-item h3 a {font-size: 24px; color:#000; line-height: 32px;transition:all .4s;}
.home-categories-item h3 a:hover {color:var(--main-color)}
.home-categories-item .btn {border:1px var(--main-color) solid; padding:.6rem 1.5rem; transition:all .6s; font-weight:bold; border-radius:0; color:var(--main-color)}

.z-1 {position:relative; z-index:1;}
.btn-inquiry {    display: block; background: #e20001; color: #fff; font-size: 1rem; padding: 0.7rem 0.75rem; border-radius:5px;}
.btn-inquiry:hover {color:#fff; opacity:.7}

.hc-btn-more {padding:2rem 0;text-align:center;margin-top:2rem;}
.hc-btn-more .btn {padding:.7rem 1.5rem; display:inline-flex; align-items:center; background:#fff; color:var(--main-color); border-radius:0; border:1px var(--main-color) solid; font-size:16px; font-weight:bold;transition:all .4s;}
.hc-btn-more .btn i {margin-left:6px;}
.hc-btn-more .btn:hover {background:var(--main-color);color:#fff;}

.home-choose-section {padding-top:4rem; position:relative; background-size: cover;background-repeat: no-repeat; background-attachment: fixed;}
.home-choose-section::before {content:""; position:absolute; top:0; left:0; z-index:0; height:100%; width:100%; background:rgba(28,38,78,.5);}
.home-choose-section .title {padding:2rem 0;}
.home-choose-section .title h2 {color:#fff;  font-family: var(--title-font-family);font-size:42px; font-weight:bold; text-align:center;}
.hcs-bottom {background:rgba(0,0,0,.2); color:#fff; padding:2.5rem 4rem;}
.hcs-bottom h3 {font-size:52px; font-weight:bold;}
.hcs-bottom p {font-size:18px; text-align:center;}

.home-about-us {padding:6rem 0; background:#f7f7f7;}
.home-about-us .videof {position:relative;}
.home-about-us .player-btn {position: absolute !important; left: 50%; bottom: 50%; z-index: 1;transform: translate(-45px, 40px) scale(1) !important;width: 80px !important; height: 86px !important;}
.home-about-us .title  h2 {font-size:48px; font-weight:bold; font-family: var(--title-font-family);}
.home-about-us h6.site {font-size:20px; color:var(--main-color); text-transform:uppercase;}
.home-about-us p {color:#666;font-size: 18px; line-height: 36px;}
.home-about-us .btn {padding:.7rem 1.5rem; display:inline-flex; align-items:center; background:#f7f7f7; color:var(--main-color); border-radius:0; border:1px var(--main-color) solid; font-size:16px; font-weight:bold;transition:all .4s;}
.home-about-us .btn i {margin-left:6px;}
.home-about-us .btn:hover {background:var(--main-color);color:#fff;}

.hbu-more {margin-top:1rem;}

.home-recom-products {padding:3rem 0; background:#fff;}
#protab {}
#protab li {margin:0 .5rem;}
#protab button {border:none; background:#f0f0f0; width:210px; margin-left:1rem;transition-timing-function:cubic-bezier(0, 0, 0.18, 0.9); transition-property:background,color; transition-duration:.4s}
#protab button:hover {background:var(--main-color); color:#fff;}
#protab button.active {background:var(--main-color); color:#fff;}
#protabcontent {margin-top:3rem;}
#protabcontent section {border: 1px solid #e5e5e5; padding: 10px; transition:all .4s;}
#protabcontent .card {    background: #f7f7f7; transition:all .4s;     overflow: hidden; height:80px;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
#protabcontent .card a { display:block;padding: 15px;font-size: 18px; line-height: 26px;text-align:center; }
#protabcontent section:hover {border-color:var(--main-color); padding:0;}
#protabcontent section:hover .card {background:var(--main-color);}
#protabcontent section:hover .card a {color:#fff;}

.home-contact {background:#f7f7f7;}
.home-contact .send-title {background:var(--main-color); color:#fff;padding:2rem; }
.home-contact .send-title h2 {font-size:30px; font-family: var(--title-font-family); font-weight:bold;}
.home-contact #map-box {height:570px; border:4px #fff solid; width:100%;box-shadow:0 8px 30px 1px rgba(0,0,0,0.08);}
.home-send-form {background:#fff; box-shadow:0 8px 30px 1px rgba(0,0,0,0.08); height:100%;}
.home-send-form .send-form { padding:2rem;}
.end-position {position:relative; bottom:-23px;}

.form-feedback .btn {width:100%; max-width:100%; background:var(--main-color);}
.fot {max-width: 266px; margin-bottom: 1rem;}

.home-news {background:#f7f7f7; padding:3.5rem 0;}
.home-news .card {height:100%;}
.home-news time {color:var(--main-color); font-size:14px;}
.home-news .summary {padding:1rem; background:#fff;}
.home-news .summary p {color: #808080; font-size: 14px; line-height: 24px; height:50px;}
.home-news .summary a {display: block; font-size: 18px; line-height: 28px; transition:all .4s; color: #333; margin-bottom:1.5rem;  height: 60px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.home-news .summary a:hover {color:var(--main-color); text-decoration:underline;}

@media(max-width:1320px) {
    .pc-search input {width: 179px !important;}
}

@media(max-width:1200px) {
    .navbar-nav .nav-item {padding: 0rem 1.2rem;}
}


@media(max-width:580px) {
    .header-top .social,.header-top .info div:last-child,.pc-search {display:none;}
    .product-col .entry-title {font-size:12px;}
    .navbar-brand {padding: 7px 0;}
    .product-category-section {padding:0;}
    .main-title h2,.hcs-bottom h3 {font-size:26px;}
    .home-choose-section {padding-top:1rem;}
    .home-categories-item h3 a {font-size:20px;}
    .home-categories-item p {text-align:left !important; font-size:12px;}
    .home-choose-section .title,.home-recom-products {padding:1rem 0;}
    #protab button {margin-bottom:.1rem; width:120px;}
    .home-choose-section .title h2,.home-about-us .title h2 {font-size:30px;}
    .home-about-us {padding:2rem 0;}
    .home-about-us p {font-size: 14px;line-height: 26px;}
    .home-about-us .btn { padding: 0.3rem 1.2rem;}
    .breadcrumb {font-size:12px;}
    .page-title .title {font-size:1.1rem !important;}
    .product-col .entry-wrapper {padding:8px;}
    #protabcontent .card a {font-size:16px;}
    .home-contact .send-title h2 {font-size:22px; text-align:center;}
    .home-news {background: #f7f7f7; padding: 0.5rem 0;}
    .home-contact .send-title,.home-send-form .send-form {padding:1rem;}
    .home-send-form p {font-size:12px; line-height:20px;margin-bottom:0;}
    footer .title+p {font-size:14px;}
    footer {padding-top:2rem !important;}
    .header-top .info div {margin-left:0;}
    .swiper-button-prev:after, .swiper-button-next:after {padding: 16px 8px !important;}
    article .title {font-size:20px !important;}
}
.swiper-button-prev:after, .swiper-button-next:after {background: var(--main-color);color: #fff; font-size: 25px; padding: 21px 13px;}


/*#region page-title &summary*/
.page-title{display: flex;line-height: 1; background: #F7F7F7; padding: 1rem 0;}
.page-title .container-xl,.page-title .container-fluid{display: flex;justify-content: space-between;align-items: center;}
.page-title .title {margin-bottom: 0;font-size: 1.5rem;font-weight: 300; text-align: center; align-self: center;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
@media(max-width:768px) {
    .page-title .container-xl, .page-title .container-fluid { flex-direction: column }
}
.page-summary{ margin-bottom: 30px;}
.page-summary h1,.page-summary h2,page-summary h3{ font-size: 18px;font-weight: 600;}

.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(0,#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: #696969;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)}

/*横向导航菜单*/
.menu-horizontal{display: flex;justify-content:center;list-style-type: none;padding: 0;margin: 0;}
.menu-horizontal .nav-item{display: flex;flex-direction: column;padding: 0 10px}
.menu-horizontal .nav-link{display: flex;justify-content: center;align-items: center;text-align: center;background: #f6f6f6;padding: 10px 25px;}
.menu-horizontal-wrapper{margin-bottom: 30px;}
.menu-horizontal .nav-link:hover{color:var(--main-color)}
.menu-horizontal .nav-link.active{ background: var(--main-color);color: #fff;}
@media(max-width:768px) {
    .menu-horizontal .nav-item{ padding: 0;border-bottom: 1px solid #eee;}
    .menu-horizontal .dropdown-menu {position: static;}
    .menu-horizontal .dropdown-item {text-align: center;}
}
/*#endregion*/

/*横向列表式*/
.filter-wrapper{  display: flex;flex-wrap: wrap;margin-bottom: 15px;}
.selected-wrapper{margin-bottom:20px}
.filter-wrapper .dropdown{ margin:0 5px 5px 0;}
.filter-wrapper .dropdown-menu{ border: 1px solid #f5f5f5;background: #fafafa;padding: 12px 10px;font-size: 14px;}
.filter-wrapper .dropdown-menu>li:hover{ color: var(--main-color);cursor: pointer}
.filter-wrapper .btn{background:#ECECEC;border-radius:0;padding:8px 15px;font-size:14px;}

.filter-wrapper .dropdown-menu a:hover{color:var(--main-color)}
.filter-wrapper label{ display: flex;align-items: center;}
.filter-wrapper label input{ margin-right: 5px;}
.filter-wrapper li{padding:4px 0;}

.select-item {display: inline-flex;align-items: center;line-height: 1;background: #F2F5FC;border: 1px solid #eeeeee;padding: 8px 8px;margin: 0 8px 0 0;font-size: 12px;}
.select-item b{font-weight: normal}
.select-item em{font-style: normal;color:#c82333}
.select-item::after {font-family: Cmsfont;content: "\f00e";margin-left: 5px;color: var(--main-color);}

/*纵向列表式*/
.filter-box{ padding: 15px;border-bottom: 1px solid #e7ebf7;}
.filter-box a:hover{color:#092E9F;}
.filter-box .title{ font-size: 14px;font-weight: 600;}
.filter-box .list-unstyled{ max-height: 160px;overflow-y:auto;font-size: 13px;scrollbar-width:thin}
.filter-box .list-unstyled li{ padding: 5px 0  0 25px;}
.filter-box label{ font-size: 13px;}
.filter-box input{ margin-right: 5px;}


.product-row{margin-bottom:40px;}
.product-row:hover .thumbnail::before{ opacity: 0.1;}
.product-row .entry-wrapper{padding: 0 20px;}
.product-row .entry-title{font-size: 22px;margin-bottom:15px;}
.product-row .entry-text{ color: #888;}
@media(max-width:768px) {
    .product-row .entry-wrapper{ padding: 20px 0;}
    .product-row .entry-title{ font-size: 16px;}
}

.product-col{ margin-bottom: 25px;border: 1px solid #E5E5E5;transition: all ease 0.2s;}
.product-col:hover {border-color: var(--main-color);}
.product-col .entry-wrapper{ padding: 14px 8px;background: #f2f2f2;}
.product-col h3{ margin: 0; text-align:center;}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:15px;margin-bottom:0;}
.product-col .thumbnail-wrapper{ overflow: hidden;}


.article-col{margin-bottom:40px;background:#f9f9f9}
.article-col .entry-wrapper{padding: 20px 12px;}
/*.article-col:hover .thumbnail::before{ opacity: 0.1;}*/
.article-col .entry-meta{ padding-bottom: 10px;color: #9e9e9e;font-size:14px;}
.article-col .entry-title{ font-family: var(--title-font-family);text-align:center; font-size: 16px;margin-bottom: 15px;transition: all ease-in 0.2s;}
.article-col .entry-title:hover{color:var(--main-color)}
.article-col .entry-text{ font-size: 15px;color: #666;line-height: 1.4;}


.article-row{margin-bottom:40px;}
.article-row .entry-wrapper{padding: 0 20px;}
.article-row:hover .thumbnail::before{ opacity: 0.2;}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-title{ font-family: var(--title-font-family);font-size: 22px;margin-bottom:15px;}
.article-row .entry-text{ color: #777;}
.article-row .more{ display: block;margin-top: 20px;font-size: 14px;font-weight: 700;text-transform: uppercase;transition: all ease 0.5s;}
.item-row .entry-title:hover {text-decoration:underline; color:var(--main-color)}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 0;}
    .item-row .entry-title{ font-size: 16px;}
}


.pic-col{ margin-bottom: 1.75rem;border:1px solid #f2f2f2;transition: all ease 0.2s;}
.pic-col:hover{border:1px solid #ddd}
.pic-col .entry-wrapper{padding: 0.5rem 0.75rem;text-align: center;background: #eee;}
.pic-col .entry-title{ margin: 0;font-size:15px;}

.video-col{margin-bottom:24px;border: 1px solid #f6f6f6;overflow: hidden;}
.video-col .entry-wrapper{padding: 0.875rem 0.75rem;background: #777;color:#fff;}
.video-col .entry-title{ margin: 0;font-size:15px;font-weight: 400;text-align: center;}

/*#endregion*/


.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border:1px solid #e9eef4}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}

.widget{margin-bottom:1rem;}
.widget.border { border: 1px solid #e7e7e7;}
.widget-header{padding: 0.875rem;background: var(--main-color);color: #fafafa; margin-bottom:1rem;}
.widget-header .title{position:relative;font-size:20px;font-weight:500;color:#fff;margin: 0; }
.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-item:last-child {border-bottom:none;}
.widget-collapse > .menu-item > .menu-link {font-weight:bold; font-size:16px;}
.widget-collapse .menu-link{ transition: background-color ease 0.2s;color: #666; padding:10px 7px;font-size:14px;}
.widget-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 5px;color:#999}
.widget-collapse .menu-item:hover {color:var(--main-color); background:#f8f9fa;}
.widget-collapse .menu-item:hover a {color:var(--main-color); }
.widget-collapse .sub-menu .menu-link{ padding-left: 16px;}
.widget-collapse .third-menu .menu-link{ padding-left: 28px;}
.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: #777;}
.widget-collapse .drop.collapsed:after{transform: rotate(-180deg);}
@media(max-width:768px) {
    .widget-header {margin-bottom: 15px;}
    .sidebar{ border-width: 0;padding: 0;background: #fff;}
}

.media-article{ margin-bottom: 15px;}
.media-article img{ max-width: 90px;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:100px}
}

.media-product{padding:10px;margin-bottom:15px;border:1px solid #eee;}
.media-product:hover{ border-color: var(--main-color);transition: all ease 0.3s;}
.media-product img{ max-width: 85px;margin-right: 12px;}
.media-product .post-title{margin: 0;font-size: 14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-product .post-title a:hover{ color: var(--main-color);transition: color ease 0.2s;}
.media-product .no{ margin: 5px 0 0;font-size: 12px;color:#8395a2;}
.media-product .more{margin: 5px 0 0;text-transform: uppercase;color:var(--main-color);font-size:12px;}
.media-product .more:after{font-family:cmsfont;content:"\f0da";padding-left:5px;}
.media-product .more:hover{color:var(--main-color);transition:all ease .2s;}
@media(max-width:992px) {
    .media-product img{max-width:100px}
}

/*page*/
.nav-page-wrapper {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 content wrapper*/
.content-container{margin-bottom: 1.5rem;border:1px solid #e9eef4}
.nav-tabs-product {background:#f2f2f2;justify-content:start;}
.nav-tabs-product .nav-link {padding:12px 28px;border-width: 0;background: #aaa;color: #fff;}
.nav-tabs-product .nav-link.active{ background: var(--main-color);color: #fff;}

.content-wrapper{ padding: 20px; font-size:14px;}
.content-wrapper h2,.content-wrapper h3{font-size: 20px;font-weight: 500;color:#0c2e60}
.content-wrapper a{color:var(--main-color)}
.content-wrapper table thead th{ background: #777;color: #fff;font-weight: 500;}
.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;}*/


.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;}
    #form-feedback {margin-bottom:1rem;}
    .nav-tabs-product .nav-link {padding:4px 24px;}
}

.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:12px 0;}
.item-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-list>li>a:hover {color: #FE8301;}
.item-list li a::before{font-family:cmsfont;content:"\f122";margin-right:8px;margin-left: 4px;}
.item-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/

/*#region content-head-container*/
.product-head { margin-bottom: 25px;background: #fff;--param-width: 160px; --param-padding: 6px;--param-color: #555;}
.product-head .entry-wrapper{}
.product-head .title {font-size: 24px;color: #333;font-weight: 500;margin-bottom: 16px;}
.product-summary{ font-size: 14px;margin-bottom: 10px;}
.product-summary p:not(:last-child){ margin-bottom: 8px;}
.product-param{ padding: 5px 0;border-top:1px solid #e5e5e5;}
.product-head .tag-wrapper{ padding: 8px 0;border-bottom: 1px solid #e5e5e5;font-size: 13px;}
.product-head .tag-wrapper a{display:inline-flex;padding:4px 6px;background: #eee;margin: 5px 5px 5px 0;font-size: 12px;border-radius: 6px;color: #333;}
.product-head .tag-wrapper a:before{ font-family: CmsFont;content: "\f02b";margin-right: 4px;}
.product-head .btn-inquiry{background: var(--sub-color);color:#fff;flex-grow: 1;}
.product-head .btn-inquiry:hover{background:var(--sub-color);}
.product-head .btn-addtocart{ background: #e8b62d;}
@media(max-width: 768px) {
    .product-head .entry-wrapper {margin-top: 20px; }
    #protabcontent {margin-top:1rem;}
    .hcs-bottom {padding: 1.5rem 1rem;}
    .hcs-bottom p {font-size:14px; margin-bottom:0;}
}
.attr-value-wrapper{ display: flex;flex-direction: row;flex-grow: 0;}
.attr-value-item{ display: flex;align-items: center;flex-shrink: 0;margin-right: 12px;background: #f2f2f2;border:1px solid #ccc}
.attr-value-item i{ font-style: normal; margin: 0 8px;font-size: 14px;}
.attr-value-img{ max-height: 40px;}
/*#endregion*/

.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%;}

/*#region footer*/
footer {background: #313337;color: #a5a4a3;padding-top: 5rem;}
/*footer li{ padding: 3px 0;}*/
/*footer .row >[class*="col-"]{margin-bottom:20px;}*/
footer h4{font-family: var(--title-font-family);font-size:20px;margin-bottom:15px;font-weight: bold; color:#fff;}
footer a{color:#fff}
footer li a {display: inline-block;font-size: 16px; color: #a5a4a3;transition: all .5s; line-height: 30px;}
footer a:hover{ color: #fff;}
footer .social {margin-bottom:1rem;}
footer .contact-info .icon{ margin-right: 5px;}
footer .footer-bottom{position: relative;z-index: 1;padding: 15px 0;font-size: 14px;background:#111;text-align: center;}
.bg-grey {background: #f6f6f6;}
/*#endregion*/
/*#region company page*/
.company-wrapper { margin-bottom: 40px;line-height: 1.8}
.company-wrapper .title {font-family: var(--title-font-family);font-size: 28px;text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.company-wrapper .title::after{display: block;content: "";margin-top: 10px;width: 60px;height: 3px;background: var(--main-color);border-radius:2px;}

.company-features {color: #666;padding: 60px 0;line-height: 1.7;}
.company-features .title{ font-family: var(--title-font-family);font-size:34px;font-weight: 700;text-transform: uppercase;margin-bottom: 50px;text-align: center;color:#333}
.company-features .title::after{display: block;content: "";margin: 10px auto 0;width: 60px;height: 3px;background: var(--main-color);border-radius:2px;}
.company-features .entry-wrapper{ padding: 20px 0;}
.company-features .entry-title{ font-family: var(--title-font-family);font-size: 18px;font-weight: 600;color:var(--sub-color)}
.company-features .entry-content{ font-size: 14px;}
.company-features p{ margin-bottom: 0;}
@media(max-width:768px) {
    .company-wrapper .title{font-size:24px;}
    .company-features{ padding: 60px 0 40px;}
    .company-features .title{ font-size: 24px;}
    .header-top {display:none;}
    .search-group {padding:0; margin-top:3px;}
    #search_button {padding:.4rem ;}
    .header-mobile,.header-mobile a {font-size:14px;}
}
/*#endregion*/
/*#region home page*/
.home-title{ position: relative;color: #333;font-weight: 600;font-size: 2rem;font-family: var(--title-font-family);padding-bottom: 15px;margin-bottom: 30px;text-transform: uppercase;}
.home-title::after {display: block;content: "";width: 120px;height: 2px;background-color:var(--main-color);margin-top: 12px;}
.home-title.text-center{text-align: center;}
.home-title.text-center::after{ margin-left: auto;margin-right: auto;}

.home-container{ position: relative;margin-top: -60px;}

.home-features .row>*{ display: flex;}
.feature-wrapper{ display: flex;flex-grow: 1;align-items: center;padding:20px;border-radius: 16px;background:#fff;border: 1px solid #f6f6f6;margin-bottom: 20px;box-shadow: rgba(0, 0, 0, 0.15) 0 5px 10px 0;}
.feature-wrapper p{ padding-left: 15px;margin: 0;align-items: center;}

@media(max-width:992px) {
    .home-container{ top: 0;padding:40px 0 0}
    .feature-wrapper{ border-radius: 0;box-shadow: none;border-color: #eee}
    }
    /*#endregion*/