/*#region reset*/
body { color: #333;}
.navbar-toggler{margin-left:0.5rem}
.page-link{ font-size: 1rem;}
/*#region banner*/
.totop {
    display: flex;
    display: -ms-flexbox;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    background-color: rgba(90, 98, 104,0.6);
    border-radius: 0.25rem;
    color: #fff;
    padding: 6px 12px;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
/*#endregion*/
.header-back {    background: rgba(0,0,0,0.5) !important;}
.icon-bars {color:#fff;}
.top{padding:0.5rem 0}
.header{ background: #fff;}
.navbar-custom{background: transparent;}
.navbar-custom .navbar-brand {padding:0 !important;}
.navbar-custom a {color:#fff;transition-duration:.2s;}
.navbar-custom a:hover {color:#d6210c;font-weight:bold;}
.navbar-custom .navbar-nav>.nav-item.active a {color:#ec4549 !important;font-weight:bold;}
.navbar-custom .navbar-nav{ border-top: 1px solid #f2f2f2;}
.navbar-custom .navbar-nav .nav-link {padding: 0.8rem 1.5rem;text-align: center;text-transform: uppercase; }
.navbar-custom .navbar-nav .nav-link.disabled {color: rgba(0, 0, 0, 0.3);}
.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);}
.product-param dt {width:260px}

.product-messages a,.product-messages a i {margin-right:10px;}
#header nav li a {font-size: 1rem;color: #565656;transition-duration:.2s;}
#header nav li a:hover {color:#ec4549;}
.home-about-list {padding:20px;}
.home-about-list .card-title { font-size: 22px;  font-weight: 600; margin: 27px 0; display: block;}
.home-about-list .card-body { padding: 0 20px;}
.card.home-col { background: #eee; transition: all 02s ease;height: 100%;justify-content: space-between;}
.home-card-back {background-color: #e4e4e4;padding: 14px;}
.home-card-back .more {display: flex;width: 100%;height: 100%;justify-content: space-between;align-items:center;}
.home-card-back a {font-size:1.2rem;}
.footer-contact i,.news-box i {padding-right:5px;}
.img-auto {width:100%;}
.home-abouts {background:;background-size:cover;}
.home-abouts h3{font-size:1.8rem; font-weight:bold; color:#fff;padding:30px 0;}
.home-abouts p {color:#fff;font-size:1rem;}
.home-abouts-box {padding:2rem 0;}
.about-icons i {  cursor:pointer;  background: #fff; height: 120px; width: 60px; text-align: center; height: 60px; line-height: 60px;  display: block;  margin: 1rem auto;  font-size: 2rem; border-radius: 50%;color:#ec4549; transition-duration:.3s;}
.about-icons i:hover {background:#ec4549; color:#fff;transform:scale(1.3)}
.about-icons h6 {font-weight:bold;color:#fff;}
.btn-watch {border: 2px #fff solid;color: #fff;transition-duration:.2s;margin-top: 6rem;}
.btn-watch:hover {transform:scale(1.1);color:#fff;}
.news-box {margin-bottom:12px;}
.home-news {padding:20px 0;}
.home-news p {display:block; font-size: 12px; padding: 6px 0; margin: 0;color:#666; }
.home-news a {font-size:17px;}
.home-news a:hover {color:#ec4549;}
.header-auto {padding:16px 0;}
.home-about-list,.home-products,.home-news{ background: #fff;}
.home-space {height:40px}
.home-apply {padding-bottom:20px;}
.product-name-text {font-size:1.4rem;margin-top:.5rem;}
.product-name-text a:hover {color:#ec4549;}
.product-mar {margin-bottom:20px;}
@media(min-width:992px) {
    .navbar-custom{ }
    .navbar-custom .navbar-nav{ border-top-width: 0;}
}

@media(max-width:576px) {
    footer {    padding-bottom: 3.8rem;}
    .top{ border-bottom-width: 2px;}
    .navbar-nav{border-top:1px solid #f2f2f2}
    .navbar-brand{ padding: 12px 0px;}
    .navbar-brand>.img-fluid{max-width:260px}
    .footer-hide {display:none;}
    .contact-info {padding-bottom:0 !important;}
    .header-logo {
    width: 90%;
    padding: .6rem 0;
}
    .home-about-list .col-md-4 {padding-left:0;padding-right:0;margin-top:5px;}
    .home-space {height:0;}
    /*body{padding-top:112px}*/
}
/*#endregion*/

.main-wrapper{ margin-top: 60px;}
/*#region collapse menu*/
.menu-collapse{border-radius: 6px 6px 0 0;border: 1px solid #e7e7e7}
.menu-collapse .collapse-title{padding: 0.875rem;background: #ec4549;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: #044299;color: #fff;}
.menu-horizontal-child .nav-link.active { color: #044299 !important;}
.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;}
}
/*#region sidebar*/
.sidebar .side-title{ margin-bottom: 3px;padding: 18px 15px;background: #56d9b9;color: #fff;}
.sidebar .side-title:before{ content: "";border-left: 5px solid #fff;padding-left: 18px;}
.menu-complex {list-style: none;margin: 0;padding: 0;}
.menu-complex>li>a,.menu-complex>li>div {position: relative;display: block;padding: 12px 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: #f2f2f2;border-bottom:1px solid #fff;outline-width: 0;}
.menu-complex a:hover,.menu-complex>li>div:hover{ background: #eee;}
.menu-complex a.active,.menu-complex>li>div.active>.text-link{color:#56d9b9}
.menu-complex .dropdown-submenu > a::after {margin-right:-5px;}
.menu-complex .dropdown-menu{background:#fafafa;}

.menu-complex .child-menu{ margin: 0;padding: 0;list-style-type: none;}
.menu-complex .child-menu a{ display: block;padding: 8px 12px}
.menu-complex .child-menu a:hover{ background: #f2f2f2;}

.menu-complex>li>div>.text-link{display: block; margin-right: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.menu-complex>li>div>.ico{ position: absolute;display: block;width: 16px;height: 20px;margin-right: 0;right: 6px;top: 12px;font-family: cmsfont;content: "\f105";text-align: center;line-height: 20px}
.menu-complex>li>div>.ico:after{ font-family: cmsfont;content: "\f107";font-size: 1rem;color: #999;}
.menu-complex>li>div>.ico.collapsed:after{ font-family: cmsfont;content: "\f106";font-size: 1rem;}
.side-box{ background: #f2f2f2;padding: 5px;}
/*#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: 40px;padding-bottom: 50px;}
@media(max-width:768px) {
    .main-container{ padding-top: 40px;padding-bottom: 30px;}
}

/*#endregion*/
/*#region page-title*/
.page-title{padding: 1.25rem 0;background: #f5f5f5;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;}
.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.25rem;margin-bottom: 0.5rem;}
    .page-title .breadcrumb:before{ display: none;margin-right: 0;}
    #header {position:static;background:rgba(255, 255, 255, 0.98)}
    .header-auto {padding:0;}
    .icon-bars { color: #2a2a2a;}
    #header nav li a {color:#585858;}
}
/*#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-head .btn-main {
    display: block;
    background: #ec4549;
    color: #fff;
    font-size: 1rem;
    padding: .4rem .75rem;
}
.product-col{ margin-bottom: 1.25rem;}
.product-col .card{border: 1px solid #eee;height: 100%;}
.product-col .card-title {
        display: -ms-flexbox;
        display: flex;
    flex-grow: 1;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #f6f6f6;
        font-size: 0.875rem;
        font-weight: normal;
        margin: 0;
        padding: 0.75rem 0.5rem;
    }
.product-col .card-title a{ color: #333;}
/*.product-col .card-title-2{ flex-grow: 1;margin: 0;color: #333;font-size: 0.875rem;text-align: center;padding: 0.875rem 0.75rem;}*/
.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 h3{margin-bottom: 0.75rem;font-size: 1rem;font-weight: 500}
.article-row h3 a{ color: #333;}
.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:#c82333}
.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-title{  flex-grow: 1;margin: 0;font-size: 1rem;font-weight: normal;padding: 0.5rem 0rem;font-weight: 600;}
.article-col .card-title-2{ flex-grow: 1;margin: 0;color: #333;font-size: 0.875rem;text-align: center;padding: 0.875rem 0.5rem;}
.article-col .card-body{ font-size: 0.75rem;padding: 0rem 0;}



/*#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*/

.nav-horizontal-wrapper{ margin-bottom: 1.5rem;}
.nav-horizontal{display: -ms-flexbox;display: flex;list-style-type: none;justify-content: center;padding: 0;margin-bottom: 0;}
.nav-horizontal .nav-item{display: flex;display: -ms-flexbox; margin: 0 0.25rem;}
.nav-horizontal .nav-item:first-child{ margin-left: 0;}
.nav-horizontal .nav-item:last-child{margin-right:0}
.nav-horizontal .nav-link{ display: -ms-flexbox;display: flex;padding: 0.75rem 1rem;justify-content: center;align-items: center;text-align: center;background: #e1e1e1;border-radius: 5px;}
.nav-horizontal .nav-link.active{ background: #e20001;color: #fff;}

.nav-horizontal-child {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #f2f2f2;list-style-type: none;padding: 0;margin-bottom: 0;}
.nav-horizontal-child .nav-link{ display: flex;display: -ms-flexbox;padding: 1rem 0.875rem;height: 100%;justify-content: center;align-items: center;}
.nav-horizontal-child .nav-link.active{ color: #e20001;}
@media(max-width:768px) {
    .nav-horizontal .nav-item{ margin: 0;}
    .nav-horizontal .nav-link{ flex-grow: 1;}
    .nav-horizontal-child{ justify-content: left;}
    .nav-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}

.nav-collapse{ border: 1px solid #eee;}
.nav-collapse .collapse-header,
.nav-collapse .collapse-header-single{ display: -ms-flexbox;display: flex;justify-content: space-between;padding: 0.75rem;border-bottom: 1px solid #eee;background:#f6f6f6}

.nav-collapse .collapse-header.active,
.nav-collapse .collapse-header-single.active{
    background: #f6f6f6;
    color: #dd0804;
}
.nav-collapse .collapse-header:after{ font-family: cmsfont;content: "\f107";}
.nav-collapse .nav-horizontal-child{background:#fff}
.nav-collapse .nav-horizontal-child .nav-link{ justify-content: left;}
/*#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 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 p{ margin-bottom: 0;}*/
.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 .content{ padding: 1.5rem;}

.content-wrapper.product{border:1px solid #e9eef4}
.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{ border-bottom: 1px solid #959492;text-align: center;margin-bottom: 1.5rem;padding-bottom: 0.5rem;}
.content-wrapper .summary{ color: #777;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .title{ font-size: 1.5rem;font-weight: normal;margin-bottom: 0.5rem;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.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 .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-head .dl-horizontal dt{ font-weight: normal;text-align: left}


.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*/

.page-sub-title{position: relative;padding: 8px 0;font-size: 1.25rem;margin-bottom: 20px;font-weight: 600;font-size: 1.5rem;}
/*#region about-wrapper*/
.about-wrapper{padding-top:60px;}
.about-wrapper .title{font:normal bold 24px "roboto condensed", helvetica, arial, verdana, sans-serif;color:#333;margin-bottom:30px;font-weight: 300;}
.about-wrapper .title:after{display:block;margin-top:6px;content:"";width:70px;height:2px;background:#ea5504}
.about-wrapper .title.text-center:after{ margin-left: auto;margin-right: auto;}
.about-wrapper .summary{ width: 50%;margin: auto;font-size: 18px;text-align: center;font-weight: 300;margin-bottom: 30px;}
@media(max-width:768px) {
    .about-wrapper .summary{ width: 100%;}
}
.about-features{ text-align: center;background: #f7f7f7;padding: 5em 0;}
.about-features .icon{ font-size: 2.5em;font-weight: 300;margin-bottom: 10px;color:#209eea}
.about-features h4{ font-weight: 300;}
.about-wrapper .media .icon {display:block;width:60px;height:60px;color:#fff;border-radius: 50%;background:#ea5504 !important;font-size:25px;text-align: center;}
.about-wrapper .media .icon:before{display:block;padding-top:17px;}
.about-wrapper .media h6{color:#333;font-family:"roboto condensed", helvetica, arial, verdana, sans-serif;font-weight: 600; }
.about-why{padding: 40px 0;background:#f8f9fa}
/*#endregion*/
/*#region contact*/
.contact-wrapper .title{font-size: 1.35rem;font-weight: 600;color:#333;margin-bottom:35px;}
.contact-wrapper .title:after{display:block;margin-top:8px;content:"";width:60px;height:3px;background:#e1474d}
.contact-content h2,.contact-content h3,.contact-content h4{ color: #444;font-size: 1.25rem;font-weight: 600;}
.contact-content img{ display: block;max-width: 100%;height: auto;}
@media(max-width:768px) {
    .contact-wrapper{ margin-top: 30px;}
}
/*#endregion*/
/*#region contact wrapper*/
.contact-info {
    border-top: #adadad;
    margin-top: 2rem;
    padding-bottom: 2rem;
}
.contact-info .col-6{ margin-bottom: 2rem;}
.contact-info h6{ font-weight: 600;margin-bottom: 0.875rem;}
.contact-info p{ margin-bottom: 0.5rem;}
/*#endregion*/

/*#region footer*/
/*footer { background: #1a1c20;color:rgb(133, 134, 140);padding-top: 60px;}
footer .container> [class*="col-"]{margin-bottom:20px;}
footer h6{font-size:1rem;color:#fff;font-weight: 500;margin-bottom:15px;}
footer a{color:rgb(133, 134, 140)}
footer .color-primary{color:#fff}
footer .contact-info li{margin:10px 0 0;}
footer .footer-bottom{background:#222;padding-top:15px;padding-bottom:15px;}*/


footer { background: #2f2f2f;color:rgb(133, 134, 140);padding-top: 60px;}
footer .container> [class*="col-"]{margin-bottom:20px;}
footer h6{font-size:1rem;color:#c3c3c3;font-weight: bold;margin-bottom:15px;}
footer a{color:rgb(133, 134, 140)}
footer .color-primary{color:#333}
footer .contact-info li{margin:10px 0 0;}
footer .footer-bottom {background:#232323;text-align: center;padding-top:15px;padding-bottom:15px;}
footer .footer-bottom div {color:#fff;}
footer a:hover {color:#fff;}

/*#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-products{ }

.side-menu a{ display: block;}
