@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
body {color: #444;}
.search-group{}
.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 .btn{color: #777;color: #fff;background:#c82333}
/*.form-feedback .form-control{ border: 1px solid #e6e6e6;}*/
.form-control::placeholder {color: #999;}
.input-group-append .btn {z-index:1}
.top-bar{ background: #f8f8f8;padding: 0.25rem 0;color:#999;font-size: 15px}
.top-bar a{color:#555}
.top-bar .icon{ margin-right: 0.25rem;color:#C42829}
.header{ background: #fff;overflow: visible;top: 0;z-index:2}

.navbar-custom{top: 0;z-index:2; background: rgba(255, 255, 255,0.95);border-bottom: 1px solid #f2f2f2;}
.navbar-custom .navbar-nav{ }
.navbar-custom .navbar-nav > .nav-item {}
.navbar-custom .navbar-nav .nav-link {padding: 1rem 2.6rem;text-align: center;text-transform: uppercase;font-weight: 500;color: #1f365c;}
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus {color: #029ddd}
.navbar-custom .navbar-nav .active > .nav-link{color: #029ddd}
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus {color: rgba(0, 0, 0, 0.9);}
.navbar-custom .navbar-nav .dropdown-item{ padding: 0.75rem 1.25rem;}
.navbar-custom .navbar-nav .dropdown-item:hover{ color: #0f68bb;}
.web-language li {list-style:none;padding-right:10px;}
.web-language {margin:0;width: 100%;}
.search-container {background:#029ddd;padding:1rem 0;}
.search-container .icon-search { color:#fff;}
.color-white {color:#fff;}
.search-container a:hover {color:#fff;text-decoration:underline;}
.pad-1 {padding:1rem 0;}
.pad-2 {padding:2rem 0;}
.about-list h4 {font-size: 18px;color: #248fc8;font-weight: bold;}
.about-list .btn-more {border-radius:4px; display:inline-block;padding:4px 1.6rem;transition-duration:.3s;border:1px #000 solid;}
.about-list .btn-more:hover {background:#000; color:#fff;}
.about-list p {font-size:12px;}
.product-alls {background:#ddd;}
.all-line {background:#029ddd;color:#fff;}
.b-t-l {border-bottom:1px #ccc solid;padding-bottom:1rem;width:100%;display:flex;justify-content:left;}
.mar-1 {margin-bottom:1rem;}

@media(max-width:992px) {
    .navbar .dropdown-menu{background: transparent;}
    .navbar-custom .navbar-nav .nav-link{ padding: 0.75rem 1rem;}
    .navbar-custom .navbar-collapse{ background: #fff;border-top: 1px solid #f2f3f4;position: absolute;top: 100%;width: 100%;left: 0;}
    .navbar-custom .navbar-nav .dropdown-item{ padding: 0.875rem 1.5rem;text-align: center;}
}
@media(max-width:576px) {
    .hide {display:none !important;}
    .navbar-brand{ padding: 12px 0px;}
    .navbar-brand>.img-fluid{max-width:140px}
}

.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border: 1px solid #e9eef4;background: #fafafa;color:#777}
.main-container{ padding-top: 40px;padding-bottom: 40px;}
@media(max-width:768px) {
    .main-container{ padding-top: 20px;padding-bottom: 20px;}
}

.sidebar{ top: 0;margin-bottom: 1.25rem;}

.menu-collapse{border-radius: 6px 6px 0 0;border: 1px solid #e7e7e7}
.menu-collapse .collapse-title{padding: 0.875rem;background: #029ddd;color: #fafafa;}
.menu-collapse .collapse-title h5{ font-size: 1.25rem;font-weight: 500;}
.menu-collapse .collapse-title .navbar-toggler{color: #fff;}
.menu-collapse .menu-link{ transition: background-color ease 0.2s;color: #666;border-bottom: 1px solid #e7e7e7}
.menu-collapse ul ul .menu-link{padding: 12px 16px 12px 30px;}
.menu-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 5px;color:#999}
.menu-collapse .menu-link:hover{ background: #f8f9fa;}
.menu-collapse  .drop{ }
.menu-collapse .menu-link.active{background: #f6f6f6;color:#666}

.menu-horizontal .nav-item{margin: 0 0.25rem;}
.menu-horizontal .nav-link{ padding: 0.75rem 1rem;background: #f2f2f2;border-radius: 5px;color: #666;}
.menu-horizontal .nav-link.active{ background: #E20001;color: #fff;}
.menu-horizontal-child {background: #f2f2f2;}
@media(max-width:768px) {
    .menu-horizontal .nav-link{ border-radius: 0;}
    .menu-horizontal .nav-item{ margin: 0;}
    .menu-horizontal-child{ justify-content: left;}
    .menu-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}

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

.main-container{ padding-top: 40px;padding-bottom: 50px;}
@media(max-width:768px) {
    .main-container{ padding-top: 40px;padding-bottom: 30px;}
}

.page-title{padding: 1rem 0;background: #fff;line-height: 1;color:#fff}
.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;align-self: center;}
.page-title .breadcrumb{ justify-content: center;color:#949fb2}
.page-title .breadcrumb a{color:#151515}
.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;color: #1F365C;margin-bottom: 20px;font-weight: 500;}
@media(max-width:768px) {
    .page-title{padding:0.875rem 0}
    .page-title .container-xl{ flex-direction: column}
    .page-title .title{font-size: 1.25rem;margin-bottom: 0.5rem;text-align: center;}
    .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;}

.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%;}
.product-col .card-title {text-align: center;flex-grow: 1;font-size: 0.875rem;font-weight: normal;margin: 0;padding: 0.75rem 0.5rem;}
.product-col .card-title a {color: #333;}
.product-col .card-thumb{border: 2px solid #dee2e6;transition: all 0.2s ease;}
.product-col:hover .card-thumb{ border: 2px solid #1F365C;}
.product-col .card-body{ font-size: 0.75rem;padding: 0.75rem;flex-grow: 0;}

.article-row{ margin-bottom: 1.875rem;background: #F9F9F9;padding: 1rem;}
.article-row .card-body{ padding: 0rem 1.25rem;}
.article-row .title{;font-size: 1rem;font-weight: 400;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 .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.5rem;}
.article-col .card {position: relative;height: 100%;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.article-col .card-body {border-radius: 8px;padding: 20px;background: #ffffff;position: relative;flex-grow: 1;}
.article-col .card-title{ margin: 0;;font-weight: 400;padding: 0.5rem 0rem;font-size: 0.875rem;color: #0c2e60;font-weight: 500;transition: all ease 0.2s;}
.article-col .card-title:hover{color:#ef470d}
.article-col time {display: block;font-size: 0.75rem;color: #555;text-transform: uppercase}


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

.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 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.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: 400 !important;color:#0c2e60}

.content-wrapper.article .content{ color: #555}
.content-wrapper.article .title{ color: #0c2e60;;font-size: 1.5rem;font-weight: 400;}
.content-wrapper.article .summary{padding-bottom: 20px;margin: 30px 0;font-size: 0.75rem;text-transform: uppercase;color: #666;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;}
}

.share-box{ text-align: center;}
.share-box p{ font-weight: 600;}

.post-navigation {padding: 25px 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;}
.post-navigation .icon{ font-size: 1.25rem;color:#aaa}
.post-navigation a{ color: #1F365C;font-weight: 600;}
@media(max-width:992px) {
    .post-navigation .col-12{ text-align: center;}
}

.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}

.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: block;background: #e20001;color: #fff;font-size: 1rem;padding: .4rem .75rem;}
.product-head .btn-main .icon{ margin-right: 0.25rem;}

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

footer {background: #f6f6f6;color: #545454;padding-top: 60px;}
footer .container-xl  [class*="col-"]{margin-bottom:20px;}
footer h6{font-size:1.25rem;font-weight: 500;margin-bottom:15px;text-transform: uppercase}
footer a{color:#545454}
footer a:hover{ color: #000;}
footer .color-primary{color:#fff}
footer .contact-info li{margin:10px 0 0;}
footer .list-item>li{ padding: 5px 0;}
footer .search-group .form-control{ background: #ddd;border-width: 0;}
footer .search-group .btn{ background: #ddd;border-width: 0;}
footer .footer-bottom{background:#f6f6f6;text-align: center;padding-top:15px;padding-bottom:15px;}
footer h5 {font-size:14px;}

#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-title{ ;position: relative;text-align: center;margin-bottom: 15px;font-weight: 500;text-transform: uppercase}
.home-title:after{ display: block;content: "";width: 40px;height: 4px;background: #E1474D;margin: 3px auto 0;}

.home-products{ padding: 2rem 0;}
.home-products .summary{ text-align: center}

.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 h2{ ;font-size: 1.5rem;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: 1rem;color: #444;}
.home-company .more{ display: inline-block;margin-top: 1.5rem;background: #C42829;color: #fff;padding: 3px 50px;border-radius: 12px;font-weight: 500;text-transform: uppercase;}

.home-news{ padding: 2rem 0;}
.home-news h2{ ;text-align: center;font-size: 1.5rem;}
.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-col .card-title a{color:#1F365C}