/*#region reset*/
:root {
    /*default: 16px #333 1.6*/
    --body-font-family: Lato;
    --body-font-size: 16px;
    --body-color: #000;
    --body-line-height: 1.7;
    --body-bg-color: #fff;
 /*   --title-font-family: OpenSans;*/
    --main-color: #024594; 
    --sub-color: #dd2821;
    --banner-bg-color: #d3d3d3;
    --offcanvas-bg: #fff;
    --param-width: 150px;
    --param-color: #777;
    --param-padding: 3px;
    --cart-btn-grow: 0;
    --video-play-color: #dd2821;
    /*--inquiry-control-border-color:#ccc;*/
    --inquiry-control-bg-color: #f9f9f9;
    --inquiry-btn-bg-color: #c82333;
    /* --side-color:var(--sub-color);
    --side-bgcolor:var(--main-color);
    --side-active-bgcolor:#dd2821;
    --side-split-color:#666;*/
    /*--color-warning:#dd0804;*/
    /*--color-sucess:#008080;*/
}
/*default fontsize:1rem*/
html { scroll-behavior: auto !important;}
.container-xl {max-width: 1320px}
@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1170px;
    }
}
.side-share {bottom:160px;}
.main-container{padding:20px 0}
* {font-family:Arial;}
body {color: #000;font-size: 15px;line-height: 1.6;font-family: Arial;}
@media(max-width:768px) {
    .main-container{ padding: 30px 0;}
}
.product-tags {margin-bottom:0.6rem;display:flex; align-items:center; flex-wrap:wrap;}
.product-tags a {padding-bottom:3px;padding-left:3px;}
.product-tags a:hover {text-decoration:underline; color:var(--cc-color)}
.product-tags a::after {content:',';color:#000;padding-left:2px;}
.product-tags a:last-child::after {content:"";}

.bg-cover{ background-position: center center;background-repeat: no-repeat;background-size: cover}
.search-group{max-width:100%;}
.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: #fac012;padding: .25rem .5rem;}

#subscribe .form-control{ background: #f6f6f6;}
#subscribe .btn{ background: #fff}
.tags-t {padding-bottom:1rem;}
.tags-t a:hover {color:red;}

.category-summary h2 {font-size: 14px;font-weight: bold; color: #333;margin-bottom:2px; margin-top:1rem;}
.category-summary p {margin-bottom:5px;font-size:14px; color:#666;}
/*#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;}
.top-bar{ background: #3c4856;color:#000;border-bottom: 1px solid #e9e9e9; padding:.3rem 0}
.top-bar .top-text {color:#fff;text-align:right;margin-top: .3rem; }
.top-bar .search-group {width:19%;}
.top-bar .end {justify-content:flex-end;}
.top-bar .search-group .form-control {font-size:14px; padding:0 .6rem;border-radius: 3px 0 0 3px; height:32px; line-height:32px;}
.top-bar .search-group #search_button {background: #fff; border-radius: 0 3px 3px 0;border: 1px #ddd solid;height: 100%;line-height: 22px;}
.header-top-email {padding-right:1rem;}
.header-top-email,.header-top-email a {color:#fff;}
.categ-link {color:#555}
.top-bar .search-group button {color:#000; }
.mb-search {width:100%; margin-top:1rem; padding:0 12px;}
.mb-search button {background:#eb1b2b !important;}

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

#product-content h2 {margin-bottom: 3px; color: #000; font-size: 15px; margin-top: 1rem;}
#product-content p,.content-wrapper .table-responsive {margin-bottom:1px;}
#product-content table p {margin-bottom:0;}

.navbar{width: 100%;top: 0;transition: transform ease 0.4s;background: #fff;box-shadow:1px 5px 10px #c9c7c7;}
.navbar-brand{ padding: 1.5rem 0;}
.navbar-brand>.img-fluid{ max-width: 200px;}
.navbar-nav > li {}
.navbar .nav-link {    color: #024e8f;font-weight: bold;border-radius: 3px;padding: 3px 10px;margin-left: 5px;font-size: 16px;}
.navbar .nav-link:hover,.navbar-nav .dropdown-item:hover{background:#a8e0fe; color:#fff;}
.navbar-nav .nav-item .dropdown-menu {background:#6ab8e3; border-radius:3px; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);}
.navbar-nav .nav-item .dropdown-menu li {    padding: 3px; }
.navbar-nav .nav-item .dropdown-menu .dropdown-item {color:#fff;padding:2px; font-size:15px; border-radius:3px; font-weight:bold;}
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {background:#6999d6;}
.navbar-nav .nav-item .dropdown-menu .dropdown-item::after {color:#fff;}
.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(-200px);
    }
    100% {
        transform: translateY(0);
    }
}
.fixed-effect{ position: fixed;width: 100%;top: 0px;background: #fff;animation: slidedown 1.15s ease-in;}
.fixed-effect1{transform: translateY(calc(-100% - 0px));}

/*.ts-tangle {background: url("theme/skin5-kosenv2/images/down-arrow-transparent.png") no-repeat center -1px transparent;display: block;  height: 22px;  width: 100%;  margin: 0;  z-index: 1; position: absolute; border: 0; left: 0; right: 0;bottom: 0%;}*/
.kv-choose {padding:3rem 0;}
.kv-title p {    font-size: 12px;line-height: 34px;font-weight: 400; margin-bottom:4px;letter-spacing: 1px;}
.kv-title  h2 {font-size: 36px;text-transform: capitalize;display: block;font-weight: bold;letter-spacing: 0;}
.kv-title h2::after {content: "";display: block; width: 100px;height: 3px;background: #024594; margin:10px auto;}
#tab-home {background:#f5f5f5;margin-top:2rem;}
#tab-home .nav-link {font-weight: 500;background: none;border-radius: 0; min-width: 200px;padding: 20px 15px; border-right: 1px solid #ddd; font-weight:bold;
    border-top: 5px solid transparent;
    margin-right: -1px;
    color: #555;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#tab-home .active {color: #024594;background: #fff; border-top: 5px solid #024594; border-left: 1px solid #ddd;    border-bottom: 1px solid #fff;}
#tab-home .active path {fill:#024594;}
#ta1-tab-content {border-left: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221);}
#ta1-tab-content .tab-pane {padding: 1rem;}
#ta1-tab-content p { color:#303030;  line-height:24px; margin-bottom:10px;font-size: 14px;}
#ta1-tab-content .tab-pane img {width:100%;opacity: .5;}
#ta1-tab-content .tab-pane h3 {font-weight:bold; font-size: 16px;margin-bottom:.4rem; color:#303030; font-family:Microsoft Yahei,Helvetica,Arial,Verdana,sans-serif;}
#ta1-tab-content .ffa {list-style:disc;}

.kv-products {position: relative; background-image:url("theme/skin5-kosenv2/images/product-bg.jpg"); background-position: 50% 50%; padding:2.4rem 0;}
.kv-products {color:#fff;}
.down-arrow-white {background: url("theme/skin5-kosenv2/images/down-arrow-white.png") no-repeat top center;z-index: 1; margin-top: 0; min-height: 30px;position: absolute;top: 0;left: 0;width: 100%;}
.kv-products-slide {background: #333;padding: 2rem; margin: 1rem auto;}
.kv-products-slide .product-col {border:none;}
.kv-products .product-col .card {border:none;}
.kv-products .product-col .card-thumb {display:block; border:1px #fff solid;}
.slide-pro-name a {font-weight:bold; color:#fff; font-size:16px; display:block;margin:1rem 0;height: 26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.slide-pro-btn {padding: 8px 15px;transition-duration:.3s; background: #1797d9; display:inline-block; font-weight:bold; font-size: 12px; margin-top: 10px; color:#fff;}
.slide-pro-btn:hover {background:#222;color:#fff;}

.ks-news-center {padding:3rem 0;}
.ks-news-title h3 {font-weight:bold; font-size:1.5rem; margin-bottom:1rem; }
.ks-news-front {border: 1px #ccc solid;}
.ks-news-front a:hover {text-decoration:underline;}
.ks-news-front img {}
.ks-news-front-text {padding:1.2rem;}
.ks-news-front-text h4 {font-size:16px; color: #000; font-weight:bold;}
.ks-news-front-text p { font-size: 12px; color:#898989;}
.btn-read-n {background: #01468d;color: #fff;font-weight: bold; padding: 3px 1.6em;}
.btn-read-n:hover {color:#fff;}
.ks-news-lists {padding:0;}
.ks-news-lists li { padding: 4px 0; border-bottom: 1px #ccc dashed;}
.ks-news-lists a {display: block; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:15px;}
.ks-news-lists a:hover {text-decoration:underline; color:#01468d;}
.ks-news-lists time {font-size:12px;}
.heade-cus {width:100%;}

.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: 20px 0;font-size: 0.75rem;text-transform: uppercase;color: #777;border-bottom: 1px solid #e0e4e6;}
.content-wrapper.article .summary span{ margin-right: 15px;}
.form-feedback .btn{display: block; background:#02468c;color: #fff; padding: 5px 16px; margin:auto; transition: all .2s ease; width:35%;}
.form-feedback .btn:hover{background:#0153b5;}
#form-feedback {width: 63%; margin:auto;}
#form-feedback .row {margin-bottom:1rem}
#form-feedback label {font-size:14px; text-align:right;padding:3px; margin-bottom:0;margin-top:4px;}
.form-feedback .form-control { height: 30px; background:#fff; border-radius:3px; font-size: 14px; line-height: 30px;padding: 5px;border: 1px solid #ccc; color: #666;}
#form-feedback .form-control:focus {border-color: #000; border-width: 2px;}
.form-feedback textarea {height:100px !important; line-height:20px !important; border-radius:3px; background:#fff;}
.g-3{margin-bottom:1rem;}
.layout-wrapper {padding: 15px;border: 1px solid #e9eef4;}
.layout-wrapper h5 {font-size:15px; background: #024594; display: inline-block; padding: 10px; color: #fff;}

.cc-itmes-pp p {font-size:14px; margin-bottom:0; height:22px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 363px;}
.cus-product-col a {display:block; background:#ccc; text-align:center; padding:10px 1rem; margin-bottom:1rem; font-weight:bold; font-size:14px;color: #000;}
.cus-product-col a:hover,.cus-product-col a.active {background:#024594;color:#fff;}
.cus-product-col {margin-bottom:2rem;}
.cc-itmes-pp dt {font-size:14px;width:auto;}
.product-list-param p span:first-child{font-weight:bold; color:#666;}
.product-items {border-bottom: 1px #e4e4e4 solid; padding-bottom: 1.5rem;  margin-bottom: 1.5rem;}
.product-items .thumbnail {border:1px solid #ddd;}
.pro-title-2 {    font-size: 14px; display: inline-block; margin-bottom: 5px; height: 22px;overflow: hidden; width: 363px;text-overflow: ellipsis; white-space: nowrap;}
.pro-title-2:hover {color:#C42829; text-decoration:underline;}
.pro-title-btn {background: #02468c;padding: .5rem 1rem; color: #fff;display: inline-block; border-radius: 6px;}
.pro-title-btn:hover {color:#fff; background:#C42829}
.header-flex {flex-direction: column;}
.header-nav-cus {background: #024594;width:100%;}
.max-width {width:100%;}

.btn-left-b {background: #024594;
    width: 100%;
    color: #fff;
        width: 200px;
    height: 55px;
    line-height: 43px;
    margin-bottom: 8px;
    font-size: 18px;}
.btn-left-b:hover {color:#fff}
.cus-contact-info p {margin-bottom:0; font-size:15px; color:#000;}
.cus-contact-info a:hover {color:var(--main-color)}
.str-red {color:red;padding-right:1px;}

.page-main-title{ font-size: 1.3rem;padding: 0.75rem 1rem;margin-bottom: 1.5rem;font-weight: 600;background: #f2f2f2;}
@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;}
}
/*#endregion*/

/*#region banner*/
.banner-bg .swiper-container{height:360px;}
@media(max-width:768px) {
    .cc-itmes-pp {margin-top:1rem;}
    .top-bar .end {justify-content:left;}
    .kv-title h2 {font-size:20px;}
    .ks-news-front {    flex-wrap: wrap;}
    #form-feedback label {text-align:left;}
    #form-feedback,.nav-tabs .nav-item {width:100%;}
    .top-bar .search-group {display:none !important;}
    .navbar-brand {padding:6px 0;}
    .banner-bg .swiper-container{ height: 200px;}
    .widget-header .drop:after {color:#fff;}
    .pro-title-2 {font-size:16px;}
    .footer-link-auto {display:none;}
    .pro-title-2,.cc-itmes-pp p {   height: auto;overflow: auto; width: 100%;}
}
.banner-nav {justify-content:center; width:100%;}
.banner .overlay{background: rgba(0,0,0,0.2);}
.banner-nav{ display: flex; height: 253px;align-items: center;color:#000}
.banner-nav .title{margin-bottom:12px;font-family: var(--title-font-family);text-transform: uppercase;font-weight: 700;font-size: 40px; color:#fff}
.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; background: rgba(255,255,255,.6); text-align: left;  padding: 25px; color: #000;}
.banner-nav .breadcrumb-item a{ color: #000; }
.navbar-nav {align-self:auto;}
.child-headermenu {padding:4px !important;}
.child-headermenu {}
.child-headermenu li {width:20%;}
.child-headermenu li a {text-align:left; color:#fff !important;justify-content: start !important;font-size: 15px !important;}

@media(max-width: 576px) {
    .navbar-brand > .img-fluid { max-width: 100px; }
    .banner-nav{ height: 170px;}
    .banner-nav .title{ font-size: 16px;}
    .footer-link-auto a,.footer-copy {font-size:12px !important;}
    footer {padding-top:30px;}
     .form-feedback .btn {width:50% !important;}
    .footer-link-auto a {padding: 0 7px; }
    #tab-home .nav-link {padding:10px 15px;font-size: 14px;}
}

.home-banner {
    width: 100%;
    height: 500px;
}
.home-banner video{ width: 100%;height: 100%;object-fit: cover;}
.cus-width {width: 19%;}
.cus-r-width {width: 81%;}
/*#endregion*/

/*#region page-title &summary*/
.page-title{padding: 16px 5px;background: #f6f6f6;line-height: 1;color:#555; margin-top:20px; }
.page-title .container-xl,.page-title .container-fluid{display: flex;justify-content: space-between;align-items: center;}
.page-title .title{margin-bottom: 0;}
.page-title .breadcrumb a {font-size:15px;}
.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-wrapper{margin-bottom: 30px;}
.menu-horizontal{ justify-content: center;}
.menu-horizontal .nav-item{ padding: 0 10px}
.menu-horizontal .nav-link{ background: #f6f6f6;padding: 10px 25px;}
.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;}
    .cus-width,.btn-left-b {width: 100%;}
    .cus-r-width,.widget,.cus-left-infos {width: 100% !important;}
}
/*#endregion*/
.main-title{font-family: var(--title-font-family); font-size: 30px;margin-bottom: 25px;color:var(--main-color)}

.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;}
.product-col .card {padding:6px;transition: all ease 0.2s; height:100%;}
.product-col .card .card-title {margin-top:8px; text-align:center;font-size:14px;}
.product-col  .card:hover {border-color: #DD2821;}
.product-col .entry-wrapper{ padding: 14px 8px;background: #f2f2f2;}
.product-col h3{ margin: 0;}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:15px;margin-bottom:0;}
.product-col .thumbnail-wrapper{ overflow: hidden;}
.btn-inquiry {color:#fff;}
.btn-inquiry:hover {color:#fff; }
.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);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;}
@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;color:#000;}
.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; margin-bottom:1.5rem;}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}

.widget{ margin-bottom: 30px;}
.widget-header{ margin-bottom: 5px;background:#024594; height:55px;}
.widget-header .title{position:relative;font-family:var(--title-font);font-size:18px;font-weight:normal;color:#fff;margin: 0;padding:18px 0; margin:auto;}
.menu-link-model {display:none}
.product-item-hover  {position:relative;}
.menu-link-model{position:absolute;z-index:16;display:none;    top: 0; right: -100%;  width: 100%;background: #fff; border: 1px #ccc solid;}
.menu-link-model-list a{display:block;line-height: 20px;font-size: 16px;padding: 9px 0 9px 18px;background: #f2f2f2;border-bottom: solid 1px #fff;}
.menu-link-model-list a:hover {background:#02468a; color:#fff} 
.widget-collapse .menu-item:hover > .menu-link,.widget-collapse .menu-item:hover > button { color:#fff;background:#02468a;}
.product-item-hover:hover .menu-link-model {display:block}
.widget-collapse .menu-item{    border-bottom: solid 1px #fff;  background: #f2f2f2;}
.widget-collapse .menu-link{ line-height: 20px;font-size: 16px;  padding: 9px 0 9px 18px;}
.widget-collapse .menu-item.active{ background: #024594;}
.widget-collapse .menu-item.active > a { color:#fff;}
.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-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper .content h2,.content-wrapper .content h3{font-size: 1.25rem;font-weight: 400;color:#0c2e60}
.content-wrapper table {margin-bottom: .4rem;}
.content-wrapper table th,.content-wrapper table td {padding: 0;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{ border-top: solid 2px #024594  !important;background: #024594;color:#fff;}

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

.share-box{padding: 15px 15px;margin-top: 30px;margin-bottom: 15px;border-top: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;}
.share{display:flex;align-items:center;}
.share .share-title{font-size:16px;margin-right:15px;text-transform: uppercase;}
@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;}
/*.nav-wrapper a{background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}*/
/*#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: 1.5rem;background:#fff}
.product-head .title {font-size: 1.25rem;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .title-desc {text-transform: uppercase;font-size: 13px;color: #05A500;font-weight: 500;margin-bottom: 6px;}
.product-summary{ font-size: 13px;}
.product-summary p{ margin-bottom: 6px;}

.btn-inquiry{ background: #024594;}
.btn-addtocart{ background: #e8b62d;}
/*#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 {color: #fff;padding-top: 60px; background:#25272e}
footer a {color:#fff;}
footer h6{font-size:1.2rem;margin-bottom:15px;text-transform: uppercase;font-weight: bold;color: #fff;}
footer h6:after{display: block;content: "";width: 50px;height: 2px;background: #024594;margin: 8px 0 0;}
footer a:hover{ color: #fff;text-decoration:underline;}
footer .container-xl{background: transparent no-repeat right center;padding-bottom:0;}
footer li{ }
.list-unstyled {font-size:14px;}
.list-unstyled li {margin-bottom:4px;}
footer .row >[class*="col-"]{margin-bottom:20px;}
footer h4{font-family: var(--title-font);font-size:18px;margin-bottom:15px;font-weight: bold}
footer .contact-info .icon{ margin-right: 5px;}
.footer-link-auto {margin:10px auto;}
.footer-link-auto a {font-size:16px; padding:0 1rem;}
.footer-copy {font-size:16px;}
.footer-bottom-line {border-top:1px solid rgba(255, 255, 255, .1);padding:1rem 0; font-size:12px;}

/*#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 {background: #f6f6f6;color: #666;padding: 60px 0;line-height: 1.7;}
.company-features .title{ font-family: var(--title-font-family);font-size:28px;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;}
    .side-share {bottom:0 !important;}
    footer {padding-bottom:3rem; padding-top:1rem;}
}
/*#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*/
.embed-responsive { position: relative;display: block;width: 100%;padding: 0; overflow: hidden}
.embed-responsive::before {display: block;content: ""}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%; border: 0}
.embed-responsive-21by9::before { padding-top: 42.857143%}
.embed-responsive-16by9::before {padding-top: 56.25%}
.embed-responsive-4by3::before { padding-top: 75%}
.embed-responsive-1by1::before { padding-top: 100%}