﻿/*#region reset*/
@font-face {
    font-family: manjari;
    src: url("../fonts/Manjari-Regular.woff2") format('woff2'),url('../fonts/Manjari-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: opensans;
    src: url("../fonts/Oswald-Light.woff2"), url('../fonts/Oswald-Light.woff') format('woff');
    font-display: swap;
}
:root {
    --main-color: #003860;
}
a {color:#111;}
.dropdown-menu {width:100%}
.banner-text, .banner-content {top:-60%}
body {color: #444;font-size: 14px;}
.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 label {font-weight: 400;text-transform: uppercase;font-size: 0.75rem;}
.banner-nav .title{ font-family: poppins;font-weight: 600;}
.swiper-slide-child{}
.banner-text-0 {text-align:left !important;top:-40%;}
.banner-text-0 ul {    padding-left: 16px;}
/*#region banner*/
/*#endregion*/
.icon-bars {color:#fff;}
.navbar-toggler {outline:none !important;}
.header{ top: 0;}
.top-bar{ padding: 0.25rem 0;border-bottom: 1px solid #e9e9e9;color:#999;}
.top-bar a{color:#999}
.top-bar .icon{ margin-right: 0.25rem;}
.header{ background: rgba(25, 188, 213, 0.8);overflow: visible;top: 0;z-index:2;}
.navbar-custom{top: 0;z-index: 2;padding:1rem 0;}
.navbar-custom .navbar-nav > .nav-item {padding: 0 4rem;border-right:1px #066e8e solid;}
.navbar-custom .navbar-nav{ }
.navbar-custom .navbar-nav .nav-link {padding:0;text-align: center;color:#004251;font-weight:bold;}
.navbar-custom .navbar-nav .nav-item:last-child {border-right:none;}
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus {color: #fff;}
.navbar-custom .navbar-nav .nav-link.disabled {color: rgba(0, 0, 0, 0.3);}
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active {color: #fff;border-bottom:2px #fff solid;}
.navbar-custom .navbar-text {color: rgba(0, 0, 0, 0.5);}
.navbar-custom .navbar-text a {color: rgba(0, 0, 0, 0.9);}
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus {color: rgba(0, 0, 0, 0.9);}
.banner-simple img {width:100%;}
.product-param {word-break:break-all;}
.navbar .dropdown-menu {box-shadow:0 0 20px 3px rgba(0, 0, 0, .05);width: auto;}
.navbar .dropdown-menu a {padding:0.5rem;}
.navbar .dropdown-menu a:hover {background:#F5F5F5;}
.max-width {width:100%;}
.banner .inner-content {color:#fff; font-size:26px;}
.g-container {padding: 0 8rem;width: 100%;}
.g-s-left { border-left: 5px #23caee solid; margin-bottom: 7rem; padding-left: 3rem; padding-top: 3rem; padding-bottom: 3rem;}
.g-back {background: #003860; padding: 3rem 0;}
.g-s-img-box {position:relative;}
.g-s-img-box img {position:absolute;right:0; width: 62%;}
.g-s-left h2 {font-weight: bold;padding-bottom: 1rem;}
.g-s-left h2 span {border-bottom: 2px #000 solid;padding-bottom: 1rem;}
.g-s-left p {margin-top:1rem;}
.g-system {margin-top:7rem;}
.g-progress {padding:5rem 0;}
.g-progress img { margin: 1rem auto;display: block; padding: 0 11rem;}
.g-progress h2,.g-progress span {color:#00518b;font-family:opensans;}
.g-progress h2 {font-size:5rem;margin-bottom:0;}
.g-progress span {font-weight:bold;}
.g-com-name {padding:5rem 0;}
.g-company,.g-news,.g-products{background:#003860;padding:3rem 0;}
.g-company h2,.g-course h2,.g-news h2,.g-contact h2,.g-products h2,.contact-box h2 {margin-bottom:0;color: #fff; font-size: 2.6rem; font-weight:bold; letter-spacing: 14px;}
.g-line {display:block;width:40px;background:#fff;height:5px;}
.g-line:first-child {margin-right: 25px;}
.g-line:last-child {margin-left: 10px;}
.g-company p {color:#fff;font-size:19px;font-family:manjari;}
.g-c-text {margin:3rem auto;}
.g-products {}
#nav-tabContent {margin:2rem auto;}
.pro-lists {    justify-content: center;justify-content:space-between;}
.pro-lists>.nav-item{flex-grow:1}
.nav-tabs { border-bottom: none;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border:none;background: #26c8f2;}
.nav-link { padding: .8rem 2rem;}
.nav-tabs .nav-link {background-color: #00518b;border-radius:0;color:#fff;border:none;}
.nav-tabs .nav-link.active, .nav-pills .show>.nav-link { background-color: #26c8f2;color:#fff;border:none;}
.g-course h2,.g-contact h2,.contact-box h2 {color:#003860;}
.g-course .g-line,.g-contact .g-line {background: #003860;}
.g-course h3 {margin-bottom:0;}
.g-sourse-list {    margin-bottom: 5rem;}
.g-c-box {background:#e3e3e3;/*padding: 1.5rem;*/margin-bottom:.5rem;transition-duration:.1s;}
.g-c-box span {color: #003860;font-size: 20px;padding: 0 2rem;border-right: 1px #003860 solid;}
.g-c-box h3 {font-size: 1.2rem; color: #003860; padding: 0 2rem;}
.g-c-box p {transition-duration:.3s;margin-bottom:0; margin-right:1rem; font-weight:bold;color:#d7d7d7;font-size:3rem;}
.g-c-box:hover {background:#00518b;cursor:pointer;flex-direction: row-reverse;}
.g-c-box:hover > .g-c-left {flex-direction: row-reverse;}
.g-c-box:hover > .g-c-left h3,.g-c-box:hover > .g-c-left span {color:#fff;}
.g-c-box:hover > .g-c-right p {font-size:4rem;color:#fff;padding-left:1rem;}
.btn-news {background: #26c8f2; color: #fff; font-weight: bold; padding: 2px 1rem;}
.btn-news:hover {background:#1d97b7;color:#fff;}
.g-news,.g-products {padding-top:3rem;padding-bottom:0;}
.g-news-title a,.g-news-titles a,.g-news-front p {color:#fff;}
.g-news-title {padding: 1.5rem 15px;visibility:hidden;background:#00518b;}
.g-news-titles {padding: 1.5rem 15px;background:#00518b;}
.g-news-front {position:relative;cursor:pointer;}
.g-news-front-mask {position:absolute;height:100%; transition-duration:.2s; width:100%;left: 50%; top: 50%;transform: translate(-50%, -50%);background: rgba(0,0,0,.4);}
.g-news-box:hover > .g-news-front .g-news-front-mask {background:rgba(0,0,0,0);} 
.g-news-box:hover > .g-news-front .g-news-front-mask p {display:none;}
.g-news-box:hover > .g-news-title {visibility:visible;}
.btn-read-more {padding-top: 6rem;}
.btn-mores {padding-left: 0;}
.btn-more {color: #1fb2df;background: #00518b;border-radius: 0;padding: 1rem;font-weight: bold;}
.btn-more:hover {color:#fff;}
.g-contact h3 {font-size: 1.5rem;font-weight: bold;color: #003860;}
.g-contact-mess p {font-family:manjari;color: #003860;}
.g-contact-form {    margin-bottom: 6rem;}
.g-contact-form .form-control {border-color:#003860;}
.g-contact-form .input-group-img {border-color: #003860 !important;}
.g-contact-form input::-webkit-input-placeholder,.g-contact-form textarea { color:#003860; font-weight:bold; }
.g-contact-form input:-moz-placeholder,.g-contact-form textarea {color:#003860; font-weight:bold;}
.g-contact-form input::-moz-placeholder,.g-contact-form textarea {color:#003860; font-weight:bold;}
.g-contact-form input:-ms-input-placeholder,.g-contact-form textarea  {color:#003860; font-weight:bold;}
.g-contact-form button {padding: .5rem 7rem !important;background:#00518b !important;font-weight:bold;}
.g-containers {padding: 0 8rem;}
.product-share {margin:1rem 0;}
.product-share .social a {background:transparent !important;}
.tab-content img {max-width: 100% !important;  height: auto !important;}
.social>span:before, .social>a:before {color:#003860;}
.product-share .social a:hover {background:#003860;}
.product-share .social a:hover > .social>a:before {color:#fff;}
.product-details h5 {
    font-weight: bold;
    color: #003860;
    font-size:22px;
    padding-bottom: 4px;
    border-bottom: 2px #003860 solid;
}
.company-jpg {transition-duration:.3s}
.company-jpg:hover {transform:translateY(-10px)}

.product-details table {width: 100%;margin-bottom: 1rem;color: #212529;}
.product-details table th,.product-details table td {padding: 0.5rem;vertical-align: middle;border: 1px solid #dee2e6;text-align: center;}
.product-details table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.product-details table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
.layout-wrapper.g-contact-form {margin-bottom:0 !Important;}
.color-blue {font-weight:bold !important; color:#00518b;}

@media(max-width:992px) {
    .dropdown-menu{ box-shadow: none;background: transparent;}
    .navbar-custom .navbar-collapse{ background: #fff;border-top: 1px solid #f2f3f4;position: absolute;top: 100%;width: 100%;left: 0;}
        .m-logo {width:100%;display:-webkit-flex; display:flex; justify-content:space-between;} /**/
    .navbar-custom .navbar-nav .nav-link {padding:1rem;} /**/
    .navbar-nav {  border-top: 1px solid #f2f2f2;background:#19bcd5;}  /**/
}
@media(max-width:1600px) {.g-containers {padding: 0 1rem;}} /**/
@media(max-width:1420px) {.navbar-custom .navbar-nav > .nav-item { padding: 0 2rem;}}
@media(max-width:1200px) {.g-container {padding: 0 1rem;}} /**/
@media(max-width:768px) {.m-logo {display: flex;justify-content: space-around;}.g-s-img-box img {position:static;width:100%; margin-bottom:1rem;}}
@media(max-width:576px) {
    .banner-text {display:none !important}
    .g-s-left h2 span {padding-bottom:0;}
.banner-text h3,.banner-text p {font-size:12px;}
    .banner-text, .banner-content {top:-10%}
    .nav-link {  padding: .8rem 2rem;}
    .tab-content {overflow:auto;}
    .navbar-custom .navbar-nav > .nav-item { padding: 0 2rem;}
    .btn-mores {text-align:center;}
    .navbar-custom {padding: 0; }
    .g-containers {padding: 0 1rem;}
    .page-title .g-containers {flex-direction:column;}
    footer {padding-top:15px !important;}
    .g-contact-form,.g-sourse-list{margin-bottom: 1rem;}
    .navbar-custom .navbar-nav .nav-link {padding:1rem;}
    .g-container {padding:0;}
    .g-company, .g-news, .g-products {padding:0}
    .g-c-box span,.g-c-box h3 {padding:0 1rem;font-size:12px;}
    .g-com-name { padding: 1rem 0; }
    .g-news, .g-products {padding-top:0;}
    .g-company h2, .g-course h2, .g-news h2, .g-contact h2, .g-products h2, .contact-box h2 {font-size:2rem; text-align: center;}
    .g-progress { padding: 1rem 0;}
    .g-system { margin-top: 1rem;}
    .g-s-left {margin-bottom: 1rem;padding-left: 1rem;padding-top: 1rem;padding-bottom: 1rem;}
    .navbar-custom .navbar-nav > .nav-item {border-right:none;}
    .navbar-nav {  border-top: 1px solid #f2f2f2;background:#19bcd5; }
    .navbar-brand{ padding: 12px 0px;}
    .navbar-brand>.img-fluid{max-width:150px}
    .hide {display:none;}
    .g-news-front img,.g-news-front {width:100%;}
    .btn-read-more {padding-top:1rem;}
}
/*#endregion*/
.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border:1px solid #e9eef4; margin-top: 1rem;}
.widget-header .drop::after {color:#fff;}
.page-title .breadcrumb {align-items:center;}
.product-head .title {font-size:1.3rem;}
.btn-inquiry {    display: block; background: #e20001; color: #fff; font-size: 1rem; padding: 0.7rem 0.75rem; border-radius:5px;}
.btn-inquiry:hover {color:#fff; opacity:.7}
/*#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: 0.875rem;background: #19bcd5;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}
/*#endregion*/
/*#region horizontal menu*/
.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{ font-family: poppins;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}
}
/*分页*/
.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*/
.form-feedback .btn{color: #777;color: #fff;background:#00518b; margin:auto;}
/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/
.main-container{ padding-top: 40px;padding-bottom: 40px;}
@media(max-width:768px) {
    .main-container{ padding-top: 20px;padding-bottom: 20px;}
}

.product-col{ margin-bottom: 25px;border: 1px solid #E5E5E5;transition: all ease 0.2s;}
.product-col:hover {border-color: var(--main-color);}
.product-col .entry-wrapper{ padding: 14px 8px;}
.product-col h3{ margin: 0; text-align:center;}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:15px;margin-bottom:0;}
.product-col .thumbnail-wrapper{ overflow: hidden;}
.category-wrapper .category-title h3 {font-size:20px;}


/*#endregion*/
/*#region page-title*/
.page-title{padding: 1rem 0;background: #F7F7F7;line-height: 1;}
.page-title .g-containers,.page-title .container-xl { display: -ms-flexbox;display: flex;justify-content:space-between}
.page-title .title{font-family: poppins;margin-bottom: 0;font-size: 1.5rem;font-weight: 300;text-align: center;align-self: center;}
.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-family: poppins;font-size: 1.25rem;margin-bottom: 20px;font-weight: 500;font-size: 1.5rem;}
@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;}
    .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 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%;}
.product-col .card-title {text-align: left;flex-grow: 1;font-size: 14px;font-weight: normal;margin: 0;padding: 0.75rem 0.5rem;}
.product-col .card-title a {color: #0a426b;transition: all ease 0.2s;font-weight:bold;}
.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: 1.875rem 0;}
.article-row .card-body{ padding: 0rem 1.25rem;}
.article-row .title{font-family: poppins;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:#0a426b}
.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.25rem;}
.article-col .card{height: 100%;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.article-col .card-body{ flex-grow: 1;padding: 15px 15px;}
.article-col .card-title{  font-family: poppins;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-family: poppins;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-family: poppins;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;}
}

.widget{margin-bottom:1rem;}
.widget.border { border: 1px solid #e7e7e7;}
.widget-header{padding: 0.875rem;background: #47c9dd;color: #fafafa;}
.widget-header .title{position:relative;font-size:20px;font-weight:500;color:#fff;margin: 0; }
.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-item:last-child {border-bottom:none;}
.widget-collapse > .menu-item > .menu-link {font-weight:bold; font-size:16px;}
.widget-collapse .menu-link{ transition: background-color ease 0.2s;color: #666; padding:10px 7px;font-size:14px;}
.widget-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 5px;color:#999}
.widget-collapse .menu-item:hover {color:var(--main-color); background:#f8f9fa;}
.widget-collapse .menu-item:hover a {color:var(--main-color); }
.widget-collapse .sub-menu .menu-link{ padding-left: 16px;}
.widget-collapse .third-menu .menu-link{ padding-left: 28px;}
.widget-collapse .menu-item.active .menu-link{ color:#47c9dd}
.widget-collapse .drop:after{ font-family: cmsfont;content: "\f10b";transition: transform .2s ease-in-out;color: #777; font-size:20px;}
.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;}
    .banner .inner-content {display:none;}
    .g-products-list .nav-tabs .nav-link {text-align:center;}
}

.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: 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: #003860;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .btn-main{ background: #00518b;color: #fff;font-size: 1rem;padding:.4rem 2.75rem;}
.product-head .btn-main .icon{ margin-right: 0.25rem;}
/*.product-head .content{ line-height: 1.6;font-size: 0.875rem;}
.product-head .content h2,.product-head .content h3{ font-size: 1.25rem;font-weight: 600;}*/


.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 {background: #0a426b;color: rgba(255, 255, 255, 0.8);padding-top: 60px;}
.footer-top {padding:2rem 0;}
.footer-top p {color: #26c8f2; padding-top: 6px;}
footer .container-xl  [class*="col-"]{margin-bottom:20px;}
footer h6{font-family: poppins;font-size:1rem;font-weight: 300;margin-bottom:15px;text-transform: uppercase}
footer a{color:rgba(255, 255, 255, 0.8)}
footer a:hover {color:#26c8f2 !important;}
footer .color-primary{color:#fff}
footer .contact-info li{margin:10px 0 0;}
footer .footer-bottom{background:#003860;text-align: center;padding-top:15px;padding-bottom:15px;}
footer .footer-bottom p {font-family:manjari;margin-bottom:3px;}
.footer-c {color:#4d7490;margin-top:10px;}
footer span {padding:0 1rem;}

/*#endregion*/
/*#region home*/

/*#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{ font-family: poppins;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;}
.home-products .summary{ text-align: center;font-weight: 400;color: #666;}

.home-company{ background: #f2f2f2 url(images/whybg.jpg) no-repeat fixed center center;color: #666;padding: 50px 0 40px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;line-height: 1.8;}
.home-company h2{ font-family: poppins;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: 1rem;color: #444;}
.home-company ul li:before{ font-family: cmsfont;content: "\f005";margin-right: 5px;color:#0069b0}
.home-company .more{ display: inline-block;background: #F7C02D;padding: 15px 40px;border-radius: 6px;font-weight: 500;}

.home-news{ padding: 2rem 0;}
.home-news h2{ font-family: poppins;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;}




















