body {
	 font-weight: 400;
	 font-size: 15px;
	 line-height: 24px;
	 letter-spacing: 0.3px;
	 font-family: var(--poppins);
	 color: var(--black);
	 background-color: transparent;
	 padding-top: 156px;
	 margin: 0 !important;
	 overflow-x: hidden;
}
 @media only screen and (min-width: 1199px) {
	 body a[href^="tel:"] {
		 text-decoration: none;
	}
}
.fancybox-button:before{
  /*  content: '\58'!important;
  font-family: 'Font Awesome 6 Pro';
  top: 10%;
  border: none!important; */
}
 body .fauxlink {
	 cursor: pointer;
}
 body a {
	 color: var(--black);
}
 body a:focus, body input:focus {
	 outline: none;
}
 body .block p a {
	 color: var(--lightblue);
	 font-weight: 700;
	 text-decoration: none;
}
 body .richtext {
	 color: var(--textgrey);
}
 body .richtext a:not(.button) {
	 color: var(--lightblue);
	 font-weight: 700;
	 text-decoration: none;
}
 body .richtext a:not(.button):hover {
	 color: var(--textgrey);
	 text-decoration: underline;
}
 body .richtext ul {
	 padding-left: 15px;
	 margin-bottom: 20px;
	 list-style: none;
}
 body .richtext ul li {
	 padding: 2px 0 2px 18px;
	 position: relative;
}
 body .richtext ul li:before {
	 color: var(--lightblue);
	 content: "\f111";
	 font-family: 'Font Awesome 6 Pro';
	 font-size: 6px;
	 font-weight: 900;
	 position: absolute;
	 left: 0;
	 top: 3px;
}
 body .richtext ul li ul {
	 margin: 10px 0;
}
 body .richtext ol {
	 padding-left: 15px;
	 margin-bottom: 20px;
	 counter-reset: item;
}
 body .richtext ol li {
	 display: flex;
}
 body .richtext ol li:before {
	 content: counter(item) ". ";
	 counter-increment: item;
	 color: var(--lightblue);
	 margin-right: 10px;
}
 body ul.fancy {
	 padding-left: 15px;
	 margin-bottom: 20px;
	 list-style: none;
	 color: var(--textgrey);
}
 body ul.fancy li {
	 padding: 2px 0 2px 18px;
	 position: relative;
}
 body ul.fancy li:before {
	 color: var(--lightblue);
	 content: "\f111";
	 font-family: 'Font Awesome 6 Pro';
	 font-size: 6px;
	 font-weight: 900;
	 position: absolute;
	 left: 0;
	 top: 3px;
}
 body ul.fancy li ul {
	 margin: 10px 0;
}
 body:not(#id-1):not(.tpl-11) #content-wrap {
	 background-image: url(/assets/images/template/ips-bg-texture-top-right.webp);
	 background-repeat: no-repeat;
	 background-position: top right;
	 background-size: 100% auto;
}
 body #content-wrap #main-content>.block-1.no-bg {
	 padding-top: 0;
}
 .block.bg-white, .block .bg-white {
	 background: var(--white);
}
 .block.bg-black, .block .bg-black {
	 background: var(--black);
}
 .block.bg-black .heading, .block.bg-black p, .block.bg-black ul li, .block.bg-black ol li, .block.bg-black a:not(.button), .block .bg-black .heading, .block .bg-black p, .block .bg-black ul li, .block .bg-black ol li, .block .bg-black a:not(.button) {
	 color: var(--white);
}
 .block.bg-black a:not(.button):hover, .block .bg-black a:not(.button):hover {
	 color: var(--lightblue);
}
 .block.bg-gradient, .block .bg-gradient {
	 background: var(--gradientBlueYellow);
}
 .block.bg-darkblue-gradient, .block .bg-darkblue-gradient {
	 background: var(--gradientDarkBlue);
}
 .block.bg-darkblue-gradient .heading, .block.bg-darkblue-gradient p, .block.bg-darkblue-gradient ul li, .block.bg-darkblue-gradient ol li, .block.bg-darkblue-gradient a:not(.button), .block .bg-darkblue-gradient .heading, .block .bg-darkblue-gradient p, .block .bg-darkblue-gradient ul li, .block .bg-darkblue-gradient ol li, .block .bg-darkblue-gradient a:not(.button) {
	 color: var(--white);
}
 .block.bg-darkblue-gradient a:not(.button):hover, .block .bg-darkblue-gradient a:not(.button):hover {
	 color: ;
}
 .block.bg-wave-texture, .block .bg-wave-texture {
	 background: url(/assets/images/template/bg-wave-texture.webp) no-repeat center;
	 background-size: cover;
}
 .block.bg-texture-bottomright, .block .bg-texture-bottomright {
	 background: url(/assets/images/template/bg-texture-bottomright.webp) no-repeat bottom right;
	 background-size: 100% auto;
}
 .block.bg-dark-image .heading, .block.bg-dark-image p, .block.bg-dark-image ul li, .block.bg-dark-image ol li, .block.bg-dark-image a:not(.button), .block.bg-dark-image a.button.simple-arrow-btn, .block .bg-dark-image .heading, .block .bg-dark-image p, .block .bg-dark-image ul li, .block .bg-dark-image ol li, .block .bg-dark-image a:not(.button), .block .bg-dark-image a.button.simple-arrow-btn {
	 color: var(--white);
}
 .block.bg-image-overlay, .block .bg-image-overlay {
	 position: relative;
	 z-index: 0;
}
 .block.bg-image-overlay:before, .block .bg-image-overlay:before {
	 content: "";
	 width: 100%;
	 height: 100%;
	 background: radial-gradient(44.94% 34.01% at 0.88% 0%,rgba(245,201,0,0.35) 0%,rgba(245,201,0,0) 100%), radial-gradient(62.83% 37.62% at 103.28% 100%,rgba(0,139,254,0.35) 0%,rgba(0,139,254,0) 100%), linear-gradient(0deg,rgba(2,46,77,0.4) 0%,rgba(2,46,77,0.4) 100%);
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: -1;
}
 .block.bg-image-overlay .heading, .block.bg-image-overlay p, .block.bg-image-overlay ul li, .block.bg-image-overlay ol li, .block.bg-image-overlay a:not(.button), .block.bg-image-overlay a.button.simple-arrow-btn, .block .bg-image-overlay .heading, .block .bg-image-overlay p, .block .bg-image-overlay ul li, .block .bg-image-overlay ol li, .block .bg-image-overlay a:not(.button), .block .bg-image-overlay a.button.simple-arrow-btn {
	 color: var(--white);
}
 .block .nested.shadowbox {
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 background: var(--gradientBlueYellow);
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
	 /* overflow: hidden; */
	 padding: 30px 50px;
}
 @media(max-width: 767px) {
	 .block .nested.shadowbox {
		 padding: 30px;
	}
	input,
    textarea,
    select,
    label {
      touch-action: manipulation;
    }
    form,
    .form,
    .form-wrapper {
      touch-action: pan-y;
    }
    * {
      -webkit-overflow-scrolling: touch;
    }
}
 .button {
	 font-size: 16px;
	 font-weight: 500;
	 text-align: center;
	 text-transform: uppercase;
	 letter-spacing: 0.96px;
	 height: auto;
	 line-height: normal;
	 text-decoration: none;
	 display: inline-block;
	 margin: 0 auto;
	 padding: 8px 24px;
	 color: var(--white);
	 background: var(--darknavy);
	 border: none;
	 box-shadow: none;
	 border-radius: 50px;
}
 .button:hover {
	 color: var(--white);
	 background: var(--blue);
}
 .button.yellow-btn {
	 color: var(--black);
	 background: var(--yellow);
}
 .button.yellow-btn:hover {
	 color: var(--white);
	 background: var(--blue);
}
 .button.lightblue-btn {
	 color: var(--white);
	 background: var(--lightblue);
}
 .button.lightblue-btn:hover {
	 color: var(--white);
	 background: var(--blue);
}
 .button.simple-arrow-btn {
	 font-family: var(--raleway);
	 font-size: 16px;
	 font-weight: 600;
	 line-height: 120%;
	 letter-spacing: 0.64px;
	 padding: 0 25px 0 0;
	 color: var(--black);
	 background: none;
	 text-transform: capitalize;
	 position: relative;
}
 .button.simple-arrow-btn:after {
	 content: "\e09f";
	 font-family: var(--fontawesome);
	 position: absolute;
	 right: 2px;
	 top: 0;
	 color: var(--yellow);
	 font-weight: 300;
	 transition: all 0.2s;
}
 .button.simple-arrow-btn.blue-arrow:after {
	 color: var(--lightblue);
}
 .button.simple-arrow-btn:hover {
	 color: inherit;
}
 .button.simple-arrow-btn:hover:after {
	 right: 0;
	 top: -2px;
}
 .button + .button {
	 margin-left: 20px;
}
 .block .column.w25 .button + .button, .block .column.w33 .button + .button {
	 margin-top: 20px;
	 margin-left: 0;
}
 #header {
	 height: 156px;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 3;
	 background: var(--white);
	 box-shadow: 0px 10px 24px 0px rgba(0,136,204,0.08);
}
 #header #header-top {
	 background: var(--darknavy);
}
 #header #header-top .constrain {
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-end;
	 align-items: center;
	 padding: 5px 0;
}
 #header #header-top .constrain #global-nav {
	 display: flex;
	 flex-direction: row;
	 column-gap: 80px;
}
 #header #header-top .constrain #global-nav li a {
	 color: var(--white);
	 text-decoration: underline;
}
 #header #header-top .constrain #global-nav li:hover>a {
	 color: var(--lightblue);
	 text-decoration: none;
}
 #header a.tel {
	 font-size: 16px;
	 font-weight: 500;
	 line-height: 100%;
	 letter-spacing: 0.96px;
	 text-transform: uppercase;
}
 #header a.tel i {
	 color: var(--lightblue);
	 font-size: 20px;
	 font-weight: 900;
	 margin-right: 5px;
}
 #header a.rfq-btn {
	 margin: 0;
}
 #header #header-bottom .header-bottom-top {
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 column-gap: 40px;
	 padding: 14px 0;
	 border-bottom: 1px solid #D7EBFC;
	 position: relative;
}
 #header #header-bottom .header-bottom-top a.logo {
	 width: 250px;
	 position: absolute;
	 left: 0;
}
 #header #header-bottom .header-bottom-top .madeinus {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 column-gap: 10px;
}
 #header #header-bottom .header-bottom-top .madeinus img {
	 height: 26px;
}
 #header #header-bottom .header-bottom-top .madeinus span {
	 opacity: 0.5;
	 font-size: 12px;
	 font-weight: 400;
	 line-height: 103%;
	 letter-spacing: 1.247px;
	 text-transform: uppercase;
}
 #header #header-bottom .header-bottom-bottom {
	 padding: 17px 0;
}
 @media only screen and (min-width: 767px) and (max-width: 1199px),only screen and (max-width: 767px) {
	 #header #header-top .constrain #global-nav, #header .search-container, #header nav {
		 display: none;
	}
	 #header #header-top .constrain {
		 padding: 12px 20px;
		 column-gap: 40px;
	}
	 #header #header-top .constrain a.tel {
		 color: var(--white);
	}
	 #header #header-bottom .header-bottom-top {
		 border-bottom: none;
	}
	 #header #header-bottom .header-bottom-bottom {
		 padding: 0;
	}
	 #header #primary-toggle {
		 width: 60px;
		 height: 60px;
		 background: url(/assets/images/template/mobile-menu-icon.svg) no-repeat center center;
		 background-size: contain;
		 cursor: pointer;
	}
	 #header #primary-toggle.active {
		 background-image: url(/assets/images/template/close.svg);
		 background-size: 60%;
	}
}
 @media only screen and (max-width: 767px) {
	 #header #header-top .constrain {
		 column-gap: 20px;
		 padding: 17px 20px;
	}
	 #header #header-top .constrain a.tel {
		 font-size: 13px;
	}
	 #header #header-top .constrain a.tel i {
		 font-size: 16px;
	}
	 #header #header-top .constrain a.rfq-btn {
		 font-size: 13px;
		 padding: 8px 10px 4px;
	}
	 #header #header-bottom .header-bottom-top .madeinus {
		 display: none;
	}
	 #header #header-bottom .header-bottom-bottom {
		 padding: 0;
	}
}
 .bucket-tpl .bucket-inner {
	 height: 400px;
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 background: var(--gradientBucket);
	 position: relative;
	 overflow: hidden;
}
 .bucket-tpl .bucket-inner .content {
	 align-items: center;
	 text-align: center;
	 padding: 20px 10%;
	 position: relative;
	 transition: all 0.4s;
}
 .bucket-tpl .bucket-inner .content:before {
	 content: "";
	 width: 100%;
	 height: 63%;
	 border-radius: 24px;
	 background: linear-gradient(180deg,rgba(248,251,254,0.72) 20.09%,rgba(248,251,254,0) 64.67%);
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 transition: all 0.4s;
}
 .bucket-tpl .bucket-inner .content img {
	 max-height: 227px;
}
 .bucket-tpl .bucket-inner .content p {
	 color: var(--textgrey);
}
 .bucket-tpl .bucket-inner a.button {
	 position: absolute;
	 bottom: -40px;
	 left: 50%;
	 width: 160px;
	 margin-left: -80px;
	 opacity: 0;
	 transition: all 0.4s;
}
 @media only screen and (min-width: 1199px) {
	 .bucket-tpl .bucket:hover .content {
		 padding-top: 0;
		 margin-top: -35px;
	}
	 .bucket-tpl .bucket:hover .content:before {
		 opacity: 1;
	}
	 .bucket-tpl .bucket:hover a.button {
		 bottom: 30px;
		 opacity: 1;
	}
}
 @media only screen and (min-width: 767px) and (max-width: 1199px),only screen and (max-width: 767px) {
	 .bucket-tpl .bucket-inner {
		 height: 100%;
	}
}
 .bucket-small-tpl .bucket-inner {
	 height: 209px;
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 background: var(--gradientBucket);
	 position: relative;
	 overflow: hidden;
}
 .bucket-small-tpl .bucket-inner .content {
	 align-items: center;
	 text-align: center;
	 padding: 20px;
	 position: relative;
	 transition: all 0.4s;
}
 .bucket-small-tpl .bucket-inner .content h5 {
	 height: 50px;
	 display: flex;
	 align-items: center;
}
 .bucket-small-tpl .bucket-inner .content:before {
	 content: "";
	 width: 100%;
	 height: 63%;
	 border-radius: 24px;
	 background: linear-gradient(180deg,rgba(248,251,254,0.72) 20.09%,rgba(248,251,254,0) 64.67%);
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 transition: all 0.4s;
}
 .bucket-small-tpl .bucket-inner .content img {
	 max-height: 120px;
}
 .bucket-small-tpl .bucket-inner .content p {
	 color: var(--textgrey);
}
 .bucket-small-tpl .bucket-inner a.button {
	 position: absolute;
	 bottom: -40px;
	 left: 50%;
	 width: 160px;
	 margin-left: -80px;
	 opacity: 0;
	 transition: all 0.4s;
}
 @media only screen and (min-width: 1199px) {
	 .bucket-small-tpl .bucket:hover .content {
		 padding-top: 0;
		 margin-top: -35px;
	}
	 .bucket-small-tpl .bucket:hover .content:before {
		 opacity: 1;
	}
	 .bucket-small-tpl .bucket:hover a.button {
		 bottom: 15px;
		 opacity: 1;
	}
}
 .bucket-detail-tpl .bucket-inner {
	 height: 145px;
	 border-radius: 24px;
	 border: 1px solid transparent;
	 overflow: hidden;
	 position: relative;
}
 .bucket-detail-tpl .bucket-inner .image {
	 width: 100%;
	 height: 100%;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 position: relative;
	 z-index: 0;
}
 .bucket-detail-tpl .bucket-inner .image:before {
	 content: "";
	 width: 100%;
	 height: 100%;
	 background: radial-gradient(96.75% 46.19% at 0% 100%,rgba(0,139,254,0.5) 0%,rgba(0,139,254,0) 100%), radial-gradient(76.9% 73.01% at 96.29% -3.71%,rgba(245,201,0,0.4) 0%,rgba(245,201,0,0) 100%), linear-gradient(0deg,rgba(4,38,83,0.3) 0%,rgba(4,38,83,0.3) 100%), linear-gradient(5deg,rgba(9,24,35,0.9) -1.37%,rgba(9,24,35,0) 70.99%);
	 transition: background 2s ease-in-out;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 1;
}
 .bucket-detail-tpl .bucket-inner h4 {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 margin: 0;
	 width: 100%;
}
 .bucket-detail-tpl .bucket-inner h4 a {
	 color: var(--white);
	 width: 75%;
	 padding: 10px 25px 20px 25px;
	 display: block;
	 position: relative;
}
 .bucket-detail-tpl .bucket-inner h4 a i {
	 color: var(--yellow);
	 font-size: 24px;
	 font-weight: 300;
	 position: absolute;
	 transition: 0.2s;
	 margin-left: 15px;
}
 @media only screen and (min-width: 1199px) {
	 .bucket-detail-tpl .bucket:hover .bucket-inner {
		 border: 1px solid rgba(3,155,232,0.16);
		 box-shadow: 0px 0px 20px 0px rgba(0,136,204,0.2);
	}
	 .bucket-detail-tpl .bucket:hover .bucket-inner .image:before {
		 border-radius: 24px;
		 background: radial-gradient(86.75% 46.19% at -10% 100%,rgba(0,139,254,0.5) 0%,rgba(0,139,254,0) 100%), radial-gradient(76.9% 73.01% at 86.29% -3.71%,rgba(245,201,0,0.4) 0%,rgba(245,201,0,0) 100%), linear-gradient(0deg,rgba(4,38,83,0.3) 0%,rgba(4,38,83,0.3) 100%), linear-gradient(5deg,rgba(9,24,35,0.9) -1.37%,rgba(9,24,35,0) 70.99%);
	}
	 .bucket-detail-tpl .bucket:hover .bucket-inner h4 a i {
		 margin-left: 17px;
		 margin-top: -2px;
	}
}
 .bucket-button-tpl {
	 justify-content: flex-start;
}
 .bucket-button-tpl.one-column {
	 margin-top: 0;
}
 .bucket-button-tpl .bucket {
	 margin: 8px 0;
}
 .bucket-button-tpl .bucket a.button {
	 text-align: left;
	 width: 100%;
	 padding: 13px 24px 12px;
	 border: 1px solid var(--lightblue);
}
 .bucket-button-tpl .bucket a.button i {
	 color: var(--yellow);
	 font-weight: 300;
	 margin-left: 8px;
	 transition: 0.2s;
}
 @media only screen and (min-width: 1199px) {
	 .bucket-button-tpl .bucket:hover a.button {
		 color: var(--white);
		 background: var(--blue);
	}
	 .bucket-button-tpl .bucket:hover a i {
		 margin-left: 10px;
		 margin-top: -2px;
	}
}
 @media only screen and (max-width: 767px) {
	 .bucket-button-tpl .bucket a.button {
		 min-height: 77px;
		 padding-right: 35px;
		 position: relative;
	}
	 .bucket-button-tpl .bucket a.button i {
		 position: absolute;
		 right: 15px;
		 top: 36%;
	}
}
 .bucket-link-tpl.one-column {
	 margin-top: 0;
}
 .bucket-link-tpl .bucket {
	 margin: 8px 0;
}
 .bucket-link-tpl .bucket h6 {
	 margin: 0;
}
 .bucket-link-tpl .bucket h6 a {
	 color: var(--darknavy);
	 font-family: var(--raleway);
	 font-size: 16px;
	 font-weight: 600;
	 line-height: 120%;
	 letter-spacing: 0.64px;
	 position: relative;
	 padding: 0 25px 0 0;
}
 .bucket-link-tpl .bucket h6 a i {
	 color: var(--lightblue);
	 font-weight: 300;
	 position: absolute;
	 right: 2px;
	 top: 0;
	 transition: all 0.2s;
}
 @media only screen and (min-width: 1199px) {
	 .bucket-link-tpl .bucket:hover a {
		 color: var(--lightblue);
	}
	 .bucket-link-tpl .bucket:hover a i {
		 right: 0;
		 top: -2px;
	}
}
 #industries-buckets .shadow-box {
	 width: 72%;
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 background: var(--gradientBlueYellow);
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
	 position: relative;
	 z-index: 0;
	 padding: 60px;
	 margin: 0;
	 display: flex;
	 align-items: center;
}
 #industries-buckets .shadow-box .industries-left {
	 width: 45%;
	 padding-right: 56px;
}
 #industries-buckets .shadow-box .industries-right {
	 width: 55%;
	 padding-left: 55px;
	 border-left: 1px solid rgba(227,241,255,0.6);
}
 #industries-buckets .bucket-image-wrap {
	 width: 380px;
	 height: 385px;
	 border-radius: 24px;
	 box-shadow: 0px 11.105px 26.653px 0px rgba(0,0,0,0.15);
	 position: absolute;
	 right: 0;
	 top: 40px;
	 z-index: 1;
	 overflow: hidden;
	 background: #fff;
}
 #industries-buckets .bucket-image-wrap img {
	 width: auto;
	 height: auto;
	 min-width: 100%;
	 min-height: 100%;
	 max-width: none;
	 max-height: 420px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translateY(-50%) translateX(-50%);
	 -ms-transform: translateY(-50%) translateX(-50%);
	 transform: translateY(-50%) translateX(-50%);
}
 @media only screen and (min-width: 767px) and (max-width: 1199px) {
	 #industries-buckets .shadow-box {
		 padding: 30px;
	}
	 #industries-buckets .shadow-box .industries-left {
		 padding-right: 20px;
	}
	 #industries-buckets .shadow-box .industries-right {
		 padding-left: 20px;
	}
	 #industries-buckets .bucket-image-wrap {
		 width: 35%;
		 height: 355px;
	}
}
 @media only screen and (max-width: 767px) {
	 #industries-buckets .shadow-box {
		 width: 100%;
		 flex-direction: column;
		 padding: 30px;
	}
	 #industries-buckets .shadow-box .industries-left {
		 width: 100%;
	}
	 #industries-buckets .shadow-box .industries-right {
		 width: 100%;
		 padding-left: 0;
		 margin-top: 32px;
		 border: none;
	}
	 #industries-buckets .bucket-image-wrap {
		 display: none;
	}
}
 #about-us-cta >.column.w100 {
	 width: 80%;
}
 @media only screen and (max-width: 767px) {
	 #about-us-cta >.column.w100 {
		 width: 100%;
	}
}
 #saftrax-distributors-buckets > .column.w100 {
	 column-gap: 0;
}
 #saftrax-distributors-buckets .bucket-left {
	 width: 55%;
	 height: 100%;
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 background: var(--gradientBucket);
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
	 padding: 40px 55px 40px 40px;
}
 #saftrax-distributors-buckets .bucket-right {
	 width: 48%;
	 height: 100%;
	 border-radius: 24px;
	 background: url(/assets/images/buckets/distributors-bucket-img.jpg) no-repeat center;
	 background-size: cover;
	 padding: 40px 55px 40px 40px;
	 margin-left: -40px;
}
 #saftrax-distributors-buckets .bucket-right h3.heading {
	 color: var(--white);
}
 #saftrax-distributors-buckets .bucket-right .subtitle, #saftrax-distributors-buckets .bucket-right .richtext {
	 color: rgba(255,255,255,0.7);
}
 @media only screen and (max-width: 767px) {
	 #saftrax-distributors-buckets .bucket-left, #saftrax-distributors-buckets .bucket-right {
		 width: 100%;
		 padding: 30px;
	}
	 #saftrax-distributors-buckets .bucket-right {
		 margin-left: 0;
		 margin-top: 20px;
	}
}
 .pdf-btn {
	 padding-right: 54px;
	 position: relative;
}
 .pdf-btn:after {
	 content: "\f019";
	 font-family: var(--fontawesome);
	 font-weight: 300;
	 color: var(--white);
	 position: absolute;
	 right: 24px;
	 top: 29%;
}
 #distributors-cta .heading {
	 margin-bottom: 0;
}
 #qc-wrap >.column {
	 display: flex;
	 flex-direction: row;
}
 #qc-wrap >.column .qc-left {
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 background: var(--gradientBlueYellow);
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
	 padding: 40px 120px 20px 60px;
	 width: 65%;
}
 #qc-wrap >.column .qc-left a.tel {
	 color: var(--lightblue);
	 font-weight: bold;
}
 #qc-wrap >.column .qc-image {
	 width: 39%;
	 max-height: 510px;
	 margin-top: 2%;
	 margin-left: -4%;
}
 #qc-wrap >.column .qc-image .image-single-inner:before {
	 content: "";
	 width: 100%;
	 height: 100%;
	 background: radial-gradient(129.23% 60.15% at -13.54% 0%,rgba(0,139,254,0.5) 30.08%,rgba(0,139,254,0) 100%), radial-gradient(75.71% 59.2% at 100% 116.28%,rgba(245,201,0,0.4) 0%,rgba(245,201,0,0) 100%);
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 1;
}
 @media only screen and (min-width: 767px) and (max-width: 1199px) {
	 #qc-wrap >.column .qc-left {
		 padding: 40px 100px 20px 40px;
	}
}
 @media only screen and (max-width: 767px) {
	 #qc-wrap >.column {
		 flex-direction: column;
	}
	 #qc-wrap >.column .qc-left {
		 width: 100%;
		 padding: 30px;
	}
	 #qc-wrap >.column .qc-image {
		 width: 100%;
		 max-height: none;
		 margin: 30px 0 0;
	}
}
 #jumplinks-container {
	 display: flex;
	 align-items: center;
}
 #jumplinks-container .subtitle {
	 color: rgba(255,255,255,0.75);
	 width: 12%;
	 margin: 0;
}
 #jumplinks-container #jumplinks {
	 width: 88%;
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 column-gap: 32px;
}
 #jumplinks-container #jumplinks a {
	 color: #ffffff;
	 font-size: 16px;
	 line-height: 120%;
	 font-weight: 600;
	 letter-spacing: 0.64px;
	 padding: 0 18px 0 0;
	 position: relative;
	 display: flex;
}
 #jumplinks-container #jumplinks a:after {
	 content: "\e093";
	 font-family: var(--fontawesome);
	 font-weight: 300;
	 color: var(--yellow);
	 position: absolute;
	 bottom: 2px;
	 right: 2px;
	 transition: all 0.2s;
}
 #jumplinks-container #jumplinks a:hover:after {
	 bottom: 0;
	 right: 0;
}
 @media only screen and (min-width: 767px) and (max-width: 1199px) {
	 #jumplinks-container {
		 column-gap: 20px;
	}
	 #jumplinks-container #jumplinks {
		 column-gap: 25px;
		 flex-wrap: wrap;
		 row-gap: 15px;
		 justify-content: flex-start;
	}
}
 @media only screen and (max-width: 767px) {
	 #jumplinks-container {
		 flex-direction: column;
		 text-align: center;
	}
	 #jumplinks-container .subtitle {
		 width: 100%;
		 text-align: center;
		 margin-bottom: 15px;
	}
	 #jumplinks-container #jumplinks {
		 justify-content: center;
		 flex-direction: column;
		 row-gap: 10px;
	}
}
 .video-library {
	 margin: 20px -8px 0;
}
 .video-library .video-block {
	 padding: 0 8px;
	 margin: 16px 0;
}
 .video-library .video {
	 height: 168px;
}
 .video-library .video .play {
	 width: 56px;
	 height: 56px;
	 margin-top: -28px;
	 margin-left: -28px;
}
 @media only screen and (min-width: 1199px) {
	 .video-library .video:hover {
		 border: 1px solid var(--lightblue);
	}
}
 @media only screen and (max-width: 767px) {
	 .video-library .video-block {
		 width: 50% !important;
	}
}
 .case-listings {
	 margin: 30px 0;
}
 .case-listings .case-listing {
	 display: inline-block;
	 position: relative;
	 margin: 32px 0;
}
 .case-listings .case-listing .shadow-box {
	 width: 81%;
	 background: var(--gradientYellowBlue);
	 padding: 56px 100px 56px 50px;
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
}
 .case-listings .case-listing .pdf-thumbnail {
	 width: 270px;
	 height: 300px;
	 border-radius: 24px;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 box-shadow: 5px 10px 32px 0px rgba(0,0,0,0.16);
	 position: absolute;
	 right: 0;
	 top: 50%;
	 transform: translateY(-50%);
}
 .case-listings .case-listing .pdf-btn:after {
	 color: var(--lightblue);
}
 @media only screen and (min-width: 767px) and (max-width: 1199px) {
	 .case-listings .case-listing {
		 margin: 16px 0;
	}
	 .case-listings .case-listing .shadow-box {
		 padding: 36px 150px 36px 30px;
	}
}
 @media only screen and (max-width: 767px) {
	 .case-listings .case-listing {
		 margin: 16px 0;
	}
	 .case-listings .case-listing .shadow-box {
		 width: 100%;
		 padding: 30px;
	}
	 .case-listings .case-listing .pdf-thumbnail {
		 display: none;
	}
}
 .news-listings {
	 margin: 30px 0;
}
 .news-listings .news-listing {
	 display: inline-block;
	 position: relative;
	 margin: 32px 0;
	 width: 100%;
}
 .news-listings .news-listing .shadow-box {
	 width: 81%;
	 background: var(--gradientYellowBlue);
	 padding: 56px 100px 56px 50px;
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
}
 .news-listings .news-listing .image-thumbnail {
	 width: 300px;
	 height: 250px;
	 border-radius: 24px;
	 background-repeat: no-repeat;
	 background-position: center;
	 box-shadow: 5px 10px 32px 0px rgba(0,0,0,0.16);
	 position: absolute;
	 right: 0;
	 top: 50%;
	 transform: translateY(-50%);
	 background-size: auto;
	 background-color: #fff;
}
 @media only screen and (min-width: 767px) and (max-width: 1199px) {
	 .news-listings .news-listing {
		 margin: 16px 0;
	}
	 .news-listings .news-listing .shadow-box {
		 padding: 36px 150px 36px 30px;
	}
	 .news-listings .news-listing .image-thumbnail {
		 width: 270px;
		 height: 220px;
	}
}
 @media only screen and (max-width: 767px) {
	 .news-listings .news-listing {
		 margin: 16px 0;
	}
	 .news-listings .news-listing .shadow-box {
		 width: 100%;
		 padding: 30px;
	}
	 .news-listings .news-listing .image-thumbnail {
		 display: none;
	}
}
 .featured-posts {
	 background: var(--gradientBlueYellow);
	 padding: 30px;
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
}
 .featured-posts .news-latest {
	 margin: 0px 0 10px;
	 padding: 15px 0;
}
 .featured-posts .news-latest a {
	 color: var(--darknavy);
	 text-align: left;
}
 .featured-posts .news-latest:last-child {
	 margin-bottom: 0;
}
 .featured-posts .news-latest + .news-latest {
	 border-top: 1px solid #E3F1FF;
}
 .blog-prev-next-buttons {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
}
 .blog-prev-next-buttons .nav-arrows {
	 max-width: 250px;
}
 .blog-prev-next-buttons .nav-arrows p.title {
	 color: var(--textgrey);
}
 .blog-prev-next-buttons .nav-arrows p.title, .blog-prev-next-buttons .nav-arrows a.button {
	 margin: 5px 0;
	 text-align: left;
}
 @media only screen and (max-width: 767px) {
	 .blog-prev-next-buttons {
		 flex-direction: column;
	}
}
 .locations-map {
	 padding-right: 30px;
	 width: 100%;
	 height: 600px;
}
 .locations-container {
	 display: flex;
	 flex-wrap: wrap;
	 padding: 0;
}
 .locations-container>p {
	 margin-bottom: 20px;
}
 .locations-container .locations-map-outer {
	 width: 77%;
}
 .locations-list {
	 width: 23%;
	 position: relative;
}
 .locations-container .jvectormap-container {
	 height: 100%;
	 background-color: transparent !important;
}
 .jvectormap-zoomin, .jvectormap-zoomout {
	 width: 20px;
	 height: 30px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 20px;
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
	 background: var(--white);
	 cursor: pointer;
}
 .jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
	 color: var(--lightblue);
}
 .jvectormap-zoomin {
	 border-radius: 8px 8px 0 0;
}
 .jvectormap-zoomout {
	 border-radius: 0 0 8px 8px;
}
 .locations-list .locations-outer {
	 display: none;
}
 .locations-list .locations-outer.active {
	 position: relative;
	 padding-bottom: 30px;
	 padding-right: 5px;
	 z-index: 0;
	 border-radius: 24px;
	 border: 1px solid rgba(3,155,232,0.16);
	 background: var(--gradientBlueYellow);
	 box-shadow: 0px 0px 24px 0px rgba(14,69,142,0.14);
}
 .locations-list .locations-outer.active .locations {
	 max-height: 500px;
	 overflow-x: hidden;
	 overflow-y: scroll;
}
 .locations-list .locations-outer.active .locations::-webkit-scrollbar {
	 width: 4px;
}
 .locations-list .locations-outer.active .locations::-webkit-scrollbar-track {
	 background: #fff;
}
 .locations-list .locations-outer.active .locations::-webkit-scrollbar-thumb {
	 background: #CDE1F4;
}
 .locations-list .locations-outer.active .locations::-webkit-scrollbar-thumb:hover {
	 background: #CDE1F4;
}
 .locations-list .country-title {
	 margin: 0;
}
 .locations-list .country-title span {
	 padding: 10px 16px;
	 margin: 20px 0 0;
	 width: 100%;
	 display: block;
}
 .locations-list .location {
	 display: none;
	 position: relative;
	 margin: 0;
	 padding: 0;
}
 .locations-list .location + .location {
	 margin-top: 5px;
}
 .locations-list .location.active {
	 display: block;
}
 .locations-list .location .content {
	 padding: 16px 10px 16px 16px;
}
 .locations-list .location .content p a {
	 color: #171619;
	 font-weight: 500;
}
 .locations-list .location p {
	 position: relative;
	 padding-left: 20px;
	 margin: 10px 0;
	 font-size: 13px;
	 line-height: 120%;
}
 .locations-list .location p:before {
	 font-family: "Font Awesome 6 Pro";
	 position: absolute;
	 left: 0px;
	 top: 1px;
	 color: var(--lightblue);
	 font-weight: 900;
	 font-size: 14px;
}
 .locations-list .location p.address:before {
	 content: "\f3c5";
}
 .locations-list .location p.phone:before {
	 content: "\f095";
}
 .locations-list .location p.fax:before {
	 content: "\f1ac";
}
 .locations-list .location p.email:before {
	 content: "\f0e0";
}
 .locations-list .location p.website:before {
	 content: "\f0ac";
}
 .locations-list .location p.website a {
	 color: var(--lightblue);
}
 .locations-list .location p.website a:hover {
	 color: var(--darknavy);
}
 .locations-list .location p.rep:before {
	 content: "\f007";
}
 .image-text-block h6 a {
	 position: relative;
}
 .image-text-block h6 a:after {
	 content: '\e09f';
	 font-family: 'Font Awesome 6 Pro';
	 font-weight: 300;
	 color: var(--lightblue);
	 padding-left: 8px;
}
 @media only screen and (min-width: 767px) and (max-width: 1199px) {
	 .locations-container .locations-map-outer {
		 width: 70%;
	}
	 .locations-list {
		 width: 30%;
	}
}
 @media only screen and (max-width: 767px) {
	 .locations-container .locations-map-outer, .locations-list {
		 width: 100%;
	}
	 .locations-map {
		 height: 300px;
		 padding-right: 0;
		 padding-bottom: 60px;
	}
	 .locations-list .locations-outer {
		 overflow-y: hidden;
		 max-height: none;
	}
	 .locations-list .locations-outer.active .locations {
		 max-height: none;
		 padding-bottom: 0;
		 overflow-y: inherit;
	}
}
 #footer {
	 background: url(/assets/images/template/footer-bg.webp) no-repeat center;
	 background-size: cover;
}
 #footer * {
	 color: var(--white);
}
 #footer #footer-top {
	 padding: 46px 0 20px;
	 display: flex;
	 column-gap: 60px;
	 justify-content: flex-start;
	 align-items: flex-start;
}
 #footer #footer-top .footer-block:first-child {
	 width: 27%;
}
 #footer #footer-top .footer-block + .footer-block {
	 padding-right: 40px;
}
 #footer #footer-top a.logo {
	 width: 280px;
	 display: flex;
}
 #footer #footer-top p#copyright {
	 opacity: 0.7;
	 margin-top: 30px;
}
 #footer #footer-top .footer-block h5 {
	 margin-bottom: 20px;
}
 #footer #footer-top p.address, #footer #footer-top a.tel, #footer #footer-top p.fax, #footer #footer-top a.social {
	 padding-left: 30px;
	 position: relative;
	 margin: 10px 0;
	 display: block;
}
 #footer #footer-top p.address i, #footer #footer-top a.tel i, #footer #footer-top p.fax i, #footer #footer-top a.social i {
	 color: var(--yellow);
	 font-size: 15px;
	 font-weight: 900;
	 position: absolute;
	 left: 2px;
	 top: 5px;
}
 #footer #footer-bottom {
	 display: flex;
	 flex-direction: row-reverse;
	 justify-content: flex-end;
	 align-items: flex-end;
	 column-gap: 60px;
	 padding: 0 0 30px;
}
 #footer #footer-bottom .footer-links {
	 width: 27%;
}
 #footer #footer-bottom #back-top i {
	 width: 44px;
	 height: 44px;
	 border-radius: 25px;
	 background: var(--yellow);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: var(--darknavy);
	 font-weight: 300;
}
 #footer #footer-bottom #back-top:hover i {
	 background: var(--lightblue);
}
 #footer #footer-bottom .footer-sitemap ul {
	 list-style: none;
	 padding: 30px 0 0 0;
	 display: flex;
	 column-gap: 30px;
	 align-items: center;
}
 #footer #footer-bottom .footer-sitemap ul li {
	 font-weight: 300;
	 text-decoration: underline;
	 position: relative;
}
 #footer #footer-bottom .footer-sitemap ul li:hover {
	 text-decoration: none;
}
 #footer #footer-bottom .footer-sitemap ul li:hover a {
	 color: var(--lightblue);
}
 #footer #footer-bottom .footer-sitemap ul li + li:before {
	 content: "|";
	 opacity: 0.25;
	 position: absolute;
	 left: -16px;
	 top: 0;
}
 #footer #footer-bottom .footer-nav {
	 width: 66%;
	 position: relative;
}
 #footer #footer-bottom .footer-nav h5 {
	 margin-bottom: 20px;
}
 #footer #footer-bottom .footer-nav ul {
	 list-style: none;
	 padding: 0;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 column-gap: 30px;
	 row-gap: 8px;
}
 #footer #footer-bottom .footer-nav ul li {
	 width: 28%;
	 font-size: 15px;
	 font-style: normal;
	 font-weight: 700;
	 line-height: 26px;
	 letter-spacing: 0.9px;
}
 #footer #footer-bottom .footer-nav ul li a {
	 opacity: 0.75;
}
 #footer #footer-bottom .footer-nav img.madeinus {
	 position: absolute;
	 right: 0;
	 bottom: 20px;
}
 @media only screen and (min-width: 767px) and (max-width: 1199px) {
	 #footer #footer-top {
		 column-gap: 20px;
	}
	 #footer #footer-top a.logo {
		 width: 100%;
	}
	 #footer #footer-top .footer-block + .footer-block {
		 padding-right: 0;
	}
	 #footer #footer-bottom {
		 flex-direction: column;
	}
	 #footer #footer-bottom .footer-nav, #footer #footer-bottom .footer-links {
		 width: 100%;
	}
}
 @media only screen and (max-width: 767px) {
	 #footer #footer-top, #footer #footer-bottom {
		 flex-direction: column;
		 row-gap: 15px;
	}
	 #footer #footer-top .footer-block:first-child {
		 width: 100%;
	}
	 #footer #footer-bottom .footer-links, #footer #footer-bottom .footer-nav {
		 width: 100%;
	}
	 #footer #footer-bottom .footer-nav img.madeinus {
		 bottom: 320px;
	}
	 #footer #footer-bottom .footer-nav ul {
		 column-gap: 12px;
	}
	 #footer #footer-bottom .footer-nav ul li {
		 width: 48%;
		 font-size: 13px;
		 line-height: 22px;
	}
}
 @media only screen and (min-width: 767px) and (max-width: 1199px) {
	 .block.t50 > .column.w60 {
		 width: 66%;
	}
	 .block.t50 > .column.w40 {
		 width: 33%;
	}
}
@media(min-width: 1024px) and (max-width: 1234px){
    #home-banner .caption{
        padding: 0px 32px;
    }
}
@media(max-width: 767px){
    #header{
        height: 120px;
    }
     body{
        padding-top: 120px;
    }
    #header-top .constrain a {
        width: 50%;
        padding: 8px 0px !important;
        text-align: center;
    }
    #header #header-top .constrain {
        column-gap: 20px;
        padding: 0px;
        column-gap: 0px;
    }
    #header #header-top .constrain a.rfq-btn {
        font-size: 12px;
        padding: inherit;
        border-radius: 0px;
    }
     #industries-buckets .shadow-box .industries-left {
         padding-right: 0px;
     }
}
@media(max-width: 360px){
    #header{
        height: 110px;
    }
    body{
        padding-top: 110px;
    }
    #header #header-bottom .header-bottom-top a.logo {
        width: 180px;
    }
    #header #primary-toggle {
        width: 45px;
        height: 45px;
    }
}