@charset "UTF-8";
/*
Theme Name: Webco
Theme URI: https://www.webcotube.com
Author: Crossroads Communications, LLC
Description: Webco is North America's foremost provider of innovative tubing solutions.
Version: 2.0
Text Domain: webco
*/

*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	transition: all 0.2s ease-in-out;
	-webkit-font-smoothing: antialiased;
}
html {
	-webkit-text-size-adjust: none;
	font-size: 100%;
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: var(--storm) transparent; /* thumb, track - for Firefox for now, using storm*/
	scrollbar-width: thin;  /* for Firefox for now */
	width: 100vw;
}
::-webkit-scrollbar {  /* for Mac Edge, Chrome, Safari but not for Chrome Windows */
	width: 5px;
	background-color: transparent;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--storm);
}
::-webkit-scrollbar-track {
	background-color: transparent;
}
body {
	display: flex;
	line-height: 1.3;
	color: #fff;
	background-color: var(--midnight);
	font-family: "elza", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem;
	flex-flow: column;
	width: 100%;
}

@font-face {
	font-family: 'eurostile';
	src: url('media/eurostileBoldExt2/eurostileltstd-boldex2-webfont.woff2') format('woff2'),
		 url('media/eurostileBoldExt2/eurostileltstd-boldex2-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* ========= Colors ======= */
:root {
	--orange: #F06E0D;
	--flame: #FF8C15;
	--navy: #002F6C;
	--medium_blue: #0C4A8D;
	--cobalt: #0062C9;
	--white: #fff;
	--pearl: #D9E0E9;
	--heather: #B1B7C0;
	--storm: #949BA2;
	--nickel: #727981;
	--pewter: #4F545D;
	--slate: #30363F;
	--coal: #1A1F25;
	--coalTrans: #1a1f25e0;
	--shadow: #0D1014;
	--midnight: #070A0D;
	--black: #000;
}
.orange{
	color: var(--orange) !important; /* rgb(240, 110, 13) */
}
.flame{
	color: var(--flame) !important;
}
.navy{
	color: var(--navy) !important;
}
.cobalt{
	color: var(--cobalt) !important;
}
.nickel{
	color: var(--nickel) !important;
}
.storm{
	color: var(--storm) !important;
}
.white, .white p{color: var(--white) !important;}

a.white:hover{color: var(--orange) !important;}
.whiteBG:before{
	background-color: #fff;
}
.orangeTransBG:before{
	background-color: #ff8c152b;
}
.orangeBG,
.orangeBG:before{
	background-color: var(--orange);
}
.flameBG,
.flameBG:before{
	background-color: var(--flame);
}
.navyBG,
.navyBG:before{
	background-color: var(--navy);
}
.cobaltBG,
.cobaltBG:before{
	background-color: var(--cobalt);
}
.stormBG,
.stormBG:before{
	background-color: var(--storm);
}
.pearlBG,
.pearlBG:before{
	background-color: var(--pearl);
}
.midnightBG,
.midnightBG:before{
	background-color: var(--midnight);
}
.slateBG,
.slateBG:before{
	background-color: var(--slate);
}
.nickelBG,
.nickelBG:before{
	background-color: var(--nickel);
}
.grayItem{
	padding: 0.5rem 1rem 0.3rem 1rem !important;
	border: 1px solid var(--pearl);
	background-color: var(--nickel) !important;
}
.whiteFill{fill: #fff; stroke-width: 0px;}
.wrapper{
	width: 100%;
	display: flex;
	flex-flow: column;
}
.hoverDark:hover{
	color: var(--midnight) !important;
}
ol, ul {
	list-style: disc outside;
	padding: 0 0 0 1rem;
	text-align: left;
}
ol{ list-style: decimal outside; }
li{ margin: 0 0 1rem 0; }

ul.less_margin li{
	margin-bottom: 0.2rem;
}
.subitem{
	list-style: circle outside;
	display: list-item;
	margin: 0 0 1.3rem 1rem;
}

blockquote, q { quotes: none; }
strong{font-weight: 600;}

blockquote:before, 
blockquote:after,
.hero:before{
	content: '';
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

border-collapse { border-collapse: collapse; }

a, a:active {
	outline: 0;
	text-decoration: none;
	color: #fff;
}
a:hover,
nav span:hover{
	cursor: pointer;
	color: var(--orange) !important;!i;!;
}
sup {font-size: smaller;}

sub {
	font-size: 85%;
	line-height: 0;
	position: relative;
	bottom: -0.15em;
}

input,
.slider_nav{
	padding: 6px 10px;
	border-radius: 50px;
	background-color: var(--shadow);
	background-repeat: no-repeat;
	color: #fff !important;
}
.gform_confirmation_message{
	padding-top: 1rem;
}
.gform_wrapper input,
.gform_wrapper textarea{
	color: #000 !important;
}
.slider_nav a{
	height: 50px;
	place-content: center;
	padding: 0 1.2rem;
	font-size: 13px;
}
.slider_nav a:hover{
	color: #fff !important;
}
input{
	outline: 1px solid var(--orange);
	width: 100%;
}
input:active,
input:focus,
input:focus-visible,
.link_bar a:focus-visible{
	outline-color: var(--orange);
	outline-style: solid;
}
input[type=search]{
	outline: none;
}
input[type=search]:active,
input[type=search]:focus,
input[type=search]:focus-visible{
	outline: none;
}
nav{
	display: flex;
	gap: 1rem;
	flex-direction: column;
	position: absolute;
	right: 0;
	top: -3000px;
	background: #30363ffa;
	color: #fff;
	padding: 32px;
	z-index: 11;
	opacity: 0;
	width: 100%;
	max-width: 400px;
	min-width: 300px;
	height: 100vh;
	overflow-y: auto;
	visibility: hidden;
	line-height: 1.5;
	border: 0.7px solid var(--midnight);
}
nav a{
	font-size: clamp(0.9rem, 5vw, 1rem);
	box-shadow: 0px 1px 0px 0px var(--nickel);
	padding: 0 0 0.2rem 0;
	color: #fff;
	font-weight: 400;
}
nav a:after, nav span.plus:after, .accordion h4:after, .product_txt:before, .download:before, .download:after, .post h2:before{
	content: "\f138";
	position: absolute;
	aspect-ratio: 1;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	font-size: 15px;
	font-family: "Font Awesome 6 Pro";
	transition: all 0.05s ease-out;
	font-weight: 200;
}
nav .btn_clean{
	display: block;
	margin-bottom: 1rem;
	width: fit-content;
}
nav .btn_clean:nth-child(2){
	margin: 0;
}
nav span.plus:after,
.accordion h4:after{
	content: "\f055";
}
nav span.reveal:after{
	content: "\f13a";
}
nav a:hover:after,
nav span:hover:after{
	border-color: var(--orange);
}
nav span{
	font-size: clamp(0.9rem, 5vw, 1rem);
	width: 100%;
	color: #fff;
	display: flex;
	padding: 0 0 0.2rem 0;
}

nav.open{
	opacity: 1;
	transition: all 0.2s;
	visibility: visible;
	top: 0;
}
nav .resources{
	padding: 0;
	max-height: initial;
	overflow: visible;
}
.plus:has(+ .submenu.orange_child) {
	color: var(--orange);
}
.jumpLink{
	position: absolute;
	top: -200px;
}
.jumpLink2{
	position: absolute;
	top: -114px;
}
.jumpLink3{
	position: absolute;
	top: -90px;
}
.jumpLink2#construction-mining{
	top: -300px;
}
.iframe_container{
	width: 100%;
	aspect-ratio: 16/9;
	border: 1px solid var(--slate);
}
iframe{
	width: 100%;
	aspect-ratio: 16/9;
	display: block;
}
.cinematic{
	aspect-ratio: 3840/1900;
}
/*.cinematic iframe{
	aspect-ratio: inherit;
}*/
.container{
	flex-grow: 1;
	margin-top: 3rem;
}
.main{
	padding: 0 2rem;
	display: flex;
	flex-direction: column;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
}
.title{
	color: var(--blue);
	margin: 0 0 2rem 0;
	font-size: clamp(2rem, 5vw, 3rem);
	text-align: center;
	text-transform: uppercase;
}
.address p{
	margin-bottom: 0.5rem;
	font-size: clamp(1rem, 5vw, 1.5rem);
}

.btn{
	background-color: var(--medium_blue);
	color: #fff;
	padding: 0.6rem 0.5rem 0.3rem 1rem;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 50px;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn:hover{
	color: #fff !important;
	background-color: var(--cobalt);
}
.btn.orangeBG{
	background-color: var(--orange);
	line-height: 1;
	padding: 0.2rem 0.2rem 0.1rem 1rem;
	display: flex;
}
.btn.orangeBG:hover{
	background-color: var(--flame);
}
.btn.orangeBG2{
	padding: 0.5rem 1rem 0.4rem 1rem;
	line-height: 1.2;
	text-align: center;
	margin: 0;
}
.btn i{padding: 0px;background: transparent;top: -1.5px;}
.btn i:hover{
	background: none !important;
}
.adjustI i{
	/* top: -1px; */
}
.txt_link{
	color: var(--orange);
}
.txt_link:hover{
	color: var(--flame);
}
.link_collection .btn,
.blueBtn{
	background-color: transparent;
	border: 1px solid var(--medium_blue);
}
.link_collection .btn:hover,
.blueBtn:hover{
	background-color: var(--medium_blue);
}
.btn_clean{
	display: inline-block;
	padding: 0.4rem 0.6rem 0.3rem !important;
	width: 49%;
	text-align: center;
	box-shadow: none;
}
.btn_clean:after{display: none;}
.btn_larger{
	font-size: clamp(1rem, 5vw, 1.2rem);
	padding: 0.4rem 0.6rem 0.2rem 1.3rem;
	text-transform: uppercase;
	box-shadow: 0 0 10px 0px #000;
	background-color: var(--orange);
}
.btn_larger:hover{
	background-color: var(--flame);
}
.btn_padding{
	padding: 0.68rem 1rem 0.5rem 1rem;
	text-align: center;
}
.hamburger{
	height: fit-content;
	right: 0;
	top: 0;
	z-index: 20;
	align-items: flex-end;
	justify-content: flex-start;
	flex-flow: column;
	display: flex;
}
.hamburger .line{
	width: 30px;
	height: 5px;
	display: block;
	margin: 0 0 3px 0;
	background-color: var(--pearl);
	top: 0;
	transition: transform 0.1s ease-out, top 0.1s ease-out 0.05s, width 0.2s ease-out;
}
.hamburger .line:nth-child(2){
	width: 25px;
}
.hamburger .line:nth-child(3){
	width: 20px;
}
.hamburger:hover,
.x:hover{
	cursor: pointer;
}
.hamburger:hover .line{
	width: 30px;
}
.hamburger.is-active .line{
	width: 30px;
	transition: top 0.1s ease-out, transform 0.1s ease-out 0.05s;
}
.hamburger.is-active .line:nth-child(1){
	top: 10px;
	transform: rotate(45deg);
	background: var(--orange);
}
.hamburger.is-active .line:nth-child(3){
	top: -6px;
	transform: rotate(-45deg);
	background: var(--orange);
}
.hamburger.is-active .line:nth-child(2){
	opacity: 0;
}
.x{
	position: absolute;
	z-index: 20;
	align-items: flex-end;
	justify-content: flex-start;
	flex-flow: column;
	display: flex;
	aspect-ratio: 1;
	left: 0;
	top: 0;
	width: fit-content;
	visibility: hidden;
	opacity: 0;
}
.x .line{
	display: block;
	width: 30px;
	height: 5px;
}
.x .line:nth-child(1){
	transform: rotate(45deg);
	background: var(--orange);
	top: 12px;
}
.x .line:nth-child(2){
	top: 7px;
	transform: rotate(-45deg);
	background: var(--orange);
}
.search_bar{
	position: absolute;
	left: 2rem;
	max-width: 400px;
}
.search_bar .fa-magnifying-glass{
	position: absolute;
	right: 5px;
	top: 2px;
	z-index: 3;
}
.mobile_search_trigger{
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50px;
	z-index: 2;
	background: var(--orange);
	width: 33px;
	height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobile_search_trigger svg{
	fill: #fff;
	width: 30px;
}
.mobile_search_bg{
	position: fixed;
	width: 100%;
	height: 200vh;
	background: #1a1f25f0;
	z-index: 29;
	top: 0;
	left: 0;
	display: none !important;
}
input.header_searchbar{
	width: 200px;
	padding: 0.52rem 1.6rem 0.54rem 1rem;
	background-color: var(--orange) !important;
	font-size: 1rem;
	font-weight: 500;
	outline: 0;
}
::-webkit-search-cancel-button{
	visibility: hidden;
}

div.asl_w{
	background: transparent;
}
div.asl_m .probox .proinput{
	padding: 0 5px;
}
#ajaxsearchlite1 .probox, div.asl_w .probox{
	box-shadow: none;
	background-color: var(--orange) !important;
	background-image: none;
	border: none;
	border-radius: 50px;
	height: 31.59px;
	margin: 0;
}
div.asp_w.ajaxsearchpro.asp_non_compact{
	min-width: 33px !important;
	width: 33px !important;
	visibility: hidden;
	opacity: 0;
	border: 1px solid var(--orange) !important;
	background: transparent !important;
	background-image: radial-gradient(ellipse at center,transparent, transparent) !important;
}
#ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier{
	background-image: none !important;
}
div.asp_w.ajaxsearchpro.asp_non_compact.width200{
	width: 200px !important;
}
div.asl_w .probox .proloading{
	top: 4px;
	left: 0;
	width: 25px;
	height: 25px;
}
div.asl_w .probox div.asl_simple-circle{
	border-color: #000;
}
#ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier{
	right: 6px !important;
}
#ajaxsearchpro1_1 .probox .proloading, #ajaxsearchpro1_1 .probox .proclose,
#ajaxsearchpro1_1 .probox .proloading .asp_loader, #ajaxsearchpro1_2 .probox .proloading .asp_loader, div.asp_m.asp_m_1 .probox .proloading .asp_loader{
	/* display: block !important; */
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	max-width: 20px !important;
	max-height: 20px !important;
}
#ajaxsearchpro1_1 .probox .proloading{
	right: 10px !important;
	top: 4px;
	/* display: none !important; */
}
div.asp_m.ajaxsearchpro .probox .proclose svg{
	box-shadow: none !important;
	width: 17px !important;
	height: 17px !important;
	top: 17.6px !important;
	left: 4px !important;
	padding: 0 !important;
	background: none !important;
}
div.asp_m.ajaxsearchpro .probox .proinput input,
div.asp_m.ajaxsearchpro .probox .proinput input::placeholder,
input::placeholder{
	color: #fff !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	font-family: "elza", sans-serif !important;
}
#ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.asp_r.asp_r_1.vertical{
	padding: 0 !important;
	width: 250px !important;
	background: none !important;
}
#ajaxsearchprores1_1.vertical .results .item .asp_content, #ajaxsearchprores1_2.vertical .results .item .asp_content, div.asp_r.asp_r_1.vertical .results .item .asp_content, 
div.asp_w.asp_r .results .item{
	padding: 0 !important;
}
#ajaxsearchprores1_1 .results .item.hovered, #ajaxsearchprores1_2 .results .item.hovered, div.asp_r.asp_r_1 .results .item.hovered{
	background: var(--pearl) !important;
}
#ajaxsearchprores1_1 .results .item .asp_content h3 a, #ajaxsearchprores1_2 .results .item .asp_content h3 a, div.asp_r.asp_r_1 .results .item .asp_content h3 a{
	font-size: 1rem !important;
	line-height: 1.3 !important;
	padding: 12px 8px 2px 8px !important;
}
#ajaxsearchprores1_1 .asp_nores, #ajaxsearchprores1_2 .asp_nores, div.asp_r.asp_r_1 .asp_nores{
	padding-top: 9px !important;
}
.proinput input.autocomplete{
	display: none !important;
}
div.asl_m .probox .proclose svg{
	background-color: var(--midnight);
	width: 16px;
	height: 16px;
	margin: -9px 0 0 0;
	left: 30%;
}
div.asl_r.vertical{
	background-color: transparent;
	padding: 0;
	width: 100% !important;
	max-width: 300px;
}
div.asl_w .probox .promagnifier .innericon svg{
	fill: #fff;
	width: 18px;
}
div.asl_r .results .item .asl_content h3, 
div.asl_r .results .item .asl_content h3 a,
div.asl_r .results .item .asl_content h3 a:hover,
div.asl_r .results .item .asl_content .asl_desc{
	color: var(--midnight);
	font-family: "elza", sans-serif !important;
	font-size: 1rem;
	font-weight: 500;
}
div.asl_r .results .item .asl_content .asl_desc{
	font-size: 0.9rem;
	font-weight: 400;
}

div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image{
	display: none;
}
div.asl_r.vertical .results{
	border: 1px solid var(--midnight);
	max-height: 400px;
	height: 100% !important;
}
div.asl_r .results .item .asl_content{
	padding: 7px 5px 3px 3px;
}
div.asl_r .results .item.hovered {
	background-color: var(--heather);
	background-image: none;
}
.fa-comment-lines{
		color: var(--orange) !important;
		font-size: 1.3rem !important;
}
.fa-comment-lines:after{
	color: var(--flame) !important;
}

.submenu{
	max-height: 0;
	display: flex;
	flex-direction: column;
	padding: 0.2rem 0 0 1rem;
	opacity: 0;
	visibility: hidden;
}
.submenu a{
	margin-bottom: 0.5rem;
	box-shadow: none;
}
.submenu a:last-child{
}
.submenu.reveal{
	opacity: 1;
	max-height: 5000px;
	padding-top: 0.6rem;
	visibility: visible;
}
nav .shadow{
	box-shadow: 0px 1px 0px 0px var(--nickel);
}

h1,h2,h3,h4,h5,h6{
	font-weight: 600;
}
h1{font-size: clamp(2rem, 6vw, 4rem);line-height: 1;}
h2{font-size: clamp(1.4rem, 5vw, 1.9rem);transition: all 0s;}
h3{font-size: clamp(1.5rem, 5vw, 1.7rem);}
h4{font-size: clamp(1rem, 5vw, 1.2rem);}
h5{font-size: clamp(1rem, 5vw, 1.2rem);}
h6{ font-size: clamp(1rem, 5vw, 0.8rem); }

.smallerH1{
	font-size: clamp(1.6rem, 6vw, 3rem);
}
.even_smallerH1{
	font-size: clamp(1.2rem, 6vw, 2.5rem);
}
#products-process h1{
	font-size: clamp(1.4rem, 5vw, 3.5rem);
}
.iframeBGshadow{
	/* box-shadow: inset 20px 0 20px 0px red, inset -20px 0 20px red; */
	height: 100vh;
	width: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	background: green;
	display: none;
}

.animation{
	width: 100%;
	height: 270px;
	padding: clamp(80px, 15vw, 100px) 0 0;
	margin-bottom: 20px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.bgImgs{
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -4;
	transition: all 0.5s ease-in-out;
	display: block;
	--bgimg: url(/wp-content/uploads/server-room.webp);
	background-image: linear-gradient(90deg, transparent 100%, var(--midnight) 100%), linear-gradient(var(--midnight) 0%, transparent 0%), linear-gradient(transparent 100%, var(--midnight) 100%), radial-gradient(circle at 50%, transparent 100%, var(--midnight) 100%), var(--bgimg) !important;
	background-position: 0 0, 0 0, 0 0, 0 0, 50% 50%;
	background-repeat: repeat, repeat, repeat, repeat, no-repeat;
	background-size: auto, auto, auto, auto, 100%;
	transition: none;
}
.santinoBG{
	background-size: auto, auto, auto, auto, 85%;
}

.translator{
	position: absolute;
	right: 75px;
	top: clamp(32px, 6vw, 40px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
}
.gtranslate_wrapper{
	display: flex;
	flex-direction: column;
	width: fit-content;
	height: 0;
	overflow: hidden;
	gap: 3px;
	padding: 5px 5px 0px;
	box-shadow: 0 0 10px 2px var(--shadow);
	background: var(--shadow);
}
a.glink.gt-current-lang,
.fa-globe:hover:before{
	color: var(--orange);
}
.fa-globe:before{
	font-size: 1.2rem;
}
.fa-globe:hover:before{
	cursor: pointer;
}
.asp_nores{
	flex-direction: column;
}
.asp_nores_kw_suggestions{
	display: flex;
	flex-direction: column;
	gap: 5px;
}


/* ====  UTILITY  ==== */

.fullBG:before,
.fullScreen{
	content: '';
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -2;
}
.inheritFont{
	font-family:inherit;
}
.bullets {
	list-style-type: disc;
}
.band {
	padding: 1rem 0;
	color: #fff;
	text-align: center;
	font-size: clamp(1.2rem, 5vw, 2.5rem);
	margin: 2rem 0 0;
	font-weight: 600;
}

figure {
	margin-bottom: 1rem !important;
	display: table;
	text-align: center;
}
figcaption {
	display: table-caption;
	caption-side: bottom;
	font-size: 0.9rem;
	text-align: right;
}

.ptrbl-half, .pad05 { padding: 0.5rem !important; } /* top, right, bottom, left padding */
.ptrbl-75 { padding: 0.75rem !important; } /* top, right, bottom, left padding */
.ptrbl-1, .pad1 { padding: 1rem !important; } /* top, right, bottom, left padding */
.prl1{ padding: 0 1rem !important; }
.ptrbl-1half { padding: 1.5rem !important; } /* top, right, bottom, left padding */
.ptrbl-2, .pad2 { padding: 2rem !important; } /* top, right, bottom, left padding */
.prl2{ padding: 0 2rem !important; }
.pb02 { padding-bottom: 0.2rem !important;; }
.pt-05, .pt05 {padding-top: 0.5rem !important;}
.pb-05, .pb05 {padding-bottom: 0.5rem !important;}
.pt-1, .pt1 { padding-top: 1rem !important;; }
.pb-1, .pb1 {padding-bottom: 1rem !important;}
.pt-2, .pt2 {padding-top: 2rem !important;}
.pb-2, .pb2 { padding-bottom: 2rem !important; }
.pad3 { padding: 3rem !important; }
.pt-3, .pt3 {padding-top: 3rem !important;}
.pb-3, .pb3 { padding-bottom: 3rem !important; }
.pad4 { padding: 4rem !important; }
.pt-4, .pt4 { padding-top: 4rem !important; }
.pb-4, .pb4 { padding-bottom: 4rem !important; }
.pt5 {padding-top: 5rem !important;}
.pb5 { padding-bottom: 5rem !important; }
.pt6 { padding-top: 6rem !important; }
.pb6 {padding-bottom: 6rem !important;}
.pt7 { padding-top: 7rem !important; }
.pb7 {padding-bottom: 7rem !important;}
.pt8 { padding-top: 8rem !important; }
.pb8 {padding-bottom: 8rem !important;}
.pt2pt5{ padding-top: 2.5rem !important; }
.pb2pt5{ padding-bottom: 2.5rem !important; }
.pr04{ padding-right: 0.4rem !important; }
.pl04{ padding-left: 0.4rem !important; }
.pr1{ padding-right: 1rem !important; }
.pl1{ padding-left: 1rem !important; }
.pr2{ padding-right: 2rem !important; }
.pl2{padding-left: 2rem !important;}
.pl3{ padding-left: 3rem !important; }
.pr3{padding-right: 3rem !important;}
.pl4{ padding-left: 4rem !important; }
.pr4{ padding-right: 4rem !important; }
.pl8 { padding-left: 8vw !important; }
.pr8 { padding-right: 8vw !important; }
.prl2pt1{ padding: 0 2.1rem !important; }
.prl5{ padding: 0 5rem !important; }
.pad-0, .pad0{ padding: 0 !important; }
.pt-0, .pt0 { padding-top: 0 !important; }
.pb-0, .pb0 { padding-bottom: 0 !important }
.prl2r1{ padding: 0 calc(2rem + 1vw) !important; }
.pb3px{ padding-bottom: 3px !important }
.ptb4_6{ padding:clamp(4rem, 13vw, 6rem) 0; }

.m0auto{margin: 0 auto !important;}
.mt02{margin-top: 0.2rem !important;}
.mt03{margin-top: 0.3rem !important;}
.mb03{margin-bottom: 0.3rem !important;}
.mt-8, .mt05{ margin-top: 0.5rem !important; }
.mb-8, .mb05{margin-bottom: 0.5rem !important;}
.mt07{ margin-top: 0.7rem !important; }
.mb07{ margin-bottom: 0.7rem !important; }
.mr05{ margin-right: 0.5rem !important; }
.ml05{margin-left: 0.5rem !important;}
.mr-16, .mr1 { margin-right: 1rem !important; }
.ml1 { margin-left: 1rem !important; }
.mt1pt2{margin-top: 1.2rem !important;}
.mr1pt2{ margin-right: 1.2rem !important }
.mr2 { margin-right: 2rem !important; }
.ml2 { margin-left: 2rem !important; }
.mr3 { margin-right: 3rem !important; }
.ml3 { margin-left: 3rem !important; }
.mr4 { margin-right: 4rem !important; }
.ml4 { margin-left: 4rem !important; }
.mt1pt5{margin-top: 1.5rem !important;}
.mb1pt5{ margin-bottom: 1.5rem !important; }
.m1 { margin: 1rem !important; }
.m2 { margin: 2rem !important; }
.mt1 {margin-top: 1rem !important;}
.mb1 {margin-bottom: 1rem !important;}
.mb1pt2 {margin-bottom: 1.2rem !important;}
.mt2 {margin-top: 2rem !important;}
.mb2 { margin-bottom: 2rem !important; }
.mt2pt5{ margin-top: 2.5rem !important; }
.mb2pt5{ margin-bottom: 2.5rem !important; }
.mt-60{ margin-top: 3.75rem !important; }
.mb-60{ margin-bottom: 3.75rem !important; }
.mt3 {margin-top: 3rem !important;}
.mb3 {margin-bottom: 3rem !important;}
.mt4 {margin-top: 4rem !important;}
.mb4 {margin-bottom: 4rem !important;}
.mt5 {margin-top: 5rem !important;}
.mb5 {margin-bottom: 5rem !important;}
.mt6{ margin-top: 6rem !important; }
.mb6{ margin-bottom: 6rem !important; }
.mt7{ margin-top: 7rem !important; }
.mb7{ margin-bottom: 7rem !important; }
.mt8{ margin-top: 8rem !important; }
.mb8{ margin-bottom: 8rem !important; }
.mb9{ margin-bottom: 9rem !important; }
.mb10{ margin-bottom: 10rem !important; }
.mlr-10{ margin-left: 10%; margin-right: 10%; }
.mlr-15{ margin-left: 15%; margin-right: 15%; }
.mlr-20{ margin-left: 20%; margin-right: 20%; }
.mlr-30{ margin-left: 30%; margin-right: 30%; }
.margin-0, .marg0, .m0 { margin: 0 !important; }
.mt-0, .mt0 {margin-top: 0 !important;}
.mb-0, .mb0 { margin-bottom: 0 !important; }

.width10 { width: 10% !important; }
.width20 { width: 20% !important; }
.width30 { width: 30% !important; }
.width40 {width: 40% !important;}
.width50 { width: 50% !important; }
.width60 { width: 60% !important; }
.width70 { width: 70% !important; }
.width80 { width: 80% !important; }
.width90 { width: 90% !important; }
.width100 {width: 100% !important;}

.width200 { width: 200px !important; }
.width300 { width: 300px !important; }
.width400 { width: 400px !important; }
.width500 {width: 500px !important;}

.widthFitContent{
	width: fit-content;
}
.maxWidth150{ max-width: 150px !important; }
.maxWidth170{ max-width: 170px !important; }
.maxWidth200{ max-width: 200px !important; }
.maxWidth250{ max-width: 250px !important; }
.maxWidth300{ max-width: 300px !important; }
.maxWidth350{max-width: 350px !important;}
.maxWidth400{max-width: 400px !important;}
.maxWidth500{max-width: 500px !important;width: 100%;}
.maxWidth600{ max-width: 600px !important; }
.maxWidth700{max-width: 700px !important;}
.maxWidth800{max-width: 800px !important;}
.maxWidth900{max-width: 900px !important;}
.maxWidth1000{max-width: 1000px !important;}
.maxWidth1240{ max-width: 1240px !important; }
.maxWidthfull{ max-width: 100% !important; }
.maxHeight100{ max-height: 100px !important; }
.maxHeight150{ max-height: 150px !important; }
.maxHeight500{ max-height: 500px !important; }
.minHeightAuto{ min-height:auto !important; }

.columnCount1{ column-count: 1; }
.columnCount2{ column-count: 2; }
.columnCount3{ column-count: 3; }
.columnCount4{ column-count: 4; }
.columnGap1{ column-gap: 1rem; }
.columnGap2{ column-gap: 2rem; }
.columnGap3{ column-gap: 3rem; }
.noBorder{ border: none !important; }
.minWith100{ min-width: 100px; }
.minWith600{ min-width: 600px; }
.hover:hover{ cursor:pointer; }

.flex{display: flex;flex-flow: wrap;}
.directionrow{ flex-direction: row; }
.directioncol{flex-direction: column !important;}
.flowwrap{flex-flow: wrap;}
.flowwnorap{ flex-flow: nowrap; }
.flex0{ flex: 0 1 0%;}
.flex9{ flex: 0 1 9%;}
.flex10{ flex: 0 1 10%;}
.flex13{ flex: 0 1 13%;}
.flex20{ flex: 0 1 20%;}
.flexquarter{ flex: 0 1 25%;}
.flexthird{ flex: 0 1 33%;}
.flex30{ flex: 0 1 30%;}
.flexhalf,.flex50{ flex: 0 1 50%;}
.flex60{ flex: 0 1 60%;}
.flex80{ flex: 0 1 80%;}
.flex2full{ flex: 1 1 50%;}
.flexfull{flex: 0 1 100%;}
.flexgrow{ flex-grow: 1;}
.flexequalwidth{ flex: 1 1 100%; }
.flex120{ flex: 0 1 120px; }
.flex150{ flex: 0 1 150px; }
.flex200{ flex: 0 1 200px; }
.grid{ display: grid; }
.grid2col{ grid-template-areas: "1 1"; }
.grid3col{ grid-template-areas: "1 1 1"; }
.grid4col{ grid-template-areas: "1 1 1 1"; }
.grid5col{ grid-template-areas: "1 1 1 1 1"; }
.gap0{gap: 0 !important;}
.gap05{gap:0.5rem;}
.gap06{ gap:0.6rem; }
.gap1{gap: 1rem !important;}
.gap1pt5{ gap: 1.5rem; }
.gap2{gap: 2rem !important;}
.gaprow2{
	row-gap: 2rem;
}
.gap3{gap:3rem;}
.gap4{
	row-gap: 2rem;
	column-gap: 4rem;
}
.gap5{ gap:5rem; }
.aspectRatio2by1{
	aspect-ratio: 2/1;
}
.orderReverse{
	order: -1;
}
.order1{ order: 1; }
.order2{ order: 2; }
.order3{ order: 3; }
.justify_start{justify-content: flex-start !important;}
.justify_evenly{justify-content: space-evenly;}
.justify_between{justify-content: space-between;}
.justify_around{justify-content: space-between;}
.justify_center{justify-content: center;}
.justify_end{justify-content: end;}
.align_center{ /* vertically on row direction */
	align-items: center;
	align-content: center;
}
.align_start{ /* vertically on row direction */
	align-items: flex-start !important;
	align-content: center !important;
}
.align_content_start{ /* vertically on row direction */
	align-content: flex-start;
}
.align_bottom, .align_baseline{
	align-items: baseline;
	align-content: baseline;
}
.center_self{
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}
.center_vert_horz{
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: relative;
	width: fit-content;
}
.center_vert{
	top: 50%;
	transform: translateY(-50%);
	position: relative;
	width: fit-content;
}
.center_children {
		display: grid;
		place-items: center;
}
.centered-ul {
	 display: table;
	 margin: 0 auto;
}
.centered {
	 display: block;
	 margin: 0 auto;
}
s{text-decoration: none;}
.center {text-align: center !important;}
.trans{ transition: all 0.2s }
.rightText { text-align: right !important; }
.leftText { text-align: left !important; }
.bold100 { font-weight: 100 !important; }
.bold200 { font-weight: 200 !important; }
.bold300 {font-weight: 300 !important;}
.bold400 { font-weight: 400 !important; }
.bold500 { font-weight: 500 !important; }
.bold600, .boldless {font-weight: 600 !important;}
.bold700, .bold {font-weight: 700 !important;}
.bold800{ font-weight: 800 !important; }
.bold900, .bolder { font-weight: 900 !important; }
.italic{ font-style: italic; }
.bold-italic { font-weight: 700; font-style: italic; }
.text-shadow { text-shadow: 0px 0px 4px rgba(0, 0, 0, 1); }
.right{ float: right; }
.absright{position: absolute; right: 0; top: 0;}
.left{float: left;}
.absleft{position: absolute; left: 0; top: 0;}
.indent{margin: 0 0 0 25px; padding: 0;}
.position-relative { position: relative !important; }
.position_abs, .abs { position: absolute !important; }
.position_fixed { position: fixed !important; top: 43%; }
.color-inherit{ color: inherit !important; }
.abscenter{ position: absolute !important; left: 0 !important; right: 0 !important; }
.zIndexTop{ z-index: 9999; }
.zIndex9{ z-index: 9; }
.zIndex8{ z-index: 8; }
.zIndex7{ z-index: 7; }
.zIndexbottom{ z-index: -1; }
.zIndex2{ z-index: 2; }
.zIndex1{ z-index: 1; }
.zIndex0{ z-index: 0; }
.lineheight0{ line-height: 0; }
.lineheight05{ line-height: 0.5; }
.lineheight07{line-height: 0.7;}
.lineheight09{line-height: 0.9;}
.lineheight1{line-height: 1;}
.lineheight1pt2{ line-height: 1.2; }
.lineheight1pt3{ line-height: 1.3; }
.lineheight1pt4{ line-height: 1.4; }
.lineheight1half{ line-height: 1.5; }
.lineheight1pt6{ line-height: 1.6; }
.lineheight1pt7{ line-height: 1.7; }
.lineheight2{ line-height: 2; }
.lineheight2half{ line-height: 2.5; }
.lineheight3{ line-height: 3; }
.text_shadow { text-shadow: 0 0 4px #000; }
.overflowHidden{ overflow: hidden; }
.overflowScroll{ overflow: hidden auto; }
.showHidden{ overflow:hidden auto !important; height:auto !important; }
.cursor:hover{ cursor: pointer; }
.rel{ position: relative; }
.block{ display: block !important; }
.blockNone{ display: none !important; }
.inline{display: inline !important;}
.inlineBlock{display: inline-block !important;}
.opacity0{ opacity: 0 !important; }
.opacity08:hover{ opacity: 0.8 !important; }
.opacity1{ opacity: 1 !important; }
.rotate180{
	transform: rotate(180deg);
}

/*  Font Size  ============================================================================= */
.halfrem{ font-size: 0.5rem; }
.pt8rem{ font-size: 0.8rem; }
.pt9rem{ font-size: 0.9rem; }
.onerem{ font-size: 1rem; }
.one2rem{ font-size: clamp(1rem, 5vw, 1.2rem); }
.one3rem{ font-size: clamp(1rem, 5vw, 1.3rem); }
.onehalfrem{ font-size: 1.5rem; }
.one7rem{ font-size: 1.7rem; }
.tworem{ font-size: 2rem; }
.two3rem{ font-size: 2.3rem; }
.twohalfrem{ font-size: 2.5rem; }
.threerem{ font-size: 3rem; }
.fourrem{ font-size: 4rem; }
.fiverem{ font-size: 5rem; }
.sixrem{ font-size: 6rem; }
.sevenrem{ font-size: 7rem; }
.eightrem{ font-size: 8rem; }

/** adjustable font sizes **/
.fluid10{font-size: clamp(4rem, 4vw, 10rem);}
.fluid7{ font-size: clamp(3rem, 4vw, 7rem);}
.fluid6{font-size: clamp(2.5rem, 4vw, 6rem);}
.fluid5{font-size: clamp(2rem, 4vw, 5rem);}
.fluid4{font-size: clamp(1.4rem, 4vw, 4rem);}
.fluid3{font-size: clamp(1.4rem, 4vw, 3rem);}
.fluid2pt5{ font-size: clamp(2rem, 4vw, 2.5rem);}
.fluid2pt2{ font-size: clamp(1.5rem, 4vw, 2.2rem);}
.fluid2{font-size: clamp(1.3rem, 4vw, 2rem) !important;}
.fluid1pt7{font-size: clamp(1.3rem, 4vw, 1.7rem) !important;}
.fluid1pt6{font-size: clamp(1.2rem, 4vw, 1.6rem) !important;}
.fluid1pt5{font-size: clamp(1.2rem, 4vw, 1.5rem) !important;}
.fluid1pt3{ font-size: clamp(1.1rem, 4vw, 1.3rem);}
.fluid1pt2{ font-size: clamp(1rem, 4vw, 1.2rem);}
.fluid1pt2_sm{font-size: clamp(0.8rem, 4vw, 1.2rem);}
.fluid1pt1{ font-size: clamp(0.8rem, 4vw, 1.1rem);}
.fluid1{font-size: clamp(0.8rem, 4vw, 1rem);}

.upper{ text-transform: uppercase; }
.underline{ text-decoration:underline; }
.hide{display: none !important;}
.show{display: flex !important;}
.hideVisible{ visibility:hidden !important; opacity:0 !important; }
.showVisible{ visibility:visible !important; opacity:1 !important; }
.shrinkHide{
	transform: scale(0);
	display: none !important;
	opacity: 0;
}
.show769, .show769 *{
	display: none;
}
.show960, .show960 *{
	visibility: hidden !important;
	display: none;
}
hr{
	border-top: 1px double var(--storm);
	margin: 1rem 0;
}

footer{
	display: flex;
	gap: 3rem 3rem;
	margin: 0;
	flex-flow: wrap;
	font-size: clamp(0.8rem, 5vw, 0.9rem);
	padding: 4rem 0 3rem;
	z-index: 2;
}
footer:before{
	border-top: 1px solid  var(--nickel);
	background: var(--midnight);
	box-shadow: 0 -10px 50px 0 var(--midnight);
}
footer nav{
	gap: 2rem;
}
footer nav a{
	font-size: clamp(1rem, 5vw, 1.2rem);
}
footer h4{
	font-size: clamp(0.9rem, 5vw, 1.2rem);
	box-shadow: 0px 1px 0px 0px var(--nickel);
	padding: 0 0 0.4rem 0;
	color: #fff;
	font-weight: 400;
	line-height: 1.2;
}
footer a{
	color: var(--nickel);
}
footer .white a{ color:#fff; }
footer .links a:after{
	content: "\f101";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: clamp(0.6rem, 5vw, 0.6rem);
	margin: 0 0 0 3px;
	transition: all 0.05s ease;
	right: 0;
}
footer .nocaret a:after{
	content: '';
}

.webinar_root footer:before{
	border-top: 1px solid var(--midnight);
	background: var(--nickel);
	box-shadow: none;
}
.webinar_root footer h4{
	box-shadow: 0px 1px 0px 0px var(--midnight);
}
.webinar_root footer a,
.webinar_root footer .nickel{
	color: var(--midnight) !important;
}
.webinar_root footer .white a{color: #fff !important;}

footer a:hover,
.webinar_root footer a:hover,
.socialLinks a:hover [class^="fa-"]{
	color: var(--orange) !important;
}

[class^="fa-"]{
	background-color: var(--blue);
	padding: 5px;
	border-radius: 50%;
	color: #fff;
	width: 30px;
	aspect-ratio: 1;
	display: inline-flex !important;
	place-content: center;
	align-items: center;
	font-size: 1rem;
	opacity: 1;
	visibility: visible;
}
.socialLinks [class^="fa-"]{
	transition: all 0.05s ease;
}
.copyright{
	text-align: center;
	flex-basis: 100%;
}

/*--------------------------------- BACK TO TOP -----------------------------------*/ 
.back-to-top {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 30px;
		right: 60px;
		cursor: pointer;
		display: none;
		z-index: 999999;
		text-align: center;
}

.back-to-top span {
		background: #d29c738a none repeat scroll 0% 0%;
		position: absolute;
		top: 0px;
		bottom: 0px;
		width: 100%;
		height: 100%;
		transition: opacity 500ms linear 0s;
		opacity: 0.8;
		padding: 10px;
		border-radius: 5px;
}

.back-to-top .fa {
	color: var(--white);
	font-size: 2em;
}

.videos-container{
	position:relative;
	padding: 0 0 22.5% 0;
	width: 40%;
	height: 200px !important;
}
header{
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	position: fixed;
	width: 100%;
	left: 50vw;
	top: 0;
	transform: translateX(-50%);
	padding: 1.5rem 2rem;
	z-index: 10;
	max-width: 1400px;
}
header:before{
	background: linear-gradient(360deg, rgb(7 10 13 / var(--showHeader)), rgb(26 31 37 / var(--showHeader)));
}
body.webinar_root{
	background: #fff;
	color: var(--midnight);
}
.webinar_root header{
	justify-content: center;
	position: relative;
	transform: translateX(-50vw);
	padding: 2rem;
	flex-flow: row;
}
.webinar_root header:before{
	opacity: 1;
	background: url(media/swish2.svg) no-repeat center / cover;
	border-bottom: 3px solid var(--navy);
}
.reactor_img{
	background: url('media/reactor_masked.webp') no-repeat center / contain;
	width: 600px;
	aspect-ratio: 1/0.67;
}
.present p{
	margin-bottom: 1rem;
}
aside{
	width: 100%;
	max-width: 300px;
}
.webinar_root aside a,
.webinar_content a{
	color: var(--midnight);
	margin: 1.5rem 0 0 0;
	display: block;
	text-decoration: underline;
	font-weight: 500;
}
.webinar_content a{
	margin: 0;
	display: inline-block;
}
.webinar_content{
	max-width: 900px;
}
.webco_logo,
.alleima_logo,
.enerfab_logo{
	width: 220px;
	background: url('media/logo.svg') no-repeat;
	display: inline-block;
}
.webco_logo{
	aspect-ratio: 1/0.3;
}
.alleima_logo{
	aspect-ratio: 1 / 0.175;
	width: 240px;
	background: url('media/alleima_logo.svg') no-repeat;
}
.enerfab_logo{
	background: url('media/enerfab_logo.webp') no-repeat 0 0 / contain;
	aspect-ratio: 1 / 0.27;
	width: 210px;
}
.register_link{
	background: var(--orange);
	padding: 1.2rem 0 1rem;
	text-decoration: none !important;
	color: #fff !important;
	text-align: center;
	margin: 0 0 3rem 0 !important;
	font-weight: 500 !important;
	font-size: 1.5rem;
	display: block !important;
}
.register_link:hover{
	background: var(--flame);
	color: #fff !important;!i;!;
}
.title_replacement_image{
		width: 100%;
		max-width: 454px;
		background: #fff var(--titleImg) no-repeat 50% / 93%;
		aspect-ratio: 5 / 1;
}
.logo{
	width: 100%;
	max-width: clamp(140px, 30vw, 200px);
}
.noBG{
	background-image: none;
}
#home .slider{
	min-height: clamp(220px, 30vw, 400px);
	margin: 0 0 100px 0;
}
.slider, .hero{
	width: 100%;
	margin: 0;
}
.slider_link{
	position: absolute;
	top: -20%;
	left: 0;
	height: 120%;
	width: 100%;
	z-index: 5;
	border: none !important;
}
.hero{
	margin: 0;
	height: 100%;
	padding: 90px 0 0;
	z-index: 2;
}
.hero:before{
	width: 100%;
	display: block;
	aspect-ratio: 16 / 9;
	top: 0;
	left: 50%;
	z-index: -2;
	transform: translateX(-50%);
	background-image: linear-gradient(90deg, transparent 90%, var( --midnight) 100%), linear-gradient(var(--midnight) 0, transparent 30%), linear-gradient(transparent 80%, var(--midnight) 100%),linear-gradient(to left, transparent 90%, var(--midnight) 100%), var(--bgImg);
	background-position: 0 0, 0 0, 0 0, 0 0, 50% 50%;
	background-repeat: repeat, repeat, repeat, repeat, no-repeat;
	background-size: auto, auto, auto, auto, 100%;
}
.hero:after{
	content: '';
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -10;
	background: var(--midnight);
	box-shadow: inset 0px 25px 40px 0px var(--midnight), inset 0 -25px 40px 0px var(--midnight), 0 0 45px 50px var(--midnight);
}
.hero .wrapper{
	max-width: 500px;
	margin: 2rem 0 1rem;
}
.search-results .hero .wrapper{min-height: 0;margin: 0rem 0 160px 0;}
.hero .wrapper.top30{
	top: 30%;
}
.hero .wrapper.top25{
	top: 25%;
}
.hero h1{
	line-height: 1.2;
}
.hero h1, .hero p{
	text-shadow: 0 0px 5px var(--midnight);
}
.single h1,
.search h1{
	text-align: left;
}
#browse-alloy h1,
#industries h1{
	line-height: 1;
}
.top_work_places{
	max-width: 700px;
	width: 100%;
	aspect-ratio: 4.6/1;
	background: var(--background) no-repeat center / contain;
}
.player button{
	font-size: 0.5em !important;
}
/* New slider */
.swiper{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.swiper-container {
	width: 90vw;
	height: fit-content;
	padding: 1rem 0 !important;
}
.swiper-wrapper{
	gap: 0;
	padding: 3rem 0;
}
.swiper-container > .swiper-slide__content {
	position: absolute;
	top: 0;
}

.swiper-slide {
	display: block;
	background: url(http://webco-wp:8888/wp-content/uploads/2024/05/spools.webp) no-repeat center / cover;
	align-items: center;
	background-image: var(--background);
	justify-content: center;
	filter: blur(1.5px);
	aspect-ratio: 2/1.75;
}
.swiper-slide:hover{
	color: #fff;
}
.swiper-slide.swiper-slide-active {
	transform: scale(2.2) !important;
	box-shadow: 0 0 25px 10px var(--midnight);
	z-index: 1;
	filter: blur(0);
}
.swiper-slide__content {
	height: 300px;
}
.swiper .glass p{
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-size: 1rem;
	display: none;
}
.swiper .glass{
	padding: 0.5rem 0;
}
.swiper .glass h3{
	text-align: center;
	line-height: 1;
	padding-top: 3px;
	justify-content: center;
	align-items: center;
}
.video_swiper .swiper-slide{
	aspect-ratio: 16/9;
	background: none;
}
.video_swiper .swiper-slide:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: transparent;
}
.video_swiper .swiper-slide-active:before{display: none;}
.video_swiper .swiper-slide-active:hover{
	cursor: pointer;
}
.swiper-pagination-bullet{
	width: 30px !important;
	height: 30px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding-top: 3px;
	opacity: 1 !important;
	border: 1px solid var(--medium_blue);
}
.swiper-pagination-bullet:hover{
	cursor: pointer;
	background-color: var(--cobalt);
}
.swiper-pagination-bullet:after{
	content: '';
	position: absolute;
	line-height: 0;
	font-size: 13px;
}
.swiper-pagination-bullet-active{
	background-color: var(--medium_blue) !important;
}
.swiper-pagination-bullet:nth-child(1):after{ content: '1'; }
.swiper-pagination-bullet:nth-child(2):after{ content: '2'; }
.swiper-pagination-bullet:nth-child(3):after{ content: '3'; }
.swiper-pagination-bullet:nth-child(4):after{ content: '4'; }
.swiper-pagination-bullet:nth-child(5):after{ content: '5'; }
.swiper-pagination-bullet:nth-child(6):after{ content: '6'; }
.swiper-pagination-bullet:nth-child(7):after{ content: '7'; }
.swiper-pagination-bullet:nth-child(8):after{ content: '8'; }
.swiper-pagination-bullet:nth-child(9):after{ content: '9'; }
.swiper-pagination-bullet:nth-child(10):after{ content: '10'; }
.swiper-pagination-bullet:nth-child(11):after{ content: '11'; }
.swiper-pagination-bullet:nth-child(12):after{ content: '12'; }
.swiper-pagination-bullet:nth-child(13):after{ content: '13'; }
.swiper-pagination-bullet:nth-child(14):after{ content: '14'; }
.swiper-pagination-bullet:nth-child(15):after{ content: '15'; }
.swiper-pagination-bullet:nth-child(16):after{ content: '16'; }
/* New slider ends */

.slider li{
	position: absolute;
	list-style: none;
	margin: 0;
	height: 100%;
	width: 100%;
}
.slider input{display:none;}
.slider label{
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	padding: 0;
	line-height: 1.1;
	background: var(--coal);
	height: 100%;
	text-align: center;
}
.slider label:first-child{
	border-radius: 50px 0 0 50px;
}
.slider label:last-child{
	border-radius: 0 50px 50px 0;
}
.slider_nav_container{
	position: absolute;
	bottom: -20%;
	left: 50%;
	transform: translateX(-50%);
	gap: 15px;
	border: 0 !important;
	display: flex;
}
.slider_nav_container i{
	position: absolute;
	left: 50%;
	transform: translateX(-100%);
	bottom: -50px;
}
.slider_nav_container i:last-child{
	transform: translateX(50%) rotate(180deg);
}
.slider .copy{
	visibility: hidden;
	position: absolute;
	justify-content: center;
	align-items: flex-start;
	left: 50%;
	transform: translatex(-50%);
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}
.slider input:checked+.copy {
	visibility: visible;
	z-index: 2;
}
.slider .copy h2 span,
.slider .copy p{
	opacity: 0;
	transition: none;
}
.slider input:checked+.copy h2 span{
	opacity: 1;
	transition: all 0.6s ease-in-out;
}
.slider input:checked+.copy h2 span:nth-child(2){
	transition: all 0.6s ease-out 0.2s;
}
.slider input:checked+.copy h2 span:nth-child(3){
	transition: all 0.6s ease-out 0.4s;
}
.slider input:checked+.copy p{
	opacity: 1;
	transition: all 0.8s ease-out 0.8s;
}
.slider .copy h2{
	line-height: 0.9;
	max-width: 300px;
}
.slider .copy h2 span{
	display: block;
}
.slider_nav{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	z-index: 3;
	border: 0 !important;
	gap: 1px;
	padding: 0;
	background: var(--midnight);
}
.slider_nav label.active,
.slider label:hover{
	background: var(--medium_blue);
}
[class*="slider_nav_progress"], .fa-angle-left{
		background: var(--medium_blue);
}
[class*="slider_nav_progress"]:hover, .fa-angle-left:hover{
		background: var(--cobalt);
}
.fa-angle-left:hover{
	cursor:pointer;
}
.counter{
	border-radius: 50px;
	position: absolute;
	height: calc(100% + 2px);
	width: calc(100% + 1.5px);
	z-index: -1;
	display: flex;
	justify-content: center;
	transition: all 0.2s linear;
	align-items: center;
}
.counter span{
	position: absolute;
	--progress1: 0%;
	--progress2: 0%;
	--progress3: 100%;
	--progress4: 50%;
}
.counter span:nth-child(1),
.counter span:nth-child(3){
	width: calc(100% - 50px);
	height: 1px;
	top: 0;
}
.counter span:nth-child(2),
.counter span:nth-child(4){
	height: 100%;
	aspect-ratio: 1;
	border-radius: 50px;
	z-index: 0;
	top: 0px;
	z-index: -1;
}
.counter span:nth-child(1){
	background: linear-gradient(90deg, var(--medium_blue) 0% var(--progress1), var(--slate) var(--progress1) 100%);
}
.counter span:nth-child(2){
	background: conic-gradient(var(--medium_blue) 0% var(--progress2), var(--slate) var(--progress2) 100%);
	right: 0;
}
.counter span:nth-child(3){
	background: linear-gradient(90deg, var(--slate) 0% var(--progress3), var(--medium_blue) var(--progress3) 100%);
	top: calc(100% - 1px);
}
.counter span:nth-child(4){
	left: -1.5px;
	background: conic-gradient(var(--medium_blue) 50% var(--progress4), var(--slate) var(--progress4) 100%);
}
.topWorkPlaces_container{
	display: flex;
	flex-direction: column;
}
.topWorkPlaces{
	background: url('/wp-content/uploads/topWorkplaces.webp') no-repeat;
	width: 100%;
	background-size: contain;
	aspect-ratio: 16/9;
}
.ar169{
	aspect-ratio: 16/9;
	width: 100%;
	background: var(--background) no-repeat center/contain;
}
.ar32{
	aspect-ratio: 3/2;
	width: 100%;
	background: var(--background) no-repeat center/contain;
}
.bw_gradient{
	background: linear-gradient(to right, var(--shadow), var(--slate));
	padding: 2rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.better_tomorrow{
	background: url('https://picsum.photos/id/28/2000/2000.webp') no-repeat center;
	width: 100%;
	background-size: cover;
	aspect-ratio: 1;
	overflow: hidden;
	min-height: 500px;
}
.glass{
	padding: 2rem;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	background: #30363fc9;
	backdrop-filter: blur(4.4px);
	transition: none;
}
#about-webco-who-we-are .glass_pane_blocks > div:nth-child(1) .glass{
	background-color: #30363f91;
	backdrop-filter: blur(1.4px);
}
.glass_pane_blocks .glass .scrollable{
	font-size: clamp(1rem, 5vw, 1.2rem);
	line-height: 1.2;
	max-height: 175px;
	overflow: hidden auto;
}
.swiper-slide .glass:before,
.swiper-slide .glass:after,
.swiper-slide .iframe_container:after{
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	left: 0;
	background: #fff;
}
.swiper-slide .glass:before{
	top: -2px;
}
.swiper-slide .glass:after{
	bottom: -2px;
}
.swiper-slide .iframe_container:after{
	bottom: 0;
}
.swiper-slide-active .glass,
.swiper-slide .iframe_container{
	--swiper-slide-time: 0;
}
.swiper-slide-active .glass:before,
.swiper-slide-active .glass:after,
.swiper-slide .iframe_container:after{
	background: linear-gradient(to right, #fff var(--swiper-slide-time), #ffffff82 var(--swiper-slide-time));
}
.goToResource{
	margin: 0 0 4rem 0;
	padding: 6rem 0;
}
.text_block{
	z-index: 1;
}
.seperators{
	padding: 1rem 0 0;
}
.seperators_last{padding: 2rem 0 0;}
.seperator_general:before{
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		left: 100%;
		background-color: #fff;
		top: 0;
	}
.eurostile{
	font-family: 'eurostile', sans-serif;
	color: transparent;
	font-style: italic;
}
.choices_container{
	gap: 20px;
}
.choices_letters{padding: 0 16px 0 0;}
.choices_letters span{
	display: block;
	font-weight: 700;
	font-size: clamp(2rem, 5vw, 3rem);
	line-height: 1;
	width: 63px;
	text-align: center;
	font-family: 'eurostile', sans-serif;
	color: transparent;
	-webkit-text-stroke: 1px #ffffffbf;
	font-style: italic;
}
.choices_letters span:hover{
	cursor: pointer;
}
.scrollArrows:after{
	content: '\f322';
	position: absolute;
	width: 20px;
	height: 20px;
	font-family: 'Font Awesome 6 Pro';
	left: 50%;
	transform: translateX(-50%);
	color: var(--orange);
	font-size: 1.3rem;
}
.chosen{
	color: var(--orange) !important;
	-webkit-text-stroke: 0px #fff !important;
}
.chosen:after,
.locations_sidebar button.active span:after,
.locations_content:before{
	content: '';
	height: 1px;
	right: -1.9rem;
	width: 1.1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
}
.chosen:after{
	right: -16px;
	width: 20px;
}
.letter_copy{
	width: 60%;
	max-width: 700px;
}

.letter_copy > div{
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 0;
	overflow: hidden auto;
	height: 100%;
}
.letter_copy > div.visible{
	visibility: visible;
	opacity: 1;
}
.letter_copy h3{
	margin-bottom: 1.5rem;
}
.letter_copy h5{
	margin: 1.3rem 0 0.5rem;
	padding-top: 1.5rem;
	color: var(--orange);
	border-top: 1px solid var(--pewter);
}
.letter_copy p{
	margin-bottom: 0;
}
.letter_copy h5:nth-child(2){
	margin-top: 0;
	padding-top: 0;
	border: none;
}
.milestones{
	padding: 6rem 0 11rem;
	max-width: 1172px;
	gap: 2rem;
	margin-bottom: 2rem;
}
.milestones .year_line{
	content: '';
	width: 2px;
	position: absolute;
	top: 290px;
	left: 0;
	height: calc(100% - 428px);
	background: #fff;
	z-index: -1;
}
.milestone{
	max-width: 500px;
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	opacity: 0;
	--dotLine: 40px;
	left: 0;
}
.milestone .staged{
	position: absolute;
	top: 0;
	left: -20px;
	background: var(--coal);
	border: 1px solid #fff;
	max-width: 400px;
	width: 100%;
	padding: 1rem;
	visibility: hidden;
	opacity: 0;
	z-index: 6;
	line-height: 1.4;
	transform: scale(0);
}
.milestone .staged > div{
	width: 100%;
}
.milestone .staged i{
	position: absolute;
	top: -10px;
	right: -10px;
	color: #fff;
	font-size: 0.6rem;
	z-index: 2;
	background: var(--medium_blue);
	width: 20px;
	height: 20px;
	border-radius: 50px;
}
.milestone .staged i:hover{
	box-shadow: 0px 0px 6px 0 var(--midnight);
}
.milestone .staged.open{
	visibility: visible;
	opacity: 1;
}
.milestone .staged > div{
		max-height: 300px;
		overflow: hidden auto;
}
.milestone .staged img{
	margin: 0 1rem 0.5rem 0;
	max-width: 100px;
}
.milestone:before{
	content: '';
	position: absolute;
	height: 1px;
	background: #fff;
	width: var(--dotLine);
	left: calc(var(--dotLine) * -1);
}
.milestone:after,
.year_line:before{
	content: '';
	position: absolute;
	width: 10px;
	aspect-ratio: 1;
	background: var(--cobalt);
	left: -44px;
	z-index: 5;
	border-radius: 50px;
	border: 1px solid #fff;
}
.year_line:before{left: -4px;top: -6px;}
.year_line i{
	width: 8px;
	height: 2px;
	left: -3px;
	background: #ffffff;
	position: absolute;
	z-index: 3;
}
.milestone{
	left: 40px;
}
.milestone span,
.forever{
	font-size: clamp(1.2rem, 5vw, 2.1rem);
	font-weight: 600;
	padding: 0.5rem 0 0 0;
	border: 1px solid #fff;
	border-right: none;
	background: var(--medium_blue);
	width: 100px;
	text-align: center;
	display: block;
}
.forever{
	border: none;
	position: absolute;
	bottom: 35px;
	left: 60px;
	transform: translateX(-50%);
	text-decoration: none;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(/wp-content/uploads/forever.svg) no-repeat center / contain;
	width: 140px;
	aspect-ratio: 3.5/1;
}
.milestone:hover span,
.milestone .staged i:hover{
	background-color: var(--cobalt);
}
.invertedTriangle {
	position: absolute;
	bottom: 90px;
	left: 20px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	--l: 60px;
	border-left: calc(var(--l) / 2) solid transparent;
	border-right: calc(var(--l) / 2) solid transparent;
	border-top: calc(var(--l) * 0.866) solid #fff;
}
.milestone > p:before,
.milestone > p:after,
.locations_sidebar button:before,
.locations_sidebar button:after{
	content: '';
	width: 100%;
	position: absolute;
	top: 0;
	left: -1px;
	height: 1px;
	background: linear-gradient(90deg, var(--pearl), transparent);
}
.milestone > span:hover,
.milestone > p:hover,
.milestone .staged i:hover{ 
	cursor:pointer; 
}
.milestone:nth-child(even) > span{
	border: 1px solid #fff;
	border-left: none;
}
.locations_sidebar button:before,
.locations_sidebar button:after{
	left: 1px;
	background: linear-gradient(90deg, transparent, var(--pearl));
}
.milestone:nth-child(even) .milestone .staged{
	left: 0;
}
.milestone > span:after,
.milestone > p:after,
.locations_sidebar button:after{
	top: 100%;
}
.milestone > p{
	border-left: 1px solid #fff;
	padding: 0.8rem 1rem;
	min-height: 60px;
	display: flex;
	align-items: center;
	max-width: 400px;
}
.milestone .staged.open{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
.image_row{
		margin: 0;
}
.image_row span{
	background: var(--background) no-repeat center/cover;
	width: 100%;
	aspect-ratio: 5/1;
	margin: 3rem auto 0;
	box-shadow: inset 0 0 17px 3px var(--midnight);
}
.link_bar_container{padding: 3rem 0 1rem;z-index: 2;}
.link_bar{
	width: fit-content;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 0;
	border-radius: 50px;
	border: 1px solid var(--medium_blue);
	gap: 1px;
	background: var(--midnight);
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0 0 5px 0px var(--medium_blue);
}
.link_bar a{padding: 1rem 2rem 0.85rem;background: var(--coal);text-align: center;width: 100%;}
.link_bar a:hover{
	color: #fff !important;
	background: var(--medium_blue);
}
.link_bar a.active{
	color: #fff;
	background: var(--medium_blue);
}
.subhead{
	font-weight: 600;
}
.subhead s{text-decoration: none;margin: 0 1.5rem;}

.subhead s:before,
.subhead s:after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50px;
	background: #fff;
	width: 0.5rem;
	aspect-ratio: 1;
	left: -0.9rem;
}
.subhead s:after{left: initial;right: -0.95rem;}
.glass_pane_blocks{
	width: 100%;
	margin: 0 auto;
	z-index: 1;
	gap: 0 !important;
	padding: 0 !important;
}
.glass_pane_blocks > div{padding: 0 !important;border: 1px solid var(--nickel);border-bottom: none;box-shadow: none !important;}
.glass_pane_blocks > div:last-child{
	border-bottom: 1px solid var(--nickel);
}
.glass_pane_blocks .glass_container:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	background: var(--background) no-repeat center/cover;
}
.glass_pane_blocks .glass{
	height: 100%;
	width: 80%;
	border: none;
	border-right: 1px solid #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}
.glass_container{
	width: 100%;
	min-height: 400px;
}
#techcenter .glass_container{
	min-height: 450px;
}
.product{
	padding: 0 !important;
}
.search_bar .fa-angle-left:hover,
.link_collection .fa-angle-left:hover,
.btn_larger .fa-angle-left:hover{
	background: transparent;
}
.product_txt{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.7rem;
	padding: 2rem 1rem 1.7rem;
	min-height: 150px;
	transition: all 0s;
}
.product_txt:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	background: linear-gradient(to right, #070a0dbd 100%, transparent 100%), var(--background) no-repeat 80% center / cover;
}
.product_txt .excerpt{
	transition: all 0s;
}
.product_txt_container{
	max-width: 800px;
}
.product_txt .excerpt{
	text-shadow: 0 0 2px var(--shadow);
}
.glass_pane_blocks > div:nth-child(odd) .glass{
	border: none;
	border-left: 1px solid #fff;
	right: 0;
}
.accordion{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.accordion > div{
	box-shadow: 0px 1px 0px 0px var(--nickel);
	padding: 0 0 1rem 0;
}
.accordionHalf > div{
	max-width: 570px;
}
.accordionHalf{
	flex-direction: row;
	gap: 2rem 3rem;
}

.accordion > div h4:hover{ cursor:pointer; }

.accordion h4,
.accordion h2{
	margin: 0 0 0.5rem 0;
	font-weight: 500;
	font-size: clamp(1.3rem, 5vw, 1.5rem);
	width: fit-content;
	display: flex;
	flex-flow: row-reverse;
	gap: 0.5rem;
}
.accordion h4:after,
.product_txt:before{
	top: 4px;
	background: var(--medium_blue);
	border-radius: 50px;
	content: "\f105";
	font-size: 12px;
	font-weight: 500;
	width: 22px;
	height: 22px;
	padding-top: 0px;
	flex-shrink: 0;
	left: 0;
	right: initial;
	position: relative;
	transition: all 0.2s ease-in-out;
}
.product_txt:before{
	color: #fff;
	transition: all 0.4s ease-in-out;
	top: -3px
}
.product_txt:hover:before,
.accordion h4:hover:after{
	background-color: var(--cobalt);
}
.glass.open .excerpt{
	display: none;
}
.glass.open h3:before{
	content: '\58';
}
.glass.open{
	width: 100%;
	height: fit-content;
	justify-content: flex-start;
	border: none !important;
	position: absolute;
	transform: none;
	top: 0;
	background: var(--pewter);
	z-index: 2;
	box-shadow: 0 0px 13px 0px var(--midnight);
}

.glass.open .collapsed_region{box-shadow: none;background: none;padding: 0;margin: 0;}

.plusOnleft.accordion > div{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	gap: 0.6rem 2rem;
}
.plusOnleft.accordion > div:after{
	left: 0;
}
.plusOnleft.accordion h4{
	font-size: clamp(1.3rem, 5vw, 1.5rem);
	gap: 0.6rem;
	margin: 0;
}
.plusOnleft.accordion h4:after{
	top: 0;
}
.plusOnleft.accordion > div p{margin-bottom: 1rem;max-width: 100%;}
.accordion_quote{
	top: 0;
	right: 0;
	font-style: italic;
	font-size: 1rem;
	flex-basis: clamp(350px, 70%, 1000px);
	flex-basis: 900px;
}
.collapsed_region{
	grid-template-rows: 0fr;
	padding: 0 1rem;
	box-shadow: none;
	display: grid;
}
.content_region{
	display: grid;
	background: var(--coalTrans);
	padding: 1.5rem 2rem 1rem !important;
	box-shadow: none !important;
}
.collapsed_region .inner,
.content_region.inner{
	overflow: hidden;
	display: flex;
	flex-flow: wrap;
	gap: 1rem;
}
.product.open .collapsed_region .inner,
.content_region.inner{
	padding: 0.2rem 0 1rem;
}
.content_region.inner{
	gap: 2rem 1rem;
}
.open h4:after,
.open .product_txt:before{
	content: "\f068";
	padding: 0;
}
div.open .collapsed_region,
.content_region{
	grid-template-rows: 1fr !important;
	padding: 1rem 1rem 0.4rem 1rem;
	box-shadow: 0 0 0 1px #fff;
	margin-top: 1rem;
	grid-template-columns: 100%;
	z-index: 2;
}
.principles_container{
	padding: 7rem 0 3rem;
}
.principles_container .collapsed_region,
#products-overview .collapsed_region{
	box-shadow: none !important;
	width: 100%;
	padding: 0 !important;
	background: none !important;
}
.principles_container .collapsed_region .inner{
	flex-flow: wrap;
	align-items: flex-start;
	width: 100%;
}
#products-overview .collapsed_region{
	grid-template-rows: 39px;
	margin: 0;
}
.swooshBG:before{
	background: var(--shadow) url('media/swoosh.svg') no-repeat 0 25% / cover;
	position: fixed;
	z-index: -10;
}
.dotPattern:before{
	background: var(--midnight) url(media/dots.svg) no-repeat center / cover; url(
	media/orange_swish.svg) no-repeat center / cover;
	opacity: 0.3;
	position: fixed;
	top: 0;
	z-index: -5;
}
.nonFixed.dotPattern:before{
	position: absolute;
}
.tbTrans:before{
	box-shadow: inset 0px 35px 20px 0px var(--midnight), inset 0 -35px 20px 0 var(--midnight);
}
.transEnd:before{
	box-shadow: inset 0px 35px 20px 0px var(--midnight), inset 0 -35px 130px 0 var(--midnight);
}
.transOut:before{
	box-shadow: inset 0px 25px 40px 0px var(--midnight), inset 0 -25px 40px 0px var(--midnight), 0 0 40px 35px var(--midnight);
}
.transOut2:before{
	box-shadow: inset 0px 55px 40px 0px var(--midnight), inset 0 -45px 50px 0px var(--midnight), 0 40px 40px 0px var(--midnight);
}
.our_mission{
	padding: 7rem 0 6.6rem;
}
#about-webco-more-about-webco .our_mission,
#about-webco-more-about-webco .transOut2:before{
	display: none;
}
#about-webco-more-about-webco .link_bar_container{
	padding-bottom: 4rem;
}
.terms a:first-child:before{
	display: none;
}
.terms a:before{
	content: '|';
	margin: 0 0 0 1rem;
	left: -0.5rem;
	color: #fff !important;
}
.product_browser{padding: 3.5rem 0 4rem;}

.product_browser .link_bar a{
	padding: 1rem 3.8rem;
	font-size: 1rem;
}
.product_browser .link_bar a:first-child{
	padding-left: 3.5rem;
}
.product_browser .link_bar a:last-child{
	padding-right: 3.5rem;
}
.product_browser_container{
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 1.5rem;
	margin: 2rem auto 0;
}
.product_browser_container .collapsed_region p,
.content_region p{
	margin: 0 0 1rem 0;
}
.product:last-child{
	box-shadow: none;
	padding: 0;
}
.link_collection_group,
.product_description,
.product_main,
.product_sidebar{
	width: 100%;
}
.cleanSidebar .inner .link_collection_group{
	background: var(--coalTrans);
	padding: 2rem 2rem 1rem;
}
.product_main p{
	max-width: initial;
}
.product_main section,
.product_sidebar section{
	background: var(--coalTrans);
	padding: 1.5rem 1.5rem 1.7rem;
	margin: 1rem 0 0;
	border-radius: 10px;
	border: 1px solid var(--black);
}
.product_main section h5{
	font-size: clamp(1.2rem, 5vw, 1.4rem);
}
.product_sidebar section{
	padding: 0.7rem 0.7rem 0.4rem;
	margin: 0;
}
.size_range:before,
.wall:before,
.max_length:before,
.grade:before,
.specs:before{
	content: '';
	background: url('/wp-content/uploads/size_range.svg') no-repeat;
	width: 40px;
	aspect-ratio: 1.6/1.1;
	top: -1px;
}
.wall:before{
	background: url('/wp-content/uploads/wall.svg') no-repeat;
}
.max_length:before{
	background: url('/wp-content/uploads/max_length.svg') no-repeat;
}
.grade:before{
	background: url('/wp-content/uploads/grade.svg') no-repeat;
}
.specs:before{
	background: url('/wp-content/uploads/specs.svg') no-repeat;
}
.cleanSidebar .content_region{
	background: none;
	padding: 0 !important;
}
.cleanSidebar .content_region .inner{
	padding: 0;
}
.product_description,
.product_sidebar{
	order: -1;
}
.link_collection{
	margin: 1.7rem 0 3rem;
	display: flex;
	flex-flow: wrap;
	gap: 1rem;
	align-items: center;
}
.link_collection:last-child{
	margin-bottom: 0;
}
.link_collection:first-child{
	margin-top: 0;
}
.link_collection h5, 
.product_description h5,
.product_sidebar h5{
	padding: 0 0 0.2rem 0;
	border-bottom: 1px solid var(--storm);
	flex-basis: 100%;
	color: var(--orange);
}
.product_sidebar h5{
	color: #fff;
	font-size: clamp(1.2rem, 5vw, 1.4rem);
	margin: 2rem 0 1rem 0;
}
.chem_chart{margin: 0.7rem 0 0;display: flex;}
.elements,
.elements_value{
	display: flex;
	background: var(--medium_blue);
	justify-content: center;
	align-items: center;
	border-radius: 10px 0 0 10px;
	flex-direction: column;
}
.elements_value{
	background: var(--nickel);
	border-radius: 0 10px 10px 0;
}
.elements span,
.elements_value span{
	color: var(--flame);
	width: 65px;
	height: 57px;
	text-align: center;
	padding: 12px 0px 9px;
	font-weight: 600;
	font-size: 1rem;
	align-content: center;
}
.elements_value span{
	color: #fff;
	font-weight: 400;
}
.brightGrid{
	grid-template-columns: repeat(7, 1fr);
}
.brightGrid span{
	padding: 0.5rem 0 0.3rem;
	text-align: center;
	font-size: 1rem;
	background-color: var(--nickel);
	box-shadow: 0 0 0 1px var(--pewter);
}
.brightGrid span:first-child{
	border-top-left-radius: 10px;
}
.brightGrid span:last-child{
	border-bottom-right-radius: 10px;
}
.radius_top_right{
	border-top-right-radius: 10px;
}
.radius_bottom_left{
	border-bottom-left-radius: 10px;
}
.brightGrid_3{
	grid-template-columns: repeat(3, 1fr);
}
.brightGrid2{
	grid-template-columns: repeat(5, 1fr);
}
.brightGrid3{
	grid-template-columns: repeat(10, 1fr);
}
.brightGrid6{
	grid-template-columns: repeat(6, 1fr);
}
.span2{
	grid-column: span 2;
}
.span3{
	grid-column: span 3;
}
.spanBlue{
	background-color: var(--medium_blue) !important;!i;!;
	color: var(--flame);
	!i;!;
	box-shadow: 0 0px 0 1px var(--cobalt) !important;!i;!;
}
.officer img{
	max-width: 225px;
}
.testimonial_slider{
	padding: 7rem 0 0;
	height: 790px;
}
.testimonial_slider:before{background: linear-gradient(30deg, var(--shadow) 5%, var(--pewter) 100%);box-shadow: inset 0px 30px 30px var(--midnight), inset 0px -30px 30px var(--midnight);}
.testimonial{padding: 2rem 0 0rem;position: absolute;width: 100%;visibility: hidden;opacity: 0;}
.testimonial img{
	box-shadow: 2px 2px 10px 2px var(--shadow);
}
.testimonial_slider .controls{
	position: absolute;
	top: calc(1rem + 24%);
	left: 50%;
	z-index: 3;
	transform: translateX(-50%);
}
.testimonial.active{
	visibility: visible;
	opacity: 1;
}
.testimonial iframe{
	max-width: 350px;
	border: none;
	aspect-ratio: 1/1;
	box-shadow: 0 0 7px var(--midnight);
}
.principles_video_slider{
	padding: 0 2.5rem;
}
.principles_buttons button{
	width: 30px;
	aspect-ratio: 1;
	border-radius: 50px;
	border: 1px solid var(--orange);
	background: transparent;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.principles_buttons button:nth-child(10),
.principles_buttons button:nth-child(11),
.principles_buttons button:nth-child(12),
.principles_buttons button:nth-child(13),
.principles_buttons button:nth-child(14),
.principles_buttons button:nth-child(15),
.principles_buttons button:nth-child(16){
	padding-right: 1.5px;
	padding-top: 1px;
}
.find_forever{
	padding: clamp(4rem, 13vw, 6rem) 0;
}
.careers_badges{
	background: url(/wp-content/uploads/careers-badges-1.svg) no-repeat center top / contain;
	width: 100%;
	max-width: 800px;
	aspect-ratio: 4.7/1;
	margin: 0 auto;
}
.topWorkPlaces_icons{
	background: url(/wp-content/uploads/topWorkPlaces.svg) no-repeat center top / contain;
	width: 100%;
	max-width: 1000px;
	aspect-ratio: 6.5/1;
	margin: clamp(3rem, 5vw, 5rem) auto clamp(2rem, 5vw, 3rem);
}
.quick_facts{
	background: url(/wp-content/uploads/locations-badges.svg) no-repeat center top / contain;
	aspect-ratio: 3/1;
	margin: 0 0 3rem 0;
	width: 100%;
	max-width: 800px;
}
.fact{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	width: 225px;
	text-align: center;
	font-size: 1.2rem;
	padding: 1rem;
	background: #08336ba6;
	border-radius: 20px;
	border: 1px solid var(--storm);
}
.fact:after{
	/* content: ''; */
	height: 100%;
	width: 1px;
	background: #d9e0e97a;
	position: absolute;
	right: 0;
}
.fact:last-child:after{
	display: none;
}
.fact i{
	background: url('media/fact_teammates.svg') no-repeat center/contain;
	width: 60px;
	aspect-ratio: 1;
}
.fact:nth-child(2) i{
	background-image: url('media/fact_promoted.svg');
}
.fact:nth-child(3) i{
	background-image: url('media/fact_tenure.svg');
}
.fact:nth-child(4) i{
	background-image: url('media/fact_development.svg');
}
.fact:nth-child(5) i{
	background-image: url('media/fact_industries.svg');
}
.fact p:nth-child(2){
	font-size: clamp(1.8rem, 5vw, 3rem);
	color: var(--flame);
	font-weight: 500;
	padding: 1rem 1rem 0.3rem;
}
.fact p:nth-child(2):before{width: 225px;z-index: 1;}
.fact p:nth-child(2) span{
	z-index: 2;
}

.principles_container iframe{
	width: 300px;
}
#products-overview{ display:none; }
.content{
	min-height: 500px;
	margin: 0 auto;
	padding: 5rem 0 5rem;
	width: 100%;
	gap: 3rem;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.content a.orange:hover,
.cky-consent-container .orange:hover{
	color: var(--flame) !important;
}
.content > div{
	width: 100%;
}
p{
	max-width: 800px;
	width: 100%;
}
.content > div p{
	margin: 0 0 1rem 0;
}
.contentRow{
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}
.sidebar{
	padding: 1.3rem;
	border-radius: 20px;
	max-width: 200px;
	width: 100%;
	background-color: var(--slate);
}
.sidebar h5{
		margin: 0 0 0.8rem 0;
}
.sidebar button, .sidebar_btn{
		display: block;
		margin: 0 0 1rem 0;
		border-bottom: 1px solid var(--storm);
		padding-bottom: 3px;
		background: none;
		color: #fff;
		font-size: 1rem;
		width: 100%;
		text-align: left;
}
.sidebar button.active{
	color: var(--orange);
}
.sidebar button:hover{
	cursor: pointer;
	color: var(--orange);
}
.sidebar h2 span{
	display: block;
	margin-top: 0.5rem;
}
.sidebarLeft{
	max-width: 320px !important;
}
.form{
	max-width: 500px;
	padding: 1.3rem;
	background: var(--coal);
	border-radius: 20px;
}
.gform-theme--framework .gform-field-label{
	--gf-local-color: #fff !important;
	margin: 0.5rem 0 0.3rem !important;
	font-size: 1rem !important;
	display: inline-block !important;
}
.seminar_gform .gform-theme--framework .gform-field-label{
	--gf-local-color: #000 !important;
}
.gform-theme--framework .gfield_radio .gform-field-label,
.gform-theme--framework .gform-field-label--type-inline{
	margin: 0.1rem 0 0 0.5rem !important;
}
div:not(.request_form) .gform-theme--framework .gfield:nth-child(1) .gform-field-label{
	margin-top: 0 !important;
}
#gform_wrapper_1[data-form-index="0"].gform-theme,
#gform_wrapper_2[data-form-index="0"].gform-theme{
	--gf-color-primary: var(--orange) !important;
	--gf-color-primary-darker: var(--orange) !important;
	--gf-color-in-ctrl-primary: var(--orange) !important;
}
.gform_title{ display:none; }
.gform-theme--framework .gform-field-label--type-sub,
.gform-theme--framework .gfield_description{
	color: #fff !important;
}
.gform-theme--framework input,
.gform-theme--framework select,
.gform-theme--framework textarea{
	border-radius: 50px !important;
	border-color: var(--pewter);
	--gf-local-border-color: var(--pewter) !important;
	color: #fff !important;
	background-color: var(--slate) !important;
	padding: 1rem !important;
	font-size: 1rem !important;
}
.seminar_gform .gform-theme--framework input,
.seminar_gform .gform-theme--framework select,
.seminar_gform .gform-theme--framework textarea{
	border-radius: 50px !important;
	border-color: var(--pewter);
	--gf-local-border-color: var(--pewter) !important;
	color: #000 !important;
	background-color: #fff !important;
}
.gform-theme--framework textarea{
	border-radius: 8px !important;
}
.gform-theme--framework select{
	padding: 0.1rem 1rem !important;
	--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgb(240, 110, 13)'/%3E%3C/svg%3E");
}
.gform-theme--foundation .gform_fields{
	row-gap: 1.2rem !important;
}
.gsection_title{
	font-size: 1.2rem !important;
}
.gform-theme--framework .gform_validation_errors ol,
.gform-theme--framework .gform_validation_errors ol a,
.gform-theme--framework .gform_validation_errors .gform_submission_error,
.gform-theme--framework .gform-field-label>.gfield_required,
.gform-theme--framework .gform_validation_errors .gform-icon,
.gform-theme--framework .gform_validation_errors,
.gform-theme--framework .gfield_validation_message{
	color: var(--orange) !important;
	border-color: var(--orange) !important;
}
.gform-theme--foundation .ginput_counter{
	display: none !important;
}
.gfield_required{
	font-size: 1.2rem !important;
}
.form input[type=text],
.form textarea{
	margin: 0 0 10px !important;
}
.form input:focus,
.form select:focus,
.form textarea:focus{
/*	box-shadow: 0 0 5px 0px var(--medium_blue) !important;*/
	border: var(--pewter) !important;
	outline: 2px solid var(--cobalt) !important;
}
.form input:before{
	background-color: var(--orange) !important;
}
.gform-theme--framework input[type=checkbox]{
	padding: 13px !important;
}
.gform-theme--framework input[type=checkbox]::before{
	background-color: transparent !important;
	color: var(--orange) !important;
}

.form input[type=radio],
.seminar_gform input[type=radio],
.seminar_gform input[type=checkbox]{
	padding: 0 !important;
}
.seminar_gform input[type=checkbox]{
	margin-right: 10px;
}
.ginput_container_radio{
	margin-top: 0.5rem !important;
}
.form .gfield_radio input{
	border: 1px solid var(--pewter) !important;	
}
.form .gfield_radio input:focus{
	box-shadow: none !important;
}
.form input[type=submit]{
	border: none !important;
	box-shadow: none !important;
	background-color: var(--medium_blue) !important;
	transition: all 0.2s ease;
	--gf-local-bg-color: var(--medium_blue) !important;
	color: #fff !important;
	padding: 0 1rem !important;
}
.form input[type=submit]:hover{
	background-color: var(--cobalt) !important;
	--gf-local-bg-color: var(--cobalt) !important;
}
.search-results .content{
	align-items: flex-start;
}
.gfield--input-type-radio{
	margin-top: 0.5rem !important;
}
.request_form{
	max-width: 1000px !important;
}
.gform-theme--foundation input[type=submit]{
	padding-top: 2px !important;
}

.request_form .gform-theme--foundation .gfield--type-address{
	margin-top: 9px;
}
.ginput_container_fileupload input[type=file]{
	padding: 0 12px 0 0 !important;
}
@-moz-document url-prefix() {
	.request_form .gform-theme--foundation .gfield--type-address{
		margin-top: 0;
	}
}
.seminar_gform input[type=submit]{
	padding: 0.8rem 1.5rem !important;
}
.seminar_gform .gform_confirmation_message{
	color: #fff;
	padding: 1rem;
	background: var(--orange);
	position: relative;
}
@media (min-width: 640px){
	.request_form .gform-theme--foundation .gfield--width-full,
	.request_form .gform-theme--foundation .gfield--type-email{
		grid-column: span 4;
	}
	.request_form .gform-theme--foundation .gfield--type-textarea{
		grid-column: span 8;
	}
	.gform-theme--foundation .ginput_address_city, .gform-theme--foundation .ginput_address_country, 
	.gform-theme--foundation .ginput_address_state, .gform-theme--foundation .ginput_address_zip{
		inline-size: 100% !important;
	}
}
.resources_content{
	gap: 1rem;
	flex-flow: wrap;
}
.resources{
	max-height: 500px;
	overflow: hidden auto;
	padding: 4px;
	max-width: 300px !important;
}
.download{
	max-width: 300px;
	width: 100%;
	background: linear-gradient(-12deg, var(--shadow) 16%, var(--pewter));
	background-repeat: no-repeat;
	padding: 1rem;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	align-items: center;
	justify-content: space-between;
	color: #fff !important;
	overflow: hidden;
}
.download:before{
	content: '';
}
.download:after{
	background: var(--medium_blue);
	border-radius: 50px;
	content: "\f33d";
	font-size: 13px;
	font-weight: 500;
	height: 23px;
	position: relative;
	aspect-ratio: 1/1;
}
.download h2{
	max-width: 180px;
	margin-bottom: 0;
	width: 100%;
}
.download_copy{
	flex-grow: 1;
}
.resource p{
	margin: 0 0 1.5rem 0 !important;
}
.resource.strong_orange strong{
	color: var(--orange);
}
table{
	width: 100%;
	max-width: 600px;
	display: table;
	border-spacing: 2px;
}
table.tablefield{
	border-collapse: inherit;
	background: var(--midnight);
}
th,td{
	padding: 8px 5px 4px;
	font-size: 1rem;
	max-width: 100px;
}
tr{text-align:center;border-color: #fff;}
tr.odd {
		background-color: var(--coal);
}
tr.even {
		background-color: var(--slate);
}
.download:hover{
	color: #fff !important;
	box-shadow: 0 0 0px 1px var(--medium_blue);
}
.post{
	margin-bottom: 2.5rem;
}
.post:after{
	content: '';
	width: 100%;
	height: 1px;
	background: var(--storm);
	display: block;
}
.posts a,
.content a{
}
.post h2:before{
	position: relative;
	left: 0;
	top: 4px;
	height: 15px;
	width: 15px;
}
.post h2:hover :before{
	background: var(--orange);
}
.content a:hover{
	color: var(--orange);
}
.img3by2,
.img2by1{
	display: block;
	margin: 0 0 1rem 0;
	aspect-ratio: 3/2;
	max-width: 250px;
	width: 100%;
	background: var(--facilityImg) no-repeat center/cover;
	border: 1px solid var(--storm);
}
.facility{
	background: var(--facilityImg) no-repeat center/cover;
}
.facility strong{
	margin-bottom: 0.5rem;
	display: block;
	font-size: 1.1rem;
}
.facility .glass{
	backdrop-filter: blur(0px);
}
.facility .glass a{
	margin-top: 0.5rem;
	display: block;
	width: fit-content;
	color: #fff;
}
#tabs{
	margin-bottom: 2rem;
}
#tabs button{
	background: var(--coal);
	color: #fff;
	padding: 0.8rem 1rem;
	font-size: 1rem;
	/* border-radius: 50px; */
}
#tabs button:hover,
#tabs button.active{
	cursor: pointer;
	background: var(--slate);
}
#tabs table{
	max-width: 98%;
}
#tabs thead th{
	position: sticky;
	top: -4px;
	z-index: 2;
	background: var(--midnight);
}
.sticky-header{
	background: var(--midnight);
	/* position: sticky; */
	top: -4px;
	z-index: 2;
	margin-top: 2rem;
	display: none;
}
.color_picker{
	position: fixed;
	right: 0;
	bottom: 0;
	background: #ffffff47;
	padding: 1rem;
	width: auto;
	z-index: 9999;
}
.color_picker span{
	color: #000;
	display: block;
	margin: 3.1px 0;
	font-size: 0.9rem;
}
.color_picker span:hover{
	cursor: pointer;
	width: 100%;
	text-decoration: underline;
}
.locations_container{
	justify-content: flex-start;
	gap: 1rem;
	min-height: 700px;
}
.locations_sidebar{
		max-width: 450px;
		width: 40%;
		padding-right: 1rem;
}
.locations_sidebar button{
		display: block;
		margin-bottom: 2rem;
		color: #fff;
		background: none;
		text-align: right;
		width: 100%;
		--lineWidth: 0;
		margin: 0 0 1rem 0;
		padding: 0.5rem 0.8rem;
		border-right: 1px solid #fff;
}
.locations_sidebar button:nth-child(1){
	--lineWidth: 184px;
}
.locations_sidebar button:hover,
.locations_sidebar button.active{
	cursor: pointer;
	background: linear-gradient(to left, var(--medium_blue) 60%, transparent 100%);
}
.locations_content{
		max-width: 800px;
		width: 52%;
}
.locations_content:before{left: -3rem;width: 3rem;top: 20%;display: none;}
.locations_content > div{
	position: absolute;
	visibility: hidden;
	opacity: 0;
	line-height: 1.4;
}
.locations_content > div.active{
	visibility: visible;
	opacity: 1;
}
.locations_content img{
	width: 100%;
	max-width: 600px;
	margin-bottom: 1rem;
}
.btn_special{
	border-radius: 50px;
	border: 1px solid var(--medium_blue);
	background: var(--pewter);
	padding: 1rem 1.8rem;
	width: auto !important;
}
.row2 span{
	display: block;
}
.row2 span:nth-child(2){
	font-weight: 300;
	font-size: clamp(0.9rem, 5vw, 1.3rem);
	margin-top: 0.3rem;
}
.association_logos{
	max-width: 840px !important;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 1.5rem;
	gap: 1.5rem;
}
.association_logos img{
	max-width: 180px;
}
.msci{
		max-width: 250px !important;
}
.mti{
		max-width: 250px !important;
}
.astm{
		max-width: 235px !important;
}
.sit{
		max-width: 84px !important;
}
.pvf{
	max-width: 140px !important;
}
.nam{
		background: #0032a0;
		padding: 0.6rem;
		max-width: 230px !important;
}
.flexfulltill1000{
	min-width: 100%;
	justify-content: center;
	align-items: center;
}
.workAtwebco{
	align-items: stretch;
}
.checkList{
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.checkList li{
	background-image: url('/wp-content/uploads/checkmark.svg');
	background-repeat: no-repeat;
	background-size: 26px;
	background-position: left center;
	padding: 0.2rem 0 0 2.2rem;
	margin: 0;
}
.bulletList,
.gridList{
	display: grid;
	margin: 1rem 0 2.5rem 0;
	grid-gap: 1rem 3rem;
}
.gridList{
	list-style: none;
	padding: 0;
	grid-gap: 0.5rem;
}
.bulletList li,
.gridList li{
	margin: 0;
}
.gridList li{
	 padding: 0.8rem;
}
.gridList li:nth-child(even){
	background: var(--pewter);
}
.gridList li:nth-child(odd){
	background: var(--navy); 
}
.spider{width: 100%;max-width: 400px;padding: 0.5rem 0.5rem 0.3rem;}
.scale2:hover{
	transform: scale(2);
	z-index: 99;
	background-color: var(--coal);
	transform-origin: center right;
}
/* end custom styles */

@media (min-width: 500px) {
	.plusOnleft.accordion h4:after{
		top: 4px;
	}
	.slider label{
		font-size: 1rem;
	}
	.counter span:nth-child(1), .counter span:nth-child(3){
		width: calc(100% - 48px);
	}
	footer{justify-content: center;}
}

@media (min-width: 600px) {
	.tabletGrid2col, 
	.bulletList,
	.gridList{ 
		grid-template-areas: "1 1"; 
	}
	.slider_nav a{
		padding: 0 2rem;
		font-size: 15px;
	}
	.slider_nav_container i{
		left: -15%;
		transform: none;
		bottom: initial;
	}
	.slider_nav_container i:last-child{
		left: 103%;
	}
}


@media (min-width: 769px) {
	.order1_desktop{
		order: -1;
	}
	nav{
		right: 5rem;
	}
	nav .btn_clean{
		display: inline-block !important;
		margin-bottom: 0;
		width: 49%;
	}
	.mobile_search_trigger{
		display: none;
	}
	div.asp_w.ajaxsearchpro.asp_non_compact{
		width: 200px !important;
		visibility: visible;
		opacity: 1;
	}
	#ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier{
	}
	div.asp_m.ajaxsearchpro .probox .proinput input,
	div.asp_m.ajaxsearchpro .probox .proinput input::placeholder,
	input::placeholder{
	}
	#ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.asp_r.asp_r_1.vertical{
		box-shadow: 2px 2px 10px 0px var(--midnight) !important;
		width: 335px !important;
	}
	.animation{
		padding: 100px 0 0;
		position: absolute;
		height: min(50vw, 650px);
	}
	.bgImgs{
		background-position: 0 0, 0 0, 0 0, 0 0, 100% 50%;
		background-size: auto, auto, auto, auto, 86%;
		background-image: linear-gradient(90deg, transparent 89%, var(--midnight) 100%), linear-gradient(var(--midnight) 0, transparent 20%), linear-gradient(transparent 82%, var(--midnight) 100%), radial-gradient(circle at 66%, transparent 39%, var(--midnight) 60%), var(--bgimg) !important;
	}
	.santinoBG{
		background-position: 0 0, 0 0, 0 0, 0 0, 63% 50%;
		background-size: auto, auto, auto, auto, 62%;
		background-image: linear-gradient(90deg, transparent 100%, var(--midnight) 100%), linear-gradient(var(--midnight) 0, transparent 0), linear-gradient(transparent 100%, var(--midnight) 100%), radial-gradient(circle at 0, transparent 100%, var(--midnight) 100%), var(--bgimg) !important;
	}
	#home .slider{
		margin: min(20vw, 200px) 0 min(9vw, 130px);
	}
	.slider .copy{
		position: absolute;
	}
	.hero{
		max-height: 620px;
		padding: 160px 0 0;
	}
	.hero:before{
		position: absolute;
		height: 100%;
		background-position: 0 0, 0 0, 0 0, 0 0, 100% 50%;
		background-repeat: repeat, repeat, repeat, repeat, no-repeat;
		background-size: auto, auto, auto, auto, 80%;
		background-image: linear-gradient(90deg, transparent 85%, var(--midnight) 100%), linear-gradient(var(--midnight) 5%, transparent 30%), linear-gradient(transparent 70%, var(--midnight) 100%), radial-gradient(circle at 70%, transparent 40%, var(--midnight) 50%), var(--bgImg);
	}
	#products-applications-roll-cage-chassis-tubing-finishline-chassis-tubing .hero:before{
		background-size: auto, auto, auto, auto, 70%;
	}
	.hero .wrapper{
		min-height: 300px;
		max-height: 350px;
		overflow: hidden;
		margin-bottom: 3rem;
	}
	.single-post .hero,
	.search .hero{
		margin: 75px 0 0 0;
	}
	.glass{
		padding: 2rem;
	}
	.glass_pane_blocks .glass{
		width: 40%;
	}
	.glass_container{
		min-height: 500px;
	}
	.accordion_quote{
		text-align: right;
		flex-basis: 67%;
	}
	.locations_sidebar button.active span:after {
	right: -3.9rem;
	width: 3.1rem;
	}
	.locations_container{
		gap: 3rem;
		justify-content: center;
	}
	.locations_sidebar{
		padding-right: 3rem;
	}
	.choices_letters{padding: 0 32px 0 0;}
	.choices_container{
		justify-content: center;
		gap: 32px;
	}
	.chosen:after{
		right: -32px;
		width: 27px;
	}
	.prl10{ padding: 0 10%; }
	.prl20{ padding: 0 20%; }
	.prl30{ padding: 0 30%; }
	.desktop10{ width: 10%; }
	.desktop20{ width: 20%; }
	.desktop30{ width: 30%; }
	.desktop40{ width: 40%; }
	.desktop45{ width: 45%; }
	.desktop55{ width: 55%; }
	.desktop50{ width: 50%; }
	.desktop60{ width: 60%; }
	.desktop70{ width: 70%; }
	.desktop80{ width: 80%; }
	.desktop90{ width: 90%; }
	.desktop100{ width: 100%; }
	.desktop400{ width:400px; }
	.desktop500{ width:500px; }
	.desktop600{ width:600px; }
	.desktop700{ width:700px; }
	.medGrid3col, 
	.bulletList,
	.gridList{ 
		grid-template-areas: "1 1 1"; 
	}
	.mb3_desktop{ margin-bottom: 3rem !important; }
	.mt7_desktop{ margin-top:7rem !important; }
	.desktopJustifyCenter{ justify-content: center; }
	.show769, .show769 *{
		display: flex;
	}
	.hide769, .hide769 *{
		display: none;
	}
	
	footer .links a:after{
		right: initial;
	}
	.principles_container iframe{
		width: 400px;
	}
	.swiper .glass h3{
		padding: calc(1rem + 3px) 0.5rem 1rem;
	}
	.swiper-slide.swiper-slide-active{
		transform: scale(1.2) !important;
	}
	.testimonial_slider .controls{
		top: calc(1rem + 22%);
	}
	.testimonial_slider{
		height: 845px;
	}
	.product_txt{
		padding: 2rem 0 1.7rem;
	}
	.product_txt:after{
		width: 60%;
		background: linear-gradient(to right, #070a0d4f 100%, transparent 100%), var(--background) no-repeat right center / cover;
		mask-image: linear-gradient(to right, transparent 10%, black 70%);
	}
	.download{
		height: 120px;
		flex-wrap: nowrap;
		gap: 1rem;
	}
	.download h2{
		max-width: 250px;
		margin-bottom: 0.3rem;
	}
	.download:before {
	content: "\f15b";
	font-size: 25px;
	font-weight: 200;
	position: relative;
	color: var(--storm);
	}
	.download:after{
		font-size: 16px;
		height: 26px;
	}
	.resources_content{
		gap: 3rem;
		justify-content: flex-start;
	}
	.resources{
		max-height: 700px;
	}
	.glass_pane_blocks .glass .scrollable{
		max-height: 220px;
	}

}/* 769 query */

@media (min-width: 870px) {
	.testimonial_slider{
		height: 690px;
	}
	footer{justify-content: space-between;}
}

@media (min-width: 960px) {
	.show960, .show960 *{
		visibility: visible !important;
		display: flex;
	}
	.columnCount3_desktop{
		column-count: 3;
	}
	.columnCount3_desktop li{
		page-break-inside: avoid;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	margin: 0;
	padding-bottom: 1rem;
	}
	.columnGap3_desktop{ column-gap: 3rem;}
}

@media (min-width: 1000px) {
	.desktopGrid4col, 
	.bulletList,
	.gridList{
		grid-template-areas:
			"1 1 1 1";
	}
	.order1_desktop1000{
		order: -1;
	}
	.flexfulltill1000{
		min-width: initial;
	}
	.swiper .glass p{
		display: flex;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		padding: 0 1rem 1rem;
		text-align: center;
	}
	.chem_chart{
		display: block;
	}
	.elements,
	.elements_value{
		flex-direction: row;
	}
	.elements,
	.elements_value{
		gap: 15px;
	}
	.elements{
		border-radius: 10px 10px 0 0;
	}
	.elements_value{
		border-radius: 0 0 10px 10px;
	}
	.elements span, .elements_value span, .brightTable th, .brightTable td{
		padding: 12px 0 9px;
		height: auto;
	}
	.elements span:after,
	.elements_value span:after{
		content: '|';
		color: var(--cobalt);
		position: absolute;
		right: -11px;
		font-weight: 400;
		top: 50%;
		transform: translateY(-50%);
	}
	.corrosion_grid span:after{
		right: -26px;
	}
	.elements_value span:after{
		color: var(--pewter);
	}
	.elements span:last-child:after,
	.elements_value span:last-child:after{
		content: '';
	}
	
}

@media (min-width: 1100px) {
	.resources{
		max-width: 670px !important;
	}
}
@media (min-width: 1200px) {
	.link_bar{
		flex-flow: row;
		flex-basis: 100%;
	}
	.link_bar a{
		width: auto;
	}
	.link_bar a:first-child{
		padding-left: 2.2rem;
	}
	.link_bar a:last-child{
		padding-right: 2.2rem;
	}
}

@media (min-width: 1350px){
	.mb3_1350{ margin-bottom: 3rem; }
	.width400_1350{
		width: 400px;
	}
	.seperators{
		padding: 3rem 2rem;
	}
	.seperators1, .seperators_last{
		padding: 3rem 0 0 0;
	}
	.seperators:before,
	.seperator_right:before{
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		left: 0;
		background-color: #fff;
		top: 0;
	}
	.seperator_right:before{
		left: 100%;
	}
	.seperators:after{
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		right: 0;
		background-color: #fff;
		top: 0;
	}
	.swiper .glass p{
		-webkit-line-clamp: 10;
		font-size: 1.2rem;
	}
	.milestones{
		padding: 6rem 0 22rem;
	}
	.milestone{
		--dotLine: 84px;
	}
	.milestone:nth-child(even){
		flex-flow: row-reverse;
		left: 0;
	}
	.milestone:nth-child(odd){
		left: calc(50% + var(--dotLine));
	}
	.milestone:nth-child(even):before{
		left: 100%;
	}
	.milestone:nth-child(even):after{
		left: calc(100% + 81px);
	}
	.milestones .year_line{
		left: 50%;
		transform: translateX(-50%);
	}
	.milestone:nth-child(even) > p {
	border-left: none;
	border-right: 1px solid #fff;
	text-align: right;
	}
	.milestone:nth-child(even) > p:before,
	.milestone:nth-child(even) > p:after{
		left: 1px;
		background: linear-gradient(90deg, transparent, var(--pearl));
	}
	.milestone:after{
		left: -89px;
	}
	.milestones .year_line{
		top: 9%;
		height: 84%;
	}
	.milestone .staged{
		left: 100px;
	}
	.milestone:nth-child(even) .staged{
		left: 0;
	}
	.invertedTriangle{
		left: 50%;
		bottom: 5.5%;
	}
	.forever{
		left: 50%;
		bottom: 3.5%;
	}
}

@media (min-width: 1400px) {
	.show1400{
		display: flex !important;
	}
	.product_browser_container{
		flex-direction: row;
	}
	.link_collection_group,
	.product_main{
		max-width: 950px;
	}
	.product_description,
	.product_sidebar{
		max-width: 300px;
		border-left: 1px solid var(--storm);
		order: 1;
		padding-left: 1.5rem;
	}
	.cleanSidebar .product_description{
		border: none;
	}
	.resources{
		max-width: 965px !important;
	}
	.desktopCol{
		flex-direction: column;
	}
}