body,html{}
body {
font-family: 'Jost', sans-serif;
}
.light{font-weight: 300}
.regular,.normal{font-weight: normal}
.medium{font-weight: 500}
.semibold{font-weight: 600}
.bold{font-weight: bold}
.heavy{font-weight: 900}
p{margin-bottom: 20px;}
b,strong{font-weight: bold}
h1,h2,h3,h4,h5,h6{font-family: 'Jost', sans-serif;}
.text-center p{text-align: center}
h1{font-size:40px;}
h2{font-size:36px;}
h3{font-size:30px;}
h4{font-size:26px;}
h5{font-size:22px;}
h6{font-size:20px;}
a:hover,a:focus,a:active, button:hover,button:focus,button:active{outline: 0;}
button,a{outline: none; outline: 0}
.btn:focus{box-shadow: none!important}
a{color: #007fff}
iframe{width:100%!important;padding: 4px!important;}
.form-control,.img-thumbnail,.btn{border-radius:3px;}
.btn-primary{background: #0f0b44; border-color:#0f0b44;transition: ease-in-out 0.3s}
.btn-primary:hover{background: #D35400;border-color: #D35400;}
.btn-outline-primary{background: #fff; border-color:#0f0b44;color: #0f0b44; transition: ease-in-out 0.3s}
.btn-outline-primary:hover{background: #0f0b44; border-color:#0f0b44;color: #fff;}
.btn-secondary{background: #f0f0f0; border-color:#eee;color: #545e6c;transition: ease-in-out 0.3s}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background: #D35400;border-color: #D35400; color: #fff}
.text-primary{color: #D35400!important}
.bg-primary{background: #D35400!important; color: #fff}
.lead{font-size: 20px}
.color-333{color: #333}
.color-666{color: #666}
.color-999{color: #999}
.color-aaa{color: #aaa}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 36px; height: 36px; font-size: 20px; line-height: 36px; padding: 0; background: #D35400; color: #fff; z-index: 100; border-radius: 8px; margin: 0}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background: rgba(0,0,0,0.8); color: #fff;}
.owl-theme .owl-nav{position: absolute; top: 50%; left: -22px; right: -22px; transform: translateY(-50%); z-index: 5}
.owl-theme .owl-dots {position: absolute; margin: 0; z-index: 6; left: 50%; bottom: -30px;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot span{width: 14px ; height: 14px; border-radius: 3px; margin: 5px; background: #777}
.owl-theme .owl-dots .owl-dot.active span{background: #D35400}
.owl-prev{position: absolute; left: 5px; top: 50%; transform: translateY(-50%)}
.owl-next{position: absolute; right: 5px; top: 50%; transform: translateY(-50%)}
.navbar-toggler i{color: #fff}
.navbar-toggler.collapsed .la-times{display: none}
.navbar-toggler.collapsed .la-bars{display: block}
.navbar-toggler .la-times{display: block}
.navbar-toggler .la-bars{display: none}
header small{text-transform: uppercase; color: #999; letter-spacing: 2px}
header i{ color: #000; width: 32px; height: 32px; text-align: center; line-height: 30px!important; border:1px solid #D35400; border-radius:3px;}
header a{color: #333; font-size: 15px}
header a:hover{color: #000;}
.navbar{background: #0f0b44; padding: 0; border-bottom:1px solid rgba(0,0,0,0.2);}
.navbar-expand-lg .navbar-nav .nav-item{margin-right:1px;}
.navbar-expand-lg .navbar-nav .nav-link{color: #fff;padding: 11px 9px;font-size: 19px;;}
.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .active .nav-link{background: #D35400}
.servicepage h3,.servicepage h2, .servicepage h1, .servicepage h4, .servicepage h5{margin-bottom:20px;}
.dropdown-menu{border-radius: 0}
.dropdown-item{padding: 8px 18px; transition: ease-in-out 0.2s}
.dropdown-item:hover{background: #D35400; color: #fff}
.dropdown-item.active, .dropdown-item:active{background:#0f0b44;}
.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{display: block;}
.dropdown-menu{margin-top: 0;}
.dropdown-toggle{margin-bottom: 2px;}
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{margin-bottom: 0;} .dropdown-toggle-custom:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}  .sec-homebanner{}
.owl_home_main .item .content{position: absolute; left:0; right: 0; bottom: 10%; z-index: 5}
.owl_home_main .banner-wrapper{width: 100%; max-width: 600px; background: rgba(0,0,0,0.5); color: #fff; padding: 20px; border-radius: 3px; margin:0 auto; text-align:center;}
.owl_home_main .banner-wrapper p{font-size: 20px; margin: 10px 0 0}
.owl_home_main .banner-wrapper h1{margin: 0; color: #fff;  font-size: 40px; font-weight:normal;}
.owl_home_main.owl-theme .owl-dots {bottom: 0}
.owl_home_main .owl-nav{left: 20px; right: 20px; transform: translateY(-50%); z-index: 5} .sec-home-welcome h1{margin-bottom:20px;} .sec-home-info{background:url(//springmfg.in/wp-content/themes/springmfg/assets/images/bg1.jpg) fixed top center;}
.sec-home-info i{font-size: 40px; width: 80px; height: 80px; background: #0f0b44; border-radius: 50%; line-height: 80px; margin-bottom: 10px; color:#fff; position:relative}
.sec-home-info i:after{top: -4px;right: -4px;bottom: -4px;left: -4px;content: '';position: absolute;border: 2px solid #ca5e5f;z-index: 3;border-radius: 50%;}
.sec-home-info h5{ margin: 0; text-transform:capitalize; color:#fff;} .card-service {border: 0; border-radius: 3px; position: relative; transition: ease-in-out 0.3s; }
.card-service:hover {box-shadow: 0 5px 30px #ccc;text-decoration: none;}
.card-service .btn{margin-top:20px;}
.card-service .card-header{padding: 0; border: 0; height: 200px; overflow: hidden; position: relative; border-radius: 4px 4px 0 0}
.card-service .card-body h4{color: #0f0b44; margin-bottom:15px; font-size:24px;}
.card-service .card-body{padding: 15px; }
.card-service .card-body p{color: #666; margin: 0; height: 100px; overflow: hidden}
.card-service .card-body{color: #666;}
.card-service:hover .card-body{color: #545e6c;}
.card-service:hover .card-body p{color: #545e6c}
.owl_home_service .owl-stage-outer{padding: 20px 0} .sec-testimonial{background: url(//springmfg.in/wp-content/themes/springmfg/assets/images/bg-testimonial.jpg) fixed; position: relative;}
.sec-testimonial:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;background-color: rgba(0, 0, 0, 0.75);}
.owl_testimonial .owl-stage-outer{padding: 15px 0}
.owl_testimonial .card{transition: ease-in-out 0.2s; position: relative; text-align: center; border-radius:4px;}
.owl_testimonial .card-body{padding: 25px 30px 30px; border-radius:4px;}
.owl_testimonial .card:after,.owl_testimonial .card:before{position: absolute; content: '\f10d'; font-family: 'Line Awesome Free'; font-size: 50px; z-index: 5; font-weight: 900; color: #D35400; line-height: 1}
.owl_testimonial .card:after{top: -8px; left: 0;}
.owl_testimonial .card:before{bottom: -8px; right: 0; transform: rotate(180deg)}
.owl_testimonial .card:hover{box-shadow: 0 5px 10px #545e6c;}
.owl_testimonial .card h3{color: #0f0b44; position: relative; padding-bottom: 20px; display: inline-block; margin-bottom: 20px}
.owl_testimonial .card i{margin: 0 2px; color: #D35400; font-size: 20px}
.sec-clients-logo{margin-bottom: 30px}
.sec-clients-logo img{border: 2px solid #D35400; border-radius:4px;}
.owl_clients .owl-dots{bottom: -50px}
.safety-standard{text-align: center; background: #a94d29; color:#fff;
}
.safety-standard p:last-child{margin: 0}
.safety-standard p a{color: #0f0b44; border-bottom: 1px dashed #0f0b44}
.list_item li{line-height:1.7;}
footer{color: #fff; font-size:16px;background: #0f0b44;}
footer a{color: #fff}
footer a:hover{color: #D35400; text-decoration: none}
footer h3{margin-bottom: 20px; font-weight: normal}
footer h4{margin-bottom: 20px;  font-weight: normal}
.list-contact{margin-bottom: 40px}
.list-contact li{display: flex; margin-bottom: 10px; align-items:center;}
.list-contact li i{width: 30px; height: 30px; background: #fff; color: #333; text-align: center; border-radius: 3px; line-height: 30px; font-size: 18px; margin-right: 10px}
.list-contact li a{color: #fff;}
.list-contact li a:hover{text-decoration: none; color: #D35400}
.list-social {display: inline-block}
.list-social li {display: inline-block}
.list-social li i{width: 36px; height: 36px; background: #545e6c; color: #fff; text-align: center; border-radius: 3px; line-height: 36px; font-size: 18px; margin-right: 10px; transition: ease-in-out 0.2s}
.list-social li a:hover i{background: #fff;}
.list-social .fb i{background: #D35400}
.list-social .fb:hover i{color: #D35400}
.list-social .tw i{background: #D35400}
.list-social .tw:hover i{color: #D35400}
.list-social .ln i{background: #D35400}
.list-social .ln:hover i{color: #007bb5}
.list-quick-links{}
.list-quick-links li{}
.list-quick-links li a{display: block; padding: 3px 0; }
.list-quick-links li a:hover{text-decoration: none;}
.copyright{background: #D35400;   color: #fff; font-size: 13px;}
.static-banner{position: relative;box-shadow: 0 10px 30px -15px #999; border-bottom: 1px solid #fff}
.static-banner h2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; text-transform: capitalize; letter-spacing: 1px; text-shadow: 1px 1px 3px #545e6c; color:#fff;text-align:center;} .contactus-info .card1,.contactus-info .card2,.contactus-info .card3{padding: 20px 0 30px; height: 100%}
.contactus-info .card1,.contactus-info .card3{background: #849ba6}
.contactus-info .card2{background: #448eb0}
.contactus-info i{font-size: 40px; width: 80px; height: 80px; background: #D35400; border-radius: 3px; text-align:center; line-height: 80px; margin-bottom: 20px; color: #fff}
.contactus-info h5{font-weight: normal; margin: 0; color: #555; font-size: 15px}
.contactus-info a {color: #555;} .about-why-us{}
.about-why-us .card1,.about-why-us .card2{padding: 20px 0 30px; height: 100%}
.about-why-us .card1{background: #849ba6}
.about-why-us .card2{background: #448eb0}
.about-why-us i{font-size: 30px; width: 60px; height: 60px; background: #D35400; border-radius: 3px; line-height: 60px; margin-bottom: 15px; color: #fff}
.about-why-us p{margin: 0; color: #fff; font-size: 15px}
.about-why-us a {color: #fff;} .about_bgimagebox {
width: 100%;
height: auto;
padding: 70px 40px;
background-image: url(https://springmfg.in/wp-content/themes/springmfg/assets/images/about_bg_image.webp);
background-size: cover;
background-position: center center;
z-index: 99;
}
.box2-col-1::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 0;
height: 100px;
border-right: 1px solid #f2f2f2;
}
.box2-col-1::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 100px;
border-bottom: 1px solid #f2f2f2;
}
.box2-col-3::before {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
height: 100px;
border-right: 1px solid #f2f2f2;
}
.box2-col-2::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 100px;
border-bottom: 1px solid #f2f2f2;
}
.box2 {
width: 100%;
height: auto;
max-height: 100%;
overflow: hidden;
padding: 30px 30px;
border-radius: 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
text-align: center;
align-items: center;
transition: 0.3s linear;
}
.box2-contentbox .box2-details {
color: #fff;
font-size: 16px;
line-height: 22px;
text-align: center;
margin-bottom: 0;
margin-top: 10px;
transition: 0.3s linear;
}
.box2-contentbox .box2-heading {
color: #fff;
font-size: 36px;
line-height: 42px;
font-weight: 800;
padding-bottom: 10px;
text-align: center;
margin-top: 15px;
transition: 0.3s linear;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.card-service{padding: 15px;
border: 1px solid #ddd;
border-radius: 0 0 4px 4px;}
.sec-popularcategories .card-service .card-header{height: 300px;}
.sec-popularcategories .card-service .card-body{min-height: unset;}
.archive .card-service .card-header{height: 300px;}
.archive .card-service .card-body{min-height: unset;}
.section5 {
padding-top: 100px;
padding-bottom: 120px;
position: relative;
width: 100%;
height: auto;
background-image: url(https://springmfg.in/wp-content/themes/springmfg/assets/images/section5_bg.webp);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
}
.mobile-iconbox i {
font-size: 22px;
line-height: 26px;
}
.section5 .content-heading2 {
color: #fff;
margin-bottom: 0;
}
.content-heading2 {
font-size: 36px;
line-height: 42px;
font-weight: 600;
text-transform: capitalize;
position: relative;
padding-bottom: 0px;
}
.mobile-iconbox {
width: 40px;
height: 40px;
border-radius: 50%;
background: #D35400;
display: grid;
place-items: center;
color: #fff;
margin-right: 20px;
}
.section5 .left-contentbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.ms-auto {
margin-left: auto !important;
}
.btn-danger:hover {
color: #fff !important;
background-color: #0f0b44 !important;
border-color: #0f0b44 !important;
}
.contactus-section {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
background: #f9f9f9;
}
.content-heading1 {
color: #eb120a;
font-size: 18px;
line-height: 24px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 10px;
position: relative;
padding-bottom: 0;
}
.content-heading2 {
color: #0f0b44;
font-size: 36px;
line-height: 42px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px;
position: relative;
padding-bottom: 0px;
}
.form-detailsbox {
padding: 50px 40px;
background: #fff;
position: relative;
height: 100%;
}
.contact_contentbox {
width: 85%;
}
.location {
color: #0f0b44;
font-size: 20px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
}
.address-details {
color: #999;
font-size: 15px;
line-height: 22px;
font-weight: 400;
margin-bottom: 0;
}
.addressbox {
padding-bottom: 30px;
border-bottom: 2px solid #e9e9e9;  
}
.form-box {
padding-top: 60px;
padding-left: 45px;
padding-right: 45px;
padding-bottom: 75px;
background: #0f0b44;
}
.contact-detailsbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.contact_iconbox i {
font-size: 20px;
line-height: 20px;  
}
.contact_iconbox {
padding-right: 15px;
}
.phonebox2 {
padding: 30px 0;
border-bottom: 2px solid #e9e9e9;
}
.emailbox2 {
padding-top: 30px;
}
.contact-no {
color: #999;
font-size: 15px;
line-height: 24px;
font-weight: 400;
transition: 0.3s ease-in-out;
}
.contact-detailsbox p {
margin-bottom: 0;
}
.contact-no-heading {
color: #282828;
font-size: 20px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
position: relative;
padding-bottom: 0px;
}
.email-address-heading {
color: #282828;
font-size: 20px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
position: relative;
padding-bottom: 0px;
}
.email-address:hover {
color: #e81921;
}
.contact-no:hover {
color: #e81921;
transition: 0.3s ease-in-out;
}
.email-address {
color: #999;
font-size: 15px;
line-height: 24px;
font-weight: 400;
transition: 0.3s ease-in-out;
}
.g-map iframe {
width: 100%;
}
.features-list {
margin: 2em 0;
}
.features-list, .features-list li {
padding: 0;
list-style: none;
}
.our-products table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
.our-products table tr:nth-child(2n+1) {
background: #f4f4f4;
}
.our-products table th, td {
width: 50%;
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-bottom: 1px solid #dfdfdf !important;
}
.sticky_div {
position: sticky;
top: 20px;
}
.details-heading {
font-size: 22px;
font-weight: 700;
color: #0f0b44;
margin-bottom: 20px;
border-bottom: 1px solid #dad8d8;
padding-bottom: 10px;
}
.static-banner h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 5;
text-transform: capitalize;
letter-spacing: 1px;
text-shadow: 1px 1px 3px #545e6c;
color: #fff;
text-align: center;
}
.our-products-section ul {
list-style: disc; margin: 0;
padding-left: 20px; }
.our-products-section ul li {
font-size: 16px;
color: #333;
line-height: 1.8;
margin-bottom: 8px;
list-style: unset !important;
}
.our-products-section ul li::marker {
color: #174EA0; }
.card-service .card-body h4{height: 45px;}
.our-products-section h3{
font-size: 22px;
font-weight: 700;
color: #0f0b44;
margin-bottom: 20px;
border-bottom: 1px solid #dad8d8;
padding-bottom: 10px;
}
.popular-prod .card-service .card-header{height: 270px;}
.popular-prod .cardbody p{height: 270px;}
.plus-sign {
font-size: 24px;
position: relative;
top: -8px;
padding-right: 10px;
}
.wpcf7-response-output{color:#fff !important;}
.phone-call {
width: 50px;
height: 50px;
right: 13px;
bottom: 15px;
background: #10b418;
position: fixed;
text-align: center;
color: #ffffff;
cursor: pointer;
border-radius: 50%;
z-index: 115;
display: block;
line-height: 65px;
}
.phone-call img {
vertical-align: baseline !important;
}
.phone-call::after {
position: absolute;
content: "Drop Your Message";
z-index: -2;
top: 11px;
left: -150px;
background-color: #fff;
border-radius: 100%;
line-height: 18px;
color: #0c9212;
font-size: 13px;
font-weight: bolder;
padding: 5px 14px 6px 14px;
border-radius: 18px;
box-shadow: 0px 5px 20px 0 rgb(80 80 80 / 20%);
border: 1px solid #25d366;
cursor: default;
visibility: hidden;
opacity: 0;
transition: 0.5s ease;
} .copyright a{color:#fff;}
.copyright a:hover{text-decoration:none;}
.contactus-form{background:#feeded;}
.btn-danger {
color: #fff;
background-color: #D35400!important;
border-color: #D35400 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #D35400 !important;
}
.sec-ctasec h2 {
color: #000;
}
.sec-ctasec ul li {
font-size: 15px;
color: #444;
}
.sec-ctasec .btn-primary {
background-color: #d10000;
border-color: #d10000;
}
@media screen and (min-width: 1250px){
}
@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1200px){
.container{width: 100%; max-width: 100%;}
.owl-theme .owl-nav{left: -12px; right: -12px;}
.owl-carousel{padding-left: 30px; padding-right: 30px;}
.owl-theme.owl_home_main .owl-nav{left: 20px; right: 20px;}
.owl-carousel.owl_home_main{padding-left: 0; padding-right: 0;}
}
@media screen and (max-width: 1199px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 991px){
.navbar-collapse{position: absolute;top: 100%;z-index: 100;background: #0f0b44;left: 0;right: 0;}
.navbar{padding: 8px}
footer{text-align: center}
.list-contact li{display: block}
.static-banner .banner-title {
font-size: 36px;
bottom: 15%;
}
}
@media screen and (max-width: 767px){
.owl_home_main .banner-wrapper h1{font-size:24px;}
.owl_home_main .banner-wrapper p{display:none;}
.static-banner .banner-title {
font-size: 28px;
bottom: 10%;
}
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 575px){
.owl_home_main .banner-wrapper{padding:10px;}
.toggleLeftNav.active .la-bars{display: none}
.toggleLeftNav.active .la-times{display: block}
.owl_home_main .banner-wrapper h1{font-size:18px; text-transform:none;}
.owl-theme.owl_home_main .owl-nav{display:none;}
.pb-5, .py-5 {padding-bottom: 2rem!important;}
.pt-5, .py-5 {padding-top: 2rem!important;}
.list-contact li i{display:block;margin:12px auto 5px;}
.static-banner h2{font-size:20px;}
.owl_home_service.owl-theme .owl-dots{left:15px;right:15px;transform: translateX(0);-webkit-transform: translateX(0);}
.static-banner .banner-title {
font-size: 22px;
bottom: 8%;
padding: 0 10px;
}
}
@media screen and (max-width: 480px){
}
@media screen and (max-width: 375px){
}
@media screen and (max-width: 360px){
}
@media screen and (max-width: 320px){
}