/*#region reset*/
@font-face {font-family: "OpenSans";src: url("../fonts/OpenSans-Regular.woff2") format("woff2"),url("../fonts/OpenSans-Regular.woff") format("woff");font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),url('../fonts/OpenSans-SemiBold.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap}
body {
    font-family: -apple-system, BlinkMacSystemFont,OpenSans,"Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #616161;
}
@media(min-width:1366px) {
    .container-xl {
        max-width: 1300px
    }
}
@media(min-width:1600px) {
    .container-xl {
        max-width: 1500px
    }
}
.web-language li {list-style:none;padding-right:10px;}
.web-language {margin:0;width: 40%;}
.search-group{max-width:200px}
.search-group .form-control{border-right-width: 0;border-radius: 10px 0 0 10px;border-color: transparent;background: #fff;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: #ea3c00;padding: .25rem .5rem;}
.top-bar .icon-search {color:#fff !important}
.form-feedback .form-control {border-radius: 5px;background:#f8f8f8}
footer  a:hover {text-decoration:underline}
.menu-horizontal-wrapper {margin-bottom:2.1rem}

.banner .overlay{background: rgba(0,0,0,.3);}
.banner-nav{ padding-top: 60px;padding-bottom: 60px;}
.banner-nav .title{ text-transform: uppercase;color: #ddd;font-weight: 700;text-shadow: -1px -1px 0 #666}
.banner-nav .title:after{ display: block;content: "";width:60px;height: 2px;background: #FF7F00;margin: 8px auto 0;}
@media(max-width:768px) {
    .banner-nav{ padding-top: 60px;padding-bottom: 60px;}
}
/*#region banner*/
/*#endregion*/
.top-bar{ background: #F5F5F5;padding:6px 0;font-size:0.875rem}
.top-bar a{ color: #999;color:#17365d}
.top-bar a:hover{color:#0d1e34}
.top-bar .icon{ margin-right: 0.25rem;color:#c82333}
.top-bar .lang img{ margin-right: 5px;}

.header{ background: #fff;overflow: visible;top: 0;z-index:10}
.navbar{top: 0;z-index: 10; border-bottom: 1px solid #eee;background: #f9f9f9;}
.navbar-nav{  }
.navbar .container-xl{align-items: stretch;}
.navbar .navbar-nav{ height: 100%;}
 .navbar-nav .nav-link {position: relative;height: 100%;justify-content: center;padding: 0.875rem 1.5rem;text-transform: uppercase;font-weight: 500;font-size: 14px;transition: color ease 0.2s;}
.navbar-nav .nav-link:before{content: "/";color: #333;left: 0;position: absolute;}
.navbar-nav .nav-item:first-child .nav-link:before{ display: none;}
.navbar-nav .nav-link:hover,  .navbar-nav .nav-link:focus {color:#999}
.navbar-nav .active > .nav-link{color:#dd0804}
.navbar-nav .dropdown-item{ padding: 0.75rem 1.25rem;}
.navbar-nav .dropdown-item:hover{ color: #0f68bb;}
.navbar-brand{ padding: 12px 0;}
.navbar-brand>.img-fluid{max-height: 70px;}
@media(max-width:992px) {
    .navbar-nav{background: rgba(255, 255, 255,0.95);}
    .navbar-nav .nav-link{ height: auto;}
    .navbar-nav .nav-link:before{ content: none;}
    .navbar-nav .dropdown-menu{ background: transparent;}
    .navbar-nav .dropdown-item{ padding: 0.875rem 1.5rem;text-align: center;}
}
@media(max-width:576px) {
    .web-name {display:none}
    .top-bar a {font-size:12px;}
    .web-language,.search-group {width:50%}
    .navbar-nav{border-top:1px solid #f2f2f2}
    .navbar-brand{ padding: 8px 0px;}
    .navbar-brand>.img-fluid{ max-height: 45px;}
    .home-products {padding:2rem 0;}
    .hide {display:none !important}
}
/*#endregion*/
/*#region collapse menu*/
.menu-collapse{/*border-radius: 6px 6px 0 0;border: 1px solid #e7e7e7*/}
.menu-collapse .collapse-title{padding: 1rem;font-weight: 500;text-transform: uppercase;background:  #f7f7f7;margin-bottom: 5px;}
.menu-collapse .collapse-title h5{ font-size: 1.25rem;font-weight: 500;color: #dd0804;}
.menu-collapse .collapse-title .navbar-toggler{color: #fff;}
.menu-collapse .menu-link{ transition: background-color ease 0.4s;background: #F7F7F7;color: #666;padding: 1rem;margin-bottom: 2px;}
.menu-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 8px;}
.menu-collapse .menu-link:hover{ color: #dd0804;}
.menu-collapse  .drop{ top: 10px;}

.menu-collapse .menu-link.active{/*background:#0a67ac;color: #fff;*/ color: #dd0804;}
.menu-collapse ul ul .menu-link{padding: 16px 16px 16px 30px;}

.menu-collapse  .drop{ }

#endregion
/*#region horizontal menu*/
.menu-horizontal .nav-item{margin: 0 0.25rem;}
.menu-horizontal .nav-link{ padding: 0.75rem 1.75rem;background: #f2f2f2;border-radius: 0;color: #444;}
.menu-horizontal .nav-link:hover{ background: #ec3c01;color:#fff}
.menu-horizontal .nav-link.active{ background: #ec3c01;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*/
.layout-wrapper{margin-top:2rem;border: 1px solid #e9eef4;padding:15px;}
.layout-wrapper .title{ font-size: 1.5rem;margin-bottom:1.25rem;}
.layout-wrapper .product-col{ margin-bottom: 0;}
.layout-wrapper .product-col .card-title{ padding: 0.875rem 1rem;font-size: 0.875rem;overflow: hidden}
.layout-wrapper .product-col .card-thumb{ border: 1px solid #fff;}
/*#region page-title*/
.page-title{padding: 1.5rem 0;background: #F9F9F9 no-repeat center center;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.75rem;font-weight: 500;text-align: center;align-self: center;color:#333}
.page-title .breadcrumb{ justify-content: center;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
@media(max-width:768px) {
    .page-title{padding:0.875rem 0}
    .page-title .container-xl{ flex-direction: column}
    .page-title .title{font-size: 1.5rem;margin-bottom: 0.875rem;}
    .page-main-title{ font-size: 1.25rem;}
}
/*#endregion*/

/*#region*/
.form-feedback .btn{color: #777;color: #fff;background:#c82333}
/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/
.main-container{ padding-top: 50px;padding-bottom: 50px;}
@media(max-width:768px) {
    .main-container{ padding-top: 30px;padding-bottom: 30px;}
}

/*#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: 2rem;}
.product-col .card{height: 100%;background: #fff;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);transition: al ease 0.4s;}
.product-col .card:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);}
.product-col .card-title {text-align: center;flex-grow: 1;font-size: 1rem;font-weight: 500;margin: 0;padding:1rem 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: 2px 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: 2rem;}
.article-row .card-body{ padding: 0 0 0 16px ;}
.article-row .order-md-0 .card-body{ padding: 0 16px 0 0;}
.article-row .title{font-size: 1.25rem;font-weight: 400;margin-bottom: 0.75rem;}
.article-row .title a{ color: #1F365C;transition: color 0.2s ease;font-weight: 500;}
.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:1em;color:#c42829;margin-bottom: 1rem;}
.article-row time span{ font-size: 1.5rem;font-weight: 500;color:#009fe3}
.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%;transition: all ease 0.3s;}
.article-col .card:hover{box-shadow: 0 0 30px rgba(0,0,0,0.1);margin-top:-6px;}
.article-col .card-body{ flex-grow: 1;padding: 15px 15px;border-radius: 8px;}
.article-col p {font-family:Arial,color: #777;}
.article-col .card-title{font-size:1.25rem;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: #666;text-transform: uppercase;margin-bottom: .5rem;}

/*#endregion*/
/*#region img list style*/
.img-col{ margin-bottom: 1.25rem;}
.img-col .card{height: 100%;}
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.875rem 0.75rem;background:#dee2e6;color: #333;text-align: center;}

.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 category index & cateogyr summary*/
.category-wrapper{}
.category-wrapper .more{ text-transform: uppercase;color:#c82333}
.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:#1367AF}
.category-summary{ margin: auto;width: 90%;line-height: 1.8;margin-bottom: 30px;}
.category-summary p{ margin-bottom: 0;}
/*#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.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{ 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: 20px 0;margin-top: 30px;margin-bottom: 15px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.post-navigation .col-12{ padding-bottom:0.5rem}
.post-navigation span{ margin-bottom: 5px;font-size: 0.75rem;display: block;text-transform: uppercase;color: #333;font-weight: 600;}
.post-navigation .icon{ font-size: 1.25rem;color:#aaa}
.post-navigation a{ color: #1F365C;}
.post-navigation .last{text-align: right}
@media(max-width:992px) {
    .post-navigation .col-12{ text-align: center;}
}
.share-box{ text-align: center;}
.share-box p{ font-weight: 500;}

.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;}*/
/*#region content-head-container*/
.product-head { margin-bottom: 1.5rem;;background:#fff}
.product-head .title {font-size: 1.5rem;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .summary{ margin-bottom: 1.875rem;line-height: 1.7;}
.product-head .btn-main{ display: block;background: #E64545;color: #fff;font-size: 1rem;padding: .4rem .75rem;}
.product-head .btn-main .icon{ margin-right: 0.25rem;}
@media(min-width:768px) {
    .product-param {font-size: 1rem;}
    .product-head .summary{font-size: 1rem;}
}
/*#endregion*/

/*#region footer*/
footer {color: #555;padding-top: 60px;background: #F3F3F3;line-height: 1.7;background:#F3F3F3}
footer .container-xl  [class*="col-"]{margin-bottom:20px;}
footer .logo{ max-height: 40px;margin-bottom: 20px;}
footer h4{font-size:1rem;margin-bottom:15px;font-weight: 600;color:#1367AF}
footer a{color:#555}

footer .contact li{margin:10px 0 0;}
footer .category li{ padding: 4px 0;}
footer .footer-bottom{text-align: center;padding-top:15px;padding-bottom:15px;color: #fff;background: #5e5a59}

/*#endregion*/
/*#region company page*/
.about-wrapper {line-height: 1.8;padding:30px 0;}
.about-wrapper h2,.about-wrapper h3 {margin-bottom: 20px;color: #333;font-weight: 600;font-size:1.75rem}
.about-wrapper h4{ text-transform: uppercase;font-size: 1rem;font-weight: 600;color: #333;margin-bottom: 1rem}
.about-wrapper h2 span,.about-wrapper h3 span{ color: #1e73be;position: relative;}

.about-features {background: #f9f9f9;padding: 3.5rem 0;line-height: 1.7;text-align: center;}
.about-features .col{ margin-bottom: 1rem;}
.about-features .number{font-size: 2.25rem;font-weight: bold;color:#1e73be}
.about-features p{ margin-bottom: 0;font-size: 1rem;}

.about-gallery{ background: #f9f9f9;}

@media(max-width:992px) {
    .about-wrapper{ padding: 40px 0;}
    .about-wrapper .content-wrapper{font-size: 0.875rem;}

    .about-features .number{ font-size: 1.5rem;}
}

/*#endregion*/
/*#region contact page*/

.contact-wrapper{}
.contact-wrapper .title {font-size: 2rem;font-weight: 600;color: #333;margin-bottom: 1.5rem;}
.contact-wrapper p {margin-bottom: 0.875rem;}
/*#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;}
/*home page*/
.home-title{ position: relative;text-align: center;margin-bottom: 15px;font-weight: 600;font-size: 1.875rem;}
.home-title:after{ display: block;content: "";width: 40px;height: 4px;background: #E1474D;margin: 3px auto 0;}

.home-products{ padding: 4rem 0;}
.home-products .summary{ text-align: center;font-weight: 400;color: #666;}

.home-company{ background: #f2f2f2;color: #666;padding: 50px 0 40px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;line-height: 1.8;}
.home-company h4{ font-size: 1.5rem;color: #444;line-height:1.8}
.home-company ul li:before{ font-family: cmsfont;content: "\f005";margin-right: 5px;color:#0069b0}
.home-company .more{ display: inline-block;background: #F7C02D;padding: 9px 45px;border-radius: 6px;font-weight: 500;}

.home-news{ margin-top: 3rem;}
.home-news h2{ font-size: 1.875rem;text-align: center;font-weight: 600;}
.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-body{padding: 0.5rem; }
.home-news .article-col .card-title{ font-size: 1rem;}
.home-news .article-cil .card-title a{color:#1F365C}
.home-news .article-col time{display: block;}