@font-face {font-family: "Lato";src: url("../fonts/Lato-Regular.woff2") format("woff2"),url("../fonts/Lato-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: Microsoft JhengHei, MHei, PingFang TC, Helvetica Neue, Helvetica, STHeitiTC-Light, Verdana, Arial, sans-serif, sans-serif;color: #444;font-size: 16px;}
@media(min-width:1366px) {
    .container-xl {
        max-width: 1340px
    }
}
.main-container {padding-top: 40px;padding-bottom: 40px;}
@media(max-width:768px) {
    .main-container {padding-top: 20px;padding-bottom: 20px;}
}
.down-col {    padding: 1rem; background: #efefef;}
.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;}
.search-group .btn .icon{ margin-right: 0;}
.form-feedback label {font-weight: 400;text-transform: uppercase;font-size: 0.75rem;}
.form-feedback .btn{color: #777;color: #fff;background:#c82333}
/*#region banner*/
.banner-content  h1,.banner-content h2,.banner-content  h3,.banner-content  h4,.banner-content h5,.banner-content h6{ font-size: 2rem;font-weight: 600;}
.banner-content p{max-width:90%}
@media(max-width:576px) {
    .banner-content h1, .banner-content h2, .banner-content h3, .banner-content h4, .banner-content h5, .banner-content h6 {font-size: 1.25rem}
    .banner-content p{max-width: 100%;font-size:0.875rem}
}
.dropdown.lang .dropdown-toggle {color:#fff;padding: 1rem;}
.banner a {color: #fff}
.banner-nav .title {font-weight: 600;}
/*#endregion*/
/*#region navbar&top*/
.top-bar{ padding: 12px 0;color:#727272;background: #f6f6f6;line-height: 1;}
.top-bar a{color:#727272}
.top-bar .split{margin:0 15px;}
.top-bar .icon{ margin-right: 0.25rem;color: #f7c02e;}
.top-bar span{ display: flex;display: -ms-flexbox;align-items:center;justify-content: center;font-size: 14px;}
.header{ position:fixed; width:100%; top: 0;background: rgba(60, 60, 60, 0.7);overflow: visible;top: 0;z-index:3}
.navbar{top: 0;z-index: 10;}
.navbar-brand{ padding: 18px 0;}
.navbar-brand>.img-fluid{max-width: 160px}
.navbar .container-xl{align-items: stretch;}
.navbar-nav{ height: 100%;}
.navbar-nav  .nav-item { padding: 0rem 0;}
.navbar .nav-link {position: relative;border-bottom:4px transparent solid; height: 100%; color:#fff; justify-content: center;padding: 1.4rem 1.25rem;text-transform: uppercase;}
.navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {border-color:#099bd4}
.navbar-nav .active > .nav-link {border-color: #099bd4}
.navbar-nav .dropdown-item{ padding: 0.75rem 1.25rem;}
.navbar-nav .dropdown-item:hover{ color: #099bd4;}
.max-width {width:100%;}
.search-btn {cursor:pointer;}
.search-opens {position:relative;}
.search-opens .search-group {width:200px;}
#search_button{background:#f2f0f1}
.navbar-toggler {outline:none !important;}
.mw-pad {margin-top:3rem;}
.c-col-1 {width:29%;}
.c-col-2 {width: 70%;}
.home-product-box {flex-wrap:wrap;justify-content: space-between;}
.home-products-list {background: url(../../images/666yejiao.png) no-repeat scroll center top; padding:5rem 0; background-size: cover;}
.h-p-parent {cursor:pointer;position:relative;overflow:hidden;display:block; margin-bottom:1rem;}
.h-p-parent img {width: 100%;}
.h-p-parent::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0; z-index:1; background-image:linear-gradient(-180deg,#099bd4 0%,transparent 60%);}
.h-p-text {position:absolute;top: 10%;left: 10%;z-index: 1;color: #fff;}
.h-p-parent img {transition-duration:.3s;}
.h-p-parent:hover img {transform:scale(1.05);}
.h-p-2 {flex-wrap:wrap;}
.h-p-2 .h-p-parent { width: 31%; margin-bottom: 18px; margin-left: 20px;}
.p-bold {    font-weight: bold;  font-size: 28px;  font-family:"CmsFont"}
.home-customer-list img {margin-bottom:1rem;}
.language a {color:#fff}
.language a:first-child {margin-right:5px;}


.home-aboot-1 {background: #099bd4;padding-top: 5rem;padding-bottom: 2rem;color:#fff;}
.home-aboot-1 h2,.home-aboot-1 h3 {font-weight:bold;}
.home-about-2 {background:#099bd4;position:relative;padding-bottom: 4rem;}
.home-about-2 h3 {font-size: 24px;}
.home-about-2 p {line-height: 2.1em; margin:1.5rem 0; text-align: left; color:rgba(46,46,46,0.6)}
.mask-hide {height:150px; width:100%; position:absolute;bottom:0; background:#f7f7f7;}
.home-about-content {flex-wrap:wrap;}
.hbi {width:50%;}
.home-about-content {background:#fff; position: relative; z-index: 1;}
.read-more-btn { display:block; text-align:center; background: #099bd4; padding:.5rem 0; width: 140px; border:1px #099bd4 solid; transition-duration:.3s;color:#fff;}
.read-more-btn:hover {background:transparent;color:#099bd4;}
.home-about-text {padding:2rem 1rem;}
.home-customers {background:#f7f7f7;}
.mw-title {font-size:28px;font-weight:bold;text-align:center;}
.mw-title::after {display: block;content: "";width: 70px;height: 4px;background-color: #099bd4;margin: 10px auto 0;}
.home-customer-list {padding:2.5rem 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.home-customers img {transition:transform .2s linear}
/*.home-customers img:hover {transform:translateY(-10px);}*/
.ce-box {margin-top:1rem;}
.home-customer-list .home-c-l-img {width: 13%;}

.home-certificate-we {padding-top:1rem;}
.home-certificate-back {
    background-image: url(../../images/WechatIMG3.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
}
.certificate-list {padding:6rem 0;}
.certificate-list .swiper-slide img {padding:0 5px;}

.home-solution {flex-wrap:wrap;}
.h-s-l {background:url(../../images/index-solutions.jpg) no-repeat;background-size: cover; padding:3%;width:25%;}
.h-s-l h3 {font-size:2.2rem; color: #e72e25;}
.h-s-r {width:75%;}
.h-s-r .solu-section {width:16.7%;border-right: 1px solid #ddd;}
.h-s-r .solu-section:last-child {border-right:none}
.solu-back {height:240px;position:relative;background-size: cover;background-position: center top;background-repeat: no-repeat;}
.h-s-r .solu-section:nth-of-type(1) .solu-back {background-image: url(../../images/index-solutions-pic7.jpg);}
.h-s-r .solu-section:nth-of-type(2) .solu-back {background-image: url(../../images/index-solutions-pic1.jpg);}
.h-s-r .solu-section:nth-of-type(3) .solu-back {background-image: url(../../images/index-solutions-pic6.jpg);}
.h-s-r .solu-section:nth-of-type(4) .solu-back {background-image: url(../../images/index-solutions-pic4.jpg);}
.h-s-r .solu-section:nth-of-type(5) .solu-back {background-image: url(../../images/index-solutions-pic3.jpg);}
.h-s-r .solu-section:nth-of-type(6) .solu-back {background-image: url(../../images/index-solutions-pic5.jpg);}
.solu-mask {opacity: 0.5;transition: opacity 0.3s ease-out;background:#a9aaac; height:100%;width:100%;}
.h-s-r .solu-section:hover .solu-mask {opacity:0;}
.solu-text {position:relative;height: 120px; font-size: 1.05rem;text-align: center;padding: 50px 25px 0 25px;}
.solu-text img {position:absolute;height:82px;width:110px;left: 50%;top: -36%;transform: translateX(-50px);}
.h-s-btn {border-radius: 50%;background-color: #505050;color: #fff;width: 40px;height: 40px;text-align: center;line-height: 40px;margin: 0 5px;padding: 0;}
.icon-c-left::after {content:"\f053"}
.icon-c-right::after {content:"\f054"}
.h-s-btn:hover {color:#fff;}

.home-blogs {
    background: url(../../images/index-news-bg.jpg) no-repeat center top;
    color: #fff;
}
.home-blogs h3 {font-size: 1.46rem; margin:1.5rem 0; font-weight:600; letter-spacing: 2px; text-align:center;}
.home-blogs article {padding: 15px 35px;border-left: 1px #fff solid;height: 100%;}
.home-blogs .col-md-4:last-child article {border-right:1px #fff solid}
.home-blogs .blog-item {padding: 10px 0;line-height: 1.7em;}
.home-blogs time {color: #fabe00;margin-right: 10px;}
.home-blogs .blog-more {color: #fabe00;}
.home-blogs .blog-link {color:#fff;font-size:16px;}
.breadcrumb-item+.breadcrumb-item::before {color:#393b3a;}


@media(max-width:992px) {
    .h-p-1,.h-p-2 {width:100%;}
    .navbar-nav .dropdown-item{ padding: 0.875rem 1.5rem;text-align: center;}
    .navbar-nav{border-top:1px solid #f2f2f2;background: #fff;}
    .h-p-2 {margin:1rem 0; justify-content: space-between;}
    .h-p-2 .h-p-parent {margin-bottom:9px;margin-left:0;margin-top:0;width: 32%;}
    .home-blogs {background-size:cover;}
    .navbar .nav-link {color:#000;}
    .icon-bars {color:#fff;}
    .c-col-1,.c-col-2 {width:100%;} 
    .home-customer-list .home-c-l-img {width:50%;}
}
@media(max-width:576px) {
    .home-blogs article {border-right:none !important;}
    .home-aboot-1 {padding-top:2rem;}
    .home-aboot-1-left {text-align:center;}
    .h-s-l {width:100%;}
    .h-s-r {flex-wrap:wrap;width:100%;}
    .hbi {width:100%;}
    .hide {display:none;}
    .m-logo {width:100%}
    .navbar-brand{ padding: 12px 0px;}
    .navbar-brand>.img-fluid{max-width: 120px}
    .h-s-r .solu-section {width:50%;}
    .solu-text {padding:1rem}
}
/*#endregion*/
/*#region page-title*/
.page-title{padding: 35px 0;background: #F7F7F7;background-repeat: no-repeat;background-size: cover;line-height: 1;}
.page-title .container-xl{ display: -ms-flexbox;display: flex;flex-direction: row;justify-content:space-between}
.page-title .title{margin-bottom: 0;font-size: 1.5rem;font-weight: 600;align-self: center;}
.page-title .breadcrumb{}
.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;}
}
.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-main-title{ font-size: 1.25rem;}
}
/*#endregion*/
/*#region category index & cateogyr summary*/
.category-wrapper{}

.category-title{padding:18px 15px;;background: #f2f2f2;margin-bottom: 1.5em;}
.category-title h3{ font-family: Montserrat;font-weight: 600;font-size: 20px;margin-bottom: 0;text-transform: uppercase;}
.category-title h3 a{color:#002A53}
.category-wrapper .more{ text-transform: uppercase;color:#1367af;font-weight: 500;}
.category-summary{ margin: auto;width: 90%;line-height: 1.8;margin-bottom: 30px;}
.category-summary p{ margin-bottom: 0;}
@media(max-width:768px){
    .category-title h3{font-size:16px;}
}
/*#endregion*/
/*#region row&col item*/
.thumbnail:hover img{transform: scale(1.02)}
.article-row{margin-bottom:40px;}
.article-row:hover .thumbnail:before{ opacity: 0.2;}
.article-row .entry-wrapper{/*padding: 0px 20px;*/}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-title{ font-family: Montserrat;font-size: 22px;margin-bottom:15px;}
.article-row .entry-content{ color: #888;}
.article-row .read-more{ display: block;margin-top: 20px;font-size: 14px;font-weight: 700;text-transform: uppercase;transition: all ease 0.5s;}
.article-row .read-more .icon{padding-left:5px;}

.article-row .read-more:hover{color:#fac012}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 0;}
    .article-row .entry-title{ font-size: 16px;}
}

.article-col{margin-bottom:40px;}
.article-col:hover .thumbnail:before{ opacity: 0.2;}
.article-col .entry-wrapper{ padding:20px 0}
.article-col .entry-meta{ padding-bottom: 10px;color: #9e9e9e;font-size:14px;}
.article-col .entry-title{ font-size: 20px;margin-bottom: 12px;}
.article-col .entry-content{ color: #9e9e9e;}

.product-row{margin-bottom:40px;}
.product-row:hover .thumbnail:before{ opacity: 0.2;}
.product-row .entry-wrapper{padding: 0px 20px;}
.product-row .entry-title{font-size: 22px;margin-bottom:15px;}
.product-row .entry-content{ color: #888;}
@media(max-width:768px) {
    .product-row .entry-wrapper{ padding: 20px 0;}
    .product-row .entry-title{ font-size: 16px;}
}

.product-col{ margin-bottom: 25px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);transition: all ease 0.4s}
.product-col .entry-wrapper{ padding: 14px 8px;}
.product-col .entry-title{margin: 0;text-align: center;font-weight: normal;font-size:16px;margin-bottom:12px;}

.img-col{ margin-bottom: 1.25rem;}
.img-col .entry-wrapper{;margin: 0;padding: 0.875rem 0.75rem;text-align: center;background:#dee2e6}
.img-col .entry-title{ margin: 0;font-size:16px;}

.cert-col{ margin-bottom: 1.25rem;}
.cert-col .entry-wrapper{margin: 0;padding: 0.875rem 0.75rem;text-align: center;background: #EEE;}
.cert-col .entry-title{ margin: 0;font-size:16px;}

.video-col{margin-bottom:1.25rem;}
.video-col .entry-wrapper{padding: 0.875rem 0.75rem;}
.video-col .entry-title{ margin: 0;font-size:16px;text-align: center;}

.faq-row{ margin-bottom: 1rem;}
.faq-row .entry-title{ background: #f6f6f6;font-family: Raleway;font-size: 1rem;font-weight: 400;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer;transition: all ease 0.2s;}
.faq-row .entry-title:hover{ background: #f2f2f2;color:#A46529;}
.faq-row .entry-wrapper{ padding: 1rem;border: 1px solid #eee;color: #777;}
.faq-row .entry-wrapper img{ max-width: 100%;}
@media(max-width:768px) {
    .faq-row .entry-title{font-size:1rem;}
}
/*#endregion*/
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}
.widget-header{ margin-bottom: 30px;border-bottom:1px solid #e5e5e5}
.widget-header .title{position:relative;font-size:24px;font-weight:700;color:#444;margin: 0;padding:12px 0;}
.widget-header .title:after{position:absolute;bottom:0;content:"";display:block;width:70px;height:2px;background:#069cd7;}
.widget-header .drop{padding: 0.25rem 0.75rem;font-size: 1rem;color: #aaa;}
.widget-header .drop:after{}
.widget-header .drop.collapsed:after{}


.widget-collapse{margin-bottom: 15px}
.widget-collapse .menu-link,.widget-collapse .menu-nav{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .drop{width: 30px;height: 30px;line-height: 30px;color: #fac012;}
.widget-collapse .menu-link{ padding: 10px 8px;}
.widget-collapse .menu-link:before{ font-family:cmsfont;content: "\f105";font-size:0.875rem;margin-right: 8px;color:#999}
.widget-collapse .collapse-child .menu-link{ padding: 10px 8px 10px 16px;}
.widget-collapse .collapse-child .collapse-child .menu-link{}

@media(max-width:768px) {
     .sidebar{ border-width: 0;padding: 0;background: #fff;}
     .widget-header{ margin-bottom: 15px;background: #f6f6f6;padding-left:12px;}
}

.media-article{ display:flex;display:-ms-flexbox;align-items:flex-start;margin-bottom: 1.25rem;}
.media-article img{ max-width: 75px;margin-right: 12px;}
.media-article .post-title{ font-family:Montserrat;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.875rem;color:#8c95a2}
@media(max-width:992px) {
    .media-article img{max-width:90px}
}

.media-product{ display:flex;display:-ms-flexbox;margin-bottom: 1.25rem;}
.media-product img{ max-width: 85px;margin-right: 12px;border:1px solid #f2f2f2;}
.media-product .post-title{font-size: 0.875rem;font-weight: normal;margin-bottom: 2px;line-height: 1.6;}
.media-product .post-title a{ transition: color ease 0.2s;}
.media-product .post-title a:hover{color:#C42729}
.media-product p{font-size:0.875rem;color:#8395a2;margin-bottom:0;}
@media(max-width:992px) {
    .media-product img{max-width:90px}
}

/*#region horizontal menu*/
.menu-horizontal-wrapper{background:#fafafa;margin-bottom:2rem;}
.menu-horizontal .nav-item{}
.menu-horizontal .nav-link{ padding: 1rem 2.5rem;color: #666;font-size:1rem}
.menu-horizontal .nav-link.active{ background: #069cd7;color: #fff;}
.menu-horizontal-child {background: #f2f2f2;}
@media(max-width:768px) {
    .menu-horizontal-child{ justify-content: left;}
    .menu-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}
/*#endregion*/

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

.share-box{ padding: 20px 0;margin-top: 30px;margin-bottom: 15px;border-top: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;}
.share{display:flex;display:-ms-flexbox;align-items:center;}
.share .social>span{background:#f5f5f5 !important;color:#999 !important;}
.share .social>span:hover{background:#fac012 !important;color:#fff !important;}
.share .share-title{font-family:Raleway;font-size:16px;margin-right:15px;font-weight:300;}
@media(max-width:768px){
    .share{flex-direction:column;justify-content:center;margin-bottom:20px;}
    .share .share-title{margin-bottom:0.5rem;}
}

.post-navigation{display:flex;display:-ms-flexbox; line-height:1.5;font-size:1rem;align-items:center;}
.post-navigation a{padding:5px 0;line-height:1;display:flex;align-items:center;text-transform:uppercase;}
.post-navigation i{font-weight:500;font-size:1.25rem;}
.post-navigation .nav-previous{padding-right: 10px;border-right: 0.5px solid #f7f7f7;}
.post-navigation .nav-next{padding-left: 10px;}
@media(max-width:768px){
    .post-navigation{justify-content:center;}
}

.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;}
.cart-wrapper{ display: flex;display: -ms-flexbox;margin-top: 30px;}
.cart-wrapper .button:first-child{ margin-right: 15px;}
.product-quantity{ display: flex;display: -ms-flexbox;flex-shrink: 0;flex-grow: 0;}
.product-quantity .form-control{margin:0 5px;width: 100px;text-align: center}
.product-quantity .btn{border:1px solid #ced4da;border-radius: 0;}
@media(max-width:768px) {
    .product-head .entry-wrapper {
        margin-bottom: 25px;
    }
    .cart-wrapper{ justify-content: center;}
}

.button{ display: block;cursor: pointer;padding: 8px 20px;text-transform: uppercase;}

.button.icon{ margin-right:5px;}
.button.btn-inquiry{ background: #cf4536;color:#fff;}
.button.btn-addtocart{ background: #e8b62d;color: #fff;}
/*.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 company page*/
.company-wrapper { margin-bottom: 40px;line-height: 1.7}
.company-wrapper .title {font-family: Montserrat;text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.company-wrapper .title:after{display: block;content: "";margin-top: 10px;width: 50px;height: 5px;background: #069cd7;border-radius:2px;}

.company-features {background: #f0f0f0;color: #666;padding: 80px 6%;line-height: 1.7;}
.company-features .title{ font-family: Montserrat;font-size:38px;font-weight: 700;text-transform: uppercase;margin-bottom: 50px;text-align: center;color:#333}
.company-features .sub-title{ font-family: Montserrat;font-weight: 600;color: #444;margin-bottom: 12px;}
.company-features .icon-wrapper{ width: 70px;height: 70px;border: 2px solid #01b9e6;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 16px;}
.company-features .icon {display: block;font-size: 2rem;color: #01b9e6;width: 1em;}
.company-features p{ margin-bottom: 0;}
@media(max-width:992px) {
    .company-wrapper .title{font-size:26px;}
    .company-features{ padding: 60px 0 40px;}
    .company-features .media{margin-bottom:25px;}
    .company-features .sub-title{font-size:24px;margin-bottom: 8px;}
    .company-features .title{ font-size: 30px;}
    .company-features h3{ font-size: 1.75rem;}
}
/*#endregion*/
/*#endregion*/
/*#region contact page*/
.contact-wrapper{}
.contact-wrapper .title {font-family: Montserrat;font-size: 26px;font-weight: 500;color: #333;margin-bottom: 1.5rem;}
.contact-wrapper p {margin-bottom: 0.875rem;}
/*#endregion*/
/*#region footer*/
footer {padding-top: 60px;background: #f2f2f2;color:rgba(46,46,46,0.7);}
footer a{ color: rgba(46,46,46,0.7);transition: all ease 0.2s;}
footer .container-xl  [class*="col-"]{margin-bottom:35px;}
footer .logo{ max-height: 40px;margin-bottom: 20px;}
footer .title{position: relative;font-size: 20px;padding-bottom:15px;margin-bottom:20px;font-weight: 600;color:#2e2e2e;border-bottom:4px solid rgba(255, 255, 255, 0.03);}
footer .title:after{ position: absolute;bottom: -4px;display: block;content: "";width: 40px;height: 4px;background: #099bd4;border-radius: 2px;}

footer a:hover{ color: #c2374a;}

footer .contact li{margin:10px 0 0;}
footer .category{ margin-bottom: 0;}
footer .category li{ padding: 3px 0;}
footer .category a:before{font-family: CmsFont;content: "\f112";margin-right:5px;}
footer .footer-bottom{text-align: center;padding-top:15px;padding-bottom:15px;background: #e7e7e7;}
.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;}

/*#endregion*/

/*home page*/
.home-title{ position: relative;font-family: montserrat;font-size: 32px;margin-bottom: 35px;font-weight: 700;color: #111;text-transform: uppercase;}
.home-title:after{display: block;content: "";margin-top: 10px;width: 50px;height: 5px;background: #069cd7;border-radius:2px;}
.theme-btn{display: inline-block;background: #01A8D1;font-size: 14px;color:#fff;padding: 7px 28px;font-family: Montserrat;font-weight: 600;text-transform: uppercase;margin-bottom: 25px;transition: all ease 0.2s;}
.theme-btn:hover{ background: #0f68bb;color:#ffffff;}
@media(max-width:768px) {
    .home-title{ font-size: 26px;}
}

.home-products{ padding: 100px 0 80px;}
.home-products .summary{ text-align: center;font-weight: 400;color: #666;}
@media(max-width:768px) {
    .home-products{ padding: 50px 0 30px;}
}

.home-company{color: #666;padding: 60px 0 60px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;line-height: 1.8;}
.home-company .home-title{text-align: center;}
.home-company .home-title:after{ margin-left: auto;margin-right:auto;}
.home-company .more{ display: inline-block;background: #F7C02D;padding: 12px 40px;border-radius: 6px;font-weight: 500;}
@media(max-width:768px) {
    .home-company .col-12:first-child{ margin-bottom: 20px;}
}

.home-news{ padding: 2rem 0;}
.home-news .article-col{ margin-bottom: 0;}
@media(max-width:768px) {
    .home-news .article-col{margin-bottom:25px;}
}

.gallery-wrapper{ padding: 75px 0 60px;background-color: #f0f0f0;color:#555;background-size: cover;background-repeat: no-repeat;background-position: center center;text-align: center;}
.gallery-wrapper .home-title{ color: #222;text-align: center;margin-bottom: 20px;}
.gallery-wrapper .home-title:after{ margin-left: auto;margin-right: auto;}
.gallery-wrapper .summary{margin:0 auto 30px;width: 750px;text-align: center;}
.gallery-wrapper .swiper-button-prev,.gallery-wrapper .swiper-button-next{font-size:24px;background: rgba(0,0,0,.6);color: #00A0E9;transition: all ease 0.3s;}
.gallery-wrapper .swiper-button-prev:hover,.gallery-wrapper .swiper-button-next:hover{background: rgba(0,0,0,.4);color: #3d3d3d;}
.gallery-wrapper .img-col .entry-wrapper{ background: transparent;}
.gallery-wrapper .img-col .entry-title{font-family: Montserrat;font-weight: 600;font-size: 18px;color:#333;}
.gallery-wrapper .more{font-family: Montserrat;text-transform: uppercase;line-height: 1;color:#0f68bb}
@media(max-width:768px) {
    .gallery-wrapper .summary{ width: auto;}
    .gallery-wrapper{ padding: 50px 0;}
}

#basketicon{z-index: 100000;display: none;justify-content: center;position: fixed;right: 5px;bottom: 280px;width: 45px;height: 45px;background: #727272;border-radius: 50%;color: #fff;line-height: 45px;text-align: center;cursor: pointer;}
#basketicon .cartnum{ position: absolute;right:0;top:0;display: block;width: 20px;height: 20px;line-height: 20px;font-family: Arial;font-size: 12px;border-radius: 50%;background: #ff0000;}

#basket-wrapper {
    z-index: 100000;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 230px;
    height: 250px;
    background: #fafafa;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    box-shadow: -2px -2px 15px rgba(0,0,0,0.2);
    display:flex;
    flex-direction: column;
    display: none;
}
#basket-wrapper .basket-header{ display: flex;display: -ms-flexbox;align-items: center;justify-content: space-between;background: #7A8599;color: #fff;padding: 10px 8px;font-size:14px;font-weight: 600;}
#basket-wrapper .basket-header .icon{ cursor: pointer;}

.basket-body{ flex-grow: 1;overflow-y: auto;}
.basket-item{display:flex;display: -ms-flexbox;border-bottom:1px solid #eee;padding: 4px 2px;font-size: 14px;}
.basket-item .cart-img{margin-right:5px;}
.basket-item .cart-img img {height: 50px;}
.basket-item .item-name{ display: block;margin-bottom: 5px;width: 137px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.basket-item button{padding: 2px 10px;line-height: 1;background: transparent;border: 1px solid #999;color:#777;user-select: none;}


.basket-footer{border-top: 1px solid #f2f2f2;padding:8px;font-size: 14px;display:flex;display: -ms-flexbox;justify-content: space-between;align-items:center;}
.basket-footer .basket-empty{ background: #999999;padding: 3px 12px;border: 1px solid transparent;color:#fff;text-align: center;}
.basket-footer .basket-inquiry{background: #ff0000;padding: 3px 12px;color:#fff;}