:root{
    --font: "futura-pt", sans-serif;
}
.section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.color-yellow{
    color: #EFB41B;
}
.footer-social li a i{
    color: #16478E;
}
.color-blue{
    color: #16478E;
}
.triple-steel-location{
    color: #E22726;
}
.footer-social li a:hover i,
.alamo-iron-location{
    color: #F29931;
}
.arbor-metals-location{
    color: #08A9ED;
}
.beshert-steel-location{
    color: #0E5ED6;
}
.hillman-brass-location{
    color: #B8880F;
}
.instel-steel-location{
    color: #16478E;
}
.maas-hansen-location{
    color: #664C35;
}
.nexcoil-steel-location{
    color: #FFECB3;
}
.shamrock-steel-location{
    color: #226716;
}
.steckerl-aceros-location{
    color: #8526C0;
}
.tube-supply-location{
    color: #F2EA31;
}
.griffin-trade-location{
    color: #E23EA1;
}
body {
	 color: var(--Text-Text-Grey, #4F4F4F);
    font-feature-settings: 'liga' off, 'clig' off;
    /* P/Normal */
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
	 background-color: transparent;
	 padding-top: 97px;
	 margin: 0 !important;
	 overflow-x: hidden;
}
p{
    margin-bottom: 16px;
}
p:last-child{
    margin-bottom: 0px;
}
p + .button{
    margin-bottom: 16px;
}
.text-yellow{
    color: #EFB41B!important;
}
 @media only screen and (min-width: 1199px) {
	 body a[href^="tel:"] {
		 pointer-events: none;
		 text-decoration: none;
	}
}
 body .fauxlink {
	 cursor: pointer;
}
 body a {
	 color: #2C2C2C;
}
.block .column a:not(.button){
    color: #16478E;
}
.block .column a:not(.button):hover{
    color: #EFB41B;
}
 body a:focus, body input:focus {
	 outline: none;
}
h1, h2, h3, h4, h5, h6
.h1, .h2, .h3, .h4, .h5, .h6,
.subtitle, .heading.headline {
    font-family: var(--font);
}
.h1, .h2, .h3, h1, h2, h3{
    margin-top:0px;
}
 body h1, body .h1 {
	 font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 61.6px */
    text-transform: uppercase;
}
 body .heading.headline {
	 font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 79.2px */
    text-transform: uppercase;
}
 body h2, body .h2 {
	 font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 120% */
    text-transform: uppercase;
}
 body h3, body .h3 {
	 font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    text-transform: uppercase;
}
 body h4, body .h4 {
	font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
}
 body h5, body .h5 {
	 font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
}
 body h6, body .h6 {
	 font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
}
 body .subtitle {
	 font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 21.6px */
    letter-spacing: 2.16px;
    text-transform: uppercase;
}
@media(max-width: 1199px){
     body h1, body .h1 {
    	 font-size: 40px;
    }
    #home-banner .h1,
     body .heading.headline {
    	 font-size: 42px;
    }
     body h2, body .h2 {
    	 font-size: 32px;
    	 line-height: 36px;
    }
     body h3, body .h3 {
    	 font-size: 24px;
    }
     body h4, body .h4 {
    	font-size: 20px;
    }
     body h5, body .h5 {
    	 font-size: 18px;
    }
     body h6, body .h6 {
    	 font-size: 14px;
    }
     body .subtitle {
    	 font-size: 14px;
    }
    #home-banner .caption{
        width: 60%;
    }
}
.stats-row .h1{
    font-size: 50px;
}
.richtext + .button {
    margin-top: 20px !important;
}
#menu-id-67 > ul{
    left: -50%;
}
li#menu-id-40 > ul {
    column-count: 2;
}
.column h1, .column .h1,
.column h2, .column .h2,
.column h3, .column .h3,
.column h4, .column .h4,
.column h5, .column .h5{
    color: #16478E;
}
 body .richtext a {
	 color: #2C2C2C;
	 text-decoration: underline;
}
 body .richtext a:hover {
	 color: #337ab7;
	 text-decoration: none;
}
 body .richtext ul {
	 padding-left: 20px;
}
 body .richtext ul li {
	 padding: 5px 0 5px 5px;
}
 body .richtext ul li ul {
	 margin: 10px 0;
}
 body ul.fancy {
	 list-style: none;
	 text-align: left;
	 margin: 15px 0;
	 padding: 0;
}
 body ul.fancy li {
	 padding: 5px 0 5px 18px;
	 position: relative;
}
 body ul.fancy li:before {
	 color: #16478E;
	 content: "\f111";
	 font-family: 'Font Awesome 6 Pro';
	 font-size: 8px;
	 font-weight: 900;
	 display: block;
	 position: absolute;
	 top: 6px;
	 left: 0;
}
.block .nested .block{
    padding-bottom: 32px;
}
.block .nested .block:last-child{
    padding-bottom:0px;
}
 .block.white-bg, .block .white-bg {
	 background: #ffffff;
}
 .block.primary-bg, .block .primary-bg {
	 background: #2C2C2C;
}
 .block.primary-bg .heading, .block.primary-bg p, .block.primary-bg ul li, .block.primary-bg ol li, .block.primary-bg a:not(.button), .block .primary-bg .heading, .block .primary-bg p, .block .primary-bg ul li, .block .primary-bg ol li, .block .primary-bg a:not(.button) {
	 color: #ffffff;
}
 .block.primary-bg a:not(.button):hover, .block .primary-bg a:not(.button):hover {
	 color: #337ab7;
}
.bg-steel-texture{
    background-image: url('../jpg/steel-texture.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-light-gray{
    background: #F5F5F5;
}
.bg-blue-solid{
    background: #16478E;
}
.bg-blue-solid .richtext a{
    color: #EFB41B!important;
    text-decoration: none;
}
.bg-blue-solid .richtext a:hover{
    text-decoration: underline;
}
.block.bg-blue-solid {
    margin-top: 40px;
    margin-bottom: 40px;
}
.buckets .bucket{
    margin-bottom: 32px;
}
.bucket-tpl .bucket .bucket-inner {
    background: #16478E;
    padding: 20px;
    position: relative;
}
.bucket-tpl .bucket.view-all-products .bucket-inner{
    background: #EFB41B;
}
.bucket-tpl .bucket.view-all-products .bucket-inner h5{
    color: #16478E;
}
.bucket-tpl .bucket .bucket-inner .image {
    height: 60px;
    position: relative;
}
.bucket-tpl .bucket.view-all-products .bucket-inner a{
    background: #16478E;
    color: #EFB41B;
}
.bucket-tpl .bucket .bucket-inner img {
    height: 60px;
    position: absolute;
    right: 0;
    opacity: 0.5;
    transition: 0.2s opacity;
}
.bucket-tpl .bucket:hover .bucket-inner img{
    opacity: 1;
    transition: 0.2s opacity;
}
.bucket-tpl .bucket .bucket-inner .button {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #EFB41B;
    color: #16478E;
    height: 0px;
    width: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.2s all;
    margin: 0px!important;
}
@media(min-width: 991px){
    .bucket-tpl .bucket:hover .bucket-inner .button{
        height: 45px;
        width: 45px;
        opacity: 1;
        transition: 0.2s all;
    }
}
@media(max-width: 991px){
    .bucket-tpl .bucket .bucket-inner .button{
        opacity: 1;
    }
}
.bucket-tpl .bucket .bucket-inner h5 {
    color: #FFF;
    font-family: var(--font);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
    height: 50px;
    display: flex;
    align-items: center;
    padding-right: 35px;
}
.buckets.bucket-resource-tpl .bucket .bucket-inner {
    border: 1px solid #A1A4B1;
    background: #16478E;
    display: flex;
    align-items: center;
    padding: 16px 20px;
    justify-content: space-between;
}

.buckets.bucket-resource-tpl .bucket .bucket-inner i{
    color: #EFB41B;
    font-size: 24px;
}
.buckets.bucket-resource-tpl .bucket .bucket-inner h6 a{
    color: #fff;
}
.buckets.bucket-resource-tpl .bucket .bucket-inner:hover{
    background: #EFB41B;
}
.buckets.bucket-resource-tpl .bucket .bucket-inner:hover i{
    color: #16478E;
}
.buckets.bucket-resource-tpl .bucket .bucket-inner:hover h6 a{
    color: #3F3F3F;
}
.bucket-brand-cards .bucket:nth-child(odd) .bucket-inner .image .image-inner,
.bucket-brand-cards .bucket:nth-child(even) .bucket-inner .image .image-inner{
    position: relative;
}
.bucket-brand-cards .bucket {
    padding-bottom: 50px;
    padding-top: 50px;
}

.image-inner .brand-logo img {
    width: 150px;
}
.image-inner .brand-logo {
    background: #fff;
    position: absolute;
    left: 15px;
    top: 15px;
}
.image-inner {
    position: relative;
}
 .button {
	 font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 16px */
        letter-spacing: 0.96px;
        text-transform: uppercase;
    font-family: var(--font);
	 height: auto;
	 line-height: normal;
	 text-decoration: none;
	 display: inline-block;
	 text-align:center;
	 padding: 16px 24px;
	 color: #ffffff;
	 background: #2C2C2C;
	 border: none;
	 box-shadow: none;
	 border-radius: 0;
}
.richtext p .button{
    color: #fff;
    text-decoration: none;
}
.richtext p .button:hover{
    color: #fff!important;
}
.column .button:only-child{
    margin:0;
}
.column .button:not(:only-child){
   /*  margin:0 auto; */
}
.column .button:not(:only-child) {
    margin: 20px 0px;
    display: block;
    max-width: fit-content;
}
 .button:hover {
	 color: #ffffff;
	 background: #337ab7;
}
.primary-btn{
    color: var(--Text-Text-White, #FFF);
    background: #16478E;
}
.primary-btn:hover{
    background: #EFB41B;
    color: #3F3F3F;
}
.secondary-btn{
    background: #EFB41B;
    color: #3F3F3F;
    
}
.secondary-btn:hover{
    color: var(--Text-Text-White, #FFF);
    background: #16478E;
}
.text-btn{
    background: transparent;
    color: #4F4F4F;
}
.text-btn i{
    color: #E22726;
}
.text-btn:hover{
    background: transparent;
    color: #16478E;
    text-decoration: underline;
}
 #header {
	 
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 3;
	 background: #ffffff;
}

 #header.scrolling {
	 box-shadow: 0px 10px 24px rgba(0,0,0,0.1);
}
 #header #header-top .constrain {
	 display: flex;
	 flex-direction: row;
}
 #header #header-bottom .constrain {
	 display: flex;
	 flex-direction: row;
}
 #header #header-bottom .constrain .logo {
	 width: 200px;
}
#primary-toggle:not(.active) .closemenu{
    display:none;
}
#primary-toggle.active .openmenu{
    display:none;
}
#header #primary-toggle {
        padding-right: 20px;
        font-size: 30px;
    }
.bg-blue-texture {
    background-image: url(../jpg/blue-bg-texture.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-blue-solid .button,
.bg-blue-texture .button{
    color: #3F3F3F!important;
} 
.bg-blue-solid .button:hover,
.bg-blue-texture .button:hover{
    background: #FFF!important;
    color: #4F4F4F!important;
}
.bg-blue-solid .heading,
.bg-blue-solid p,
.bg-blue-solid h1,
.bg-blue-solid h2,
.bg-blue-solid h3,
.bg-blue-solid h4,
.bg-blue-texture p,
.bg-blue-texture h1,
.bg-blue-texture h2,
.bg-blue-texture h3,
.bg-blue-texture h4{
    color: #fff;
}


.watermark-bottom-right{
    background-position: bottom right;
}
.watermark-top-right{
    background-position: top right;
}
.contact-box .contact-item {
    display: flex;
    align-items: self-start;
    column-gap: 12px;
    margin-bottom: 12px;
}
.footer-col {
    width: 100%;
}
.box-content {
    background: #fff;
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.10);
    padding: 50px!important;
}
.contact-box-sb,
.featured-brand-image,
.border-left .image-single-inner,
.border-right .image-single-inner{
    position: relative;
}
.border-right{
    padding: 0px 15px 15px 0px;
}
.border-left{
    padding: 0px 0px 15px 15px;
}
.contact-box-sb{
    height: 460px;
}
.contact-box-sb img{
    position: absolute;
        bottom: 0;
    width: 100%;
}
.contact-box-sb.border-right:after,
.bucket-brand-cards .bucket:nth-child(even) .bucket-inner .image .image-inner:after,
.border-right .image-single-inner:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 15px;
    left: 15px;
    z-index: -1;
}

.bucket-brand-cards .bucket:nth-child(odd) .bucket-inner .image .image-inner:after,
.border-left .image-single-inner:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 15px;
    right: 15px;
    z-index: -1;
}

.bucket-brand-cards .bucket:nth-child(odd) .bucket-inner .image .image-inner:after{
    background: #EFB41B;
}

.contact-box-sb.border-right:after,
.bucket-brand-cards .bucket:nth-child(even) .bucket-inner .image .image-inner:after{
    background: #E22726;
}
/* .border-left.border-yellow .image-single-inner:after,
.border-right.border-yellow .image-single-inner:after{
    background: #EFB41B;
}
.border-left.border-red .image-single-inner:after,
.border-right.border-red .image-single-inner:after{
    background: #E22726;
} */
.box-content.border-right,
.container.border-right{
    position: relative;
}
.blog-item .img-wrapper:after{
    content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    bottom:0px;
    right: 0px;
    z-index: -1;
    background: #E22726;
    transition: 0.2s background;
}
.blog-item:hover .img-wrapper:after{
    background: #E22726;
    transition: 0.2s background;
}
.blog-item .img-wrapper img {
    transform: scale(1);
    
    position: absolute;
    height: 280px;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.2s all;
}
.blog-item:hover .img-wrapper img {
    transform: scale(1.15);
    left: -45px;
    top: -30px;
    transition: 0.2s all;
}
.blog-item .img-wrapper {
    position: relative;
    overflow: hidden;
    height: 280px;
}
.featured-brand-image:after,
.box-content.border-right.border-red:after,
.container.border-right.border-red:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 15px;
    left: 15px;
    z-index: -1;
    background: #E22726;
}
.rfq-banner *{
    color: #fff;
}
.rfq-banner .rfq-banner-content{
    height: 280px;
   /*  display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: left;
   align-items: stretch; */
   padding-top:35px;
}

#primary-toggle:not(.active) i.closemenu{
    display:none;
}
#primary-toggle.active i.openmenu{
    display:none;
}
 @media only screen and (min-width: 767px) and (max-width: 1199px),only screen and (max-width: 767px) {
	 #header nav {
		 display: none;
	}
	 #header #primary-toggle {
		 /* width: 60px;
		 height: 60px;
		 background: url(/assets/images/template/mobile-menu-icon.svg) no-repeat center center;
		 background-size: contain;
		 position: absolute;
		 right: 20px;
		 cursor: pointer; */
	}
	
	 #header #primary-toggle.active {
		 /* background-image: url(/assets/images/template/close.svg);
		 background-size: 60%; */
	}
}
 #footer {
	 clear: both;
}
 #footer #footer-top {
	 padding: 20px 0;
}
 #footer #footer-bottom {
	 color: var(--Text-Text-White, #FFF);
    font-family: var(--font)
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
	 padding: 20px 0;
}
 #footer #footer-bottom p > a{
      color: var(--Text-Text-White, #FFF);
    font-family: var(--font)
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
 }
.quick-contact-inner{
    padding: 50px;
}
.quick-contact-inner *{
    color: #fff;
}
.row.form-wrap {
    margin-top: 60px;
}
.filter-option{
    color: #4F4F4F!important;
}
.quick-contact-inner .row:first-child{
    position: relative;
}
.quick-contact-inner .row .fixed-right{
    position: absolute;
    right: -50px;
    width: 44%;
}
.table-responsive table thead td {
    background: #16478E !important;
}
.featured-brand-image {
    position: relative;
}
.featured-brand-image .brand-image {
    position: absolute;
    background: #fff;
    width: 25%;
    top: 20px;
    left: 20px;
}
.post-filter.post-categories {
    border: 1px solid #D3D4D8;
    background: #FFF;
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.10);
    padding: 25px;
}
.block form.search-form {
    border: 1px solid var(--UI-02, #D3D4D8);
    background: var(--Text-White, #FFF);
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.10);
    width: 100%;
    padding: 0;
    margin: 0;
}

.block form.search-form input {
    height: 50px;
    padding: 12px 25px;
}
.block form.search-form button.search-btn {
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
/*css override */
.logo-grid .col:hover img {
    transform: scale(1);
    transition: 0.2s transform;
}

.logo-grid .col img {
    transform: scale(0.85);
    transition: 0.2s transform;
}
.btn-default{
    border-color: transparent!important;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    margin-left: 0px!important;
}
div#fieldname19_1 {
    border: 1px solid var(--UI-Medium-Grey, #D3D4D8);
    background: var(--Text-Text-White, #FFF);
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.10);
}
#fieldname19_1 .fields:not(:first-child){
    padding: 20px;
}
p.calculated_weights {
    color: var(--Text-Text-White, #FFF);
    /* font-feature-settings: 'liga' off, 'clig' off; */
    font-family: var(--font);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    background: #16478E;
    padding: 15px 20px 16px 12px;
}
#distributors-container {
	 display: flex;
	 flex-wrap: wrap;
}
 #distributors-search {
	 width: 100%;
	 margin-bottom: 15px;
}
 #distributors-search h6 {
	 font-size: 18px;
	 line-height: 24px;
}
 #distributors-search .bootstrap-select {
	 width: 100%;
	 max-width: 600px;
}
 #distributors-search .bootstrap-select button {
	 padding: 0 15px;
	 background-color: white !important;
	 outline: 0 !important;
}
 #distributors-search .bootstrap-select .dropdown-menu {
	 border: 1px solid ;
}
 #distributors-search .bootstrap-select .caret {
	 top: 2px;
	 right: 25px;
}
 #distributors-search .bootstrap-select .caret:before {
	 font-size: 22px;
	 font-weight: normal;
}
.distributors-container{
    display: flex;
}
 .distributors-map-outer {
	 width: 75%;
}
.distributors-container .distributors{
    width: 25%;
    border: 1px solid var(--UI-Medium-Grey, #D3D4D8);
    background: var(--Text-Text-White, #FFF);
    
    /* Shadow/04 */
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.10);
    height: 660px;
    overflow-y: scroll;
}
 .distributors-map {
	 width: 100%;
	 height: 660px;
	 margin-bottom: -60px;
}
 .distributors-map .jvectormap-container {
	 height: 100%;
	 background-color: white !important;
}
/* .locations:not(.uae-location) .location-item{
    display: none;
} */
.sorted .location-item:not(.active) {
    display: none;
}
.locations:not(.uae-location) .location-item.active{
    display: block;
}
.distributors-map svg {
	 height: 100%;
}
.distributors-map svg path[data-code="US-AK"], 
.distributors-map svg path[data-code="US-HI"] {
	 display: none;
}
.distributors-map .jvectormap-zoomin,
.distributors-map .jvectormap-zoomout {
    /* display: none; */
    position: absolute;
    top: 0;
    background: #16478E;
    color: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.distributors-map .jvectormap-zoomout {
    left: 40px;
}
.distributors-map .jvectormap-zoomin:hover,
.distributors-map .jvectormap-zoomout:hover{
    background-color: #EFB41B !important;
    color: #4F4F4F;
}
/* .jvectormap-marker{
    width: 15px;
    height: 15px;
} */
 #distributors {
	 width: 25%;
	 max-width: 270px;
	 margin-left: auto;
	 display: none;
}
 #distributors .title {
	 font-weight: 700;
	 font-size: 20px;
	 line-height: 24px;
	 letter-spacing: 0.08em;
	 text-transform: uppercase;
	 color: white;
	 padding: 15px 25px 15px 15px;
	 background-color: ;
}
 #distributors .distributor {
	 background-color: ;
	 padding: 20px 15px 25px 15px;
	 border-top: 1px solid ;
	 display: none;
}
 #distributors .distributor.active {
	 display: block;
}
 #distributors h5 {
	 font-weight: 700;
	 font-size: 18px;
	 line-height: 24px;
	 letter-spacing: 0;
	 color: ;
	 margin: 0 0 3px 0;
}
 #distributors p {
	 padding-left: 20px;
	 position: relative;
}
 #distributors p:before {
	 font-family: ;
	 content: '\f3c5';
	 color: ;
	 position: absolute;
	 top: 0;
	 left: 0;
	 font-weight: bold;
}
 #distributors .button {
	 margin-top: 15px;
}
.resource-item {
    color: var(--Text-Text-Grey, #4F4F4F);
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.32px;
    
    border-bottom: 1px solid #DBDCE3;
    padding-top: 16px;
    padding-bottom: 16px;
}
.resource-item:hover,
.resource-item:hover i{
    color: #e22727;
}
.resource-item i{
    color: #16478E;
    font-size: 20px;
}
.resource-sb ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.resource-item:first-child{
    border-top: 1px solid #DBDCE3;
}
.resource-sb ul li a {
    color: var(--Text-Text-Grey, #4F4F4F);
    /* font-feature-settings: 'liga' off, 'clig' off; */
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.32px;
    padding: 10px 10px;
    display: block;
    position: relative;
}
.resource-sb ul li a:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    background: #DBDCE3;
    top: 0;
}
.resource-sb ul li.active a:before,
.resource-sb ul li a:hover:before{
    width: 2px;
    background: #EFB41B;
}
.locations{
    width: 25%;
    border: 1px solid var(--UI-Medium-Grey, #D3D4D8);
    background: var(--Text-Text-White, #FFF);
    
    /* Shadow/04 */
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.10);
    height: 560px;
    overflow-y: scroll;
}
/* Hide scrollbar for Chrome, Safari and Opera */

.locations .title {
    color: var(--Text-Text-White, #FFF);
    font-family: var(--font);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 10px 25px;
    background: #16478E;
}
.location-item{
    padding: 25px;
    border-bottom: 1px solid #D3D4D8;
}
.location-item h5 {
    color: var(--Text-Text-Grey, #4F4F4F);
    font-family: var(--font);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.location-item .location-data p{
    color: var(--Text-Text-Grey, #4F4F4F);
    font-family: var(--font)
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
}
.tab-content>.tab-pane:not(.active) {
    padding: 0;
    display: block;
    height: 0;
    overflow-y: hidden;
}
.map-key {
    max-width: 75%;
    margin: 0px auto;
}

.map-key ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    /* display: flex; */
    column-count: 3;
}
.map-key ul li {
    margin-bottom: 10px;
}

.map-key ul i {
    padding-right: 9px;
}
.tabbed-content:not(.timeline-wrapper) ul.nav-tabs li a {
    background-color: #16478E;
    color: var(--Text-Text-White, #FFF);
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}
.tabbed-content:not(.timeline-wrapper) ul.nav-tabs li a:hover,
.tabbed-content:not(.timeline-wrapper) ul.nav-tabs li.active a {
    background-color: #EFB41B!important;
    color: #4F4F4F;
}
#home-banner video {
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    object-fit: cover;
    height: 100%;
    /* width: 100%; */
}
#home-banner .caption .button{
    display: inline-block;
}
#home-banner .caption a:last-child {
    margin-left: 25px;
}
#home-banner .fancybox i {
    color: #EFB41B;
}
#home-banner .fancybox span {
    position: relative;
}
#home-banner .fancybox span:after {
    content: '';
    height: 2px;
    width: 100%;
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -3px;
}
.cta-mobile {
    display: flex;
    width: 100%;
}
.cta-mobile a {
    display: block;
    padding: 5px;
    background: #16478E;
    width: 50%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}
.cta-mobile a:first-child:after{
    content: '';
    background: #fff;
    width: 1px;
    height: 100%;
    position: absolute;
    right:0;
    top:0;
}
a#back-top {
    position: absolute;
    bottom: -20px;
    background: #EFB41B;
    width: 80px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 5px 10px;
    color: var(--Text-Text-Black, #3F3F3F);
    text-align: center;
    /* font-feature-settings: 'liga' off, 'clig' off; */
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.32px;
}
#back-top:hover{
    background: #E22726;
    color: #fff;
}
.timeline-wrapper .tab-pane .column:first-child{
    position: relative;
}
.timeline-wrapper:not(.vertical-timeline) .tab-pane .column:first-child:before {
    content: attr(data-title);
    color: rgba(226, 39, 38, 0.05);
    text-align: right;
    /* font-feature-settings: 'liga' off, 'clig' off; */
    font-family: var(--font);
    font-size: 120px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
}
.timeline-wrapper.vertical-timeline .tab-pane::before{
   /* content: attr(data-title);
    color: rgba(226, 39, 38, 0.6);
    text-align: right;
   
    font-family: var(--font);
    font-size: 120px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0; */
}
div#home-banner:before {
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#home-banner .fancybox{
    color: var(--Text-Text-White, #FFF);
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 16px */
    letter-spacing: 0.96px;
    text-transform: uppercase;
}
.pdf-ctas {
    margin-top: 0px !important;
}
.column .button:last-child {
    margin-top: 24px;
}
.column .button + .button{
    margin-top: 0px;
}
.contain-column-right .w40 {
    padding-left: 0px !important;
}
body:not(.page-1) .row.blog-posts-container {
    border-bottom: 1px solid #D3D4D8;
    padding-bottom: 50px;
}
.blog-item:hover h4 a {
    color: #16478E;
    text-decoration: underline;
}
.latest-posts {
    border: 1px solid var(--UI-Medium-Grey, #D3D4D8);
    background: var(--Text-Text-White, #FFF);
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.10);
    padding: 25px;
}
.latest-post h5{
    color: #16478E;
}
.post-entry .latest-post  .post-info {
    margin-bottom: 12px!important;
}
.footer-blog-links {
    padding-top: 20px;
    border-top: 1px solid #D3D4D8;
    margin-top: 30px;
}

.footer-blog-links a span {
    display: block;
    color: var(--Text-Text-Grey, #4F4F4F);
    font-family: var(--font);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.footer-blog-links a:hover span {
    color: #16478E!important;
}
.footer-blog-links a:last-child {
    text-align: right;
}

.footer-blog-links a:first-child {
    text-align: left;
}
.footer-blog-links a {
    display: flex;
    flex-direction: column;
    width: 300px;
}
.footer-gallery .col:hover img {
    transform: scale(1.0);
    transition: 0.2s all;
}

.footer-gallery .col img {
    transform: scale(0.97);
    transition: 0.2s all;
}
.contact-box-sb  address,
.contact-box-sb  a{
    color: #fff;
}
.tab-pane .image-single-inner{
    margin:0;
}
footer a:not(#back-top):hover {
    text-decoration: underline;
}
.team-inner {
    padding: 0px 20px;
    cursor: pointer;
}
.team-inner .image {
    height: 270px;
    background: #16478E;
    position: relative;
}
.team-inner .image img {
    /* height: 250px; */
    width: 200px;
    object-fit: initial;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 250px;
    display: block;
}
/* Lightbox Background */
#lightbox {
    display: none; /* Initially hidden */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Dark semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.4s ease; /* Smooth fade-in effect */
    opacity: 0;
    overflow: hidden; /* Hide scrollbars */
    z-index: -1;
}

/* Lightbox shown state */
#lightbox.show {
    display: flex;
    opacity: 1; /* Visible state */
    z-index: 4;
}

/* Lightbox Content */
.lightbox-inner {
    background-color: white;
    padding: 0px;
    border-radius: 5px;
    width: 60%;
    max-width: 950px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: scale(0.8) translate(-50%, -50%); /* Start slightly smaller */
    transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth zoom-in effect */
    display: flex;
}

/* Lightbox content when shown */
.lightbox.show .lightbox-inner {
    transform: scale(1); /* Full size */
    transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth zoom-in effect */
}

/* Close Button */
#lightbox .close-lightbox {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* Close button hover effect */
#lightbox .close:hover {
    color: #000;
}

/* Text inside the lightbox */
#lightbox-name, #lightbox-title {
    margin: 10px 0;
}

#lightbox-caption p {
    margin-top: 15px;
    line-height: 1.6;
}
.team-inner .caption{
    display: none;
}
.lightbox-image img {
    position: relative;
    bottom: -20px;
}
.lightbox-image {
    width: 30%;
    background: #16478E;
    position: relative;
    overflow: hidden;
}
.lightbox-content {
    width: 70%;
    padding: 20px 36px;
}
/* .lightbox-inner {
    background: #fff;
    max-width: 600px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
} */
div#lightbox-name {
    font-size: 32px;
    font-weight: 700;
}
div#lightbox-title {
    font-size: 22px;
    font-weight: 500;
}
div#lightbox-caption {
    font-size: 20px;
}
.panel-group .panel {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.10);
}
.panel-group .panel-heading a {
    color: var(--Brand-Blue, #16478E);
    font-family: var(--font);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.panel-default>.panel-heading {
    background: transparent;
    border-color: #fff !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fff !important;
    border-bottom: 4px solid #EFB41B;
}
body:not(.page-33) .tabbed-content:not(.timeline-wrapper) .tab-content{
    border: 1px solid var(--UI-Medium-Grey, #D3D4D8);
    background: var(--Text-Text-White, #FFF);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.10);
}
.border-right, .border-left{
    position: relative;
    overflow: hidden;
}
.border-yellow:after {
    content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    background: #EFB41B;
    
    z-index: -1;
}
.border-left.border-red:after,
.border-left.border-yellow:after{
    left: -10px;
    bottom: 0px;
}
.border-red:after {
    content: '';
    position: absolute;
    height: 95%;
    width: 95%;
    background: #E22726;
    
    z-index: -1;
}
.border-right.border-yellow:after,
.border-right.border-red:after{
    right: -10px;
    bottom: 0px;
}
.bucket-brand-cards .content-inner .button {
    display: inline-block;
}
.contact-box .contact-item a{
    color: #fff!important;
}

.contact-box .contact-item a:hover{
    color:#EFB41B!important;
    text-decoration: underline;
}
.column .button-group .button,
.column .button-group .button:last-child{
    margin: 0!important;
}
.footer-col .contact-item a{
    color:var(--Text-Text-Grey, #4F4F4F)!important;
}
.vertical-timeline ul{
    display: none!important;
 }
 .vertical-timeline .tab-content .tab-pane {
      opacity: 1;
      display: block;
      height: auto;
      position: relative;
  }
 form#quickContact select option {
    color: #000!important;
}
@media(min-width: 1199px){
    .resource-sb {
        position: sticky;
        top: 150px;
    }
    .vertical-timeline .tab-content .tab-pane .block .column {
         padding: 40px 0px;
     }
}
@media(min-width: 767px){
   
    .tabbed-content.timeline-wrapper li a {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 40px;
        color: var(--Text-Text-Grey, #4F4F4F);
        text-align: center;
        /* font-feature-settings: 'liga' off, 'clig' off; */
        font-family: var(--font);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0.96px;
        text-transform: uppercase;
    }
    .tabbed-content.timeline-wrapper li a:hover::before,
    .tabbed-content.timeline-wrapper li.active a::before {
        border: 1px solid #E22726;
    }
    .tabbed-content.timeline-wrapper li a:before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index:1;
    }
    .timeline-wrapper ul {
        display: flex;
        justify-content: space-between;
    }
    .timeline-wrapper ul li {
    /* width: auto; */
        display: block;
        flex-grow: 1;
    }
    .tabbed-content.timeline-wrapper li a:hover:after,
    .tabbed-content.timeline-wrapper li.active a::after {
        background: #E22726;
    }
    .tabbed-content.timeline-wrapper li:hover a,
    .tabbed-content.timeline-wrapper li.active a{
        color: #E22726;
    }
    .tabbed-content.timeline-wrapper li a:after {
        display: block;
        content: '';
        width: 20px;
        height: 20px;
        background: #D3D4D8;
        border-radius: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 8%;
        z-index: 2;
    }
    .tabbed-content.timeline-wrapper .nav-tabs{
        border-bottom: none!important;
    }
    .tabbed-content.timeline-wrapper .nav-tabs>li.active>a,
    .tabbed-content.timeline-wrapper .nav-tabs>li.active>a:focus,
    .tabbed-content.timeline-wrapper .nav-tabs>li.active>a:hover{
        border:none!important;
    }
    .tabbed-content.timeline-wrapper .nav>li>a:focus, .nav>li>a:hover{
        border-color: none!important;
    }
    .tabbed-content.timeline-wrapper .nav>li>a:focus, .nav>li>a:hover{
        background: transparent!important;
    }
    .tabbed-content.timeline-wrapper .nav-tabs>li>a{
        border: none!important;
    }
    .tabbed-content.timeline-wrapper .nav-tabs li:after {
        content: '';
        position: absolute;
        height: 2px;
        background: #D3D4D8;
        width: 100%;
        bottom: 14px;
    }
    .tabbed-content.timeline-wrapper .tab-content{
        padding: 32px 0px;
    }
    
   
    
    .vertical-timeline .tab-content .tab-pane:nth-child(even) .block .column:first-child{
       order: 1;
       padding-right: 90px!important;
         text-align: right;
    }
    .vertical-timeline .tab-content .tab-pane:nth-child(even) .block .column:last-child{
       order: 2;
    }
    .vertical-timeline .tab-content .tab-pane:nth-child(odd) .block .column:first-child{
        order: 2;
        padding-left: 50px!important;
     }
     .vertical-timeline .tab-content .tab-pane .block .column:last-child:before {
         content: '';
         display: block;
         width: 30px;
         height: 30px;
         background: #fff;
         background: #E22726;
           border: 4px solid #fff;
           border-radius: 100%;
           position: absolute;
           left: 50%;
           transform: translate(-50%, -50%);
           top: 50%;
           z-index: 2;
           padding: 3px;
           outline: 1px solid #e22726;
     }
     .vertical-timeline .tab-content .tab-pane .block .column:last-child:after {
         content: '';
         width: 1px;
         height: 100%;
         background: #868686;
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
     }
}
@media(min-width: 991px){
    .bg-watermark-landing{
        background-image: url('../png/triple-s-watermark-landing.png');
        background-repeat: no-repeat;
        background-size: inherit;
    }
    .bg-watermark{
        background-image: url('../png/triple-s-watermark.png');
        background-repeat: no-repeat;
        background-size: inherit;
    }
   .bucket-brand-cards .bucket:nth-child(even) .bucket-inner .content{
        order:1;
    }
    .bucket-brand-cards .bucket:nth-child(even) .bucket-inner .image{
        order:2;
    } 
    .bucket-brand-cards .bucket:nth-child(even) .content {
        padding-right: 40px;
    }
    .bucket-brand-cards .bucket:nth-child(odd) .content {
        padding-left: 40px;
    }
    .rfq-banner img{
        position: absolute;
        right: 0;
        bottom: 0;
        height: 250px;
    }
   
}
@media(min-width: 767px) and (max-width: 1199px){
    .tabbed-content.timeline-wrapper li a:after{
        bottom: 7%;
    }
}
@media(max-width: 1199px){
    .home-hero-banner .column{
        padding: 0px!important;
    }
    .home-hero-banner .caption{
        padding: 0px 20px!important;
    }
    #home-banner, #home-banner .slide, #home-banner .constrain{
        height: 500px;
    }
    .column .button:last-child {
        margin-top: 12px;
    }
    .distributors-map .jvectormap-zoomout {
        left: 60px;
    }
    .pdf-ctas .button-group{
        justify-content: center;
    }
}
@media(max-width: 991px){
    .bucket-brand-cards .bucket .content {
        padding-top: 40px;
    }
    .distributors-container{
        flex-wrap: wrap;
    }
    .distributors-map-outer,
    .locations{
        width: 100%;
    }
    .quick-contact-inner .row .fixed-right{
        display: none;
    }
    #home-banner .caption{
        width: 100%;
    }
        .rfq-banner img {
        position: absolute;
        width: 320px;
        height: auto;
        bottom: 0;
        right: 0;
    }
    .lightbox-image {
        display: none;
    }
    .lightbox-content {
        width: 100%;
    }
}
@media(max-width: 767px){
    .block{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .block.has-bg,
   .block.has-bg + .block, .block.column-has-bg + .block{
        padding-top: 20px;
    }
    .buckets{
        margin: 0px 0px;
    }
    .column .button:not(:only-child){
        margin: 20px 0px 0px 0px;
    }
    .timeline-wrapper.vertical-timeline .tab-pane .column:first-child {
        position: relative;
        padding-left: 70px !important;
    }
    .vertical-timeline .tab-content .tab-pane .block .column:last-child:before {
          content: '';
          display: block;
          width: 30px;
          height: 30px;
          background: #fff;
          background: #E22726;
            border: 4px solid #fff;
            border-radius: 100%;
            position: absolute;
            left: 5px;
              transform: translate(0, -50%);
              top: 50%;
              z-index: 2;
              padding: 3px;
              outline: 1px solid #e22726;
      }
      .vertical-timeline .tab-content .tab-pane .block .column:last-child:after {
           content: '';
           width: 1px;
           height: 100%;
           background: #868686;
           position: absolute;
           left: 20px;
           top: 50%;
           transform: translate(0px, -50%);
       }
    
}
@media(max-width: 767px){
    .bucket-tpl .bucket .bucket-inner{
        padding: 0px 20px;
    }
    #home-banner, #home-banner .slide, #home-banner .constrain{
        height: 400px;
    }
    .footer-col {
        text-align: center;
    }
    #home-banner .caption a:last-child{
        margin-left: 0px;
        margin-top: 20px;
        display: block;
    }
    .bucket-tpl .bucket .bucket-inner .image,
    .bucket-tpl .bucket .bucket-inner img{
        display: none;
    }
    .buckets.bucket-resource-tpl .bucket{
        margin-bottom: 15px;
    }
    .rfq-banner .rfq-banner-content{
        height: auto;
    }
    .rfq-banner .rfq-banner-content .heading{
        line-height: 30px;
    }
    .button{
        font-size: 14px;
    }
     .rfq-banner img{
        
        position: relative;
           width: 100%;
        height: auto;
        bottom: -15px;
        right: -10px;
    }
    .testimonial-item img{
        left: 20px;
    }
    .quote {
        padding: 0px 20px 0px 40px;
    }
    .forms .input-group{
        padding-top: 0px;
        margin-top: 10px;
    }
    .forms .input-group:first-child{
        margin-top: 0px!important;
    }
    .forms label{
        margin-bottom: 0px;
    }
    .distributors-map {
        width: 100%;
        height: 320px;
        margin-bottom: 0px;
    }
    .map-key ul {
        column-count: 2;
    }
    .map-key{
        width: 100%;
    }
    .distributors-map .jvectormap-zoomout{
        left: 60px;
    }
    .row.form-wrap{
        margin-top: 18px;
    }
    a#back-top{
            position: relative;
        width: 100%;
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        background: #16478E;
        color: #fff;
    }
    .footer-col .contact-box{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}