@font-face {font-family: 'Lato';src: url('../fonts/Lato-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: 'Montserrat';src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap}
@font-face {font-family: "Montserrat";src: url("../fonts/Montserrat-Bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap}
:root {
    /*default: 16px #333 1.6*/
    --body-font-family: Lato;
    --body-font-size: 16px;
    --body-color: #444;
    --body-line-height: 1.7;
    --title-font-family: Montserrat;
    --main-color: #01b9e6;
    --sub-color: #009fe3;
    --param-width: 150px;
    --param-padding: 8px;
    --param-color: #777;
    --cart-btn-grow: 0;
    --inquiry-control-bg-color: #fafafa;
    --c: #c10001;
}
a{color:#666;}
.container-xl {max-width: 1200px}
.main-container{ padding:60px 0}
body {overflow-x:hidden; font-family:"Arial"}
@media(min-width:1200px) {
    .container-xl.max-container {
        max-width:1400px;
    }
}
.language-select-btn button {padding: 2px 10px; cursor: pointer; background: #f3f3f3; border-radius: 0.875rem; color: #555; margin-top: 3px; border:none;}
.language-select-btn .dropdown-menu {z-index:1111;}
.language-select-btn img {padding-right:5px;}
.language-select-btn ul {box-shadow:0 6px 12px rgb(0 0 0 / 18%);}
.language-select-btn .dropdown-item {color:#000; background:#fff; padding:5px 1rem;}
.language-select-btn .dropdown-item:hover {background:#f7f7f7; color:#000}
@media(max-width:768px) {
    .main-container{ padding: 40px 0;}
}
.search-group{width: 30%;}
.search-group .form-control{border-color:#f9f9f9; border-radius: 10px 0 0 10px;background: #f9f9f9;padding: .25rem .75rem;height: auto;font-size:18px}
.search-group .btn {border: 1px solid transparent;border-left-width: 0;border-radius: 0 10px 10px 0;color: #787878;background: #f9f9f9;padding: 8px 13px;   font-size: 18px;}

/*#region navbar&top*/
.header{ top: 0;padding:6px 0;background: #F6f6f6;color: #555;font-size:14px;}
.header a{color:#555}
.header a:hover{ color: #666;}
.header span{ display: flex;align-items: center;line-height: 1;}
.header .split{ margin: 0 12px;}
.header .icon{ margin-right: 0.25rem;}

.navbar{top: 0;background:#fff}
.navbar-brand{ padding: 12px 0;}
.navbar-brand>.img-fluid{ max-height: 60px;margin-right: 0;}
.navbar .nav-link {flex-grow: 1;padding: 0.5rem 2rem;text-transform: uppercase;color:#fff;font-weight: 600;font-size: 15px;transition: all ease 0.2s;}
.navbar .nav-link:hover,.navbar .nav-link.active,.navbar .nav-item.active>.nav-link,.navbar-nav .dropdown-item:hover{ background: #c10001;color:#fff;}
.navbar-nav .nav-item:first-child .nav-link:before{ display: none;}
@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-nav{ padding: 150px 0;color:#fff}
.banner-nav .title{ font-family: var(--title-font-family);text-transform: uppercase;font-weight: 700;font-size: 2rem;text-align: center;}
.banner-nav .title::after {content: "";display: block;width: 70px;height: 2px;background: #fac012;margin: 4px auto 0;}
.banner .inner-content{ padding: 2rem;text-align: center;color: #fff;font-size: 20px;}
.banner .inner-content h2,.inner-content h3{ font-family: var(--title-font-family); color:#fff; font-size:60px;}
.banner .inner-content p {margin-bottom:0; color:#636363; font-size:22px;}
.banner .inner-content a {background: #c10001; transition:background .3s; color: #fff;display: flex; justify-content:space-between; width: 30%;padding: .3rem 1rem;margin-top: 3rem;border-radius: 5px;   font-size: 20px;}
.banner .inner-content a::after {content:"\f109";font-family: 'cmsfont' !important;display:inline-block;}
.banner .inner-content a:hover {background:#e90c0d;}
.banner-right {margin-bottom: 1.4rem; position:relative; cursor:pointer;}
.banner-right img {transition-duration:.4s;}
.bannr-right-mask {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); color:#fff;overflow:hidden;}
.bannr-right-mask h3 {position:absolute; bottom:15%; left:10%;font-size: 2rem;font-weight: bold;}
.banner-right-line {position:absolute; bottom:-1%; height:8px;width: 50%;background: #c10001; transition-duration:.4s;}
.banner-right:hover img {transform:scale(1.1);}
.banner-right:hover .banner-right-line {bottom:0; width:100%;}

.offcanvas-menu .nav-item.active .nav-link, .offcanvas-menu .nav-item:hover .nav-link {color: #c10001}
#header {margin-top:1rem;}
.header-contact span {display:inline-block; height:33px;line-height: 33px; width:33px;background:#f9f9f9;text-align:center;border-radius:50px;}
.header-contact i {color:var(--c); font-size:16px;}
.header-contact a {font-size:16px;padding:0 1rem;}
.fixed-header {position: absolute; top: 100%;}
.header-bottom {width:100%; border-top:1px #d0d0d0 solid; background:rgb(0, 0, 0 ,0.45); padding: 2rem 0;}
.header-bottom .nav-item {margin-right:35px;}
.banner .swiper-pagination-bullet {background:var(--c); height:10px; width:10px;}

.win-our { padding: 3rem 0;}
.swiper-pagination-ours {}
.win-our h2 {font-size:40px; margin-top:3rem; color:var(--c); font-weight:bold;}
.win-our .inner-content a {background: #c10001; transition:background .3s; color: #fff;display: flex; justify-content:space-between; width: 30%;padding: .3rem 1rem;margin-top: 6rem;border-radius: 5px;   font-size: 20px;}
.win-our .inner-content a::after {content:"\f109";font-family: 'cmsfont' !important;display:inline-block;}
.win-our .inner-content a:hover {background:#e90c0d;}
.win-our .swiper-pagination {width:auto;top:0;}
.win-our .swiper-pagination .swiper-pagination-bullet {width: 43px;border-radius: 0; height: 5px;background:#404040}
.win-our .swiper-pagination-bullet-active {background:var(--c) !important;}
.win-our .swiper-pad {padding:2rem 0;}

.cus-padding-null {padding-left:0;}

.cus-flex {flex-wrap:wrap;background: #ca2627;}
.cus-flex .cus-1 {width:50%;position:relative;}
.cus-bottom {position:absolute; bottom:5%; width:100%; padding:0 3rem; z-index:1; justify-content:space-between; align-items:end;}
.youtube-vd {width:100px;}
.youtube-logo {width:127px; height:53px;}

.win-factory .container-fluid { padding: 0;}
.win-factory .win-factory-content a {background: #fff; transition:background .3s; color: var(--c);display: flex; justify-content:space-between; width: 30%;padding: .3rem 1rem;margin-top: 6rem;border-radius: 5px;   font-size: 20px;}
.win-factory .win-factory-content a::after {content:"\f109";font-family: 'cmsfont' !important;display:inline-block; }
.win-factory .win-factory-content a:hover {background:#e90c0d;color:#fff;}
.win-factory-content {color:#fff;width: 84%; padding: 6rem 3rem;}
.win-factory-content h2 {font-size:44px;margin-bottom:2rem; font-weight:bold;}
.win-factory-content p {margin-bottom:1rem; font-size:20px;}

.win-category {background:#f9f9f9;padding:8rem 0;}
.win-category h2 {font-size: 44px;font-weight: bold;color:var(--c)}
.win-category p {font-size:22px;}
.win-category-list span {margin-right:1rem; height: 12px;width: 12px;border: 2px #5d5d5d solid;display: block;border-radius: 50px;}
.win-category-list {padding:0; list-style:none; margin-top:5rem;}
.win-category-list li {font-size:18px;transition-duration:.3s; margin-bottom:1rem;color:#717171;cursor:pointer;}
.win-category-list li.active {font-size:30px;color:var(--c)}
.win-category-list li.active span {border-color:var(--c);background:var(--c)}
.win-category-images div {display:none;}
.win-category-images div.active {display:block;}
.win-category-thumb {position:relative;}
.win-category-images a.btn {position: absolute;bottom: 15%;left: 13%; background: rgba(193,0,1,.5); transition:background .3s; color: #fff;display: flex; justify-content:space-between; width: 30%;padding: .3rem 1rem;margin-top: 6rem;border-radius: 5px;   font-size: 20px;}
.win-category-images a.btn::after {content:"\f109";font-family: 'cmsfont' !important;display:inline-block; }
.win-category-images a.btn:hover {background:var(--c);color:#fff;}

.win-supply {background:url(../../images/bac.jpg) no-repeat; background-size:cover; padding:5rem 0; color:#fff;}
.win-supply h2 {font-size:40px; font-weight:bold;}
.win-supply .summary-sup {font-size:22px;}
.win-supply h3 {font-size:20px;}
.win-supply-card {display:block; margin:1rem auto; width: 176px;height: 176px;line-height: 176px;border-radius: 20px;background: transparent; transition-duration:.3s;}
.win-supply-content section:hover .win-supply-card {background:#c10001;}
.win-supply-content section:hover h3 {color:#fff}

.win-news {padding:5rem 0}
.win-news time {color:#9f9f9f;}
.win-news-title {height: 100%; padding: 1rem;}
.win-news-box {border-top:1px #c6c6c6 solid; padding:2rem 0; margin-top:3rem; border-bottom:1px #c6c6c6 solid;}
.win-news-link a {font-weight:bold;margin-bottom:1rem;display:inline-block;}
.news-section-2 {margin-bottom:1rem;}
.news-section-2 .win-news-title {padding:0;}
.news-section-2 .win-news-link a {margin-bottom:6px; font-size:14px;}
.news-section-2 .win-news-link p {font-size:14px;}
.cus-3 .news-section-2:last-child {margin-bottom:0;}
.win-news h2 {font-size:32px;color:var(--c); font-weight:bold;}
.win-send {background:url("../../images/send.png"); padding:9rem 0;background-size:cover;}
.win-send h2 {font-size:38px; font-weight:bold; color:var(--c);padding-right:9rem;}
.win-send .form-control {padding: 1rem;border-color: #fff;background: #fff;}
.win-send .btn {background: var(--c);font-size: 20px;width: 27%; display: flex;justify-content: space-between;align-items: center;padding: 8px 1rem;border-radius: 7px; margin-top:2.5rem;}

.news-flex {flex-wrap:wrap;justify-content:space-between;}
.cus-2 {width:60%;background:#f9f9f9;}
.cus-3 {width:38%;}
.footer-title h3 {font-size: 18px;font-weight: bold;margin-bottom: 1.5rem;}
.footer-text {text-align:right; margin-top:1rem;}
footer a {font-weight:bold;}
footer a:hover {color:#fff;}
.footer-share-link a {margin-left:1rem;}
.footer-page-link a {margin-left:1.2rem;}
.footer-contact i {font-size:26px; color:var(--c); margin-right:2rem}
.footer-contact p {display:flex; align-items:center; font-size:22px; justify-content: flex-end;}
.footer-logo { margin-bottom:2rem; margin-top: 1rem;}
.footer-flex {height:100%; width:100%; justify-content: flex-end; }
.social > span, .social > a {padding:1.3rem;}
.social>span:before, .social>a:before {font-size:20px !important;}
.footer-share-link {margin-bottom:2rem;display:flex;justify-content:flex-end;}
.win-news-link a:hover {color:var(--c)}
.card-thumb {overflow:hidden;display:block;}
.card-thumb img {transition-duration:.3s;}
.card-thumb:hover img {transform:scale(1.02)}

.fb-bold {font-size:18px;}

.animateds {
    animation-timing-function: linear;
    animation-duration: .7s !important;
    -webkit-animation-duration: .7s !important;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
}
.fadeInLeft {animation-name: fadeInLeft;-webkit-animation: fadeInLeft;}
.fadeInUp {animation-name: fadeInUp;-webkit-animation: fadeInUp;}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate(-20px,0);
        transform: translate(-20px,0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@media(max-width: 1880px) {
    .win-factory-content {padding:3rem;}
}

@media(max-width: 1688px) {
    .win-factory-content {width:100%;}
    .win-factory .win-factory-content a {margin-top:2rem;}
}

@media(max-width: 1345px) {
    .win-factory-content {padding:1rem;}
    .win-factory-content p {margin-bottom:1rem;}
    .win-factory .win-factory-content a {margin-top:0;}
    .win-factory-content h2 {font-size: 28px;margin-bottom: 1rem;}
}

@media(max-width: 1200px) {
    .cus-1,.cus-1 .our-image {width:100% !important;}
    .banner .inner-content a {margin-top:.6rem; font-size:16px; width:45%; padding:.2rem .5rem;}
    .banner .inner-content p {font-size:16px;}
    .banner .inner-content h2, .inner-content h3 {font-size:28px;}
    .win-factory .win-factory-content a {padding:2px 12px}
}

@media(max-width: 970px) {
    .win-our {margin-top:1.3rem;}
    .win-our .inner-content a {margin-top:1rem;width:45%;padding: 1px 11px;}
    .win-our .swiper-pagination {width:100%;}
}

@media(max-width: 840px) {
    .cus-padding-null {padding-left:12px;}
    .cus-2 {margin-bottom:1rem; background:transparent;}
    .win-send {padding:2rem 0;}
    .win-send h2 {font-size:28px;}
    .banner .inner-content {padding:1rem;}
    .bannr-right-mask h3 {font-size:18px;}
    .win-our h2 {margin-top:0; font-size:30px;}
    .win-our,.win-news-title {padding:0;}
    .win-our img,.cus-2,.cus-3 {width:100%;}
    .cus-bottom {padding:0 1rem;}
    .win-factory .win-factory-content a,.win-category-images a.btn {width:50%;}
    .win-category {padding:1.4rem 0;}
    .footer-text {display:none;}
}

@media(max-width: 576px) {
    footer { padding-top: 2rem;}
    .footer-title {margin-bottom:0; text-align:center;}
    .footer-page-link a {margin-left: 9px; font-size: 14px;}
    .footer-flex,.footer-share-link {justify-content:center;}
    .win-send .btn {width:50%;}
    .win-news {padding:2rem 0} 
    .win-news-link {margin-bottom: 6px;font-size: 14px;}
    .win-news-title p {font-size:14px;}
    .header-bottom {padding:0;}
    #header {margin:0;}
    .win-category h2 {font-size:30px;}
    .banner .swiper-pagination {width:100%;}
    .banner .inner-content a {margin-top:.4rem; font-size:12px; width:45%; padding:.2rem .5rem;}
    .banner .inner-content {width:100%; padding:0;}
    .banner .inner-content p {font-size:12px;}
    .banner .inner-content h2, .inner-content h3 {font-size:16px;}
    .header-contact,.search-group{ display: none;}
    .banner-nav{ padding-top: 70px;padding-bottom: 70px;}
    .banner-text{ display: none;}
    .banner-nav .title{font-size:1.5rem}
    .bannr-right-mask h3 {font-size:12px;}
    .banner-right {margin-bottom:0; margin-top:1rem;}
    .win-category-list {margin:0;}
}
/*#endregion*/
/*#region page-title & page-summary*/
.page-title{padding: 20px 0;background: #F7F7F7;}
.page-title .breadcrumb{ text-transform: uppercase;font-size: 14px;}

.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: #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)}

/*#region row&col item*/
.article-row{margin-bottom:40px;background:#f8f8f8;}
.article-row .thumbnail:hover:before{ opacity: 0.1;}
.article-row .entry-wrapper{padding: 0px 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: var(--c);}
.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:#222;}
.article-row .entry-content{ color: #888;}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 15px;}
    .article-row .entry-title{ font-size: 20px;}
    .article-row .entry-content{font-size:14px;}
}
.article-col{margin-bottom:40px;}
.article-col:hover .thumbnail:before{ opacity: 0.2;}
.article-col .entry-wrapper{ padding:20px 0}
.article-col .entry-meta{ padding-bottom: 10px;color: #c10001;font-size:14px;}
.article-col .entry-title{font-family: var(--title-font-family); font-size: 16px;font-weight: 500;margin-bottom: 12px;}
.article-col .entry-title a{color:#333;}
.article-col .entry-content{line-height: 1.45;color: #9e9e9e;}

.product-col{ margin-bottom: 25px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);transition: all ease 0.4s;}
.product-col .entry-wrapper{ padding: 14px 8px;flex-grow: 1;background: #fafafa}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:15px;margin-bottom:0px;}

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

.cert-col{ margin-bottom: 1.25rem;border: 1px solid #eee;transition: all ease 0.2s;}
.cert-col:hover{border:1px solid #ddd}
.cert-col .entry-wrapper{padding: 0.875rem 0.75rem;text-align: center;background: #EEE;font-size:15px;line-height: 1.5;display:flex;align-items: center;justify-content: center;}

.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: 1rem;}
.faq-row .entry-title{ background: #f6f6f6;font-family: Raleway;font-size: 1rem;font-weight: 400;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer;transition: all ease 0.2s;}
.faq-row .entry-title:hover{ background: #f2f2f2;color:#A46529;}
.faq-row .entry-wrapper{ padding: 1rem;border: 1px solid #eee;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 {}
.widget{ margin-bottom: 30px;}
.widget-header{ margin-bottom: 30px;border-bottom:1px solid #e5e5e5}
.widget-header .title{position:relative;font-family:var(--title-font-family);font-size:26px;font-weight:700;color:#222;margin: 0;padding:12px 0;}
.widget-header .title:after{position:absolute;bottom:0;content:"";display:block;width:70px;height:2px;background:var(--c);}
.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-link{ padding: 12px 8px;color:#444;}
.widget-collapse .menu-link:before{ font-family:cmsfont;content: "\f105";font-size:0.875rem;margin-right: 8px;color:#555}
.widget-collapse .menu-link:hover{color:#002A53}
.widget-collapse .menu-item.active .menu-link{color:var(--c)}
.widget-collapse .drop{color: #112988;}

@media(max-width:768px) {
    .sidebar{margin-top:30px;}
    .widget-header{ margin-bottom: 15px;}
}
@media(max-width:768px) {
    .sidebar{ border-width: 0;padding: 0;background: #fff;}
}

.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;text-transform: uppercase;}
.category-title h3 a{color:var(--c)}
.category-wrapper .more{ text-transform: uppercase;color:#3c3c3c;font-weight: 500;}
@media(max-width:768px){
    .category-title h3{font-size:16px;}
}
/*#endregion*/

/*#region content wrapper*/
.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper h1{font-size: 24px;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h2{ font-size: 22px;}
.content-wrapper h3{ font-size: 20px;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper table {width: 100%;margin-bottom: 1rem;color: #212529;}
.content-wrapper table th,.content-wrapper table td p {margin-bottom:0;}
.content-wrapper table th,.content-wrapper table td {padding: 3px;vertical-align: middle;border: 1px solid #dee2e6; font-size:14px;}
.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 1rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;border-top: solid 2px var(--c) !important;}

.content-wrapper.product{border:1px solid #e9eef4}
.content-wrapper.product .content{padding: 1.5rem 1rem;}
.content-wrapper.product .content h2,.content-wrapper.product .content h3{font-size: 1.25rem;font-weight: 500 !important;}

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

.content-wrapper header{text-align: center;margin-bottom: 1rem;}
.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{ font-family: var(--title-font-family);color: #0c2e60;font-size: 1.5rem;font-weight: 500;}
.content-wrapper.article .summary{padding-bottom: 20px;margin: 30px 0;font-size: 0.75rem;text-transform: uppercase;color: #777;border-bottom: 1px solid #e0e4e6;}
.content-wrapper.article .summary span{ margin-right: 15px;}
@media(max-width:768px) {
    .content-wrapper .title{ font-size: 1.25rem;}
    .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)}
.attach-item .detail{ font-size: 14px;color: #999;margin-top: 8px;}
.attach-link{ flex-shrink: 0;border: 1px solid #DCDFE6;font-size: 14px;padding: 10px 20px;transition: all 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*/
.share-box{ display: flex;justify-content: space-between;padding: 15px 15px;background: #f8f8f8;margin: 15px 0;}
.share-box .share{display:flex;;align-items:center;text-transform: uppercase;}
.share .social>span{background:#eee !important;color:#999 !important;transition: all ease 0.3s;}
.share .social>span:hover{background:var(--main-color) !important;color:#fff !important;}
.share .share-title{font-size:16px;margin-right:15px;font-weight:300;}
@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;line-height:1.5;font-size:1rem;align-items:center;}
.post-nav a{padding:5px 0;line-height:1;display:flex;align-items:center;text-transform:uppercase;}
.post-nav .nav-prev{border-right: 0.5px solid #f7f7f7;margin-right: 30px;}
.post-nav .nav-prev:before{ font-family: CmsFont;content: "\f104";margin-right: 5px;}
.post-nav .nav-next{padding-left: 10px;}
.post-nav .nav-next:after{ font-family: CmsFont;content: "\f105";margin-left: 5px;}
@media(max-width:768px){
    .post-nav{justify-content:center;}
}
.form-feedback .btn {background:var(--c)}
.layout-wrapper{ background: #fafafa;padding:30px 16px;border: 1px solid #f5f5f5;}
.layout-wrapper .title{ position: relative;font-family: var(--title-font-family);font-size:26px;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(--c);}

.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: 22px;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .product-summary{ background: #f6f6f6;color: #888;padding:6px;font-size: 14px;}
.btn-inquiry{ background: var(--c);color:#fff;flex-grow: 1;}
.btn-addtocart{ background: #e8b62d;color: #fff;}
/*#endregion*/
/**/
/*#region footer*/
footer {padding-top: 60px;background: #000;color:#b4b4b4;}
footer a{ transition: all ease 0.2s; color:#b4b4b4}
footer .container-xl  [class*="col-"]{margin-bottom:35px;}
footer .title{position: relative;font-family: var(--title-font-family);font-size: 22px;padding-bottom:15px;margin-bottom:20px;font-weight: 600;color: #f2f2f2;border-bottom:4px solid rgba(255, 255, 255, 0.03);}
footer .title:after{ position: absolute;bottom: -4px;display: block;content: "";width: 40px;height: 4px;background: var(--sub-color);border-radius: 2px;}
footer .contact li{margin:10px 0 0;}
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: left;padding-top:15px;padding-bottom:15px;color: #fff;background: #333333;color: #e9e9e9;font-size:20px}

/*#endregion*/
/*#region company page*/
.company-wrapper { margin-bottom: 40px;line-height: 1.8}
.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: 50px;height: 5px;background: var(--c);border-radius:2px;}

.company-features {background: #f0f0f0;color: #666;padding: 80px 6%;line-height: 1.7;margin-bottom:40px;}
.company-features .media{display:flex;align-items: flex-start;align-items: center;}
.company-features .title{ font-family: var(--title-font-family);font-size:2rem;font-weight: 700;text-transform: uppercase;margin-bottom: 50px;text-align: center;color:#333}
.company-features .sub-title{ font-family: var(--title-font-family);font-weight: 600;font-size: 1.5rem;color: #444;margin-bottom: 12px;text-transform: uppercase;}
.company-features .icon-wrapper{ display: flex;flex-shrink: 0;align-items: center;justify-content: center;margin-right: 16px;width: 70px;height: 70px;border: 2px solid var(--main-color);border-radius: 50%;}
.company-features .icon {display: block;font-size: 2rem;color: var(--main-color);width: 1em;}
.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;}
    .company-features .media{margin-bottom:25px;}
    .company-features .sub-title{font-size:20px;margin-bottom: 8px;}
    .company-features .title{ font-size: 30px;}
    .company-features h3{ font-size: 1.75rem;}
}
/*#endregion*/
/*#region contact page*/
.contact-wrapper{text-align:center;padding-top: 40px;padding-bottom: 40px;}
.contact-wrapper .box{padding:20px;background:#fafafa; margin:2rem;}
.contact-wrapper .box p{color:#727272}
.contact-wrapper .icon{font-size:40px;margin-bottom:30px;display:block;color:var(--c)}
.contact-wrapper .entry-title{font-family:var(--title-font-family);font-weight:600;font-size:1.5rem;margin-bottom:30px;color:#333;}
.contact-wrapper a{ color: #111 !important;font-size:18px;font-weight: 500;}

.inquiry-wrapper{padding:60px 0;text-align:center;}
.inquiry-wrapper p{color:#8c8c8c;font-size:20px;}
.inquiry-wrapper h4{font-family:var(--title-font-family); margin-bottom:1rem; color: #fff;font-size:2.5rem;font-weight:600;}
.inquiry-wrapper .btn{ background: var(--c) !important;text-transform: uppercase;}
@media(max-width:768px){
    .contact-wrapper .box{ border-bottom: 1px solid #e6e6e6;}
    .contact-wrapper .entry-title{margin-bottom:15px;}
    .inquiry-wrapper h4{font-size:2rem;}
}
/*#endregion*/
/*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: 50px;height: 5px;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: all 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-service{ padding: 100px 0 80px;color:#fff;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;text-align: center;}
.home-service h3{ font-family: var(--title-font-family);font-weight: 600;font-size: 36px;text-align: center;margin-bottom:20px;}
.home-service h3 span{ color: var(--sub-color);}
@media(max-width:768px) {
    .home-service{ padding: 50px 0 30px;}
    .home-service h3{ 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 .home-title{text-align: center;}
.home-company .home-title:after{ margin-left: auto;margin-right:auto;}
.home-company .more{ display: inline-block;background: var(--sub-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}

.swiper-gallery{--swiper-navigation-size:20px;--swiper-theme-color:#f2f2f2;align-items: stretch;}
.swiper-gallery .swiper-button-prev,.swiper-gallery .swiper-button-next{width:40px;height:40px;background: rgba(125,125,125,.6);transition: all ease 0.3s;}
.swiper-gallery .swiper-button-prev:hover,.swiper-gallery .swiper-button-next:hover{background: rgba(125,125,125,.4);color: #999;}
.swiper-gallery .item-col{margin-bottom:0 !important;}
.swiper-gallery .entry-wrapper{ background: transparent;}

@media(max-width:768px) {
    .gallery-container .summary{ max-width: 100%}
    .gallery-container{ padding: 50px 0;}
}

.home-news{ padding: 60px 0;}
.home-news .article-col{ margin-bottom: 0;}
.home-news .article-col .entry-content{font-size:14px;}
@media(max-width:768px) {
    .home-news .article-col{margin-bottom:25px;}
}