@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: Lato,"Helvetica Neue", Arial, "Noto Sans", sans-serif;color: #444;font-size: 14px;     background: #dbdfe1;}
@media(min-width:1366px) {
    .container-xl {
        max-width: 1340px
    }
}
@media (min-width: 1200px) {
    .container-xl {
        width: 1200px;
    }
}
.main-container {padding-top: 40px;padding-bottom: 40px;}
@media(max-width:768px) {
    .main-container {padding-top: 20px;padding-bottom: 20px;}
}
.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}
}
.banner a {color: #fff}
.banner-nav .title {font-weight: 600;}
/*#endregion*/
/*#region navbar&top*/
.top-bar{ background: #33485d;border-bottom: 2px solid #95a5a5; color: #fff; padding: 5px 0; }
.top-bar a{color:#fff}
.top-bar .split{margin:0 15px;}
.top-bar .icon{ margin-right: 0.25rem;color: #fff;}
.top-bar span{ display: flex;display: -ms-flexbox;align-items:center;justify-content: center;font-size: 14px;}


.header{ top: 0;background: #fff;overflow: visible;top: 0;z-index:2}

.navbar{top: 0;z-index: 10; }
.navbar-brand{ padding: 0;}
.navbar-brand>.img-fluid{max-width: 220px}
.navbar .container-xl{align-items: stretch;}
.navbar-nav{ height: 100%;}
.navbar-nav  .nav-item { padding: 0rem 0;}
.navbar .nav-link {position: relative; color:#747374; font-size: 16px; height: 100%;justify-content: center;padding: 1rem 1.25rem;}
.navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus {color: #999}
.navbar-nav .active > .nav-link {color: #174592}
.navbar-nav .dropdown-item{ padding: 0.75rem 1.25rem;}
.navbar-nav .dropdown-item:hover{ color: #0f68bb;}

.header-pc-top {padding:36px 0 8px 0}
.header-pc-text h4 {font-size:20px;}
.header-pc-text i {font-size: 1.5em;margin-right:1rem;}
mred {color:#dd4942}
mblue {color:#135392}
#header-nav {
    background: -moz-linear-gradient(top, #e2e2e2, #ddddde, #c6c6c6);
    background: -webkit-linear-gradient(top, #e2e2e2, #ddddde, #c6c6c6);
    background: -o-linear-gradient(top, #e2e2e2, #ddddde, #c6c6c6);
    border: 1px solid #cecece;
    margin-bottom: 10px
}
.ye-home-2 {margin-top:3rem;}
.ye-home-2 h4 {background: #818c9a;color: #fff; padding: 8px 12px;font-size:18px;}
.product-col .card {background:#fff;}
.product-col .card-title {display: block; padding:9px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #787878;font-weight: bold; text-align: center;}
.product-col {box-shadow:none !important;}

.home-down-pdf {background:#fff;}
.pdf-icon-pos {text-align:center;}
.home-pdf-list {padding:.5rem 0;}
.home-pdf-list p {font-size:12px;padding-right:10px;}
.down-link {background: #90c51f;color: #fff;display: table;padding: 4px 15px;border-radius: 15px;margin-top: 5px; font-size: 12px;}
.ye-home-footer {background:#c7cdd2;margin-top:3rem;}
.ye-f-1 {width:56%;}
.ye-f-2 {width:22%;}
.ye-f-3 {width:22%;}
.ye-f-about {background: url(../../images/home-about.jpg)no-repeat right bottom #fff;padding-left: 30px;padding-bottom: 2rem;}
.ye-f-container {flex-wrap:wrap;}
.ye-f-container h2 {font-weight: bold;margin: 0;padding: 20px 0 10px 0; font-size: 30px;}
.ye-f-about h2 span  {color:#8bc41b}
.ye-f-about h6,.ye-f-contact h6 {font-weight:bold;font-size:14px;}
.ye-f-about p {font-size: 12px;color: #aaa;}
.ye-f-btn-1 {background: #90c51f;color: #fff;display: table; padding: 4px 35px; border-radius: 15px;margin: 30px 0;}
.ye-f-2 {background: #f7f7f7;padding: 0 15px;}
.ye-f-news-box {}
.ye-f-news {border-bottom: 1px #ccc solid; padding-bottom: 1rem;}
.ye-f-news-box a {display: block;color: #484848;font-weight: bold;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;margin-bottom: 10px;}
.ye-f-news-box p {font-size: 12px; color: #999;}
.ye-f-news-box time {color: #e87e27;font-weight: bold;font-size: 16px;}
.ye-f-display {background:url(../../images/home-work.jpg)no-repeat center bottom #7cabb8; background-size: cover; color:#fff; padding:4rem 0;}
.ye-f-display h3 {font-size:24px;font-weight:bold;color:#fff;}
.ye-f-btn-3 {background: #fff;color: #0e607f;padding: 4px 25px;border-radius: 15px;}

.ye-f-contact {}
.ye-f-contact p {margin-bottom:4px; color:#676767}
.icon-mobile-alt:before {content:"\f3cd"}
.ye-f-3 {background:url(../../images/home-coo.jpg)no-repeat center bottom #fff;background-size:cover;padding:0 15px;}

.my-breadcrumb {padding: 10px 0;background: #808c9a; color: #fff;}
.my-breadcrumb .breadcrumb {padding:0 15px;}
.my-breadcrumb .breadcrumb span,.my-breadcrumb .breadcrumb-item+.breadcrumb-item::before {color:#fff;}

.page-tit {font-size: 18px;border-bottom: 1px solid #808c9a;padding-bottom: 4px; margin-bottom: 10px;}
.page-content {background: #c8cdd3;margin-top: 10px;padding: 6px 15px 30px 15px; overflow:hidden;}
.page-content img {max-width:100%;}
.page-container {margin-bottom:1rem;}
.product-p-content {background:#e4e7ea !important}

.common-list {margin-top: 10px;}
.common-list h4,.recom-pro h4 {background: #416c97;color: #fff;padding: 10px 15px;margin-bottom: 0; font-size:18px;}
.common-list li {border-top: 1px solid #ddd;}
.common-list li a {color: #fff;background: #9ab0c7;display: block;padding: 10px 15px;}
.common-list li a::before {content: "◆"; margin-right: 5px; color: #a50102;}
.common-list li a:hover,.common-list li a.active {color:#416c97;}

.downTable td{border:1px solid #ddd}
.downTable a {color:#337ab7}

.ye-product-title {display: block;background: #416c97;color: #fff;font-size: 16px; padding: 4px 10px;}
.ye-product-title:hover {color:#fff; text-decoration:underline;}
.ye-product-msg {padding-left: 10px; margin-top: 10px;}
.ye-pro-list {margin-bottom:1rem;}

.child-list {margin-bottom: 12px}
.child-list ul li {margin-bottom: 6px}
.child-list ul li a {background: #d2d2d2;color: #787878;padding: 7px 30px; display: table;margin-right: 6px;}
.child-list .active {background: #9ab0c7;color: #416c97}

.news-list article {padding: 20px 0;border-bottom: 1px solid #b1b1b1;}
.news-list article h4 {font-size:18px;color:#000;}
.news-list time {color:#416c97;}

.other-sub-title {margin-bottom: 15px;color: #fff;font-size: 20px;  background: #416c97;  padding:0 15px;}
.news-recom-list {padding-left:0;list-style:none;}
.news-recom-list li {margin-bottom: 10px;padding: 10px 0; border-bottom: 1px dashed #aaa;}
.news-recom-list li i {color: #e70007; margin-right: 5px;}

.tab-content {background:#fff;}
#form1 {margin-bottom: 20px;}
.button-raised.button-caution {
    border-color: #69b1f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#368fe8), to(#416c97));
    background: linear-gradient(#368fe8, #416c97);
    color: #a9d1fa
}
.button-raised.button-caution:hover, .button-raised.button-caution:focus {
    background: -webkit-gradient(linear, left top, left bottom, from(#368fe8), to(#416c97));
    background: linear-gradient(top, #368fe8, #416c97);
    color: #a9d1fa
}
.button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active {
    border-color: #69b1f8;
    background: #226ab1; 
}
.modal-header .close {border:none;font-size:20px;background:#fff;}
.product-param dt {flex-basis:93px;}

@media(max-width:992px) {
    .header-contact-info {font-size:12px;}
    .header-contact-info i {display:none;}
    .navbar-nav .dropdown-item{ padding: 0.875rem 1.5rem;text-align: center;}
    .header-pc-text {display:none;}
    .header-pc-top {padding:0;}
    .ye-f-1 {width:100%;}
    .ye-f-2, .ye-f-3 {width:50%;}
    .ye-home-2,.ye-home-footer {margin-top:1rem;}
}
@media(max-width:576px) {
    .child-list ul li a {padding:7px 6px;}
    footer .container-xl [class*="col-"] {margin-bottom:5px !important;}
    .ye-f-2,.ye-f-3{width:100%;}
    .ye-f-3 {padding-bottom:15px;}
    .ye-f-about {padding:15px;}
    .ye-home-2 .product-col .card-title {font-size:12px;}
    .home-pdf-list {padding:.5rem}
    .navbar-nav{border-top:1px solid #f2f2f2}
    .navbar-brand{ padding: 12px 0px;}
    .navbar-brand>.img-fluid{max-width:90px}
}
/*#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;}

.icon-phone-volume:before {content:"\f2a0"}
.icon-skype:before {content:"\f17e"}
.footer-cate-list h5 {font-size:14px;}


@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;}
    .site-name {font-size:14px;}
}
/*#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:#fac012;}
.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{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}
.menu-horizontal .nav-item{}
.menu-horizontal .nav-link{ padding: 1rem 2.5rem;color: #666;font-size:1rem}
.menu-horizontal .nav-link.active{ background: #B32123;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;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 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 .title{ color: #0c2e60;font-size: 1.5rem;font-weight: 500;}
.content-wrapper.article .summary{padding-bottom: 20px;margin: 10px 0;font-size: 1rem;text-transform: uppercase;color: #222;border-bottom: 1px dashed #777;}
.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;}
.product-head .title {font-size: 1.25rem;color: #333;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;}

.btn-pdf-link:hover {color:#fff;}
.button.icon{ margin-right:5px;}
.button.btn-inquiry,.btn-pdf-link{padding: 5px 12px;
    margin-bottom: 5px;
    background: #44a96b;
    color: #fff;
    border-radius: 5px;
    display: table;}
.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: #01b9e6;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: 20px;background: #46617a;color:#fff;}
footer a{ color: #fff;transition: all ease 0.2s;}
footer a:hover {text-decoration:underline;color:#fff;}
footer .container-xl  [class*="col-"]{margin-bottom:35px;}
footer .logo{ max-height: 40px;margin-bottom: 20px;}
footer .title{position: relative;font-family: Montserrat;font-size: 22px;padding-bottom:15px;margin-bottom:20px;font-weight: 600;color: #f2f2f2;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: #01b9e6;border-radius: 2px;}

footer .category a:before{font-family: CmsFont;content: "\f112";margin-right:5px;}
footer .footer-bottom{text-align: center;padding-top:15px;padding-bottom:15px;color: #fff;background: #3a4e60;color:#e9e9e9}

/*#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: #01b9e6;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: 60px 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;}