@charset "utf-8";
@media (prefers-reduced-motion:no-preference) {
    :root { scroll-behavior: initial !important }
}
*:focus { outline: none }
*:focus { outline: none; border: none }
body { margin: 0px; padding: 0px; font-size: 24px; font-weight: 300; color: #444; line-height: 1.5; font-family: "Mona Sans", sans-serif }
.btn-theme-submit input[type="submit"], a { -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease }
p { margin-bottom: 20px }
.pmb0 p:last-child { margin-bottom: 0px }
small { color: #999; font-size: 14px; display: block; margin-bottom: 10px }
a { cursor: pointer; text-decoration: none; outline: none }
a:hover { text-decoration: none }
ul, li { list-style: none; margin: 0px; padding: 0px }
img { border: 0; vertical-align: top; height: auto; max-width: 100% }
section .d-inline-block { vertical-align: top }
h1, h2, h3, h4, h5, h6, .th1, .th2, .th3, .th4, .th5, .th6, .t120, .t24, .t150 { font-weight: 500; margin: 0px; padding: 0px; font-family: "Mona Sans", sans-serif; color: #000; text-transform: uppercase }
h1, h2, h3, h4, h5, h6, .th1, .th2, .th3, .th4, .th5, .th6, .t24 { margin-bottom: 20px }
h1, .th1, h2, .th2 { font-size: 80px; font-weight: 500; line-height: 90px; letter-spacing: -1.6px; line-height: 1.12 }
h3, .th3 { color: #000; font-size: 50px; line-height: 1.2 }
h4, .th4 { font-size: 36px; line-height: 1.25 }
h5, .th5 { font-size: 30px; line-height: 1 }
h6, .th6 { font-size: 20px; line-height: 1 }
.text-blue { color: #003057 }
.t120 { font-size: 120px; line-height: 1; letter-spacing: -2.4px }
.t150 { font-size: 150px; line-height: 1; letter-spacing: -2.4px }
.t24 { font-size: 24px }
.text20 { font-size: 20px }
.t100 { font-size: 100px; font-weight: 600; line-height: 1.2; letter-spacing: -2px; text-transform: uppercase }
.t50 { font-size: 50px }
.t36 { font-size: 36px; line-height: 1.3 }
.t30 { font-size: 30px }
.vc_row { margin: 0px !important }
.vc_column_container > .vc_column-inner { padding: 0px !important }
.padding-left { padding-left: calc(((100% - 1536px) + 24px) / 2) }
.padding-right { padding-right: calc(((100% - 1536px) + 24px) / 2) }
.black-color { color: #555555 }
input[type="submit"], input[type="button"], button[type="submit"], button[type="button"] { outline: none }
label { display: inline-block; max-width: 100% }
textarea { resize: none; height: 110px; border-radius: 20px }
.form-control { font-family: "Mona Sans", sans-serif; display: block; width: 100%; height: auto; padding: 0px 0px 20px 0px; font-weight: 300; font-size: 24px; line-height: 1; color: #444; border: none; border-bottom: 1px solid #838383; -webkit-box-shadow: none; box-shadow: none; background-color: #fff; border-radius: 0px }
.form-control:focus, .input-text:focus { border-color: #323b6f; background-color: transparent; outline: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none }
.form-control::-webkit-input-placeholder { color: #838383; font-weight: 300 }
.form-control::-moz-placeholder { color: #838383; opacity: 1; font-weight: 300 }
.form-control::-ms-input-placeholder { color: #838383; font-weight: 300 }
textarea.form-control, textarea { height: 150px }
select.form-control, select { background-image: url(../images/select-arrow.svg); line-height: 1.2; background-repeat: no-repeat; background-position: right center; background-size: 14px }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }
input[type="number"] { appearance: none; -moz-appearance: textfield; -webkit-appearance: none }
input[type="date"]::-webkit-inner-spin-button { display: none }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; background-image: none; background: transparent }
input[type="radio"], input[type="checkbox"] { cursor: pointer }
img { max-width: 100%; height: auto }
.form-group { margin-bottom: 50px }
.form-check-input[type="checkbox"] { border-radius: 0px }
.form-check-input { margin-top: 8px; border-radius: 0px; border-color: #000 }
.form-check-input:focus { border-color: #000; box-shadow: none }
.form-check-input:checked:focus { border-color: #0d6efd }
.fwl { font-weight: 300 }
.fwm { font-weight: 500 }
.fws { font-weight: 600 }
.fwb { font-weight: 700 }
ins { text-decoration: none }
button { border: none }
button:focus { outline: none }
.bullet ul { margin-bottom: 20px }
.bullet ul li:before { content: ""; position: absolute; top: 13px; left: 0px; height: 12px; width: 12px; background: url(../images/bullet-arrow.svg) }
.bullet ul li { position: relative; padding-left: 30px; margin-bottom: 10px }
.left-minus-100 { margin-left: -100px }
.right-minus-100 { margin-right: -100px }
.footer-vector { right: 0px; bottom: 0px; overflow: hidden; position: absolute }
.boaderbottomwhite { border-bottom: 1px solid #fff }
.boaderbottomblack { border-bottom: 1px solid #838383 }
.boadertopblack { border-top: 1px solid #838383 }
.borderbox { border: 1px solid #838383 }
.borderTop, .borderBottom, .borderLeft, .borderRight, .borderRightsap, .borderBotright { position: relative }
.borderTop::before, .borderBottom::after, .borderRightsap::before, .borderBotright:after, .borderBotright::before, .borderLeft::before, .borderRight::after { content: ''; position: absolute; will-change: transform; background-color: #838383 }
.borderTop::before, .borderBottom::after, .borderBotright:before { left: 0px; right: 0px; height: 1px; transform-origin: left }
.borderLeft::before, .borderRight::after, .borderBotright:after, .borderRightsap::before { top: 0px; width: 1px; height: 100%; transform-origin: top }
.borderLeft::before { left: 0px }
.borderRight::after, .borderRightsap::before { right: 0px }
.borderTop::before { top: 0px; left: 0px }
.borderBottom::after, .borderBotright:before { left: 0px; bottom: 0px }
.borderRightsap::before, .borderBotright:after { right: 0px }
.innovation-section .borderBottom::after { content: ''; position: absolute; will-change: transform; background-color: #FFFFFF }
.padding-left-200 { padding-left: 250px }
.contactinforow .borderRight::after { transform: translateX(65px) }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-30 { margin-top: 30px }
.mt-50 { margin-top: 50px }
.mt-70 { margin-top: 70px }
.mt-100 { margin-top: 100px }
.mb-0 { margin-bottom: 0px }
.mb-24 { margin-bottom: 24px }
.mb-05 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 40px }
.mb-60 { margin-bottom: 60px }
.mb-50 { margin-bottom: 50px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-120 { margin-bottom: 120px }
.mb-150 { margin-bottom: 150px }
.mb-200 { margin-bottom: 200px }
.mb-250 { margin-bottom: 250px }
.mb-300 { margin-bottom: 300px }
.mt-150 { margin-top: 150px }
.mt-200 { margin-top: 200px }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-30 { padding-top: 30px }
.pt-50 { padding-top: 50px }
.pt-100 { padding-top: 100px }
.pt-150 { padding-top: 150px }
.pt-250 { padding-top: 250px }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-150 { padding-bottom: 150px }
.ptb-150 { padding: 150px 0px }
.transparent-btn { color: #323b6f; border: 1px solid #323b6f }
.transparent-btn::after { background-image: url(../images/btn-arrow-hover-vector.svg); transition: all 0.35s ease-in-out }
.transparent-btn:hover { color: #fff; background-color: #323b6f; border-color: #323b6f }
.transparent-btn:hover::after { background-image: url(../images/btn-arrow-vector.svg) }
.transparent-btn, .theme-btn { gap: 8px; font-size: 16px; font-weight: 400; display: inline-flex; align-items: center; letter-spacing: 0.8px; text-transform: uppercase; line-height: 1; padding: 16px 24px; border-radius: 7px; background-color: transparent; position: relative; overflow: hidden; transition: all 0.35s ease-in-out; cursor: pointer }
.transparent-btn::after, .theme-btn::after { content: ""; width: 11px; height: 12px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: contain }
.btn-theme-submit { position: relative; display: inline-block }
.btn-theme-submit input[type="submit"] { background-image: url(../images/btn-arrow-hover-vector.svg); background-repeat: no-repeat; background-color: transparent; letter-spacing: 0.8px; border: 1px solid #323b6f; background-position: right 16px center; color: #323b6f; display: inline-block; line-height: 1; font-size: 16px; font-weight: 400; outline: 0px; padding: 16px 35px 16px 24px; position: relative; text-transform: uppercase; border-radius: 7px; z-index: 0 }
.btn-theme-submit input[type="submit"]:hover { color: #fff; background-color: #323b6f; border-color: #323b6f; background-image: url(../images/btn-arrow-vector.svg) }
.theme-btn { color: #FFFFFF; border: 1px solid #FFFFFF }
.theme-btn::after { background-image: url(../images/btn-arrow-vector.svg); transition: all 0.35s ease-in-out }
.theme-btn:hover { color: #323B6F; background-color: #FFF }
.theme-btn:hover::after { background-image: url(../images/btn-arrow-hover-vector.svg) }
.line-btn-theme { display: inline-block; position: relative; font-size: 36px; font-weight: 500; line-height: 1.1; text-transform: uppercase; letter-spacing: 0.8px; color: #000; padding: 0 0 30px 0; border-bottom: 1px solid currentColor; transition: color .3s ease, border-color .3s ease, padding-right .35s ease }
.line-btn-theme::after { content: ""; position: absolute; top: 30%; right: 0; transform: translateY(-50%) translateX(8px); width: 25px; height: 25px; background: url(../images/line-btn-theme-arrow-vector.svg) no-repeat center/contain; opacity: 0; pointer-events: none; transition: transform .35s cubic-bezier(.2, .9, .3, 1), opacity .25s ease }
.line-btn-theme:hover, .line-btn-theme:focus { color: #323B6F; border-color: #323B6F; padding-right: 40px }
.line-btn-sm { font-size: 16px; display: inline-block; position: relative; font-weight: 500; line-height: 1; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #000000; color: #000000; font-weight: 500 }
.line-btn-sm::after { content: ""; position: absolute; background-image: url(../images/btn-arrow-hover-vector.svg); top: 4px; right: 0px; width: 10px; height: 10px; background-size: 10px; opacity: 0; transition: transform .35s cubic-bezier(.2, .9, .3, 1), opacity .25s ease }
.line-btn-sm:hover { color: #323B6F; border-color: #323B6F; padding-right: 15px }
.line-btn-sm:hover::after { opacity: 1 }
.ln08 { line-height: 0.8 }
.submit-btn { color: #323b6f; border: 1px solid #323b6f; background-image: url(../images/btn-arrow-hover-vector.svg); background-repeat: no-repeat; background-position: right 24px center; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; text-transform: uppercase; line-height: 1; padding: 16px 45px 16px 24px; border-radius: 7px; background-color: transparent; position: relative; overflow: hidden; transition: all 0.35s ease-in-out; cursor: pointer }
.submit-btn:hover { color: #fff; background-color: #323b6f; border-color: #323b6f; background-image: url(../images/btn-arrow-vector.svg) }
.btn-arrow-title { position: relative; display: inline-flex; align-items: flex-start }
.btn-arrow-title::before { background-image: url(../images/btn-arrow-hover-vector.svg); margin-top: 5px; width: 17px; height: 17px; background-size: 17px; margin-right: 10px; content: ''; background-repeat: no-repeat; flex-shrink: 0 }
.mainheader { width: 100%; transition: all 0.3s ease; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 10; padding: 50px 0px }
.navmenu>ul { z-index: 3; margin: 0px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center }
.navmenu > ul  li  a { display: block; color: #555; font-size: 18px; line-height: 1; font-weight: 400; position: relative; padding: 15px 0px }
.navmenu>ul>li { position: relative; list-style: none; margin: 0px 15px; padding: 0px 0px }
.navmenu>ul>li:last-child { margin-right: 0px }
.navmenu > ul > li > a:hover, .navmenu > ul > li.current-menu-item > a, .navmenu>ul>li:hover>a, .navmenu > ul > li > ul > li:hover > a, .navmenu > ul li.current-menu-item > a { color: #323B6F }
.sub-menu-arrow { text-align: center; overflow: hidden; padding: 8px; vertical-align: top; line-height: 1; cursor: pointer; position: absolute; right: 0px; line-height: 0; top: 0px }
.navmenu > ul > li  ul { display: none }
header .logo a { display: flex }
nav { align-items: center }
.rightbtn { margin-left: 15px }
.navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative }
.icnline { background-color: #323B6F; width: 100%; height: 2px; line-height: 1; display: block; margin: 6px 0px }
.navicon { width: 18px; display: inline-block; vertical-align: middle; line-height: 1; position: relative }
.navicon::before, .navicon::after { content: ''; position: absolute; background-color: #323B6F; width: 100%; height: 2px; left: 0px }
.navicon::before { top: 0px }
.navicon::after { bottom: 0px }
.closeBtn { line-height: 1; z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0px; transform: rotate(45deg); display: inline-flex; align-items: center; justify-content: center }
.closeBtn::after { background-color: #323B6F; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1) }
.closeBtn::before { background-color: #323B6F; height: 100%; width: 2px; position: absolute; top: 0px; content: ''; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1) }
.closeBtn:hover::after, .closeBtn:hover::before { background-color: #323B6F }
header.mainheader.sticky { padding: 20px 0px }
.imgzoom { overflow: hidden }
.imgzoom img { width: 100%; transform: scale(1); transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); will-change: transform }
.imgzoom:hover img { transform: scale(1.08) }
.materialscol { position: relative; align-items: flex-start }
.material-left { position: sticky; top: 15% }
.material-right { position: relative }
.material-left h5 { padding-bottom: 50px }
.material-center { position: sticky; top: 15% }
.material-center { text-align: center }
.material-right:after { position: absolute; top: 0; left: -6.3%; width: 1px; background: #838383; content: ""; height: 100% }
.material-center img { position: relative }
.material-center { background: #fff; z-index: 9; line-height: 1 }
.btnrow { justify-content: space-between }
.innovation-section { width: 100%; height: 100%; color: #ffffff; overflow: hidden; position: relative; background-size: cover; padding: 150px 0px 150px 0px; background-attachment: fixed; background-repeat: no-repeat; background-position: center center }
.innovation-section .container { z-index: 1 }
.innovation-section::after { inset: 0; content: ""; position: absolute; pointer-events: none; background: rgba(0, 0, 0, 0.50) }
.text-block { flex: 1; font-size: 36px; line-height: 1.5; font-weight: 500; text-transform: uppercase }
.stat-item { display: flex; flex-direction: column }
.countertext { animation-delay: 0s; animation-duration: 1s }
.powdertype a { position: relative; display: inline-block; transition: all 0.3s ease; min-height: 100% }
.powdertype a::after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: #fff; background-image: url(../images/up-arrow-black-vector.svg); background-repeat: no-repeat; background-position: center; opacity: 0; visibility: hidden; transform: translate(-10px, 15px) scale(0.9); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); pointer-events: none }
.powdertype a:hover::after { opacity: 1; visibility: visible; transform: translate(0, 0) scale(1) }
.contact-info p { color: #979aad; margin: 0px }
.contact-info p + p { margin-top: 5px }
.footer-logo a { display: inline-block }
.footermain .footerlink ul li:last-child { margin-bottom: 0px }
.tungstencol { width: 100%; border-top: 1px solid #838383 }
.tungstencol::before { top: 0px; left: calc(50%); width: 1px; content: ''; bottom: 0px; position: absolute; transform: translateX(-50%); background-color: #838383 }
.technical-slider { display: block; overflow: hidden; position: relative; width: 100% }
.technical-section { vertical-align: bottom }
.technical_track { display: inline-flex; flex-wrap: nowrap; animation: scrollLogos 30s linear infinite; -webkit-animation: scrollLogos 30s linear infinite; will-change: transform; transform: translateZ(0) }
.logo-box { flex: 0 0 16.66%; width: 16.66%; text-align: center; padding: 60px 20px; border-right: 1px solid #ddd; box-sizing: border-box; position: relative }
.logo-box img { width: 100px; height: 100px; display: inline-block; object-fit: contain; transition: opacity 0.4s ease-in-out }
@keyframes scrollLogos {
    0% { transform: translateX(0) }
    100% { transform: translateX(-50%) }
}
@-webkit-keyframes scrollLogos {
    0% { -webkit-transform: translateX(0) }
    100% { -webkit-transform: translateX(-50%) }
}
.precisely-banner-mobile { display: none }
.precisely-banner { overflow: hidden; position: relative; height: 80vh; background-size: cover; background-repeat: no-repeat; background-attachment: fixed }
.performance-items { display: flex }
.performance-box { overflow: hidden; position: relative; text-align: center; align-items: center; padding: 60px 20px; border-right: 1px solid #838383 }
.delivering-icon { top: 0px; position: absolute }
.delivering-box p b { color: #323B6F; font-size: 24px; font-weight: 500; line-height: 30px; text-transform: uppercase }
.delivering-slider .slick-arrow { top: unset; bottom: 20px; left: 0px; transform: unset }
.delivering-slider .slick-next { right: unset; left: 60px }
.delivering-name b { text-transform: capitalize }
.delivering-name p { text-transform: uppercase }
.certifications-wrap { width: auto; display: flex; flex-wrap: wrap; margin: 0px -15px }
.certifications-items { display: flex }
.certifications-box { overflow: hidden; padding: 100px 20px; position: relative; text-align: center; align-items: center; align-content: center; border-left: 1px solid #838383 }
footer { color: #FFFFFF; padding: 150px 0px; background-color: #1E1C1B }
.footermain { color: #FFFFFF; padding: 150px 0px; background-color: #323b6f }
.footermain h4 { color: #fff }
.footermain .footer-vector { z-index: 0 }
.footermain a { color: #979aad }
.footermain a:hover { color: #fff }
.footermain .footer-btn a { color: #FFFFFF }
.footermain .footer-btn a:hover { color: #323B6F }
.footermain .footerlink ul li { margin-bottom: 20px; line-height: 1 }
.footermain .footerlink ul li  a { font-size: 20px; line-height: 1; font-weight: 300 }
.footaddress p { color: #979aad; font-size: 20px; line-height: 1.4 }
.footernumber h3, .footernumber a { color: #8699A5; font-size: 36px; font-weight: 400 }
.socialicon ul { display: flex }
.socialicon ul li { margin-right: 15px }
.socialicon ul li:last-child { margin-right: 0px }
.socialicon ul li a { width: 50px; height: 50px; border-radius: 100%; align-items: center; display: inline-flex; justify-content: center; border: 1px solid #979aad }
.socialicon ul li a:hover { border: 1px solid #fff; background-color: #fff }
.socialicon ul li a svg { fill: #979aad; transition: all 0.3s ease }
.socialicon ul li a:hover svg { fill: #1E1C1B; transition: all 0.3s ease }
.copyright { z-index: 9; font-size: 20px; font-weight: 400; color: #979aad; line-height: 1.2 }
.lastfooterlink { margin-top: 60px }
.performance-slider .slick-track { margin: 0px 1px; display: flex; flex-direction: row }
.performance-slider .performance-box { min-height: 100% }
.performance-slider .slick-slide { height: auto }
.minus-right { margin-right: -209px }
.precisely-banner.minus-right:after { background: rgba(0, 0, 0, 0.10); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: "" }
.blog-date { color: #555 }
.hm-blog-left { display: flex; flex-direction: column; justify-content: space-between }
.industry-item-wrap .industry-item:first-child a { border-top: 1px solid #838383 }
.industry-item a { padding: 50px 0px; position: relative; display: inline-block; border-bottom: 1px solid #838383; transition: all 0.3s ease-in-out }
.hm-blog-arrow { text-align: right; min-height: 100%; align-items: center; display: flex; justify-content: end }
.hm-blog-left, .hm-blog-right, .hm-blog-arrow { transform: translateX(0px); transition: all 0.3s ease-in-out }
.hero-content p { color: #fff }
.hero-image { position: relative; margin: 0px 100px; transform-origin: center; will-change: margin-left, margin-right, transform }
.hero-content { position: absolute; top: 0px; width: 100%; left: 0 }
.hero-image { height: 117vh; overflow: hidden }
.hero-content .container { height: 100% }
.hero-image img { width: 100%; object-fit: cover }
.hero-image video { object-fit: cover; width: 100%; height: 100% }
.tungsten-right { display: flex; flex-direction: column }
section.innovation-section .row { align-items: flex-end }
.modal-content { border-radius: 0px }
.modal-body { padding: 50px }
.modal-dialog { max-width: 616px }
.modal-content { box-shadow: none; border-radius: 0px; border: none }
.modal-content h3 { margin-bottom: 30px }
.wpcf7-spinner { position: absolute; margin-top: 15px }
.wpcf7 form.sent .wpcf7-response-output { line-height: 24px; background: #dff0d8; border: 1px solid #c3e6cb; margin: 20px 0 0; padding: 7px 12px; color: #155724; position: relative; z-index: 1; border-radius: 5px; font-size: 16px }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { line-height: 24px; background: #f8d7da; border: 1px solid #f5c6cb; margin: 20px 0 0; padding: 7px 15px; color: #721c24; position: relative; z-index: 1; border-radius: 5px; font-size: 16px }
span.wpcf7-not-valid-tip { color: #ed1c24; position: relative; text-align: left; font-size: 14px }
.rightbottom { right: 0px; bottom: 0px; position: absolute }
.iconanim { display: block; text-align: center }
.svganimaion { height: 150px }
.lg-block { display: none }
.futuresection-content { position: absolute; top: 50%; width: 100%; left: 0; transform: translateY(-50%) }
.futuresection-content-inner h2 { font-size: 150px; font-weight: 600; letter-spacing: -8px }
.featured-projects-content { position: absolute; top: 500px }
.reveal-wrap { position: relative }
.reveal-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; transform: translateY(0); will-change: transform; transition: opacity .4s ease }
.futuresection-content-right .th5 { line-height: 1.2 }
.reveal-wrap { position: relative; overflow: hidden; width: 100%; display: block }
.animate-heading { display: block; overflow: hidden }
.animate-heading .line { display: block; overflow: hidden }
.line-inner { display: inline-block; will-change: transform, opacity; transform: translate3d(0, 0, 0) }
.timelines-container { width: 100% }
.timelines-left { min-height: 100%; justify-content: space-between; display: flex; flex-direction: column }
.timelines-section .slick-prev { left: auto; right: -70px; top: calc(50%  - 25px) }
.timelines-section  .slick-next { right: -70px; top: calc(50%  + 25px) }
.timelines-box-inner { position: relative; padding: 150px 0px }
section.timelines-section .timelines-box-inner:after { content: ""; height: 100%; width: 1px; background-color: #838383; position: absolute; top: 0px; left: calc(50% - 80px) }
.certifications-slider { border-right: 1px solid #838383 }
.pagetopoffset { margin-top: 250px }
.paddingleft { padding-left: 220px }
.stickytitle { top: 40vh; position: sticky }
.ImageZoomEf { transform: scale(0.6); margin-top: -15% }
.textchange span { display: none; animation-name: fadeInLeft; animation-duration: 0.8s; animation-fill-mode: both; min-height: 300px }
.textchange span.active { display: inline-block }
.accordion { border-radius: 0px }
.accordion-item { border: 1px solid #838383; padding-bottom: 50px }
.accordion-item:first-of-type .accordion-button, .accordion-item:first-of-type, .accordion-item:last-of-type, .accordion-item:last-of-type .accordion-collapse, .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 0px }
.accordion-button { font-size: 36px; padding: 50px 50px 0px; line-height: 1; font-weight: 500; justify-content: space-between }
.accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; color: initial }
.accordion-body { padding: 30px 50px 0px }
.accordion-button:focus { border: none; box-shadow: none }
.ownercol img { margin-bottom: 30px }
.accmission { margin-bottom: 98px }
.accordion-button::after { background-image: url(../images/plus-icn.svg) }
.accordion-button:not(.collapsed)::after { background-image: url(../images/minus-icn.svg) }
.subprodbox { padding: 50px; display: flex; align-items: center; justify-content: space-between; font-weight: 500; color: #000; transition: all 0.3s ease }
.arwhite { line-height: 1; opacity: 0; transition: all 0.3s ease; margin-left: 20px; flex-shrink: 0; width: 20px; height: 20px; transform: translateX(20px) }
.arwhite img { width: 100% }
.subprodbox:hover { background-color: #323B6F; border: 1px solid #323B6F; color: #fff }
.subprodbox:hover .arwhite { opacity: 1; transform: translateX(0px) }
.prodbtn a { margin-right: 20px }
.applicatslider { margin: 0px -12px }
.applicatslider .slick-slide { padding: 0px 12px }
.applicatslider .slick-slide img { width: 100% }
.prodtitleapp { padding: 30px }
.prodtitleapp h5 { margin-bottom: 0px }
.btnapp { position: absolute; height: 100%; left: 0px; width: 100%; background-color: #323B6F; top: 0px; line-height: 1; padding: 50px 30px; opacity: 0; transition: all 0.3s ease }
.btnapp a::after { display: none }
.btnapp a, .btnapp .line-btn-sm:hover { padding-right: 0px }
.sidenav { font-size: 24px; color: #000000; display: inline-flex; align-items: center; font-weight: 500; text-transform: uppercase; line-height: 1; padding-bottom: 10px; position: relative; margin-bottom: 50px }
.sidenav.active, .sidenav:hover { color: #003057 }
.sidenav::before { position: absolute; bottom: 0px; left: 0px; content: ''; background-color: #000000; height: 1px; width: 100%; transition: all 0.3s ease; transform-origin: left }
.sidenav::after { content: ''; width: 20px; height: 12px; background-image: url(../images/navigaiont-arrow.svg); background-repeat: no-repeat; margin-left: 10px; transition: all 0.3s ease }
.sidenav.active::after { transform: rotate(180deg) }
.sidenav.active::before, .sidenav:hover::before { background-color: #003057 }
.sidebarmenu { top: 100px; position: sticky }
.sidemenu { display: none }
.sidemenu > ul > li { padding-bottom: 40px }
.sidemenu ul li a { position: relative }
.sidemenu ul li a:hover, .sidemenu  ul li.current-menu-item > a { color: #323B6F }
.sidemenu > ul > li  a::after { position: absolute; bottom: 0px; left: 0px; content: ''; background-color: #000000; height: 1px; width: 100%; transition: all 0.3s ease; transform-origin: left }
.sidemenu ul li a:hover::after, .sidemenu > ul > li.current-menu-item > a::after { background-color: #323B6F }
.sidemenu > ul > li > a { font-size: 24px; color: #000000; font-weight: 500; text-transform: uppercase; line-height: 1; padding-bottom: 5px }
.sidemenu > ul > li > ul > li > a { font-size: 18px; color: #444; padding-bottom: 5px; font-weight: 400 }
.sidemenu > ul > li > ul > li > a::after { transform: scaleX(0) }
.sidemenu > ul > li > ul > li > a:hover::after, .sidemenu > ul > li > ul > li.current-menu-item > a::after { transform: scaleX(1) }
.sidemenu > ul > li > ul { margin-top: 20px }
.sidemenu > ul > li > ul > li { margin-bottom: 10px }
.sidemenu > ul > li > ul > li:last-child { margin-bottom: 0px }
.sidebarmenu { position: sticky; top: 100px }
.teamrowcol [class*="col-"] { display: flex }
.teamcard { display: flex; flex-direction: column; width: 100% }
.teamrowcol [class*="col-"] img { margin-bottom: 30px }
.teamrowcol [class*="col-"] h5 { text-transform: none; font-weight: 700; margin-bottom: 10px }
.teamrowcol [class*="col-"] p { font-size: 20px }
.teamrowcol [class*="col-"]:last-child { margin-bottom: 0px }
.cetificateimg { margin-bottom: 30px; position: relative }
.cetificateimg::before { background-color: #323B6F; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; content: ''; opacity: 0; transition: all 0.3s ease }
.iconabs { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s ease }
.certicol { text-align: center }
.certicol h5 { text-transform: none }
.certicol:hover .cetificateimg::before, .certicol:hover .iconabs { opacity: 1 }
.fancybox__carousel .is-right .f-button { background-color: transparent }
.cmspagecol p { margin-bottom: 30px }
.cmspagecol h5 { font-size: 24px }
.cmspagecol ul { margin-bottom: 30px }
.cmspagecol ul li { margin-bottom: 0px }
.imgtitlecontent { display: grid; gap: 0px 24px; grid-template-columns: 1fr 1fr; margin-bottom: 30px }
.acctitlecol { padding-top: 30px; display: block; margin-bottom: 50px }
.acctitlecol .accordion-button { padding: 30px 0px; text-transform: uppercase; font-size: 24px; color: #000000 }
.acctitlecol .accordion-item { padding-bottom: 0px; border: none; border-top: 1px solid #838383 }
.acctitlecol .accordion-item:last-child { border-bottom: 1px solid #838383 }
.acctitlecol .accordion-body { padding: 0px 0px 30px }
.acctitlecol .accordion { padding-top: 30px }
.acctitlecol .accordion-button:not(.collapsed)::after { background-image: url(../images/minus-gray-icn.svg) }
.acctitlecol .accordion-button::after { background-image: url(../images/plus-gray-icn.svg) }
.bg-gray { background-color: #F5F5F5 }
.technicalitem { padding: 50px; font-size: 20px; margin-bottom: 30px }
.tecnicalrow .technicalitem:last-child { margin-bottom: 0px }
.technicalitem h6 { margin-bottom: 10px }
.technicalitem img { width: 100px }
.contactfrmrow { padding-top: 150px; overflow: hidden }
.powitems ul { border: 1px solid #838383; border-left: 0px }
.powitems ul li { border-bottom: 1px solid #838383 }
.powitems ul li:last-child { border-bottom: 0px }
.powitems ul li a { display: flex; align-items: center; padding: 30px 50px; color: #000000; font-size: 24px; text-transform: uppercase }
.powitems ul li a:hover, .powitems ul li a.active { background-color: #F5F5F5; color: #323B6F }
.powitems ul li a img { margin-right: 30px }
.contactfrmrow textarea { height: 80px }
.contactinforow .row [class*="col-"] { padding-top: 150px; padding-bottom: 150px }
.contactinfocol { margin-bottom: 40px }
.contactinfocol h4 { margin-bottom: 10px }
.contactinfocol a { color: #555555 }
.contactinfocol a:hover { color: #323B6F }
.contactinfocol:last-child { margin-bottom: 0px }
.drtbtn { position: absolute; bottom: 180px; right: 180px }
.drtbtn img { transform: translate(-10px, -15px); position: absolute; left: 0px; top: 0px }
.subprodcontent .row [class*="col-"]:first-child { display: flex; flex-direction: column; justify-content: space-between }
.postitlecol a { font-weight: 700; color: #555 }
.postitlecol a:hover { color: #323b6f }
.postingrow .accordion-button::after { margin-left: 20px }
.postingrow .accordion-button { padding: 50px 0px; text-transform: uppercase; color: #000000 }
.postingrow .accordion-item { padding-bottom: 0px; border: none; border-bottom: 1px solid #838383 }
.postingrow .accordion-item:first-child .accordion-button { padding-top: 10px }
.postingrow .accordion-body { padding: 0px 0px 50px }
.postingrow .accordion-body h4, .postingrow .accordion-body h5, .postingrow .accordion-body h6 { color: #555555; font-weight: 700; font-size: 24px; text-transform: none }
.postingrow .accordion-button:not(.collapsed)::after { background-image: url(../images/minus-gray-icn.svg) }
.postingrow .accordion-button::after { background-image: url(../images/plus-gray-icn.svg) }
.uploadBox input[type="file"] { display: none }
.uploadBox label { width: 100%; color: #838388; display: flex; justify-content: space-between; padding: 0px 0px 18px; border-bottom: 1px solid #838383; white-space: nowrap; cursor: pointer; font-weight: 500 }
.uploadBox label span.filename { color: #838388; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: none; width: 70%; letter-spacing: 0px; font-weight: 300 }
.uploadBox label.selected span.filename { color: #555 }
.careersidebar { transition: all 0.5s linear; display: flex; align-items: center; width: 50%; position: fixed; top: 0px; right: -100%; height: 100%; padding: 150px 100px; background-color: #ffffff; z-index: 100; overflow: auto }
.careersidebar.slide { right: 0% }
.OverlayCareers { z-index: 100 }
.black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0px; height: 100%; width: 100%; top: 0px; display: none }
.pagenotfound img { max-width: 300px }
.careersidebar .btn-theme-submit { margin-top: 20px }
.fourcolumnrow .boaderbottomblack { min-height: 100% }
.datecol { font-size: 20px; margin-bottom: 10px; display: block; color: #555 }
.blogimgmove { position: relative }
.mainblogfull { padding-top: 150px }
.mainblogfull .boaderbottomblack { padding-bottom: 150px }
.imgblogabs { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 32%; opacity: 0; transition: all 0.3s ease }
.blogitem a:hover .imgblogabs { opacity: 1 }
.paginav { color: #323B6F; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center }
.paginav a, .paginav span { text-decoration: none; margin: 0px; border-radius: 7px; margin-right: 10px; text-align: center; font-size: 18px; width: 50px; height: 50px; line-height: 50px; color: #fff }
.paginav span.arrow-previous, .paginav span.arrow-next { position: relative; display: inline-flex; align-items: center; justify-content: center; margin-right: 0px }
.paginav a { border: 1px solid #323B6F }
.paginav span.current, .paginav a:hover { border-color: #323B6F; background-color: #323B6F }
.arrow-previous::before, .arrow-next::before { height: 15px; width: 17px; content: ''; transition: all 0.3s ease; display: inline-block }
.arrow-previous::before { background: url(../images/blog-arrow-blue-left.svg) center center no-repeat }
.arrow-next::before { background: url(../images/blog-arrow-blue-right.svg) center center no-repeat }
.paginav a:hover .arrow-previous::before { background-image: url(../images/blog-arrow-white-left.svg) }
.paginav a:hover .arrow-next::before { background-image: url(../images/blog-arrow-white-right.svg) }
.blogitem { margin-bottom: 100px }
.blogitem h4 { margin-bottom: 0px }
.blogitem:last-child { margin-bottom: 50px }
.blogitem a { display: flex }
.blgolistitle { width: 100% }
.img-move-wrap { display: inline-block; width: 41%; text-align: right; pointer-events: none }
.imgMoveleftright { pointer-events: auto; transition: transform 0.1s ease-out; will-change: transform }
.blogdetail { padding-bottom: 80px }
.blogdetail strong { font-weight: 700 }
.blogdetail h2 { font-size: 50px; margin-bottom: 20px }
.blogdetail h3 { font-size: 36px; margin-bottom: 20px }
.blogdetail h4 { font-size: 30px; margin-bottom: 20px }
.blogdetail h5 { font-size: 20px; margin-bottom: 20px }
.blogdetail ul { margin-bottom: 20px }
.blogdetail ul li ul { margin-top: 15px }
.blogdetail ul li, .blogdetail ol li { margin-bottom: 5px }
.blogdetail ol > li:last-child { margin-bottom: 0px }
.blogdetail ol { margin-bottom: 20px; counter-reset: item; display: inline-block; width: 100%; padding-left: 0px }
.blogdetail ol li { margin-bottom: 5px }
.blogdetail ol ol, .blogdetail ol li ul { padding-left: 20px; margin: 15px 0px 10px }
.blogdetail ol li::before { content: counters(item, ".") ". "; counter-increment: item }
.blogdetail ol li ul li::before { content: '' }
.blogdetail img { margin: 0px 0px; display: inline-block }
.blogdetailnav { display: inline-flex; justify-content: space-between; width: 100%; width: 100%; margin-top: 50px }
.blogdetailnav  a { font-weight: 600; font-size: 18px; display: inline-flex; align-items: center }
.otherblogrow .blogitem:last-child { margin-bottom: 0px }
.careersgallery img { object-fit: cover; height: 100% }
.tungstunheroelem h1 { position: relative }
.tungstunheroelem h1 sup { font-size: 48px; line-height: 1; position: absolute; top: 0px }
.stickyshapecontent { overflow: hidden; clip-path: inset(0% 40% 0% 40%) }
.tungstenmetalborder { padding-top: 150px }
.tungstenmetalrow { overflow: hidden }
.ourexpetitle { padding-bottom: 50px; margin-bottom: 50px }
.expertborderrow { margin-bottom: 100px }
.expertitems { border: 1px solid #838383; width: 25%; padding: 50px; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-between }
.expertitems i { display: block; text-align: right; margin-bottom: 200px }
.expertitems i svg, .expertitems h5 { transition: all 0.3s ease }
.expertitems i svg { stroke: #323B6F }
.expertitems:hover { background-color: #323B6F }
.expertitems:hover i svg { stroke: #ffffff }
.expertitems:hover  h5 { color: #fff }
.expertborderrow .expertitems { margin-left: 25% }
.expertborderrow .expertitems:nth-child(4n + 1) { margin-left: 0% }
.imgslider { position: sticky; top: 0px }
.hoverpro:first-child { position: relative }
.hoverpro { position: absolute; top: 0px; width: 100%; height: 100%; opacity: 0; left: 0px; overflow: hidden; transition: all 0.8s cubic-bezier(.165, .84, .44, 1) }
.hoverpro.hoverselected { opacity: 1; z-index: 5 }
.performitem { border-bottom: 1px solid #838383; margin-bottom: 30px; padding-bottom: 10px }
.performitem strong { font-weight: 700; display: block; margin-bottom: 10px; color: #000; transition: all 0.3s ease }
.performitem.hoverselected strong { color: #323B6F }
.mboileimg { display: none }
.industriesrow .boaderbottomblack { min-height: 100% }
.nav-link { text-align: left; padding: 0px; font-size: 18px; color: #555555; margin-bottom: 20px; padding-bottom: 10px; position: relative; font-weight: 400 }
.nav-link::before { content: ''; position: absolute; bottom: 0px; left: 0px; transform-origin: left; background-color: #323B6F; height: 1px; width: 100%; transform: scaleX(0); transition: all 0.3s ease }
.nav-pills .nav-link.active::before, .nav-pills .nav-link:hover::before { transform: scaleX(1) }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover { background-color: transparent; color: #323B6F }
.tabtitle { margin-bottom: 50px }
.tabdetalcol .borderbox { padding: 50px; min-height: 100% }
.tabdetalcol .borderbox strong { font-weight: 500; color: #000; display: block; text-transform: uppercase }
.tabdetalcol i { margin-bottom: 30px; display: block }
.tabdetalcol i svg, .tabdetalcol h5 { transition: all 0.3s ease }
.tabdetalcol i svg { stroke: #323B6F }
.tabdetalcol a:hover i svg { stroke: #ffffff }
.tabdetalcol a:hover strong { color: #fff }
.tabdetalcol a:hover { background-color: #323B6F }
@keyframes progressFill {
    from { width: 0% }
    to { width: 100% }
}
.navmenu > ul > li > ul li:first-child ul li a p { margin-bottom: 0px; color: #555; font-size: 20px; line-height: 28px }
@media only screen and (min-width:1200px) {
    .navmenu > ul > li:hover > ul { display: inline-block }
    .navmenu > ul > li  ul { position: absolute; top: 100%; background-color: #fff; margin-left: 0px; display: none }
    .navmenu > ul > li > ul  > li, .navmenu > ul > li > ul  > li > ul > li { line-height: 1.1; padding: 0px 15px }
    .navmenu > ul > li > ul  li  a:hover, .navmenu > ul > li  ul  li.current-menu-item > a { color: #323B6F }
    .navmenu > ul > li.menu-item-has-children > a::before { content: ''; background: url(../images/menu-arrow-normal.svg) no-repeat center; width: 10px; height: 10px; position: absolute; top: calc(50% + 2px); right: 0px; transform: translateY(-50%) }
    .navmenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 18px }
    .navmenu > ul > li.menu-item-has-children > a:hover::before, .navmenu > ul > li.current-menu-item.menu-item-has-children > a::before, .navmenu>ul>li:hover>a:before, .navmenu > ul > li.current-menu-ancestor > a::before { background: url(../images/menu-arrow-active.svg) no-repeat center }
    .navmenu > ul > li > ul > li:last-child > a, .navmenu >  ul > li > ul > li> ul > li:last-child > a { border-bottom: navajowhite }
    .navmenu > ul > li ul { left: 0%; display: none; position: absolute; top: 100%; width: 250px; margin: 0px; background: #fff; padding: 10px 0px; box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.2) }
    .navmenu > ul > li:hover > ul { display: block }
    .navmenu > ul > li ul li ul { top: 0px; left: 100% }
    .navmenu > ul > li > ul > li:hover ul { display: block }
    .navmenu > ul > li ul li ul { box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.2) }
    .navmenu > ul > li > ul > li > a, .navmenu > ul > li > ul > li> ul  li a { padding: 15px 0px; border-bottom: 1px solid #ddd; font-size: 16px }

    .hero-image { clip-path: inset(100% 0% 0% 0%);}
    .hero-section-top { opacity: 0; transform: translateY(50px); }
    .industry-item:hover .blog-date { color: #fff }
    .industry-item a:hover h4, .industry-item a:hover { color: #FFFFFF }
    .industry-item a:hover { background-color: #323B6F; transition: all 0.3s ease-in-out }
    .industry-item a:hover .hm-blog-left { transform: translateX(40px) }
    .industry-item a:hover .hm-blog-right { transform: translateX(-40px) }
    .industry-item a:hover  .hm-blog-arrow { transform: translateX(-40px) }
    .industry-item a:hover svg path { fill: #fff }
    .industry-item a:hover { border-color: #323B6F }
    .technical_track:hover { animation-play-state: paused }
    .line-btn-theme:hover::after, .line-btn-theme:focus::after { opacity: 1; transform: translateY(-50%) translateX(0) }
    .applicatslider .slick-slide:hover .btnapp { opacity: 1 }
    .btnapp h6 { color: #ffffff; font-size: 24px }
    .btnapp a:hover { padding-right: 0px; color: #fff; border-bottom: 1px solid #fff; opacity: 1 }
    .btnapp a { margin-right: 20px; margin-bottom: 15px; color: #fff; border-bottom: 1px solid #fff; opacity: 0.6 }
}
.footermenu .t24 { text-transform: capitalize; font-weight: 300 }
.footermenu + .footermenu { margin-top: 30px }
.subprolisting .subprodbox { min-height: 100% }
.floatbtnright { position: fixed; z-index: 5; right: 25px; margin-top: -50px; top: 50%; transform: translateY(-50px) rotate(-90deg); transform-origin: right }
.floatbtnright .transparent-btn { background-color: #323b6f; color: #ffffff }
.floatbtnright .transparent-btn::after { background-image: url(../images/btn-arrow-vector.svg) }
.floatbtnright .transparent-btn:hover { background-color: transparent; color: #323b6f }
.floatbtnright .transparent-btn:hover::after { background-image: url(../images/btn-arrow-hover-vector.svg) }
.custompowdermodal textarea { height: 100px }
.popvector { position: absolute; right: 0px; bottom: 0px; width: 120px }
.timelines-box-left { display: flex; flex-direction: column; justify-content: space-between }
.timelines-right { margin: 0px 12px }
.timelines-slider .slick-list { margin: 0px -12px }
.event-top { align-items: end }
.newsitem a, .homenewsbox a .hm-events-img { position: relative; display: inline-block; transition: all 0.3s ease; min-height: 100% }
.newsitem a::after, .homenewsbox a .hm-events-img::after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: #fff; background-image: url(../images/up-arrow-black-vector.svg); background-repeat: no-repeat; background-position: center; opacity: 0; visibility: hidden; transform: translate(-10px, 15px) scale(0.9); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); pointer-events: none }
.newsitem a:hover::after, .homenewsbox a:hover  .hm-events-img::after { opacity: 1; visibility: visible; transform: translate(0, 0) scale(1) }
.event-button { margin: 20px 0px }
.events-section .hm-events-top { padding: 50px 30px }
.events-section .events-date { color: #555; line-height: 1 }
.homenewsbox a { display: flex; width: 100%; border: 1px solid #838383; min-height: 100%; justify-content: space-between; flex-direction: column }
.hero-content { padding: 200px 0px }
.hero-content { height: 100% }
.hero-content .container { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between }
.industriesbox { position: relative; overflow: hidden }
.industriesbox-img { position: relative }
.industriesbox-img img { width: 100% }
.industriesbox-content { font-size: 20px }
.sus-imgsliderrow .slick-list.draggable { margin-right: -500px }
section.sus-imgsliderrow { overflow: hidden }
section.sus-imgsliderrow  .csus-imgslider-item { padding: 0px 12px }
section.sus-imgsliderrow  .csus-imgslider-item img { width: 100% }
section.sus-imgsliderrow .slick-prev, section.sus-imgsliderrow .slick-next { left: auto; top: -90px; transform: unset }
section.sus-imgsliderrow .slick-prev { right: 60px }
section.sus-imgsliderrow .slick-next { right: 0px }
.shsbox { background: #E6F4EA; padding: 50px; min-height: 100% }
.sus-imgslider { margin: 0px -12px }
.offcanvas-body { padding: 70px 80px 80px; background-color: #fff }
.foundermodal.offcanvas-end { width: 1000px; border: none; background-color: transparent }
.foundermodal p { margin-bottom: 20px }
.sectionoverlay:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.50 }
.sectionoverlayrow .hero-content { z-index: 1 }
.tungstencolsticky { position: sticky; top: 20vh }
.team-left-inner-img img { width: 100% }
.aboutherosection { padding: 150px 100px 0px }
.abheroimg { height: 100vh; overflow: hidden }
.abheroimg img { width: 100%; height: 100%; object-fit: cover }
.abheroimg::before { background-color: rgba(217, 217, 217, 0.20); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); content: ''; position: absolute; top: 0px; left: 0px; height: 100%; width: 50%; z-index: 1 }
.abheroimg::after { background-color: rgba(0, 0, 0, 0.50); content: ''; position: absolute; top: 0px; right: 0px; height: 100%; width: 100% }
.herocaptabs { position: absolute; width: 100%; top: 0px; left: 0px; padding: 150px 0px 0px; height: 100%; z-index: 2 }
.herocaptabs h1 { color: #ffffff }
.toptextslider .slick-slide { padding-bottom: 10px; color: #fff }
.toptextslider .slick-slide, .toptextslider .slick-slide[aria-hidden="true"]:not(.slick-cloned)~.slick-cloned[aria-hidden="true"] { transition: all 0.3s; opacity: 0.5 }
.toptextslider .slick-center, .toptextslider .slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] { opacity: 1 }
.scrolldown { color: #fff; font-size: 18px; display: inline-flex; align-items: center; position: absolute; bottom: 80px }
.scrolldown img { margin-right: 10px; animation: arrowupdown 1s linear forwards infinite; display: inline-block }
.herocaptabs .container { height: 100% }
.twocoltextrow h4 { text-transform: none }
.bordergridrow { display: grid; gap: 24px; grid-template-columns: repeat(2, 1fr) }
.bordergridrow .borderbox { border-color: #323B6F; transition: all 0.3s ease; padding: 20px; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between }
.bordergridrow .borderbox strong { color: #000000; transition: all 0.3s ease; font-weight: 500 }
.bordergridrow .borderbox:hover { background-color: #323B6F; color: #fff }
.bordergridrow .borderbox:hover strong { color: #fff }
.textrightcol { display: flex; flex-direction: column; justify-content: space-between }
.yearcaption { font-size: 200px; color: #323B6F; font-weight: 700; line-height: 1 }
.textrightcol .timeimgslider .slick-arrow { display: none !important }
.yearsmtext { font-weight: 700; display: inline-block; color: #555555; font-size: 36px; letter-spacing: -1px; transition: all 0.3s; opacity: 0.4; cursor: pointer; border-bottom: 1px solid transparent; padding-bottom: 5px }
.yeartimebig { padding-bottom: 90px }
.yeartimebig .slick-arrow { top: auto; bottom: 0px; transform: translateY(0px) }
.yeartimebig .slick-prev { left: 0px }
.yeartimebig .slick-next { right: auto; left: 60px }
.textslider .slick-current .yearsmtext, .textslider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .yearsmtext { opacity: 1; color: #323B6F; border-color: #323B6F }
.scrolldown { color: #fff; font-size: 18px; display: inline-flex; align-items: center; position: absolute; bottom: 80px }
.scrolldown img { margin-right: 10px; animation: arrowupdown 1s linear forwards infinite; display: inline-block }
.applicationrow { padding-bottom: 150px }
.applicatimgslider { margin: 0px -12px }
.applicatimgslider .slick-slide { padding: 0px 12px }
.appcaption { position: absolute; bottom: 0px; left: 0px; right: 0px; background: transparent; color: #fff; padding: 10px 20px; transition: all 0.3s ease }
.applicatimgslider .slick-slide:hover .appcaption { background: #323B6F }
.appbefore::before { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.20); transition: all 0.3s ease }
.ownercol p { margin-bottom: 10px }
.ownercol { padding-right: 120px }
.certislider .slick-slide { padding: 0px 12px }
.certislider .slick-slide, .certislider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { transform: scale(0.6); transition: all 0.8s ease }
.certislider .slick-center, .certislider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] { transform: scale(1) }
.certislider .slick-slide h4, .certislider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] h4 { margin-bottom: 0px; opacity: 0; transition: all 0.8s ease; transform: translateY(50px) }
.certislider .slick-center h4, .certislider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] h4 { opacity: 1; transform: translateY(0px) }
.certislider .slick-slide { text-align: center }
.certifimg::before { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #323B6F; transition: all 0.3s ease; opacity: 0 }
.viewicn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0 }
.certislider .slick-slide:hover .certifimg::before, .certislider .slick-slide:hover .viewicn { opacity: 1 }
.tungstenmetalrow  .btn-arrow-title::before { background-image: url(../images/pointer.svg); height: 18px; width: 18px; background-size: 18px }
.lastmbnone:last-child { margin-bottom: 0px; }