/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 25 2024 | 05:21:22 */
.pmb-0 p {margin-bottom:0;}
.col-pb-0 > .col {padding-bottom:0;}
ul {margin-bottom:10px;}
.btn-call.fs-large {font-size:1.4em;}
/* .ms-button:hover {box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);} */
.ms-button.color-white:hover {color: #fff;}
.tooltipster-base {display:none !important}
.ms-title-left {position:relative;padding-left:20px;}
.ms-title-left:before {position:absolute;content:'';width:10px;height:10px;background-color: var(--alert-color);left:0;top:50%;transform:translatey(-50%);}
.ms-title-center {position: relative;width: fit-content;padding: 0 20px;}
.ms-title-center:before, .ms-title-center:after {position:absolute;content:'';width:10px;height:10px;background-color: var(--alert-color);top:50%;transform:translatey(-50%);}
.ms-title-center:before {left:0;}
.ms-title-center:after {right:0;}
.ms-title-center.text-center {margin-left: auto !important;margin-right: auto !important;}
.ms-title-center.text-right {margin-left: auto !important;}
/* .header.transparent .header-bg-color {background-color: #fff;} */
.header-top {background-color: transparent;}
.header-top > .container {background-color: #e9e9e9;height: 80px;}
.header-top .header-contact {display:flex;flex-direction: row-reverse;}
.header-top .social-icons a i {color:#333;}
.header-top .header-contact li a {text-transform: none !important;font-size: 14px;color:#000}
.header-top .header-contact li a i {color:#fff;}
.header-top .header-contact li a:after {display:none;}
.header-top .header-contact li a i {width:40px;height:40px;background-color: var(--alert-color);text-align:center;line-height:37px;}
.header-top .header-contact li:last-child {margin-left: 0 !important}
.header-top ul.nav > .header-social-icons.html {font-size:20px;}


.nav-column>li>a, .nav-dropdown>li>a {white-space: nowrap;}
.header-main > .container, .header-wrapper.stuck {background-color: #fff;}
.header-main .nav > li {margin: 0 15px;}
.header-main .nav > li > a {font-size:16px;}
.header-main .nav > li.header-search > a {display: block;width: 100px;text-align: center;background: var(--alert-color);color: #fff;margin-right: -15px;}
.header-main .nav.nav-line-bottom>li>a:before {background-color: var(--alert-color);}
/* Home Intro */
.years-exp {display: flex;flex-direction: column;}
.years-exp span.count-up {font-size: 100px;font-weight: bold;font-family: none;border-top: 1px solid;border-bottom: 1px solid;}
.years-exp .count-text {font-size:20px;text-transform: uppercase;margin:0;}
.years-exp .count-text span {display: block;}

.icon-small i {font-size:10px;color: var(--alert-color)}
blockquote {border-left: 5px solid var(--alert-color);color: #000;background-color: #e9e9e9;font-size: 1.2em;font-style: italic;padding: 30px;}

.ms-line .is-divider {position:relative;}
.ms-line .is-divider:before, .ms-line .is-divider:after {position:absolute;content:'';width:10px;height:10px;background-color: var(--alert-color);top:-4px}
.ms-line .is-divider:after {right:0;}

.btn-more.color-white:hover {color: #fff;}
.btn-more i {font-size: 20px;margin-left: 10px;background: #222;padding: 10px;}
.btn-more i:before {transform: rotate(-45deg);display: block;transition: 0.3s all;}
.btn-more:hover i:before {transform: rotate(0deg)}
.btn-more.color-alert i {background: transparent;}

.searchform .button.icon {background-color: var(--primary-color);}

.homeIntro {width: fit-content;margin: auto;font-size: 20px;font-weight: 500;}
.homeIntro .home-intro {align-items: flex-end;}
.homeIntro span.number {font-size: 180px !important;font-family: none;font-weight: bold;-webkit-background-clip: text;background-clip: text;background-image: url(https://cdn.britannica.com/23/134423-050-89215EA3/Barite-barium-sulfate-Elk-Creek-SD.jpg);color: transparent;background-size: 75%;line-height: 150px;}
.homeIntro span.years {letter-spacing: 0.54em;font-size: 16px;margin-left: 15px;}
.title-intro {position: absolute;top: 150px;font-size: 5em;white-space: nowrap;left: 50%;transform: translateX(-50%);font-weight: bold;opacity: 0.05;z-index: -1;}

.item-service .icon-box {position:relative;border: 1px solid #ccc;padding: 20px;background:#fff;height: 100%;min-height: 250px;}
.item-service .icon-box:after {position:absolute;content:'';width:100%;height:100%;background-color: var(--alert-color);transition: 0.3s all;top:0;left:0;z-index:-1;}
.item-service .icon-box:hover:after {top:10px;left:10px;}

.item-service .icon-box .icon-box-img {position:absolute;bottom:20px;right:20px;width: 100px !important;height: 100px;padding: 15px;background: #333;}
.item-service:hover .icon-box .icon-box-img {background-color: var(--alert-color);}
.item-service .icon-box .icon-box-text {display: flex;flex-direction: column;justify-content: space-between;padding-right: 120px;text-align: justify;}

.item-product-cat .col-inner {position:relative;border: 1px solid #ccc;padding: 20px;background:#fff;}
.item-product-cat .col-inner:after {position:absolute;content:'';width:100%;height:100%;background-color: var(--alert-color);transition: 0.3s all;top:0;left:0;z-index:-1;}
.item-product-cat .col-inner:hover:after {top:10px;left:10px;}





.product-category.col h5.header-title {font-size:1.5em}
.product-category.col p.count {font-size:16px}
.project-home .post-item .col-inner, .news-home .post-item .col-inner {border-radius:15px;overflow:hidden;}
.project-home .post-item h5.post-title a {overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.project-home .post-item .from_the_blog_excerpt {overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}
.project-home .box-blog-post .is-divider {max-width:100%;height:1px;}


.section-commit .row.align-equal .col-inner {height:100%;}
.section-commit .bg {height: 70%;top: auto;width: 90%;left: 50%;transform: translateX(-50%);}

.item-commit {position: relative;height:100%;border: 1px solid #ccc;padding: 30px;background: #fff;transition: 0.3s all;}
.item-commit:before, .item-commit:after {position: absolute;content:'';}
.item-commit:hover {background: #e9e9e9;}
.item-commit:before {width:0;height:5px;background-color: var(--alert-color);top:0;left:50%;transform: translatex(-50%);transition: 0.3s all;}
/* .item-commit:hover > *, .item-commit:hover h3 {color: #fff !important} */
.item-commit:hover:before {width:100%;}


.item-number-commit {display: flex;align-items: center;}
.item-number-commit .count-number {width: 50%;text-align: right;}
.item-number-commit .count-up, .item-number-commit .count-unit, .item-number-commit .count-plus {font-size: 70px;font-weight: 600;color: var(--alert-color);}
.item-number-commit .count-text {font-size: 20px;font-weight: 500;line-height: 1.2;padding-left: 10px;width: 50%;}
.item-number-commit .count-text span {display:block;}

.product-breadcrumb-container {border-bottom: 1px solid #eaeaea;padding-bottom: 15px;}
.breadcrumbs a {color: #333;font-size: 14px;}
.col:has(.breadcrumbs) {padding-bottom:15px;}

.product-section {border-top: 0;}
.product-accreditation {border: 2px solid #da2820;padding: 20px;border-radius: 30px;background: #fff;box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);}
.product-accreditation p {margin-bottom:10px;}

.related h3.product-section-title {padding-left:15px;padding-right:15px;}
.woocommerce-tabs .nav-tabs>li.active>a {background-color: var(--alert-color);border: 0;color: #fff;border-radius: 7px 7px 0 0;}
.woocommerce-tabs .nav-tabs+.tab-panels {border-radius: 0 15px 15px 15px;border-color: var(--alert-color);}

.footer-wrapper .btn-more.color-black i {color: #fff;}

.product-category .box-image {display:none;}
.product-category .box-text {text-align: left;border: 1px solid #ccc;padding: 8px 15px;border-top: 0;}
.product-category .box-text h5 {text-transform: none;font-weight: normal;}

.product-small .name.product-title a {position: relative;padding-left: 20px;font-size: 20px;text-transform: uppercase;font-weight: 500;margin: 0;}
.product-small .name.product-title a:before {position:absolute;content:'';width:10px;height:10px;background-color: var(--alert-color);top:50%;transform: translatey(-50%);left:0;}

@media screen and (min-width:550px) {
	
	
	
	.item-product-cat .icon-box-text .item-content {transform: translateY(30px);transition: 0.3s all}
	.item-product-cat .icon-box-text .ms-button {transform: translateY(60px);transition: 0.3s all}
	.item-product-cat:hover .icon-box-text .item-content, .item-product-cat:hover .icon-box-text .ms-button {transform: translateY(0px)}
}
@media screen and (max-width:849px) {
	.section-commit .bg {width: 100%;}
}
@media screen and (max-width:549px) {
	
	.item-number-commit .count-up, .item-number-commit .count-unit, .item-number-commit .count-plus {font-size: 26px;}
	.item-number-commit .count-text {width: 100%;font-size: 13px;}
}