html{
height:auto!important;
}
#offcanvas-toggler>.fa{
    color: red;
}

.fa-twitter:before {content: "\e61b"!important;}
body {
font-family: 'Poppins', sans-serif!important;
top: 0px!important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /*font-family: "Roboto", sans-serif!important;*/
font-family: 'Ubuntu', sans-serif!important;
    font-weight: 400!important;
}
p{
font-family: 'Poppins', sans-serif;
color: #666;
font-weight: 500;
}
.white-text{
color:#fff!important;
}
.logo-image {
height: 110px!important;
/*height: 80px!important;*/
    /*height: 86px!important;*/
   /* margin-bottom: -20%;*/
     position: absolute;
    /*top: -30%;*/
    top: -26%;
     /*top: 0%;*/
}
.header-sticky #sp-menu{
  margin-top: 0.6%;
}
.header-sticky .logo-image{
  top: -26%;
}
#sp-header.header-sticky{
  /*background-image: linear-gradient( 
130deg
 , rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 60%) 100%) !important;*/
background-image: linear-gradient( 
130deg
 , rgb(256 256 256 / 100%) 0%, rgb(256 256 256 / 100%) 100%) !important;
}
#sp-header .sp-megamenu-parent > li > a {
     color: #000000;
font-family: 'Ubuntu', sans-serif;
}
#sp-top-bar a {
    color: #fff;
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    border-image: linear-gradient(
135deg
, #ce2129, #ce2129) 1;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus {
    color: #ec2129;
}
#sp-header .sp-megamenu-parent .categories-module li a:hover, #sp-header .sp-megamenu-parent .categories-module li a:focus{
    color: #ec2129;
}
#sp-header .sp-megamenu-parent .sp-module ul > li > a:hover, #sp-header .sp-megamenu-parent .sp-module ul > li > a:focus  {
    color:  #ec2129;
}
/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */
div#google_translate_element div.goog-te-gadget-simple {
border: none;
background-color: transparent;
/*background-color: #17548d;*/ /*#e3e3ff*/
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {
text-decoration: none;
}
div#google_translate_element div.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed:hover {
text-decoration: none;
}

        

        
.goog-te-gadget-icon {
display: none !important;
/*background: url("url for the icon") 0 0 no-repeat !important;*/
}

/* Remove the down arrow */
/* when dropdown open */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] {
display: none;
}
div#google_translate_element div.goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span[style="color: rgb(213, 213, 213);"] {
display: none;
}
/* after clicked/touched */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {
display: none;
}
div#google_translate_element div.goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span[style="color: rgb(118, 118, 118);"] {
display: none;
}
/* on page load (not yet touched or clicked) */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {
display: none;
}
div#google_translate_element div.goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span[style="color: rgb(155, 155, 155);"] {
display: none;
}

/* Remove span with left border line | (next to the arrow) in Chrome & Firefox */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
 display: none;
}
div#google_translate_element div.goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span[style="border-left: 1px solid rgb(187, 187, 187);"] {
 display: none;
}
/* Remove span with left border line | (next to the arrow) in Edge & IE11 */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
display: none;
}
div#google_translate_element div.goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
display: none;
}
/* HIDE the google translate toolbar */
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate {
display: none !important;
}
/*body {
top: 0px !important;
}*/
.navbar-fixed-top #google_translate_element{margin-top: 1.6em;margin-left: -1em;}
/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS END */

.full-video-panel{
position: relative;
z-index: -98;
width: 100%;
height: 600px;
}
#yt-wrap{
position: absolute;
left: 0;
z-index: -99;
top: -6%;
left: -50%;
width: 200%;
height: 110%;
padding-bottom: 56.25%;
}
#yt-wrap iframe{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
#yt-wrap iframe#ytplayer_two{
top: 4.5em;
}
#sp-header .sp-megamenu-parent > li > a{
text-transform: uppercase;
font-weight: 600;
}
.sp-megamenu-parent > li > span{
text-transform: uppercase;
font-weight: 600!important;
}
#sp-header .logo {
    height: 50px;
}
.header-sticky#sp-header .logo {
    height: 65px;
}
#sp-header .sp-megamenu-parent > li {
    padding: 12px 10px;
}
.sp-megamenu-parent{
float: left;
position: absolute;
}
#sp-bottom .sp-module .sp-module-title {
   color: #ffffff;
    font-size: 18px!important;
    line-height: 18px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 400!important;
}
ul.sp-mega-group li a span.image-title{
margin: 0 auto;
display: table;
font-family: 'Ubuntu', sans-serif;
}
ul.sp-mega-group li a img{
    width: 245px;
    margin: 0 auto;
    display: table;
}
ul.sp-mega-group li a span.image-title:hover, ul.sp-mega-group li a:hover>span.image-title{
color: #ec2129;
}

a.home-call-to-action {
    /*margin: 0 auto!important;
    display: table;
background: rgba(40,43,142,0.5);
    border: 2px solid #ffffff;
    color: #ffffff!important;*/
/*padding: 16px 20px;*/
/*padding: 16px 40px;
  font-size: 22px;*/
  font-weight: 600;
    /*font-family: "Roboto", sans-serif;*/
  background: rgba(256,256,256,1);
    border: 2px solid #373484;
    color: #373484!important;
  padding: 10px 20px;
    font-size: 14px;
font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    text-shadow: none;
  float: left;
}
a.home-call-to-action:hover, a.home-call-to-action:focus, a.home-call-to-action:active {
    /*background: transparent;*/
  background: rgba(40,43,142,1);
    color: #ffffff !important;
    border-color: #ffffff;
text-decoration:none;
}

a.msp_custom_new_button {
font-weight: 600;
background: transparent!important;
border: 2px solid #373484;
color: #373484!important;
padding: 10px 20px;
font-size: 14px;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
text-shadow: none;
float: left;
}
a.msp_custom_new_button:hover, a.msp_custom_new_button:focus, a.msp_custom_new_button:active {
background: rgba(40,43,142,1)!important;
color: #ffffff !important;
border-color: rgba(40,43,142,1)!important;
text-decoration:none;
}

.common-head h3.sppb-addon-title{
text-transform: uppercase!important;
font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.home-product-image-button a.sppb-btn-custom {
    background-color: transparent!important;
    /*color: #ffffff!important;
    border: 1px solid #ffffff;*/
    color: #373485!important;
    border: 1px solid #373485;
    border-radius: 4px;
    margin: 0 auto;
    display: table;
font-family: 'Poppins', sans-serif;
text-transform: capitalize;
}
.home-product-image-button a.sppb-btn-custom:focus, .home-product-image-button a.sppb-btn-custom:hover {
    background-color: #282b8e!important;
    color: #ffffff!important;
    border: 1px solid #282b8e;
}
.home-youtube-video iframe {
    margin: 0 auto!important;
    display: table!important;
    /*width: 660px!important;*/
    width: 100%!important;
    height: 415px!important;
}
.sppb-embed-responsive.sppb-embed-responsive-16by9 {
    /*padding-bottom: 56.25%;*/
padding-bottom: 30%;
}
.client img{
width: 180px;
margin: 0 auto;
display: table;
}
.itemid-101 #section-id-1643278693158.client img{
background: #fff;
    border-radius: 10px;
    padding: 5px;
}

.client  iframe {
    height: 200px;
}
.gyankosh-academy iframe {
    height: 340px;
}
a.gyankosh-academy-link{
  /*padding:0px 5px;
  background:#044cd0;*/
  border-radius: 4px;
  /*color:#fff;*/
  font-weight: 800;
}
a.gyankosh-academy-link:hover, a.gyankosh-academy-link:focus{
  /*color:#fff;*/
}
.black-text p {
    color: #000000;
    font-size: 18px;
}
.navigation-container{
/*top: 50%!important;*/
top: 40%!important;
}
h1, .h1 {
    font-size: 36px!important;
}
h2, .h2 {
    font-size: 30px!important;
}
h3, .h3 {
    font-size: 24px;
}
.sppb-addon-title {
    font-weight: 600!important;
}
.border-line:after {
    background: linear-gradient(to left,#ec2129,#282b8e) no-repeat;
    width: 60px;
    height: 2px;
}
.border-line:after {
    content: '';
    display: block;
margin: 30px auto 20px;
}
.sp-page-title {
    padding: 10px 0 5px;
}
.sp-page-title .breadcrumb {
/*margin: 0 auto;
display: table;*/
display: block;
margin: 0px 0 0 0;
}
.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a{
display: inline-block;
}
.sp-page-title {
    /*background: #393685;
    background-image: url(https://mspsteel.com/images/breadcum_bg.jpg)!important;*/
    /*background: #6c757d;*/
  background: #e31e25;
    background-image: transparent!important;
    height: auto;
    background-position: center;
  margin-top: 2%;
}





.stock-exchange-compliances .msp-list-style ul li{font-size: 14px!important;}
.stock-exchange-compliances .white-box.big-h4 h4 {font-size: 22px;}
/*.nobossvideogallery{padding:20px 0px 20px!important;background: linear-gradient(to right, rgb(40 43 142), rgb(40 43 142))!important;}*/
.nobossvideogallery{padding:20px 0px 20px!important;background: linear-gradient(to right, transparent, transparent)!important;}
.nobossvideogallery .nb-selected-thumbnail {border-color: rgb(236 33 41)!important;}
a{
color:#282b8e;
font-family: 'Poppins', sans-serif;
}
a:focus, a:hover{color:#ec2129;}

.itl-portfolio-masonry-wrapper a {color: #ec2129;}
/*.home .t3-header{position: absolute;width: 100%;box-shadow: none;}
.home .navbar-default {background-color: transparent;}*/
/*.tp-revslider-mainul img{object-fit: cover;}*/
.home #jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea {width: 100%;}
.tp-caption.medipuls-title.white {text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}
*::selection {background: none repeat scroll 0 0 #ec2129!important;color: #fff;}

#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading:after{background:linear-gradient(to left,#282b8e,#ec2129) no-repeat;height:2px;}
.know-more-slider-button.btn-slideshow{background: #2c2f90;border: 2px solid #2c2f90;color: #ffffff !important;}
.border-line:after {background: linear-gradient(to left,#ec2129,#282b8e) no-repeat;width: 60px;height: 2px;}
.addon-left .sppb-addon-header:before{background: #282b8e;}
.btn-appointment {background: #3e419a;}
.btn-appointment:hover {background: #404d5f;}
#sp-page-builder .sppb-section-title.sppb-text-left:before{background: #282b8e;}
.team-member .team-info h4:hover {color: #282b8e;}
.team-member .team-social-icons ul li i:hover {background: #282b8e;}
a.home-call-to-action{/*margin:0 auto!important;display:table;*/}
.home-product-image-button a.sppb-btn-custom{background-color: transparent!important;/*color: #ffffff!important;border: 1px solid #ffffff;*/color: #282b8e!important;border: 1px solid #282b8e; border-radius: 4px;margin: 0 auto;display: table;}
.home-product-image-button a.sppb-btn-custom:focus, .home-product-image-button a.sppb-btn-custom:hover{background-color: #282b8e!important;color: #ffffff!important;border: 1px solid #282b8e; }
a.clien-home-arrow{color:#282b8e;}
a.clien-home-arrow:hover, a.clien-home-arrow:focus, a.clien-home-arrow:active {color:#3071ff;}

.overview-page h4{color: #2c2f90;font-weight:800;}
.sppb-text-left .border-line:after {background: linear-gradient(to left,#ec2129,#282b8e) no-repeat;width: 60px;height: 2px;}
.image-size-popup{width:150px;margin:0 auto;display:table;}
a.image-size-popup-link{
  margin:0 auto;
  display:table;
  /*color:#eb1c24;*/
  color: #212529;
  font-weight: 600;
}
.msp-tabe table{width:100%;}
.msp-tabe td, .msp-tabe tr td {border: 1px solid #dddddd;padding: 0.8em;}
.iccordion_style_1 .iccordion section.iccordion_tab{background: transparent!important;}
.iccordion_style_1 .iccordion{background: transparent!important;border: 1px solid transparent!important;}
.iccordion_style_1 .iccordion section.iccordion_tab article.iccordion_content{border: 4px solid #f6f6f6!important;}
.custom-font-color-one h3{color: #ec2129;}
.custom-font-color-one h2{color: #2e3291;}
.custom-font-color-two h3{color: #ec2129;}
.custom-font-color-two h2{color: #2e3291;}
.custom-font-color-two .iccordion_heading h3{color: #2e3291;font-weight:800;}
.custom-font-color-two .iccordion_style_1 .iccordion section.iccordion_active div.iccordion_heading h3:before{color: #ec2129!important;}
.custom-font-color-two .iccordion_style_1 .iccordion section.iccordion_tab div.iccordion_heading h3:before{color: #ec2129!important;}
.overview-page-three h4, .overview-page-three p{color:#ffffff;}
.msp-custom-para-text-size p{color:#ffffff;}
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover {margin-left:0px!important;}
.t3-megamenu .mega-nav > li.active a, .t3-megamenu .dropdown-menu .mega-nav > li.active a {margin-left: 0px!important;}
.directors h3, .directors p, directors div{color:#ffffff;}
.white-box h3{color: #ec2129;font-weight:800;}
.white-box h4{color: #ec2129;font-weight:800;}
.white-box p{}
td, tr td {border: 1px solid #dddddd;padding: 0.8em;}
th{border: 1px solid #dddddd;padding: 0.8em;}
.white-box-two .sppb-addon-content p{color:#ffffff!important;}
.white-box-two .sppb-addon-image-layout-text p{color:#ffffff!important;}
.white-box-two code{color:#ffffff!important;background-color: transparent;}
.custom-text-h2 h2{font-size:2.5em!important;line-height:1em!important;}
.custom-font-color-two-one h3, .custom-font-color-two-one ul>li{color:#ffffff!important;}
.custom-font-color-two.iccordion_heading h3{font-size:16px!important;}
.custom-font-color-two.iccordion_heading h3:before {color: #ec2129!important;content: '\f138';width: 20px;height: 20px;margin: 0 3px;
font-size: 20px;line-height: 1em;display: inline-block;font-family: FontAwesome;}
table{width:100%;}
.tmt-box-one h3, .tmt-box-one h4, .tmt-box-one p{color:#ffffff;}
.tmt-box-two h3, .tmt-box-two h4, .tmt-box-two p{color:#000000;}
.msp-wire-o h3.red-new{color: #ed3138;font-size:30px;}
.msp-wire-o p{font-size:20px;text-align: justify;}
.msp-wire-o p.red-new{color: #ed3138;}
.msp-wire-o span.red-new{color: #ed3138;}
.msp-wire-o img{box-shadow:inset 0 -3em 3em rgb(0 0 0 / 10%), 0 0 0 10px rgb(255 255 255), 0.3em 0.3em 1em 0.6em rgb(0 0 0 / 30%)}
.dealerform #jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, .dealerform #jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, .dealerform #jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea{width:100%!important;}
.dealerform .btn-primary {background: #ec2129;border: 2px solid #ec2129;}
.dealerform .btn-primary:hover {background: #404d5f;border: 2px solid #404d5f;}
textarea {resize: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.page-container{max-width:800px;margin:0 auto;margin-top:50px;}
.skill{color: #000000;padding: 20px;display: none;margin-top: 20px;}
.page-container .table > thead:first-child > tr:first-child > th{border-top: 1px solid #000000;}
.page-container td, .page-container tr td {border: 1px solid #000000;}
.page-container .table > thead > tr > th {border-bottom: 2px solid #000000;}
.page-container h4{text-align:center!important;color:#000000!important;}
.page-container a{color:#000000!important;text-decoration:underline;}
.page-container  table{border-color: #000000;}
.page-container th {border: 1px solid #000000;}
.page-container select{margin:0 auto!important;display:table!important;}
.page-container select#skill_dropdown{
width:auto;
}
.contactus-page-form #jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, .contactus-page-form #jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, .contactus-page-form #jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea{width:100%!important;}
.jsn-uniform .jsn-bootstrap .control-group .select2-container.jsn-input-fluid {width: 100%!important;}
.select2-container .select2-choice div{background: #fff!important;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.6, #fff))!important;border-left: 1px solid transparent!important;}
.select2-container .select2-choice div b {background: url(http://mandmdevelopment.in/mspsteel/components/com_uniform/assets/js/libs/select2/select2.png) no-repeat 0 10px!important;}
input[type="text"] {width: 100%!important;}
.white-text ul>li{color:#ffffff!important;font-size: 18px;}
.big-para .sppb-addon-content, .big-para p {font-size: 18px;}
.yollow{color:#e9da20;font-size: 16px;}
.blue{color:#2e3191;font-size: 16px;font-family: 'Ubuntu', sans-serif;}
.red{color:#ed3138;font-size: 16px;}
.yellow {
    color: #feac0b;
    font-size: 16px;
}
.white-text p{color:#ffffff;font-size: 18px;}
.msp-custom-text p{font-size: 18px;}
.msp-custom-text ul>li{font-size: 18px;}
.msp-custom-text ol>li{font-size: 18px;}
ul.msp-list-style{padding-inline-start:0px}
ul.msp-list-style li{list-style: circle;color: #ec2129;font-size:18px;}
.white-box.big-h4 h4{/*font-size:25px;*/font-size:20px;}
.custom-address-msp h3.sppb-addon-title{font-size: 25px!important;line-height: 25px!important;text-transform: capitalize!important;}
.life-at-msp h2.sppb-addon-title{font-size:40px;text-transform: capitalize!important;}


.job-apply h2.sppb-addon-title{text-transform: capitalize!important;}
.fromto {width:100%!important; float: left!important;}
th, td, tr td {text-align: center;}
.investor-inner-page ul li span.date-lst::after {content: "⊱";position: absolute;top: 0px;right: 25px;font-family: FontAwesome;}
.investor-inner-page ul li span.date-lst {display: inline-block;padding: 0 60px 0 0;width: 160px;position: relative;}
.ui-datepicker-trigger.btn.btn-icon{margin-left: -2.3em;margin-top: -2.95em;z-index: 99999;position: relative;display: block;}
.our-mission-vision h2 a{color:#fff;}
.our-core-values h2 a{color:#fff;}
.unic-box code{color: #000000;background-color: rgba(214, 214, 208, 1);}
.unic-box td, .unic-box tr td,.unic-box th {border: 1px solid #bdbbbb;}
.unic-box ul>li {font-size: 18px;}
.our-core-values .iframeWrapper img{margin:0 auto;display:table;}
.new-list ul{list-style: none;}
.new-list ul>li::before {content: "\2022";color:#ec2129;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}
.msp-list-style ul{padding-inline-start: 0px!important;}
.msp-list-style ul li{list-style: circle!important;color: #ec2129!important;font-size: 18px!important;}
.msp-list-style ul li a{color: #282b8e!important;}
.itemid-232 .sppb-nav-tabs {margin: 0 auto;display: table;}
.itemid-232 .sppb-tab-content 
{
margin-top: 0px;
/*border: 1px solid #e5e5e5;*/
border: 2px solid rgb(56 53 132 / 40%);
}
.itemid-232 .sppb-addon-content{/*padding: 30px;*/}
.itemid-232 .board-of-directors-head .sppb-addon-content{padding: 0px;}
.life-at-msp-second h2.sppb-addon-title {font-size: 22px;text-transform: capitalize!important;}
.itemid-946 .banner-short{display:none;}
p {
    margin: 0 0 10px;
font-size:14px;
}
.itemid-232 h3.sppb-addon-title{
/*text-align:center;*/
}
.tmt-box-two h4{
font-size:18px;
}
ul>li{
font-size:14px;
}
.structural-steel-page h2{
font-weight: 400!important;
text-transform: uppercase;
font-size: 28px!important;
}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videowrapper .sppb-embed-responsive.sppb-embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.small-text h4{
font-size:18px;
font-weight:400!important;
}
.sppb-testimonial-pro .sppb-addon-testimonial-pro-footer {
color: #373484;
font-size: 14px;
font-weight: 400;
}
.sppb-testimonial-pro .sppb-testimonial-message {
color: #373484;
/*font-size: 16px;*/
font-size: 24px;
/*line-height: 22px;*/
line-height: 30px;
font-weight: 500;
}
.sppb-testimonial-pro .sppb-carousel-control {
color: #373484;
}
.sppb-testimonial-pro .sppb-carousel-control{
position: relative;
}
.sppb-testimonial-pro .sppb-carousel-control:hover {
    opacity: 1;
    background-color: transparent;
    color: #ec2129;
    border-color: #ec2129;
}
#jsn_form_6.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
    background-color: transparent !important;
    border-color: transparent !important;
}
.common-head h3 {
    /*font-size: 38px!important;
    line-height: 38px!important;*/
    font-size: 35px!important;
    line-height: 35px!important;
color: #ffffff;
margin-bottom:20px!important;
font-weight: 400!important;
}
.common-head_two h3{
color: #000!important;
font-size: 38px!important;
    line-height: 38px!important;
margin-bottom: 20px!important;
    font-weight: 400!important;
text-transform: inherit!important;
}
.life-at-msp h3 {
    text-transform: capitalize!important;
    color: #ec2129;
}
.medium-text h2{
font-size: 22px!important;
text-transform: capitalize!important;
}
.jsn-uniform .jsn-bootstrap .control-group .select2-container.jsn-input-fluid {
    width: 100%!important;
}
.select2-container .select2-choice {
    height: 2.4rem!important;
    line-height: 2.4rem!important;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, white))!important;border: 1px solid rgba(0, 0, 0, .15)!important;
}
#jsn_form_8.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
    background-color: transparent !important;
    border-color: transparent !important;
background-image: -webkit-linear-gradient(top, transparent, transparent);
}
#jsn_form_7.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
    background-color: transparent !important;
    border-color: transparent !important;
}
#jsn_form_7.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, #jsn_form_7.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, #jsn_form_7.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea{
width: 100%!important;
    border: 1px solid rgba(0, 0, 0, .15);
}
#jsn_form_7.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input:focus, #jsn_form_7.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select:focus, #jsn_form_7.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea:focus{
width: 100%!important;
    border: 1px solid rgba(0, 0, 0, .15);
}
.video-title h1{
font-size:28px!important;
line-height:28px!important;
font-weight: 400!important;
}
.common-head h2{
font-weight:500!important;
}
#jsn_form_8.jsn-master .jsn-bootstrap .jsn-form-content .control-group.error .help-block, #jsn_form_8.jsn-master .jsn-bootstrap .jsn-form-content .control-group.error .help-inline, #jsn_form_8.jsn-master .jsn-bootstrap .jsn-form-content .control-group.error .help-block span.label {
    float: left;
}
.life-at-msp-team-work .sppb-addon-image-layout-caption{
font-size: 14px;
text-align:center;
}
.life-at-msp-team-work img{
height:186px;
object-fit: cover;
}
.slide-desc-bg{
background: transparent!important;
}
#sp-top-bar .footer-follow-text{
display:none;
}
#sp-footer{
/*background: #a92725;*/
/*background: #d20b36;*/
  background: #ffffff;
}
#sp-footer .sp-copyright {
   /* color: #fff;*/
  color: #9e9e9e;
}
#sp-footer a{
   /* color: #fff;*/
  color: #9e9e9e;
}
#sp-footer li a {
    opacity: 1;
}
#sp-footer li a:hover {
    opacity:0.6!important;
  color: #e31e25;
}
#sp-header .sp-megamenu-parent > li > a:focus, #sp-header .sp-megamenu-parent > li > a:hover{
color: #ec2129;
}

#sp-header .sp-megamenu-parent > li.current-item.active > a{
color: #ec2129;
font-family: 'Ubuntu', sans-serif;
}
#sp-header .sp-megamenu-parent > li.sp-has-child.active > a{
color: #ec2129;
}
#sp-header .sp-megamenu-parent > li > a {
    color: #393685;
}
#sp-header .sp-megamenu-parent .sp-mega-group > li > a {
    color: #393685;
}
.btn-primary {
    background-image: linear-gradient(
131deg, #e31e25 0%, #e31e25 100%);
}
.btn-primary, .sppb-btn-primary {
    border-color: #e31e25;
    background-color: #e31e25;
}
.btn-primary:hover, .btn-primary:focus {
    background-image: linear-gradient(
131deg, #a92725 0%, #a92725 100%);
}
.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #a92725;
    background-color: #a92725;
}
.djslider-default .navigation-container img {
    width: auto;
    height: auto;
    margin-top: 1%;
}
.sppb-addon-title{
font-family: 'Ubuntu', sans-serif!important;
}
.footer-follow-text{
font-family: 'Poppins', sans-serif;
}
#sp-bottom p{
color:#ffffff;
opacity: 0.8;
}
.sppb-nav-tabs>li>a{
/*font-family: 'Ubuntu', sans-serif;*/
font-family: 'Poppins', sans-serif;
background: #9c9adb;
/*border: 1px solid #383584;*/
border: 1px solid transparent;
color: #343a40;
}
.sppb-nav-tabs>li.active>a, .sppb-nav-tabs>li.active>a:focus, .sppb-nav-tabs>li.active>a:hover{
background-color: #383584;
color: #fff;
}


/* new css start */

.itemid-101 #sp-header:not(.header-sticky) {
/*position: absolute!important;*/
position: relative!important;
    background: transparent!important;
   /* background-image: linear-gradient( 
130deg , rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 60%) 100%) !important;*/
  background-image: linear-gradient( 130deg , rgb(256 256 256 / 60%) 0%, rgb(256 256 256 / 60%) 100%) !important;
    border-bottom: 2px solid rgba(256,256,256,0.6);
}
#sp-header:not(.header-sticky) {
    /*position: relative!important;
background: #ffffff!important;
background-image: linear-gradient( 
131deg , #ffffff 0%, #ffffff 100%) !important;*/
position: relative!important;
    background: transparent!important;
    /*background-image: linear-gradient( 
130deg , rgb(51 51 51 / 100%) 0%, rgb(51 51 51 / 100%) 100%) !important;*/
  background-image: linear-gradient( 130deg , rgb(256 256 256 / 60%) 0%, rgb(256 256 256 / 60%) 100%) !important;
    border-bottom: 2px solid rgba(256,256,256,0.2);
padding: 1px 0;
}
#sp-header{
/*background-color: #ffffff!important;
    background-image: linear-gradient( 
131deg
 , #ffffff 0%, #ffffff 100%) !important;*/
    background: transparent!important;
    background-image: linear-gradient( 
130deg , rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 60%) 100%) !important;
    /*border-bottom: 2px solid rgba(256,256,256,0.6);*/
  border-bottom: 2px solid rgb(55 52 132 / 60%);
padding: 1px 0;
}
#sp-top-bar {
    background: #ec2129;
    color: #fff;
display:none;
}
#google_translate_element{
   /*margin-top: -1.5%;*/
   /*margin-top: -0.7%;*/
margin-top: -1.2%;
    /*margin-bottom: -1.5%;*/
margin-bottom: -3.5%;
    /*margin-top: 0.6%;
    margin-bottom:0;*/
    margin-left: 3%;
    float: right;
    position: relative;
}
#offcanvas-toggler>.fa {
    /*color: red;*/
/*color: #ffffff;*/
  color: #0345bf;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
    color: #e31e25;
}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
/*color: #373484;*/
/*color: #ffffff;*/
color: #0345bf;
font-weight: 600;
/*font-family: 'Montserrat', sans-serif;*/
font-family: 'Ubuntu', sans-serif;
display:none;
}
div#google_translate_element .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span{
display:none;
}
.VIpgJd-ZVi9od-xl07Ob-lTBxed img{
display:none;
}
.goog-te-menu-value img {
    display: none;
}
div#google_translate_element .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::after{
content: "";
background-image: url(https://www.mspsteel.com/images/g-translate-2.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-size: 20px 20px;
color: #0345bf; 
font-family: "Font Awesome 5 Brands";
font-size: 20px;
top: 1.2em;
left: -0.6em;
position: absolute;
}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value::after {
 /*content: "\f170";*/
  content: "";
  background-image: url(https://www.mspsteel.com/images/g-translate-2.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  color: #0345bf; 
 font-family: "Font Awesome 5 Brands";
  font-size: 20px;
  /*top: -0.3em;*/
  top: 1.2em;
  left: -0.6em;
  /*position: relative;*/
  position: absolute;
 }

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
color: #e31e25;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li.active.menu-parent span.menu-separator{
color: #e31e25;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.current.active a span.menu-image-title{
color: #e31e25;
}
#offcanvas-toggler{
height: 50px;
line-height: 50px;
}
#offcanvas-toggler::after {
  content: " MENU";
  /*color:#ffffff;*/ 
  color: #0345bf; 
 font-family: 'Ubuntu', sans-serif;
}
.menu-contact{
    position: absolute;
    /*color: #fff;*/
  color: #0345bf;
    /*margin-top: 2.5%;*/
  /*margin-top: 1.2%;*/
  margin-top: 3.2%;
  /*margin-left: 34.6%;*/
 /* margin-left: 23.6%;*/
  margin-left: 12%;
    font-size: 12px;
}
.itemid-412 .menu-contact{
margin-left: 25.6%;
}
.menu-contact span.fa {
 border-radius: 50%;
 border: 1px solid;
 padding: 5px; 
}
.header-sticky .menu-contact{
  /*margin-top: 1.2%;*/
  margin-top: 1.0%;
  /*margin-left: 0%;*/
  /*margin-left: 8.5%;*/
  /*margin-left: 4.5%;*/
  margin-left: 0%;
}
.itemid-412 .header-sticky .menu-contact{
margin-left: 5.4%;
}
.menu-contact a{
  /*color: #fff;*/
  color: #0345bf;
 font-family: 'Poppins', sans-serif;
}
.menu-icons{
 position: absolute;
 color: #fff;
/*margin-top: 1.4%;*/
    margin-top: 0.6%;
/*right: 26.5%;*/
right: 28.5%;
font-size: 25px;
}
.menu-icons .fa{font-size: 0.9em;}
.menu-icons a{
 color: #fff;
}
 #sp-bottom{
/*background: linear-gradient(
0deg
, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(http://www.mspsteel.com/images/investor_bg.jpg);*/
background:#e31e25;    
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    /*color: #ffffff;*/
  color:#373484;
}
.offcanvas-menu{
background:#ffffff;
/*background: linear-gradient(
0deg
, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(http://www.mspsteel.com/images/financial_results_banner1.jpg);
background-size: cover;*/
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgb(128 128 128);
}
.close-offcanvas{
background: transparent;
border: 1px solid #373484;
border-radius: 50%;
color: #373484;
}
.close-offcanvas:hover{
background: transparent;
border: 1px solid #e31e25;
color: #e31e25;
}
.home-icon-box h3, .home-icon-box .sppb-icon i{
color:#fff;
}
.home-icon-box  img{
width: 200px;
    height: 200px;
    object-fit: fill;
    border-radius: 50%;
box-shadow: inset 0 3px 6px rgb(0 0 0 / 16%), 0 4px 6px rgb(0 0 0 / 45%);
    border-style: ridge;
    Border-color: #eee;
}
.arrow h3.sppb-addon-title {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.arrow h3.sppb-addon-title:before, .arrow h3.sppb-addon-title:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50px;
    height: 2px;
    content: '\a0';
    background-color: #fff;
}
.arrow h3.sppb-addon-title:before {
    margin-left: -50px;
    text-align: right;
}



.arrow_2 h3.sppb-addon-title {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.arrow_2 h3.sppb-addon-title:before, .arrow_2 h3.sppb-addon-title:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50px;
    height: 2px;
    content: '\a0';
    background-color: #000;
}
.arrow_2 h3.sppb-addon-title:before {
    margin-left: -50px;
    text-align: right;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover{
color:#e31e25;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover>span{
color:#e31e25;
}
.network-secton img{
width:118px;
}
#jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, #jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, #jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea{
border: 1px solid rgba(0, 0, 0, .15);
}
#jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea:focus, #jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea:hover, #jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea:active {
    border: 1px solid rgba(0, 0, 0, .15);
}
:focus-visible {
    outline:transparent!important;
}
#jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
    background-color: transparent !important;
    border-color: transparent !important;
}
.contactus-page-form #jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea {
 width: 103%!important;
border-radius: 4px;
}
.contact_page .custom-address-msp h3.sppb-addon-title {
    font-size: 20px!important;
    line-height: 20px!important;
}
.contact_page .sppb-addon-content{
font-size:14px;
font-family: 'Poppins', sans-serif;
}
.line_button .sppb-btn-default.sppb-btn-outline{
    background-image: linear-gradient(
131deg, transparent 0%, transparent 100%);
    border: 1px solid #393685;
    border-radius: 10px;
    padding: 10px 30px;
}
.line_button .sppb-btn-default:hover, .line_button .sppb-btn-default:focus{
    background-image: linear-gradient(
131deg, transparent 0%, transparent 100%);
}
.line_button .sppb-btn-default:hover:after, .line_button .sppb-btn-default:focus:after{
    background-image: linear-gradient(
131deg, transparent 0%, transparent 100%);
}
.line_button .sppb-btn-default:after{
    background-image: linear-gradient(
131deg, transparent 0%, transparent 100%);
}
.line_button .home-icon-box h3{
   font-size: 14px!important;
font-family: 'Poppins', sans-serif!important;
}
.line_button .home-icon-box .sppb-icon i {
   font-size: 30px!important;
}
.line_button .home-icon-box h3, .line_button .home-icon-box .sppb-icon i {
    color: #393685;
}
.line_button .sppb-btn-default.sppb-btn-outline {
    color: #393685;
}
.line_button .sppb-btn-default.sppb-btn-outline:hover {
    color: #fff!important;
    background-color: #393685;
}
.sppb-btn-default:after{
background-image: linear-gradient(
131deg
, transparent 0%, transparent 100%)!important;
}
.itemid-232 #section-id-1643446042016 .sppb-addon-content img{
    width: 250px;
    height: 250px;
    object-fit: cover;
    object-position: top;
    border-radius: 10px;
    border: ridge;
    border-color: #f1f1f1;
    border-width: 10px;
}
.itemid-232 #sppb-addon-1595848582813 .sppb-addon-content img{
object-position: unset;
object-fit: cover;
height: auto;
}
.white-text{
color:#fff;
}
.ba-gallery-items {
    cursor: pointer!important;
}
ul.quality-bullets{
padding-left: 5%;
}
ul.quality-bullets li{
padding-left: 2%;
}
ul.quality-bullets ::marker {
 /*font-family: 'FontAwesome';
    content: '\f00c';*/
     font-family: "Font Awesome 5 Free";
    content: '\f058';
    color: #fff;
}
.quali-first-section img {
    border-radius: 10px;
    border: ridge;
    border-color: #f1f1f1;
    border-width: 4px;
}
.youtube-playlist .nobossvideogallery{
padding: 0px 0px 0px!important;
background: linear-gradient(to right, transparent, transparent)!important;
background-color: transparent!important;
}
.join-us-form .jsn-master .jsn-bootstrap h1, .join-us-form .jsn-master .jsn-bootstrap h2, .join-us-form .jsn-master .jsn-bootstrap h3, .join-us-form .jsn-master .jsn-bootstrap h4, .join-us-form .jsn-master .jsn-bootstrap h5, .join-us-form .jsn-master .jsn-bootstrap h6{
color:#fff;
font-family: 'Poppins', sans-serif!important;
}
.join-us-form #jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {
    color: #ffffff;
}
#jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {
    background-color: transparent!important;
    border-color: transparent!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
background-color: transparent;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: -moz-linear-gradient(top, transparent, transparent);
    background-image: -ms-linear-gradient(top, transparent, transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, transparent));
    background-image: -webkit-linear-gradient(top, transparent, transparent);
    background-image: -o-linear-gradient(top, transparent, transparent);
    background-image: linear-gradient(top, transparent, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
text-shadow: none;
box-shadow: none;
}
.join-us-form .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content span.required {
    color: #fae220;
}
#jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, #jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, #jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea{
width:100%;
}
.sp-page-title h2 {
  display: none;
   font-family: 'Poppins', sans-serif!important;
font-weight:600!important;
}
.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a {
font-family: 'Poppins', sans-serif!important;
}
.compliance_report_text .sppb-title-subheading{
color:#373484;
}
.compliance_report_text .sppb-section-title {
    margin-bottom: 10px!important;
}
.compliance_report_text  a{
color:#373484;
}
.compliance_report_text  a:hover, .compliance_report_text  a:focus, .compliance_report_text  a:active{
color:#e31e25;
}
.compliance_report_text ul{
padding-inline-start: 30px;
}
.compliance_report_text ul li::marker {
    /*font-family: 'FontAwesome';*/
    /*content: '\f00c';*/
    font-family: "Font Awesome 5 Free";
    content: '\f058';
    color: #373484;
}
.compliance_report_text ul li {
padding-left:0.5em
}
.flip-book #effect-flip-book-main div:last-child {
display:none;
}
.skill_two{
display:none;
}
.dealer-network-form .btn.btn-primary.jsn-form-submit{
display:none;
}
.dealer-network-form .table thead th{
    font-size: 16px;
}
.dealer-network-form .table td{
font-size: 14px;
}
.dealer-network-form .table thead th {
    border-bottom: 1px solid #dc3545;
border: 1px solid #dc3545;
    border-top: 1px solid #dc3545;
}
.dealer-network-form td, .dealer-network-form tr td {
    border: 1px solid #dc3545;
}
.black_text p{
color:#000!important;
}
.black_text h3{
color:#000!important;
}
.black_text h3.sppb-addon-title:after{
    background-color: #000;
}
.black_text h3.sppb-addon-title:before{
    background-color: #000;
}
.yellow-text h4{
color: #fbff00;
}
.white-icon i{
color:#fff
}
.home_product_section a.sppb-btn-3d{
/*text-transform: capitalize;*/
  text-transform: uppercase;
    background: #e31e25;
    border-radius: 0px;
    padding: 10px 20px;
}
.structural-steel-image-slider img{
width:100%;
}
.float-start{padding-right: 0.5em;}
.qfcapt{display:none;}
.qf3form.example2 .qf3btn input{
  border-color: #e31e25;
  background-color: #e31e25;
  padding: 0.6em 3em;
    font-size: 100%;
    color: #fff;
    font-weight: 600;
}
.qf3form.example2 .qf3btn input:hover,.qf3form.example2 .qf3btn input:focus{
  background: #ffffff;
  color: #e31e25;
}
.qf3form.example2 .qf3btn input.job_form{
border-color: #ffb302;
background-color: #ffb302;
color: #000;
}
.qf3form.example2 .qf3btn input.job_form:focus, .qf3form.example2 .qf3btn input.job_form:hover{
 background: #000;
 color: #ffb302;
}
.qf3form.example2 .qf3txt input, .qf3form.example2 select, .qf3form.example2 textarea{
 border: 1px solid #dee2e6;
 font-size: 100%;
}
.qf3form.example2 select{
 padding: 0.2em;
}
.join-us-form .qf3form.example2{
 background: transparent!important;
}
.qf3form.example2 .qfcalendar input {
    width: auto!important;
}
.qfchkbx .chbxlabel{
  position: absolute;
}
.qf3form.example2 textarea {
height: 4em;
}
.qf3form.example2 .qf3label{
font-weight: 600;
font-family: 'Poppins', sans-serif;
line-height: 2em;
}
.join-us-form.white-text p{
font-weight: 600;
line-height: 1.5rem;
}
.btnCal{display:none;}
h3.join_us_form_text{
font-size: 16px!important;
line-height: 18px;
}
.msp-video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.msp-video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.msp-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.black-text p{color:#000;}
.nobossvideogallery .nb-video-container{
background-color: transparent!important;
padding: 0px 0px 0px 0px!important;
}
.sppb-testimonial-pro .sppb-carousel-inner>.sppb-item {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
.sppb-testimonial-pro .sppb-addon-testimonial-pro-footer {
    font-size: 24px;
    font-weight: 200;
}
[class^=os-gallery-tabs-main] .osgalery-cat-tabs li{
margin: 2px;
}
[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a{
    padding: 0 15px;
    font-weight: 600;
    font-size: 16px;
    background: #ddd;
}
[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a.active {
    background: #a7a7a7;
}
.itemid-248 .formplate .fp-checkbox, .formplate .fp-radio{
border: 1px solid #373484;
}
.address_right .address_section{
  float:right;
}
.address_right h3{
  text-align:right;
  margin-right: 18%;
}
.white_table .blue-text .table, .white_table .blue-text .table i{color:#373484;}
.sppb-testimonial-pro .sppb-carousel-control{
right: 2em;
}
.com-content.view-article #sp-header{
background-image: linear-gradient( 130deg , rgb(256 256 256 / 100%) 0%, rgb(256 256 256 / 99%) 100%) !important;
/*background-image: linear-gradient( 130deg , rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 60%) 100%) !important;*/
}
.com-content.view-article #sp-main-body {
    padding: 0px 0!important;
}
.com-content.view-article .article-details{
    padding: 0px 0!important;
}
.com-content.view-article .article-details .article-info{
margin-bottom: 1.55rem;
}
.article-details .pagination{
padding: 2.2rem 0 2rem;
}
.com-content.view-category .article-list .article .article-intro-image img{
 height: 284px;
 object-fit: fill;
}
.article-list .article .readmore {
  margin-top: 0.8em;
}
.article-list .article .readmore a {
    color: #252525!important;
    font-weight: 500;
    background: #fff;
    padding: 5px 15px;
    border-radius: 4px;
}

/* new css end*/
/* new css two start*/

div.phpdebugbar-header{
  display:none;
}
.sp-page-builder .page-content #section-id-1525778675082 {
/*padding-top: 2.7%;*/
padding-top: 0.6%;
}
.blue-text h3{
color: #373484!important;  
font-weight: 100!important;
}
.blue-text ul>li {
    color: #373484!important;
    font-size: 18px;
}
.blue-text h1, .blue-text h2, .blue-text h3, .blue-text h4, .blue-text h5, .blue-text h6, .blue-text p, .blue-text label{
color: #373484!important; 
}
.blue-text .form-label{
color: #373484!important; 
}
.blue-text .form-select{
color: #373484;  
}
.text-align h3{
 text-align: left!important;
}
.home-head h3{
 font-size: 50px!important;
 line-height: 50px!important; 
}

.arrow-new-one h3.sppb-addon-title {
        font-family: sans-serif;
    margin: 100px auto;
    color: #393685;
    text-align: left;
    font-size: 30px;
    max-width: 100%;
    width: 100%;
    position: absolute;
}
.arrow-new-one h3.sppb-addon-title:after {
        content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #191970;
    right: -18%;
    top: 50%;
    position: absolute;
}
.arrow-new-two h3.sppb-addon-title {
        font-family: sans-serif;
    margin: 100px auto;
    color: #393685;
    text-align: left;
    font-size: 30px;
    max-width: 100%;
    width: 100%;
    position: relative;
  line-height: 18px!important;
}
.arrow-new-two h3.sppb-addon-title:after {
        content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #191970;
    right: -22%;
    top: 102%;
    position: absolute;
}
.arrow-new-three h3.sppb-addon-title {
        font-family: sans-serif;
    margin: 100px auto;
    color: #393685;
    text-align: left;
    font-size: 30px;
    max-width: 100%;
    width: 100%;
    position: relative;
  line-height: 35px!important;
}
.arrow-new-three h3.sppb-addon-title:after {
        content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #191970;
    right: -22%;
    top: 92%;
    position: absolute;
}
.small-text{
  
}
.red-text p{
  color: #e31e25;
}
.home-product-sub-head h3{
font-size: 32px;
line-height: 32px; 
}
#sp-bottom ul li a{
  color: #ffffff;
  opacity: 0.8;
}
#sp-footer ul li a{
  color: #9e9e9e;
}
.djslider-default {
    height: 235px!important;
}
.djslider-default ul.djslider-in > li {
    height: 235px!important;
}
#sp-footer a:hover, #sp-footer a:active {
opacity: 0.6!important;
color: #e31e25;
}
.breadcrumb-item+.breadcrumb-item::before{
 content: var(--bs-breadcrumb-divider, " "); 
}
.red-text h3{
color: #e31e25;  
}
.blue-text p{
 color: #373484!important; 
}
.breadcrumb .float-start {
    padding-right: 0.5em;
    display: none!important;
}
#sp-title{
margin-bottom:2%;
}
.itemid-463 #sp-title{
margin-bottom:0!important;
}
.blue-line h3{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.blue-line h3:after{
content: '';
  border-bottom: 4px solid #373484;
    padding-top: 10px;
    width: 20%;
}
.bb-custom-wrapper nav a {
    background: #ccc;
}
.bb-custom-wrapper nav a:hover {
    opacity: 1;
  background: #373484;
  color:#fff;
}
.blue-big-text h3{
color: #373484;
font-size: 38px;
line-height: 38px;
font-weight: 400!important;
}
.arrow-new-four h3 {
  color: #373484!important;;
  line-height: 0.5;
  text-align: left;
  display: block;
  position: relative;  
}

.arrow-new-four h3:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 4px solid #373484;
  top: 0.3em;
  width: 100%;
}
a.center-button{
margin:0 auto;
display:table;
float: none;
}
.arrow-new-five h3 {
    color: #373484!important;
    line-height: 0.5;
    text-align: left;
    display: block;
    position: relative;
}
.arrow-new-five h3:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 4px solid #373484;
    top: 0.7em;
    width: 100%;
}
.blue-text ul.quality-bullets ::marker{
 color: #373484!important; 
}
.sppb-addon-overlay-image h4.sppb-addon-title{
border: 2px solid #5753b7;
background: #373484;
padding: 5px 15px;
}
.next-button:hover,.next-button:focus{
  filter: opacity(0.4) drop-shadow(0 0 0 red);
  cursor: pointer;
}
.previous-button:hover,.previous-button:focus{
  filter: opacity(0.4) drop-shadow(0 0 0 red);
  cursor: pointer;
}
.contact-head.common-head h3{
font-size: 30px!important;
line-height: 30px!important;
}
.com-content.view-article .article-header h1{
line-height: 20px;
font-size: 20px!important;
}
.com-content.view-article h2{
font-size:18px!important;  
}
.com-content.view-article h3{
font-size:16px!important; 
}
.com-content.view-article h4{
font-size:14px!important;  
}
.com-content.view-article iframe{
width: 100%!important;  
}

.com-content.view-category .article-list .article .article-header h2{
margin: 0.1rem 0 1.5rem!important;
font-size: 16px!important;
}
.com-content.view-category .article-info>span {
 font-size: 12px!important;
}
.layout-blog.com-content.view-article #sp-main-body {
    padding: 40px 0!important;
}
#sppb-addon-wrapper-1669722930437 a.home-call-to-action{
float:none!important;
}
#sppb-addon-wrapper-1669723793398 a.home-call-to-action{
float:none!important;
}
#sppb-addon-wrapper-1669723985267 a.home-call-to-action{
float:none!important;
}
.show-all-pages{
display:block;
float: left;
}  
.show-all-pages.visibility{
visibility:hidden;
}
.itemid-412 .show-all-pages{
display:none;
}
.show-only-joinus{
display:none;
} 
.itemid-412 .show-only-joinus{
display:block;
float: left;
}
.joinus-extra-button{
margin-top: 14.9%;
margin-left: -60%;
/*margin-top: 9.5%;
margin-left: -75%;*/
}

/* new css two end*/
/*.skiptranslate {
        display: none;
    }*/
body {
top: 0px !important; 
}
.menu .item-243.active > a {
 background: transparent;
}
.menu .item-245.active > a {
 background: transparent;
}
a.product_page_button_new{
background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #2a3992;
box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.25);
font-family: 'Poppins', sans-serif;
border-radius: 6rem!important;
padding: 13px 26px;
color: #fff;
display: inline-block;
text-decoration: none;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
letter-spacing: 0;
font-weight: normal;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.product_page_button_new:hover, a.product_page_button_new:focus{
background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.213) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #222;
color: #fff;
border-radius: 15px;
box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.5);
}
.product_page_tab_new_design .sppb-nav-tabs {
border-bottom: 1px solid transparent;
margin: 0 auto;
display: table;
}
.product_page_digital_ads_carousel .sppb-carousel-extended-nav-control .nav-control {
font-size: 45px;
color: #3a3483;
border: 1px solid transparent;
}
.product_page_digital_ads_carousel .sppb-carousel-extended-item img {
border: 4px solid #3b3683;
/* border-radius: 0 3rem 0 0;*/
}
.product_page_flipbox h2 {
font-size: 24px!important;
}
.product_page_flipbox p {
color: #373484!important;
font-size: 14px;
line-height:18px;
font-weight: 600;
}
.product_page_flipbox img{
width: 4rem;
margin: 0 auto;
display: table;
padding-bottom: 1rem;
}
.product_page_flipbox a{
color: #e31e25;
padding: 0.2rem 0.6rem;
border: 2px solid #e31e25;
margin: 0 auto;
display: table;
font-size: 14px;
font-weight: 600;
}
.product_page_image_table h3{
color: #373484;
font-size: 14px;
line-height:20px;
font-weight: 600!important;
}
.right-align.product_page_image_table h3{
text-align:right;
}
.product_page_image_table p{
color: #373484;
font-size: 12px;
line-height: 16px;
font-weight: 600;
}
.right-align.product_page_image_table p{
text-align:right;
}
.product_page_image_table td, .product_page_image_table tr td {
border: 1px solid #545454;
padding: 0.2em;
font-size: 10px;
text-align:left;
font-weight: 600;
}
.product_page_image_table table .red-box{
background:#e31e25;
color:#fff;
font-weight: 500;
}
.product_page_image_table table .blue-box{
background:#373484;
color:#fff;
font-weight: 500;
}
/*color table start */
.product_page_new_design_color_table table td, .product_page_new_design_color_table table th {
border: 2px solid #333;
}
.product_page_new_design_color_table table .liststyle_number{
list-style: auto;
margin-bottom: 0rem;
margin-top: 0.5rem;
text-align:left;
}
.product_page_new_design_color_table table .red{
background-color: #ec2029;
color: #fff;
}
.product_page_new_design_color_table table .blue{
background-color: #2c3a92;
color: #fff;
}
.product_page_new_design_color_table table .deepmarun_one{
background-color: #f38468;
color: #fff;
}
.product_page_new_design_color_table table .deepmarun_two{
background-color: #f38468;
color: #000;
}
.product_page_new_design_color_table table .lightmarun_one{
background-color: #fabea6;
color: #000;
}
.product_page_new_design_color_table table .lowlightblue_one{
background-color: #7674b3;
color: #000;
}
.product_page_new_design_color_table table .deeplightblue_one{
background-color: #b0aed5;
color: #000;
}
/*color table end */

.structural-steel-new-design_product_page_digital_ads_carousel.sppb-image-carousel-layout3 .sppb-carousel-extended-item:not(.active) {
transform: scale(1);
opacity: 1;
}
.structural-steel-new-design_product_page_digital_ads_carousel .sppb-carousel-extended-nav-control .nav-control {
font-size: 45px;
color: #3a3483;
border: 1px solid transparent;
}
.structural-steel-new-design_product_page_digital_ads_carousel .sppb-carousel-extended-item img {
border: 4px solid #3b3683;
}
.tmt-bars-new-design_product_page_clientele_carousel .sppb-carousel-extended-nav-control .nav-control {
font-size: 45px;
color: #3a3483;
border: 1px solid transparent;
}
.common-head_big_new h3{
font-size: 50px;
line-height: 55px;
margin-bottom: 0px!important;
font-weight: 400!important;
}
.big_para_new p{
font-size: 22px;
line-height: 32px;
}
.itemid-461 #sp-title {
margin-bottom: 0%;
}
.itemid-460 #sp-title {
margin-bottom: 0%;
}
.itemid-459 #sp-title {
margin-bottom: 0%;
}
.arrow-new-six h3 {
    color: #e31e25!important;
    line-height: 0.5;
    text-align: left;
    display: block;
    position: relative;
}
.arrow-new-six h3:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 4px solid #373484;
    top: 0.7em;
    width: 150%;
}
.arrow-new-seven h3 {
    color: #e31e25!important;
    line-height: 0.5;
    text-align: left;
    display: block;
    position: relative;
}
.arrow-new-seven h3:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 4px solid #373484;
    top: 1.7em;
    width: 100%;
}
.logo img {
display:none;
}
.logo:after {
content: '';
/*background: url(https://www.mspsteel.com/images/two-logos3.png);*/
/*background: url(https://www.mspsteel.com/images/gptw-new.webp);*/
background: url(https://www.mspsteel.com/images/new-logos4-new.webp);
background-position: center center;
background-size: cover;
height: 170px;
width: 300px;
/*height: 150px;
width: 80px;*/
top: 0em;
left: 1em;
/*top: 0em;
left: 14em;*/
position: absolute;
right: 0;
z-index: 999;
}
.video-ads-below-video-text{
font-family: 'Ubuntu', sans-serif !important;
text-align:center;
color:#373484;
font-size: 28px !important;
line-height: 35px !important;
}
#column-id-1712319245382 .next-button{
display:none;
}
#column-id-1712319245382 .prev-button {
display:none;
}

img.new_home_product_category_logo{
width: 6em;
position: relative;
top: -1.4em;
}
img.new_home_product_category_logo_two {
width: 6em;
position: relative;
top: -1.2em;
}
.product_page_button_new a.sppb-btn-primary{
background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #2a3992!important;
box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.25)!important;
font-family: 'Poppins', sans-serif!important;
border-radius: 6rem !important;
padding: 13px 26px!important;
color: #fff!important;
display: inline-block!important;
text-decoration: none!important;
font-size: 12px!important;
line-height: 12px!important;
text-transform: uppercase!important;
letter-spacing: 0!important;
font-weight: normal!important;
-webkit-transition: all 0.3s ease-out!important;
-moz-transition: all 0.3s ease-out!important;
-o-transition: all 0.3s ease-out!important;
transition: all 0.3s ease-out!important;
}
.product_page_button_new a.sppb-btn-primary:after {
background:transparent!important;
}
.product_page_button_new a.sppb-btn-primary:hover, .product_page_button_new a.sppb-btn-primary:focus {
background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.213) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #222!important;
color: #fff!important;
border-radius: 6rem !important;
box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.5)!important;
}
.client_logo_shadow img{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 0.5em;
 -webkit-filter: grayscale(100%)!important; /* Safari 6.0 - 9.0 */
  filter: grayscale(100%)!important;
}

.sp-page-builder .page-content #section-id-1679848360830 {
margin-top: 15px!important;
}
.greenprocertificates_tab .osgalery-cat-tabs li a {
background: #9c9adb;
}
.greenprocertificates_tab .osgalery-cat-tabs {
margin: 0 auto;
display: table;
}
.tab_video_text{
text-align:center;
color: #383584;
font-size: 20px;
font-weight: 600;
}
.fixed-joinus {
position: fixed;
 top: 15em;
right: 0;
writing-mode: vertical-rl;
background: #d20b36;
z-index: 99;
padding: 0.5em 0;
width: 2em;
}
.fixed-joinus:hover, .fixed-joinus:focus{
background: #3c3686;
}
.fixed-joinus h3{
position: relative;
padding: 0.4em 0;
color: #fff;
z-index: 999;
width: 2em;
right: -0.9em;
height: auto;
font-size: 1.2em;
margin-bottom: 0;
}