@charset "utf-8";
/* CSS Document */
.oversda:hover{opacity:.5;}
.fb1{width:100%; height:auto;}
.fb2{background:#18639c!important;}
/*.betterservice{color:#1365a6; padding-left:10px; padding-right:10px; position:absolute; background:#fff;  right:0px; font-size:25px; font-weight:bold; margin-top:-97px; text-align:right;}
.betterservice{color:#1365a6; padding-left:10px; padding-right:10px; position:absolute; background:#fff;  right:0px; font-size:25px; font-weight:bold; margin-top:-80px; text-align:right;}*/
.betterservice{color:#1365a6; padding-left:10px; padding-right:10px; position:absolute; background:#fff;  right:0px; font-size:25px; font-weight:bold; margin-top:-75px; text-align:right;}
#site-content h3 {
    font-size: 1.25em;
    font-weight: 600;
    color: #1365a6;
    margin-bottom: 2px;
    text-transform: uppercase;
}
h1.blue_banner_h3{
    font-size: 2.6em;
    line-height: 35px;
    margin: 0 0 0px 0;

    font-weight: 400;
} .page-id-3547 #site-content > div > div > div.col-lg-8.article_content > h3:nth-child(17){padding-bottom:20px;}

.page-id-3553 #site-content > div > div > div.col-lg-8.article_content > p:nth-child(17){display:none;}
.page-id-3553 #site-content > div > div > div.col-lg-8.article_content > h2:nth-child(16){padding-bottom:20px;}

.page-id-3556 #site-content > div > div > div.col-lg-8.article_content > h2:nth-child(20){padding-bottom:20px;}
.highlightbox{    color: #4aa203;
    font-size: 18px;
    border-top: 1px solid #4aa203;
    border-right: 1px solid #4aa203;
    border-bottom: 1px solid #4aa203;
    border-left: 10px solid #4aa203;
    padding: 20px;
    line-height: 30px; background-color:transparent;
    background-image: none;
    margin-right: 25px;
    margin-bottom: 25px;
}
.highlightbox p{    color: #4aa203;
	font-size: 18px;     line-height: 30px; padding-bottom: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
}
.bigimage {padding: 5px 0px 10px 0px; width: 100%; height:auto;}
.header-nav-top ul li{border-left: 1px solid #4aa203;}
.header-nav-top ul > li:nth-child(1){border-left:0px;}
#site-content > div > div > div.col-lg-4.mt-4.mt-lg-0 > div > div > h3{color:#fff;}
@media(max-width:1200px) and (min-width:992px){#site-content{margin-top:-10px}}

.search-results .sidebar{display:none;}
.search-no-results .sidebar{display:none;}
@media (max-width: 991px) {
	
	.search-results  .blue_banner_h4{display:none;}
	.search-no-results .blue_banner_h4{display:none;}
	.search-results .sidebar{display:none;}
	
	.mobile_main_nav{margin-top:2px;}
	
	
	.mobile_main_nav{padding-top:50px!important;}
	
	.twotitleshiftnobutton {
    margin-top: 42px;
} h1.blue_banner_h3 {
    font-size: 2.6em;
     /*	line-height: 25px;}*/
	line-height: 1.1em;}
  
 /*   #header .header-logo img {
        z-index: 1;
        width: 120px;
        margin-top: 45px;
	} 
    #header .header-logo img {
        z-index: 1;
        width: 100px;
        margin-top: 50px;
	} */
    
    #header .header-logo img {
        z-index: 1;
        width: 92px;
        margin-top: 54px;
	} 
    
    /*#header > div > div:nth-child(2) > div > span:nth-child(2){margin-top:-37px!important;} */
    #header > div > div:nth-child(2) > div > span:nth-child(2){margin-top:-19px!important;} 
    #header > div > div:nth-child(2){background-color:transparent!important;} 
}
@media(max-width:700px){.betterservice{font-size:16px;}}
@media(max-width:700px){.betterservice{display:none;}}
@media (max-width: 767px) { .twotitleshiftnobutton {
    margin-top: 0px;
}
    .blue_banner_size-2 {
        height: 215px;
        padding-top: 50px !important;
    }
}

@media (max-width: 550px) { .twotitleshiftnobutton {
    margin-top: 20px;
} 
    .mobile_main_nav {
        top: 39px!important;
  
    
}
	}
.wpcf7-form-control {
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    padding: 1px 5px;
    border-width: 1px!important;
    border-radius: 4px;
    border-style: inset;
    border-image: initial;
    padding-block: 5px;
    padding-inline: 6px;
    border-color: #bedae5;
    width: 97%;
    /*border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    text-indent: 5px;*/
}
.wpcf7-submit {
    width: auto;
    padding-inline: 23px!important;
}
.wpcf7-file {
    border: none;
    margin-left: -6px;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5;
}
html .bg-color-light-scale-01 {
	background-color: #273a4a;}
/* popup video dimensions */
@media (min-width: 993px) and (max-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 90%;
    }
}
@media (min-width: 577px) and (max-width: 992px) {
    .modal-xl {
        --bs-modal-width: 90%;
    }
}
@media (min-width: 5px) and (max-width: 576px) {
    .modal-xl {
        --bs-modal-width: 95%;
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }
}
/* end popup video dimensions */

.accreditation-logo {width: 160px;}
@media(max-width:991px){
	
	.home .header-body {height:auto!important;}
	.home #header .header-nav-main nav > ul {padding-top:70px;}

	.leadershipdiv img{display:none;}
	
	.sidemenu-label{margin-left:0px;}
	.sidebar>ul{padding-left:0px!important;}
}
.strategicpartnersbck {
	background-color: #0096d4;color: #fff; padding-top: 30px; min-height: 100px;
}
/*.img-fluid {
    max-width: 100%;
    max-height: 200px;
    margin: 10px;
}*/
.outdent {margin-left: -34px;}
.outdentmobile {margin-right: 0px!important;}
.img-fluid {
    max-width: 100%;
    height: auto;
    margin: 0px;
}
.img-fluid-video {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
	padding: 0.25rem;
	background-color: #fff;
	border: 1px solid var(--bs-border-color);
	border-radius: 0.375rem;
	max-width: 100%;
	height: auto;
}
.nav-link {
    margin-top: 5px;
}
/*.g-watermark {
    background-image: url("../images/G-watermark.png");
background-repeat: no-repeat;
    margin-top: 25px;
    padding-bottom: 70px;
    min-height: 300px;
    background-position-x: center;
    background-size: 315px;
}*/
body[data-plugin-page-transition] {
    transition: none!important;
}
body.page-transition-active{ transition: none!important;     opacity: 1 !important;}
.social-icons{padding-left:0px!important;}
/*class="page-template page-template-metal_grades_inside_template page-template-metal_grades_inside_template-php page page-id-96 wp-embed-responsive singular enable-search-modal missing-post-thumbnail has-no-pagination not-showing-comments show-avatars metal_grades_inside_template footer-top-visible elementor-default"
class="page-template page-template-metal_grades_inside_template page-template-metal_grades_inside_template-php page page-id-96 wp-embed-responsive singular enable-search-modal missing-post-thumbnail has-no-pagination not-showing-comments show-avatars metal_grades_inside_template footer-top-visible elementor-default page-transition-active"

*/
.noleftmargin {margin-left: 0px!important;}

/*.toplogo {width: 160px; margin: 2px 0 2px 0;}
.toplogo {width: 140px; margin: 7px 0 2px 0;}*/
.toplogo {width: 130px; margin: 11px 0 2px 0;}
.footer_logo{ width: 320px; padding-bottom:25px;     padding-top: 28px;

}
	#header .header-top.header-top-borders {
    background-color: #fff;
    color: #ef3340;
    font-weight: 400;
    border: 0px;
}
@media(max-width:551px){
.toplogo {
    width: 270px;
    margin: 2px 0 2px 0;
}
    .footer_logo{
		width: 270px;;
	}
}

.header-body  {z-index:1500;}
.metal_grades_inside_template #site-content > section > div > div > div.col-sm-9.col-lg-9{width:100%;}

.collapse.show {
  visibility: visible;
}
#site-content > div > div > div > p:nth-child(8) > .btn {text-decoration:none!important;}

#site-content > div > div > div > p:nth-child(8) > .btn:hover{text-decoration:none!important; color:#fff!important;}

.careersbutton {width: 120px;}
.page-id-186 #site-content > div > div > div > p > .btn {text-decoration:none!important;}

.page-id-186 #site-content > div > div > div > p > .btn:hover{text-decoration:none!important; color:#fff!important;}

.page-id-188 #site-content > div > div > div > h2:nth-child(12) {text-align:center; padding-top:30px;}
.page-id-188 #site-content > div > div > div > p:nth-child(13){text-align:center;}
.accordion {display:block!important; transition:none;   visibility: visible!important;}

.leadershipdiv{display:block; min-height:65px;   border-bottom: 1px solid #dbdbdb;}


.wptb-preview-table > tbody > tr:nth-child(1){
	background-color:#ef3340 !important;}

.wptb-preview-table > tbody > tr:nth-child(1)>td p{	color:#fff!important; font-weight:bold; }


.wptb-preview-table p{margin:0px!important;}
.wptb-preview-table td{padding:10px;}
.wptb-preview-table tr:nth-child(odd) {
background-color:#E8E8E8;
}

@media(min-width:992px){	
	.three-box-area{margin-bottom:40px; max-height: 270px;}
}

.wp-block-toggles summary{
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 13px;
    padding: 12px; position:relative;
    background: #ef3340;
    color: #fff;
	/*text-transform: uppercase;*/
}

.wp-block-toggles summary::marker { display: none!important;
}

details summary::-webkit-details-marker {
  display:none!important;
}
details > summary marker:first-of-type{display:none!important;}

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

.wp-block-toggles summary:after {
      content: "+";
    display: block;
    position: absolute;
    right: 20px;
    top: 12px;
    height: 29px;
    font-size: 25px;
}
.wp-block-toggles[open] summary:after {    content: "-"!important; font-size:30px;}




@media (max-width: 991px){
.g-watermark {
padding-bottom: 10px!important;
}
    #header .header-nav-main {

    /* transition: none !important; */
	} 
    
.header-body{height:auto!important;} 
/*.mobile_main_nav{        top: 22px;
        position: relative;
        padding-top: 0px;
        padding-top: 30px;
        padding-top: 70px !important;}     
    
    #header .header-nav-main nav > ul {
			padding-top: 15px;}
}*/
    .mobile_main_nav{        top: 22px;
        position: relative;
        padding-top: 0px;
        padding-top: 30px;
        padding-top: 50px !important;}     
    
	.home    .mobile_main_nav{ padding-top: 10px !important;}     
	
	
    #header .header-nav-main nav > ul {
			padding-top: 35px;}
}


.tablepress .even{background: #e8e8ef;}
.tablepress tr>td>p{    /* padding-top: 1pt; */
    /* padding-right: 7pt; */
    /* text-indent: 0pt
pt
; */
    /* line-height: 5pt; */
    text-align: center!important;     margin: 10px;
	padding:0px!important;
	text-indent:inherit!important;
	line-height:16px!important;
	font-size: 14px;
}
.row-hover>tr:first-of-type{background: #a6a6b7; color:#fff;padding:0px!important;}
.row-hover>tr:first-of-type p{ color:#fff; font-weight:600; text-transform: uppercase;}
.tablepress {width:100%;}

.row-1 {text-align: left;}
.s1 {font-size: 24px!important;}
.s2 {font-size: 15px!important; 
    text-align: left!important;
    padding-left: 13px!important;
    padding-right: 13px!important;
    margin-bottom: 13px!important;}
.lastrow {margin-bottom: 30px;}
.tablefooter {margin-bottom: 40px;}

.word-rotator-words[class*="bg-"] b {
    color: #FFF;
    padding: 1.6px 8px;
    padding: 0.1rem 0rem;
}

.s5 {
    font-size: 17px !important;  
    font-weight: normal !important;
}
.s6 {
  font-size: 17px !important;
    font-weight: normal !important;
}
.s7 {
     font-size: 17px !important;
    font-weight: normal !important;
}
.mixedNo{
    font-size: 15px;
}
#tablepress-Cold_Rolled tr.row-6.even{
    background: white;
}
#tablepress-Galvanized tr.row-32.even{
    background: white;
} 
#tablepress-perforated tr.row-4.even{
    background: white;
}
#tablepress-perforated p.s3{
    color: black;
    font-weight: 400;
}
#tablepress-perforated tr.row-2.even{
     background-color: #e8e8ef;
}
#tablepress-8 p.s3{
     line-height: 5pt !important;
}
#tablepress-Abrasion-Resistant2 tr.row-10.even{
    background: white;
}
#tablepress-others tr.row-8.even{
	background-color: white !important;
}

iframe{
	width: 100%;
    height: 535px;
    margin: 10px;
	/*height: 600px;
	overflow-x: auto;*/
}
.fitV1{
    height: 190px !important;
}
.fitV2{
    height: 380px !important;
}
.fitV3{
    height: 150px !important;
}
.fitV4{
    height: 270px !important;
}
.fitV5{
    height: 340px !important;
}
.home h4{color:#273a4a; font-size:24px;}

.newbelow h5{text-transform:uppercase; color:#21628f; font-size:30px; line-height:35px; padding-top:5px;}
.newbelow h5 span{text-transform:uppercase; color:#78bb47; font-size:40px;}
.newbelow h4{color:#253d51; font-size:30px; font-weight:400; }
.blue-area {
    background-image: linear-gradient(to right, #144972, #144972);
    min-height: 480px;
} #site-content > section:nth-child(4) > div > div:nth-child(1) > div.col-md-6.red_divider > a:hover{color:#fff!important;}
.front-page-card .btn-modern{    background-color: #cbf255 !important; color:#253d51!important; border-radius:0;     font-size: 16px !important;

    width: 100%;}
.front-page-card .btn-modern:hover{    background-color: #253d51 !important; color:#cbf255!important; border-radius:0;
    width: 100%;}
.home h2{color:#253d51; text-transform:uppercase; font-size:47px; line-height: 50px;}

.fpc .btn-modern{    background-color: #cbf255 !important; color:#253d51!important; border-radius:0;     font-size: 16px !important; line-height: 20px; width: 50%; margin-top: 25px;
}
@media (max-width: 991) {
.fpc .btn-modern {
    margin-top: 0px;
}}
.fpc .btn-modern:hover{    background-color: #253d51 !important; color:#cbf255!important; border-radius:0;
    width: 50%;}

.fpc2 .btn-modern{    background-color: #253d51 !important; color:#fff!important; border-radius:0;     font-size: 16px !important;
padding-top:10px; padding-bottom:10px; position:absolute; bottom:0px;  margin:20px 0px;
    width: 100%; float:right;
}
@media (max-width: 991) {
    .fpc2 .btn-modern {
    width: 50%!important;
        margin-top: 0px;
}}

.fpc2 .btn-modern:hover{   background-color: #cbf255 !important; color:#253d51!important; border-radius:0;
   /* width: 100%;*/}
.fpc2{position:relative;}
.qualityhome{padding-bottom:40px;}
.quotehome {position:relative; padding-top:60px; color:#000;}
.quotehome p{margin-left:80px; color:#000;}
.quotehome img{width: 60px; position: absolute;
    height: auto;}
.testimonialscite{border: 1px solid #78bb47; padding:10px; font-size:18px; line-height:22px;}

.testimonialscite>strong{text-transform:uppercase;}



.hidden {
  display: none;
}
/*for website forms*/
.red_divider{border-left: #51a510 7px solid;}
.counters strong {color:#51a510;}
.counters label {
    font-size: 30px;
    font-weight: bold !important;
    color: #21628f !important; line-height:30px;
}

.counter-top-left {
    font-size: 26px;
    line-height: 36px;
    color: #253d51!important;
}

.search .red-label {
    color: #253d51;
    font-size: 1.5em;
    font-weight: bold;
    Text-transform: uppercase;
}

.search .red_link{
	color: #253d51!important;}

.search .single-line-title{font-size:60px; line-height:80px;}
div.col-md-6.red_divider > span{color:#253d51; font-size:80px; line-height:80px;}
.wpcf7-not-valid-tip{color:#f00;/*padding-left:5px;*/ display: block !important;}
#TradeshowVideo{z-index:10000;}
.wpcf7-response-output{
    font-size: 22px !important;
    font-style: italic !important;
    font-weight: bold;
    color: red;
    margin-bottom: 30px !important;
}
.screen-reader-response p{
    color: red;
    font-weight: bold;
}

#wpcf7-f376-o1-ve-your-firstname, #wpcf7-f376-o1-ve-your-lastname, #wpcf7-f376-o1-ve-your-company, #wpcf7-f376-o1-ve-your-email, #wpcf7-f376-o1-ve-quote_request, #wpcf7-f19-o1-ve-your-name, #wpcf7-f19-o1-ve-your-email, #wpcf7-f19-o1-ve-your-company, #wpcf7-f19-o1-ve-country{
    display: none !important;
}


@media(max-width:1300px){div.col-md-6.red_divider > span{font-size:60px; line-height:60px;}}
@media(max-width:991px){
    
    div.col-md-6.red_divider > span{font-size:47px; line-height:50px;}
    
    .fpc2{margin-top:85px; width: 60%;} 
    
    .counters label{font-size:20px; line-height:20px;}}

@media(max-width:767px){#site-content > section.gray-area > div > div:nth-child(1) > div.col-md-6.red_divider{margin-top:20px;}}
.modal-video {
  width: 99% !important;
  height: auto;
  display: block;
  max-height: 80vh; /* optional: keeps video from overflowing screen */
  object-fit: contain; /* makes sure video scales nicely */
}

ol {margin-bottom: 1rem ; margin-top: -13px; }
ol li::marker{ color: #4aa203; font-weight: bold; }
.sub-ol{  margin-bottom: 1rem;  }
.ol-topspace{margin-top: 0.5rem !important;}
.ol-bottomspace{ margin-bottom: 1rem ; }

.map-container{ display: flex; }
@media(max-width: 767px){ .map-container{ display: block; } }
.icon-underline {    content: '';
    border-bottom: solid 6px #4aa203;
    width: 70px;
    margin: 13px 0 20px 0;
    display: block;
}
.library-icon {width: 275px; margin-bottom: -5px;}