/*
Theme Name: Steeler Child
Theme URI: http://demo.7iquid.com/steeler
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Template: steeler
Description: Steeler is a WordPress theme exclusively built for manufacture, industry, factory, laboratory or construction company websites. The theme helps you to get your site up and running in less than minutes with the One Click Demo Importer. Create pages easily with the Drag & Drop Page Builder (Elementor Free) and fully responsive, retina ready and easy to customize.
Version: 3.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: steeler-child
Tags: factory, industrial, gas, chemical, company, construction, engineering, industry, laboratory, manufacture, mechanical, mining, oil, pharmaceutical, refinery, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
#site-header-wrap.header-layout1 .site-header-main .primary-menu > li > a {font-size: 17px;line-height: 84px;font-weight: 500;}
#site-header-wrap.header-layout1 .site-header-top .header-top-inner .site-contact .ct-item .bellow{font-size:15px !important}
#site-header-wrap.header-layout1 .site-header-top{padding:15px 0 !important;}
.menu-right-item.btn {border-radius: 5px;}
.btn {border-radius: 5px !important;}

.marsection {border-top: 1px solid #000;border-bottom: 1px solid #000;overflow: hidden;width: 100%;}
.marquee-wrapper {width: 100%;overflow: hidden;position: relative;}
.marquee-content {display: inline-flex;gap: 60px;white-space: nowrap;animation: scroll-left 30s linear infinite;}
.marquee-content span {position: relative;font-weight: 500;padding: 18px 0;}
.marquee-content span::before {content: "\f111";font-family: "Font Awesome 5 Pro";font-weight: 900;font-size: 9px;line-height: 22px;position: absolute;left: -25px;}

/* Animation */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.cms-navigation-menu.default li:before{display:none !important}
.fnesleter  input#tnp-1 {border-radius: 5px;}
.conplink a {background: #E6EAEB;padding: 10px;border-radius: 10px;margin: 5px 0;}
.conpsocial  .elementor-social-icons-wrapper.elementor-grid {display: flex !important;justify-content: space-between;padding: 0;}
.conpsocial .elementor-icon.elementor-social-icon {width: 70px;}
.congmap iframe {border-radius: 10px;}
.innetitlesec{}
.innetitlesec .titleright {margin-left: -50px;width: 54% !important;}
.fncybox .cms-fancy-box.layout1:before{display:none !important}
.fncybox .cms-fancy-box.layout1 {border-radius: 10px;background-size: cover;}
.fncybox .cms-fancy-box.layout1 .content-inner {position: relative;padding: 78px 30px 80px;overflow: hidden;height: 440px;border-radius: 10px;}
.fncybox .cms-fancy-box-content {position: absolute;bottom: 25px;left: 20px;right: 20px;text-align: left;}
.fncybox .cms-fancy-box.layout1 .content-inner .cms-fancy-box-title{text-transform:none !important}
.fncybox .cms-fancy-box.layout1 .cms-fancy-box-description {padding: 10px;color:#000;text-align:left}
.fncybox .cms-fancy-box.layout1 .content-overlay:before {background-color: #fff;border: 1px solid #eee;border-radius: 10px;}

.hblog .cms-post-grid.layout1 .grid-item-inner{box-shadow: none;border: 1px solid #E9E9E9;border-radius: 10px;}
.hblog .cms-post-grid.layout1 .entry-featured {margin-bottom: 0;border-radius: 10px;}
.hblog .cms-post-grid.layout1 .entry-body-inner .entry-title {font-size: 20px;line-height: 30px;text-transform: none;min-height:60px}
.hblog .cms-post-grid.layout1 .entry-body-inner .item-content{padding-top:0;min-height:80px}
.hblog .cms-post-grid.layout1 .entry-body-inner .item-content:before{display:none}
.hblog .cms-post-grid.layout1 .entry-body-inner .item-content:after{display:none}
.hblog .cms-post-grid.layout1 .entry-body {padding: 20px;}
.hblog .cms-post-grid.layout1 .grid-item-inner:hover{box-shadow:none !important;background:#E6EAEB !important}
.hblog .btn-more {background: #de2a1b;padding: 12px 20px;border-radius: 5px;color: #fff;}
.hblog .btn-more:hover, .hblog .cms-post-grid.layout1 .grid-item-inner:hover .btn-more{background:#000 !important;color:#fff !important }
.hblog .btn-more i{color:#fff;visibility: visible;opacity: 1;}
.hblog .action-buttons {margin-top: 15px;}
.hconform{}

.hconform .wpcf7-text, .hconform .wpcf7-text, .hconform .wpcf7-email, .hconform .wpcf7-select, .hconform .wpcf7-textarea {background-color: #E9E9E9;border: 1px solid #E9E9E9;color: #666;border-radius: 10px;color:#5C5C5C}
.hconform .wpcf7-text:focus, .hconform .wpcf7-text:focus, .hconform .wpcf7-email:focus, .hconform .wpcf7-select:focus, .hconform .wpcf7-textarea:focus{border-color: #000 !important;box-shadow: none;}
.wpcf7-form .wpcf7-form-control-wrap {margin-bottom: 10px !important;}
.ldisc{margin: 0;list-style: disc;padding: 0 0 0 5px;}
.conimgb .elementor-widget-wrap {border-radius: 10px;}
.conimgb {margin-left: 10px;background-image: url('https://mechxport.com/wp-content/uploads/2025/05/Amicable-Professional-Interaction.png');background-position: center center;border-radius: 12px;}
.tolcalsec span.cms-button-text {line-height: 20px;}
.resbtn a.btn.btn-default {font-size: 14px;text-transform: none;}
.catboxcon {padding-left: 30px;margin-top: -50px;transition: all 0.5s ease-in-out;overflow: hidden;border-radius:0 0 10px 10px;}
.catbox:hover .catboxcon {margin-top: -240px !important;padding-top: 100px;}
.catboxcon h4 {font-size: 18px !important;color: #fff !important;margin-bottom: 28px !important;position:relative;z-index:999;width:90%;height:22px}
.catbox .catboxcon .cms-button {height:0;}
.catbox:hover .catboxcon .cms-button {display:block;}
.catboxcon .btn{font-size:13px;padding: 0 30px;}
.catboxcon:after {content: "";background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);position: absolute;left: 0;right: 0;bottom: 0;height: 100%;}
.catbox img {border-radius: 10px !important;}
.cms-newsletter-form.default form input[type="email"] {border-radius:5px}

#headertop{overflow:visible}
#headerbottom {overflow: visible;}
#mohead{overflow:visible}
#mofoot{overflow:visible}
.gt_container-szub3k .gt_switcher .gt_option{position:absolute !important}

.resbtn .cms-align-icon-left {margin-top: 5px;}
.teamnamee {position: absolute !important;bottom: 0;}
.pdfsection .pdfstitle {min-height: 80px;margin-bottom: 5px !important;}
.catflip .elementor-flip-box__front:before {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, rgb(0 0 0) 120%); content: "";
    position: absolute;bottom: 0;height: 100%;width: 100%;border-radius:10px}
.catflip .elementor-flip-box__layer__title {position: relative;}

.gt_option a {font-size: 16px !important;font-family:'Poppins' !important}
.gt_selected a{font-size: 16px !important;font-family:'Poppins' !important;}
.vmbox p.elementor-image-box-description {min-height: 52px;}
.wpcf7 form.sent .wpcf7-response-output{background:#01459a;padding:10px !important}
#hcontm{display:none}
.cms-button-wrapper br {display: none;}

.disableflip .elementor-flip-box__layer.elementor-flip-box__front, .disableflip .elementor-flip-box, .disableflip .elementor-flip-box__layer.elementor-flip-box__back{transform:none !important}

@media only screen and (max-width: 1220px) and (min-width: 1024px)  {
	.vmbox p.elementor-image-box-description {min-height: 75px;}
}

@media only screen and (max-width: 1024px) {
	#hcontm{display:block}
	.innetitlesec{background-size:auto !important}
}


@media only screen and (max-width: 767px) {
	.teamnamee {position: relative !important;bottom: 0;}
	.catbox .catboxcon {margin-top: -240px !important;padding-top: 100px;}
	.gt_container-qfusun .gt_switcher .gt_selected a { width: 120px;font-size: 14px !important;}
	.gt_option a {font-size: 14px !important;}
	.gt_container-qfusun .gt_switcher a img {width: 28px !important;height: 28px !important;}
}