/*#region reset*/

@media(min-width:1600px) {
    .container-xl{max-width:1200px}
}
body {color: #333;}
.search-group{max-width:200px}
.search-group .form-control{border-right-width: 0;border-radius: 12px 0  0 12px}
.search-group .btn {border: 1px solid #ced4da;border-left-width: 0;border-radius: 0 12px 12px 0;}
.form-feedback label {font-weight: 400;text-transform: uppercase;font-size: 0.75rem;}
.form-feedback .btn{color: #777;color: #fff;background: #42ba05;line-height: 1.75rem}
.banner-nav .title{ font-weight: 600; font-size: 24px; color: #009148;}
.side-share{bottom:100px}
.swiper-slide-child{}
/*#region banner*/
/*#endregion*/
.top-bar{ padding: 0.25rem 0;background: #fff;}
.top-bar a{color:#003300}
.top-bar .icon{ margin-right: 0.25rem;}
.header{ background: #fff;overflow: visible;top: 0;z-index:2}
.navbar-custom{top: 0;z-index: 3;background: #fff;}
.navbar-custom .navbar-nav{ background: #fff; }
.navbar-custom .navbar-nav > .nav-item {}
.navbar-custom .navbar-nav .nav-link {position:relative; padding: 1.875rem 2rem;text-align: center;text-transform: uppercase;font-weight: 500;transition: background-color ease 0.3s;}
.navbar-custom .navbar-nav .nav-link:hover {color:#009a44;}
.navbar-custom .nav-link:before{content: "|";color: #999;left: 0;position: absolute;}
.navbar-custom .navbar-nav .nav-item:first-child a:before {content:"";}
.navbar-custom .navbar-nav .dropdown-menu {background:#009a44;}
.navbar-custom .navbar-nav .dropdown-menu  a {color:#fff;}
.navbar-custom .navbar-nav .active > .nav-link {color: #393;}
.navbar-custom .navbar-nav .dropdown-item{ padding: 0.75rem 1.25rem;}
.dropdown-item:hover {background:#009a44;}
.dropdown-item.active, .dropdown-item:active {background:none;}
.navbar-brand{ padding: 0.5rem 0;}
.navbar-brand>.img-fluid{max-width: 220px}
.web-language li {list-style:none;padding-right:10px;}
.web-language {margin:0;width: 100%;}
.h-service {padding:3rem 0;background:#fff;}
.h-service section {border-radius: 50%;width: 120px;height: 120px; line-height: 140px; background-color:#009a44; margin: 1rem auto;}
.h-service i {font-size: 3rem;color: #fff;}
.h-service p {font-size:12px; color:#666;line-height: 1.7em;  height: 124px;}
.h-service .btn-more {border: 2px #009a44 solid;padding: .4rem 2.5rem;color: #009a44;transition-duration: .3s; display:inline-block;}
.h-service .btn-more:hover {color: #fff;background-color: #009a44;}
.h-company {background:url("../../images/UD1.jpg") no-repeat;color:#fff;padding-top:10rem;padding-bottom:5rem;}
.h-company a {background-color: #fff;color: #333;border: 1px #fff solid;padding: .4rem 1.8rem; display: inline-block; transition-duration: .3s; }
.h-company a:hover {background-color:transparent;color:#fff;}
.h-title {position:relative;margin-top:1rem;}
.h-title a {position: absolute;right: -10px;bottom: 20%; font-size: 14px;}
.h-margin {margin-bottom:4rem;}
.h-title a:hover {color:#009148;}
.h-msg {font-size: 16px; color: #666;font-weight: 400;}
.h-products .col { padding-right:0;}
.h-products .cate-col::after {content: "";position: absolute;top: 0; left: 50%;right: 50%;width: 0;border-bottom: 2px solid #009148; transition: all linear .2s;-moz-transition: all linear .2s;-webkit-transition: all linear .2s; -o-transition: all linear .2s;}
.h-products .cate-col:hover:after { left: 0; right: 0; width: 100%;}
.h-products .col a {font-weight:bold;color:#444;font-size:14px;}
.h-products .col a:hover {text-decoration:underline;color:#009a44;}
.h-products .col-body {padding:1.6rem 0;}
.h-products .cate-col {position:relative;padding: 5px; border: 1px solid #ccc;margin-bottom:10px;}
.h-products .col-price {font-weight:bold;font-size:18px;color:red;margin-bottom:0;}
.h-category .back-text {}
.h-category-list {padding-left:0;list-style:none;flex-wrap:wrap;}
.h-category-list li {width:25%;background:#f5f9fd;}
.back-text {margin-top:1.6rem;padding-left:1.4rem;}
.back-text h2 {margin-bottom:1rem;}
.back-text p {margin-bottom:0; font-size:16px;}
.back-text a {display: inline-block;margin-top: 1rem;transition-duration:.3s;  padding: .4rem 2rem; background: #fff; border: 1px #666 solid;}
.back-text a:hover {background:#009a44;border-color:#009a44;color:#fff;}
.check-icon {background: rgb(0, 153, 51);color: #fff;border-radius: 50px;display: inline-block;height: 14px;width: 14px; line-height: 14px;  font-size: 12px;}
.article-news time {font-size:24px;color:#666; text-align: left; font-family: 'CmsFont';}
.article-news h6 {    overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.article-news h6 a {font-size:14px;}
.article-news h6 a:hover {color:#009a44;}
.article-news p {margin-top:10px;color:#666;line-height:1.5em;}
.article-news .line {margin-top: 5px;height:1px;width:10%;background:rgb(197, 197, 197);transition-duration:.4s;}
.article-news .more {display:block;height:30px;width:30px;line-height:30px;text-align:center;border-radius:5px;border:1px solid #c5c5c5;margin-top:4px;}
.article-news .more i { color:#c5c5c5; }
.article-news .card {margin-bottom:1rem;}
.article-news .card:hover .line {background:#009a44;width:100%;}
.article-news .card:hover .more {color:#009a44;border-color:#009a44}
.article-news .card:hover .more i {color:#009a44}
.footer-product-list {padding-left: 13px; color: #eee;}
.footer-p p {margin-bottom:4px;}
.footer-contact {background-color:rgba(51,51,51,0.84);padding:2rem;}
.footer-contact h5 {color:#009148;font-weight:bold;margin-top:1rem;}
.footer-contact h5 i {margin-right: 8px;}
.footer-contact p {margin-bottom:5px;}
.breadcrumb-item+.breadcrumb-item::before {content:"»"; font-size:20px; color:#009a44}
.banner-nav .title:after {display:none;}
.banner-nav {text-align:left;align-items:flex-start;}
.banner-nav .breadcrumb {align-self:flex-start;}
.banner-nav-pos, .banner-nav-pos span {color: #009a44;}
.banner-nav-pos span {font-size:30px;}
.banner-nav-pos h6 {font-size:24px;padding:0 1rem;margin-bottom:0;}
.product-list-cus .col-price {font-size:14px;}
.product-param span {border: 1px #ccc solid;padding: 4px;margin: 3px;display: inline-block; font-family:"CmsFont"}
.product-param span:hover {border-color:red;cursor:pointer}
.product-param span.active {color:red; border-color:red}
.product-param dd {display:block;font-family:"CmsFont"}
.r-k {font-size:20px;color:red !important; font-weight:bold;font-family:"CmsFont"}
.banner-pad .banner-nav {padding:14rem 0;}

footer p {
    color: #fff;
}
footer {
    background: url("../../images/cc3c92e40e.png") repeat scroll center center;
    background-color: #333;
    padding: 7rem 0;
}
footer .form-feedback button {width:40%;background:#31b0d5 !important; padding: 1px !important;}
footer a:hover {color:#009a44}


@media(max-width:1500px) {
    .navbar-custom .navbar-nav .nav-link {padding: 1.875rem 1.5rem}
}
@media(max-width:992px) {
    .navbar-custom .nav-link:before {content:""}
    .navbar-custom .navbar-nav .nav-link {padding: 1.875rem 1rem}
    .navbar-custom .navbar-nav .dropdown-item{ padding: 0.875rem 1.5rem;text-align: center;}
    .banner-nav-pos, .banner-nav-pos span {flex-wrap:wrap;}
}
@media(max-width:576px) {
    footer {padding:2rem 0;}
    .back-text {margin-top: 10px;}
    .back-text p {font-size:14px;}
    .back-text h2 {font-size:18px}
    .h-category-list li {width:50%;}
    .h-company {padding-top: 2rem; padding-bottom: 2rem;}
    .h-products .col-price {font-size:14px;}
    .navbar-custom .navbar-nav .nav-link {padding: 1.25rem 1rem}
    .navbar-nav{border-top:1px solid #f2f2f2}
    .navbar-brand{ padding: 12px 0px;}
    .navbar-brand>.img-fluid{max-width:140px}
    .web-language {padding-left:0;}
}
/*#endregion*/

.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border:1px solid #e9eef4}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}
/*#region collapse menu*/
.menu-collapse{/*border-radius: 6px 6px 0 0;border: 1px solid #e7e7e7*/}
.menu-collapse .collapse-title{padding: 1.25rem 0.875rem;font-weight: 400;text-transform: uppercase;background:#999;}
.menu-collapse .collapse-title h5{ font-size: 1.25rem;font-weight: 500;color: #fff;}
.menu-collapse .collapse-title .navbar-toggler{color: #fff;}
.menu-collapse .menu-link{ transition: background-color ease 0.4s;  color: #666;}
.menu-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 8px;}
.menu-collapse .menu-link:hover{ background: #e7e7e7;color: #009148;}
.menu-collapse  .drop{ top: 10px;}
.menu-collapse  ul li .menu-link {font-size:16px; border-right:1px #d6d6d6 solid;border-left:1px #d6d6d6 solid;border-bottom:1px #d6d6d6 solid;}
.menu-collapse  ul li:last-child {border-bottom:1px #d6d6d6 solid;}
.menu-collapse  ul ul li:last-child {border-bottom:none}
.menu-collapse  ul ul li .menu-link {font-size:14px;}
.menu-collapse .menu-link.active{color: #009148;}
.menu-collapse ul {}
.menu-collapse ul ul {border:none;}
.menu-collapse ul ul .menu-link{padding-left: 2rem;}
@media(max-width:576px) {
    .menu-collapse .collapse-title{ padding: 0.875rem;}
    .menu-collapse .collapse-title h5{ font-size: 1rem;}
}
/*#endregion*/
/*#region horizontal menu*/
.menu-horizontal-wrapper{ margin-bottom: 2rem;}
.menu-horizontal .nav-item{margin: 0 0.25rem;}
.menu-horizontal .nav-link{ padding: 0.75rem 1rem;background: #f2f2f2;border-radius: 0px;color: #666;}
.menu-horizontal .nav-link.active{ background: #E20001;color: #fff;}
.menu-horizontal-child {background: #f2f2f2;}
@media(max-width:768px) {
    .menu-horizontal .nav-item{ margin: 0;}
    .menu-horizontal-child{ justify-content: left;}
    .menu-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}
/*#endregion*/
.side-wrapper{ background: #F5F5F5;padding: 25px 20px;margin-bottom: 1.5rem;}
.side-wrapper .title{ margin-bottom: 1rem;font-size: 1rem;font-weight: 600;color: #1f365c;text-transform: uppercase}
.media-article{ margin-top: 1.25rem;}
.media-article img{ max-width: 60px;margin-right: 12px;}
.media-article .post-title{ font-size: 0.875rem;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.75rem;color:#8c95a2}
.side-wrapper .product-col .card-title{ padding: 0.5rem 0.25rem;font-size: 0.75rem;}
.side-wrapper .product-col .card-thumb{ border: 1px solid #fff;}
@media(max-width:992px) {
    .side-wrapper{ padding: 25px 20px;}
    .media-article img{max-width:90px}
}
/*#region sort*/
.sort-box{ display: flex;display: -ms-flexbox;margin-bottom: 1rem;border: 1px solid #f2f2f2;}
.sort-box a{ display: flex;display: -ms-flexbox;padding: 8px 12px;align-items: center;border-right: 1px solid #f2f2f2;}
.sort-box a:hover{ background: #f8f8f8;transition: all 0.2s ease;}
.sort-box a>.icon{ padding: 0 0 0 5px;color: #999;}
.sort-box a.active{ color: #dd0804;background: #f2f2f2;}
.sort-box a.active>.icon{color:#dd0804}
/*#endregion*/
/*page*/
.nav-page-wrapper {display: -ms-flexbox;display: flex;justify-content: center;margin-top: 2rem;}
.nav-page-wrapper a {background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}
.nav-page-wrapper a:last-child{ margin-right: 0;}
/*#endregion*/
/*#region*/

/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/
.main-container{ padding-top: 60px;padding-bottom: 60px;}
@media(max-width:768px) {
    .main-container{ padding-top: 40px;padding-bottom: 40px;}
}

/*#endregion*/
/*#region page-title*/
.page-title{padding: 1rem 0;background: #F7F7F7;background-size: cover;line-height: 1;}
.page-title .container-xl{ display: -ms-flexbox;display: flex;justify-content:space-between}
.page-title .title{margin-bottom: 0;font-size: 1.5rem;font-weight: 300;text-align: center;align-self: center;font-weight: 500;}
.page-title .breadcrumb{ justify-content: center;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
.page-main-title{ font-size: 1.75rem;padding: 0.75rem 0;margin-bottom: 1.5rem;font-weight: 600;border-bottom: 1px solid #eee;padding-left: 0.5rem;}
.page-sub-title{position: relative;padding: 0.5rem 0;font-size: 1.25rem;margin-bottom: 20px;font-weight: 500;font-size: 1.5rem;}
@media(max-width:768px) {
    .page-title{padding:1rem 0}
    .page-title .container-xl{ flex-direction: column}
    .page-title .title{font-size: 1.5rem;margin-bottom: 0.875rem;font-weight: 500;}
    .page-title .breadcrumb:before{ display: none;margin-right: 0;}
    .page-main-title{ font-size: 1.25rem;}
}
/*.page-title-2{ padding: 1rem 0;}
.page-title-2 .title{margin-bottom: 0;font-size: 1.5rem;font-weight: 300;}
.page-title-2 .breadcrumb{ margin: 15px 0 30px 0;}
.page-title-2 .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}*/
/*#endregion*/
/*#region category index & cateogyr summary*/
.category-wrapper{}
.category-wrapper .more{ text-transform: uppercase;color:#006633}
.category-title{padding:0.75rem 1rem;background: #f2f2f2;margin-bottom: 1.5em;}
.category-title h3{ font-size: 1.25rem;margin-bottom: 0;}
.category-title h3 a{color:#009148}
.category-summary{ margin: auto;width: 90%;line-height: 1.8;margin-bottom: 30px;}
.category-summary p{ margin-bottom: 0;}
/*#endregion*/
/*#region product list style*/
.product-row{display: block;margin-bottom: 2rem;}
.product-row .card-thumb{border: 1px solid #9F9F9E;padding: 3px;}
.product-row .card-body{padding: 0rem 1.25rem;}
.product-row .card-title{margin-bottom: 0.75rem;font-size: 1.5rem;font-weight: 300}
.product-row .card-text{ font-size: 0.875rem;}
.product-row time{ display: block;font-size:1.5rem;font-weight: 600;}
.product-row .more{ display: block;align-items: end;justify-content: flex-end}
.product-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .product-row .card-body{ padding: 1.25rem 0 0;}
}

.product-col{ margin-bottom: 1.25rem;}
.product-col .card{height: 100%;background: #fff;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.product-col .card-title {text-align: center;flex-grow: 1;font-size: 14px;font-weight: normal;margin: 0;padding: 0.75rem 0.5rem;}
.product-col .card-title a {color: #1F365C;transition: all ease 0.2s;}
.product-col .card-title a:hover{color:#C42829}
.product-col .card-thumb{border: 0px solid #eee;}
.product-col .card-body{ font-size: 0.75rem;padding: 0.75rem;flex-grow: 0;}
/*#endregion*/
/*#region article list style*/
.article-row{ margin-bottom: 1.875rem;}
.article-row .card-body{ padding: 0rem 1.25rem;}
.article-row .title{font-size: 1rem;font-weight: 300;margin-bottom: 0.75rem;}
.article-row .title a{ color: #1F365C;transition: color 0.2s ease;}
.article-row .title a:hover{color:#C42829}
.article-row p{ padding: 15px 0;margin-bottom: 0;color: #666;border-top: 1px solid #ececec;line-height: 1.7}
.article-row .card-text{ font-size: 1rem;}
.article-row time{ display: block;font-size:0.75rem;color:#1f365c;}
.article-row time span{font-size:3rem}
.article-row .more{ display: block;align-items: end;justify-content: flex-end}
.article-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .article-row .card-body{ padding: 1.25rem 0 0;}
    .article-row h3{ font-size: 1rem;}
}

.article-col{ margin-bottom: 1.25rem;}
.article-col .card{height: 100%;}
.article-col .card-body{ flex-grow: 1;padding: 15px 15px;}
.article-col .card-title{font-size: 0.875rem;font-weight: 400;margin: 0;padding: 0.5rem 0rem;color: #0c2e60;transition: all ease 0.2s;}
.article-col .card-title:hover{color:#ef470d}
.article-col time {display: block;font-size: 0.75rem;color: #83868c;text-transform: uppercase;}

/*#endregion*/
/*#region img list style*/
.img-col{ margin-bottom: 1.25rem;}
.img-col .card{border: 1px solid #ccc;height: 100%;}
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;background: #EEE;text-align: center;}

.cert-row{ margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #5E5A59;}
.cert-row .card-body{ padding: 0 1.25rem;}
.cert-row .card-thumb{background: #EEEEEE;padding: 1rem;text-align: center}
.cert-row .card-title{ font-weight: 600;font-size: 1.5rem;}
.cert-row:hover{color:#274373}

@media(max-width:576px) {
    .cert-row .card-body{ padding: 1.25rem 0rem;}
    .cert-row .card-title{ font-size: 1.25rem;}
}

.cert-col{ margin-bottom: 1.25rem;}
.cert-col .card{ height: 100%;}
.cert-col .card-thumb{border: 1px solid #bbb;}
.cert-col .card-title{display: -ms-flexbox;display: flex;justify-content: center;align-items: center;flex-grow: 1;margin: 0;background: #EEE;padding: 0.5rem 0.75rem;margin-top: 0.5rem;text-align: center;}

.down-col{ margin-bottom: 1.5rem;}
.down-col .card{border: 1px solid #f2f2f2;}
.down-col .card-title{flex-grow:1;background: #EEEEEE;padding: 1rem;margin: 0;transition: all ease 0.2s;}
.down-col .card-thumb:hover img {filter: hue-rotate(120deg);opacity: 0.8;}
.down-col:hover .card-title{ background: #E9F6FE;color:#204480}

.video-col{margin-bottom: 1.5rem;}
.video-col .card{height: 100%;border: 1px solid #f2f2f2;}
.video-col .card-title{ display: flex;display: -ms-flexbox;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.75rem 0.5rem;text-align: center;background: #342C2A;color: #fff;font-size: 0.875rem;}
/*#endregion*/


/*#region content wrapper*/
.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper h2{font-size: 1rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h3{ font-size: 0.875rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper img{ max-width: 100% !important;height: auto !important;}
.content-wrapper ol{margin-left: 1em;padding-left: 1em;}
.content-wrapper video{ max-width: 100% !important;height: auto !important;}
.content-wrapper iframe{ max-width: 100%;}
.content-wrapper table {width: 100%;margin-bottom: 1rem;color: #212529;}
.content-wrapper table th,.content-wrapper table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/
.content-wrapper .nav-tabs {background:#FAFCFF;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;border-top: solid 2px #E64545 !important;}

.content-wrapper.product{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;color:#0c2e60}


.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{ }
.content-wrapper.article .title{ 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: #83868c;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;}
}

.post-navigation {padding: 25px 15px;margin-top: 30px;margin-bottom: 15px;background: #f6f6f6;border: 1px solid #f6f6f6}
.post-navigation span{ margin-bottom: 5px;font-size: 0.75rem;display: block;text-transform: uppercase;}
.post-navigation a{ color: #1F365C;font-weight: 500;}
@media(max-width:992px) {
    .post-navigation .col-12{ text-align: center;}
}
.share-box{ text-align: center;}
.share-box p{ font-weight: 600;}

.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: 1rem;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .btn-main{ display: inline-block;    background-color: #ecf8e6;border: 1px solid #42ba05;color: #40be03;font-size: 1rem;padding: .4rem 2.75rem;}
.product-head .btn-main .icon{ margin-right: 0.25rem;}
.product-head .summary{ line-height: 1.8;margin-bottom: 1.5rem;}

.product-service{ text-align: center;padding: 20px 0;}
.product-service>a:first-child{ margin-right: 15px;}
.product-feedback{ display: inline-block;background: #F3912C;color: #fff;padding: 6px 16px;}
.product-down{ display: inline-block;background: #DD0804;color: #fff;padding: 6px 16px;}
/*#endregion*/


/*#region footer*/
footer .container-xl  [class*="col-"]{margin-bottom:20px;}
footer h6{font-size:18px;margin-bottom:15px;text-transform: uppercase;color:#fff}
footer a{color:#fff}
footer .color-primary{color:#fff}
footer .contact li{margin:10px 0 0;}
footer .category li{ padding: 4px 0;}
footer .footer-bottom{background:#111;text-align: center;padding-top:15px;padding-bottom:15px;}
/*#endregion*/


/*#endregion*/
#faq-page .card{ margin-bottom: 1rem;}
#faq-page .card-header{ background: #f6f6f6;font-size: 1rem;font-weight: 300;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer}
#faq-page .card-header:hover{ background: #f2f2f2;}
#faq-page .card-body{ padding: 1rem;border: 1px solid #eee;}
/*#region company page*/
.about-wrapper { margin-bottom: 40px;line-height: 1.8}
.about-wrapper h2,.about-wrapper h3 {margin-bottom: 20px;text-transform: uppercase;color: #003366;font-weight: 600;}

.about-features {background: #f5f5f5;padding: 5em 6%;line-height: 1.7;margin-bottom: 40px;}
.about-features h3{ font-size: 2.5rem;font-weight: 700;text-transform: uppercase;margin-bottom: 50px;text-align: center;color:#2e8b57}
.about-features .icon-wrapper{ width: 70px;height: 70px;border: 2px solid #339933;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 20px;}
.about-features .icon {display: block;font-size: 2rem;color: #339933;width: 1em;}

.about-features h4{ color: #444;margin-bottom: 20px;}
.about-features p{ margin-bottom: 0;}
@media(max-width:992px) {
    .about-wrapper .content-wrapper{font-size: 0.875rem;}
    .about-features{ padding: 4rem 0;}
    .about-features h3{ font-size: 1.75rem;}
}

/*#endregion*/
/*#region contact page*/
 .contact-info{ text-align: center;padding: 30px 6%;}
.contact-info .row>.col-12{ padding: 20px 15px;border-right: 1px solid #eee;}
.contact-info .row>.col-12:last-child{ border-right-width: 0;}
.contact-info h4{ font-size: 1.25rem;margin-top: 1.25rem;margin-bottom: 1rem;font-weight: 500;}
.contact-info p{ margin-bottom: 0.75rem;font-size: 1rem;}
.contact-info .icon {font-size: 2.5rem;color: #336699;transition: all 0.2s ease;}

.contact-wrapper{ }
.contact-wrapper .title {font-size: 1.5rem;font-weight: 600;color:#003366;margin-bottom: 1.5rem;}
.contact-wrapper .title:after {display: block;margin: 0.5rem 0 0;content: "";width: 60px;height: 3px;background:#006633}
.contact-wrapper h2{ font-size: 1.5rem;font-weight: 500;margin-bottom: 1rem;}
.contact-wrapper h4,.contact-wrapper h3{ font-size: 1rem;font-weight: 500;}
.contact-wrapper p {margin-bottom: 0.875rem;}
.contact-wrapper .form-control {border-radius: 5px;}
/*.contact-wrapper .btn{ display: inline-block !important;font-weight: 600;}*/
@media (max-width: 768px) {
    .contact-info{ margin-bottom: 0;border-bottom-width: 0;padding: 30px 0;}
    .contact-info .icon{ font-size: 2rem;}
    .contact-info .row>.col-12 {padding: 10px 15px;border-right-width: 0;border-bottom: 1px solid #ddd;}
    .contact-wrapper .title{ font-size: 1.5rem;}
}
@media(max-width:976px) {
    .contact-info .row>.col-12:nth-of-type(even){ border-right-width: 0;}
}
/*#endregion*/
/*home page*/

.home-title{ position: relative;text-align: center;margin-bottom: 15px;font-weight: 500;}
.home-title:after{ display: block;content: "";width: 40px;height: 4px;background: #E1474D;margin: 3px auto 0;}

.home-products{ padding: 2rem 0 0;}
.home-products h3{ font-size: 1.75rem;font-weight: 600;}
.home-products .summary{ text-align: center;font-weight: 400;color: #666;}
.home-products .nav{ text-align: center;}
.home-products .nav-link {display: block;padding: .5rem 1.5rem;border-bottom: 2px solid #dedede;}
.home-products .nav-link.active{ border-bottom: 2px solid #006633;color:#006633}
@media(max-width:768px) {
    .home-products h3{ text-align: center;margin-bottom: 1.5rem;}
    .home-products .nav-item{ flex-basis: 50%;}
    .home-products .nav-link{ padding: 0.875rem 1rem;}
}

.home-company{color: #666;padding: 40px 0 40px;line-height: 1.8;}
.home-company .wrapper{background:#fff}
.home-company h2{ font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1F365C;}
.home-company h2:after{ display: block;content: "";width: 80px;height: 3px;background-color: #C42829;margin-top: 5px;}
.home-company h4{ font-size: 1.5rem;color: #444;}
.home-company ul li:before{ font-family: cmsfont;content: "\f005";margin-right: 5px;color:#0069b0}
.home-company .more{ display: inline-block;background: #333;padding: 8px 60px;border-radius: 6px;font-weight: 500;color:#fff}
.home-company .intro{ padding: 1.5rem 3rem;line-height: 1.8}
@media(max-width:768px) {
    .home-company .intro{padding:2.5rem 0}
    .home-company{ background: #fff;}
    .home-company .wrapper{}
    }

.home-news{ padding: 2rem 0;}
.home-news h2{ font-size: 1.75rem;text-align: center;}
.home-news h2:after{display: block;content: "";width: 80px;height: 3px;background-color: #C42829;margin: 5px auto 0;}
.home-news .article-col .card{border:1px solid #efefef; }
.home-news .article-col .card-title{ font-size: 0.875rem;}
.home-news .article-cil .card-title a{color:#1F365C}
.home-news .article-col time{display: block;}

.swiper-centered .swiper-slide {
   
    transform: scale(0.85);
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-centered .swiper-slide-active, .swiper-centered .swiper-slide-duplicate-active {
    transition: transform ease 0.2s;
    transform: scale(1.05);
}