/*
Theme Name: PJ Tube
Theme URI: https://pjtube.com
Author: Crossroads Communications, LLC
Description: Custom theme for PJ Tube
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ========= Colors ======= */
:root {
		--orange: #e35205;
		--darkOrange: #d64d03;
		--blue: #005eb8;
		--darkblue: #1A315C;
		--ltblue: #002e6da1;
		--ltgray: #ededed;
		--gray: #c7c7c7;
		--darkGray: #888;
		--darkgray: #333333;
		--midgray: #A5AAAE;
		--txtgray: #424143;
		--white: #fff;
		--offWhite: #ececec;
		--black: #000;
}
::selection,
::-moz-selection{
	background: #F8FBFB;
}
a {
	color: var(--blue);
	vertical-align: baseline !important;
	transition: all 0.2s;
}
a:hover{
	color: var(--orange) !important;
}
.blackBG{ background-color: #000000; }
.blueBG{ background-color: var(--blue) !important; }
.grayBG{ background-color: var(--gray); }
.whiteBG{ background-color: var(--white); }
.orangeBG{ background-color: var(--orange); }
.darkGrayBG{ background-color: var(--darkgray); }
.midGrayBG{ background-color: var(--midgray); }
.ltgrayBG{ background-color: var(--ltgray) !important; }
.offWhiteBG{ background-color: var(--offWhite); }

.white, a.white{ color: var(--white) !important; }
.blue{ color: var(--blue) !important; }
.orange{ color: var(--orange) !important; }
.midGray{ color: var(--midgray) !important; }
.ltgray{ color: var(--ltgray) !important; }
.black{ color: #000 !important; }

.fullBG::before {
		content: '';
		width: 100vw;
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
}
.fullOrange::before,
.orangeBG::before {
	background-color: var(--orange);
}
.blueBG::before {
	background-color: var(--blue);
}
.fullltGray::before,
.ltGrayBG::before{
		background-color: var(--ltgray);
}

ul.white li{
	color: var(--white) !important;
}
.zIndex1 {
		z-index: 1;
}
.gap1 {
		gap: 1rem;
}
.flex {
		display: flex;
		flex-flow: wrap;
}
.pb1 {
		padding-bottom: 1rem !important;
}
.pt1 {
		padding-top: 1rem !important;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: middle;
		position: relative;
}
*, *::before, *::after {
		box-sizing: border-box;
}
user agent stylesheet
div {
		display: block;
}
.col-add-to-cart{
	display: none !important;
}
.main {
		line-height: 1;
		font-size: 1.1rem;
		font-family: nimbus-sans-extended,sans-serif;
		font-weight: 400;
		color: var(--blue);
		background-color: var(--white);
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		max-width: 1000px;
		width: 100%;
		padding: 2rem 2rem 0;
		margin: 0 auto;
		position: relative;
}
html, body {
		font-size: 100%;
		background-color: var(--white);
		width: 100vw;
		overflow-x: hidden;
}
body{
	-webkit-font-smoothing: auto;
		color: #000;
	line-height:1;
	font-weight:400;
	align-items: initial;
}
<style>
:host, :root {
		--fa-style-family-sharp: "Font Awesome 6 Sharp";
		--fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
}
<style>
:host, :root {
		--fa-style-family-classic: "Font Awesome 6 Pro";
		--fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}
<style>
:host, :root {
		--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}
<style>
:host, :root {
		--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}
<style>
:host, :root {
		--fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}
<style>
:host, :root {
		--fa-style-family-duotone: "Font Awesome 6 Duotone";
		--fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
}
<style>
:host, :root {
		--fa-style-family-brands: "Font Awesome 6 Brands";
		--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}


@font-face {
	font-family: "Averta_bold";
	font-weight: 700;
	src: url('fonts/Averta/Averta Bold.woff2') format("woff2"), url('fonts/Averta/Averta Bold.woff') format("woff");
}

@font-face {
	font-family: "Averta_semibold";
	font-weight: 500;
	src: url('fonts/Averta/Averta Semibold.woff2') format("woff2"), url('fonts/Averta/Averta Semibold.woff') format("woff");
}

@font-face {
	font-family: "Averta_regular";
	font-weight: 400;
	src: url('fonts/Averta/Averta Regular.woff2') format("woff2"), url('fonts/Averta/Averta Regular.woff') format("woff");
}

@font-face {
	font-family: "Averta_light";
	font-weight: 300;
	src: url('fonts/Averta/Averta Light.woff2') format("woff2"), url('fonts/Averta/Averta Light.woff') format("woff");
}

*{
	font-family: "Averta_regular", sans-serif !important;
	font-style: normal !important;
	font-size: 1rem;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
		font-family: "Font Awesome 6 Pro" !important;
}
.differences h3,
.differences strong,
.diff strong,
strong,
.strong{
	font-family: "Averta_bold", sans-serif !important;
	font-weight: 700 !important;
}
h1{
	font-size: 2.5rem;
}
h2{
	font-size: 2rem;
}
h4 {
		font-size: 1.7rem;
 }
p{
	line-height: 2rem;
}
.container {
		width: 90% !important;
	max-width:1200px;
}
.stockTable{
	width:90% !important;
	margin: 2rem auto;
}
.stockTable > .container{
	width: 100% !important;
}

.product-item-about-section .container .product-item-about-block p, 
.product-item-about-section .container-fluid .product-item-about-block p{
	max-width: 1200px !important;
}
.product-item-section .container .product-item-block .product-item-gallery #product-items .owl-item div,
.product-item-section .container .product-item-block .product-item-gallery #product-items2 .owl-item div {
	padding: 0 !important;
	height:100%;
}
.product-item-section .container .product-item-block .product-item-gallery #product-items .owl-item, 
.product-item-section .container-fluid .product-item-block .product-item-gallery #product-items .owl-item,
.product-item-section .container .product-item-block .product-item-gallery #product-items2 .owl-item, 
.product-item-section .container-fluid .product-item-block .product-item-gallery #product-items2 .owl-item{
	height: auto;
}
.wr360_player .container .theme_panel .toolbar{
	top: 90%;
}
.navigation-section{
	width: 100%;
}
#products .product-item-gallery{
	width: 100%;
		float: left;
}
.woocommerce-Price-amount > bdi{
	display:flex;
	align-items: center;
}
@media (max-width: 640px){
	.product-item-section .container .product-item-block .product-item-gallery{
		max-width: 270px !important;
		margin-top:2rem !important;
	}
}
.product-item-section .container .product-item-block .product-item-gallery{
	margin: 0;
}
.product-item-section .container{
	padding-bottom: 1rem;
}
.product-item-section .container .product-item-block .product-item-gallery #product-items .owl-controls .owl-buttons{
		top: -320%;
}
.product-item-section .container .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-buttons{
		top: -280px;
}
.product-item-section .container .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-buttons .owl-prev, 
.product-item-section .container-fluid .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-buttons .owl-prev{
	left: -55px;
	position: absolute;
	background:none;
}
.product-item-section .container .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-buttons .owl-next, 
.product-item-section .container-fluid .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-buttons .owl-next{
	right: -55px;
	position: absolute;
	float: right;
	background:none;
}
.product-item-section .container .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-page span, 
.product-item-section .container-fluid .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-page span {
		font-size: 14px;
		width: 13.5px;
		height: 13.5px;
		margin: 20px 5px;
		opacity: 0.3;
	background-color: var(--blue);
}
.product-item-section .container .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-page.active span, 
.product-item-section .container-fluid .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-page.active span{
	opacity: 1;
}
.product-item-section .container .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-page span:hover, 
.product-item-section .container-fluid .product-item-block .product-item-gallery #product-items2 .owl-controls .owl-page span:hover{
	background-color: var(--orange);
	opacity: 1;
}

/* contact page header graphic */
.page-id-21 .page-header-section .page-header-section-wrapper{
	background-position-y: 40%;
}
.styles {
		fill: #ffffff !important;
}
.more_bushings_int .styles{
	fill: #A5AAAE !important;
}
#menu-footer-nav a{
	font-size: 0.8rem;
}
.buynow p{
	font-size: 1rem;
		color: #424143;
		line-height: 42px;
		padding-top: 2rem;
}
.buynow_product_list{
	padding-top: 2rem;
	padding-bottom: 4rem;
}
.buynow_product_list .product-list-wrapper{
	padding-bottom:0; 
}
.dataTables_filter{
	float:left !important;
	margin:2rem 0;
}

/* css update for product table */
.col-short-description p {
	font-size: 16px !important;
	font-weight: 400 !important;
	font-family: "Roboto" !important;
	font-style: normal !important;
	line-height: 1 !important;
	padding: 0 !important;
}
.about-details-section .about-details-block .about-details-title h2 {
		font-size: 2rem !important;
		line-height: 1.4 !important;
		margin: 3rem auto 0 !important;
	text-transform: none !important;
	padding: 0 !important;
	max-width: initial !important;
	color: #000 !important;
}
.about-details-content h4 {
	font-size: 26px;
	color: var(--blue);
	line-height: 32px;
	margin: 0 auto;
	font-weight: 300;
	text-align: center;
	padding: 30px 0 10px;
}

element.style {
}
.resources-content-section {
		padding: 2rem 2rem 6rem;
		overflow: hidden;
		margin: 0 !important;
}
.resources-content-section .resources-content .resource-header-content{
	padding: 0 !important;
}
.resources-content-section .resources-content .resources-inner-content{
	margin: 0 !important;
	padding: 0 !important;
}
.resources-content-sidebar .getanswer .form-control{
	display: flex;
}
.resources-content-sidebar .getanswer .form-control .btn.wpf-answer{
	margin: 3rem auto 0;
}

.topWorkPlaces_icons {
		background: url(/wp-content/uploads/2024/09/topWorkPlaces_color.svg) no-repeat center top / contain;
		width: 100%;
		max-width: 700px;
		aspect-ratio: 4.6 / 1;
}

@media all and (min-width: 1100px) {
/*  .flex > *{
		flex: 0 1 45%;
		margin-bottom: 0;
	} */
}

/*  UTILITY  ============================================================================= */
.band { padding: 3rem 0; }
.band-narrow { padding: 2rem 0; }
.footer-band { padding: 3rem 0; }

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; }
.pt-03, .pt03 { padding-top: 0.3rem !important; }
.pt-04, .pt04 { padding-top: 0.4rem !important; }
.pt-05, .pt05 { padding-top: 0.5rem !important; }
.pb-05, .pb05 { padding-bottom: 0.5rem !important; }
.pt06{ padding-top: 0.6rem !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; }
.pt-3, .pt3 { padding-top: 3rem !important; }
.pb-3, .pb3 { padding-bottom: 3rem !important; }
.pt-4, .pt4 { padding-top: 4rem !important; }
.pb-4, .pb4 { padding-bottom: 4rem !important; }
.pt-5, .pt5 { padding-top: 5rem !important; }
.pb5 { padding-bottom: 5rem !important; }
.pt-30px { padding-top: 1.875rem !important; }
.pb-30px { padding-bottom: 1.875rem !important; }
.pt-60px { padding-top: 3.75rem !important; }
.pt-40, .pt2pt5{ padding-top: 2.5rem !important; }
.pb-40, .pb2pt5{ padding-bottom: 2.5rem !important; }
.pb-60px { padding-bottom: 3.75rem !important; }
.pt-130px { padding-top: 8.125rem !important; }
.pb-130px { padding-bottom: 8.125rem !important; }
.pt-150px { padding-top: 9.375rem !important; }
.pb-150px { padding-bottom: 9.375rem; }
.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 }

.flexnoMargin *{ margin-bottom: 0 !important; }
.m0auto{ margin: 0 auto !important; }
.mt-8, .mt05{ margin-top: 0.5rem !important; }
.mb-8, .mb05{ margin-bottom: 0.5rem !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; }
.mr1pt2{ margin-right: 1.2rem !important }
.mr2 { margin-right: 2rem !important; }
.ml2 { margin-left: 2rem !important; }
.ml2half { margin-left: 2.5rem !important; }
.mr3 { margin-right: 3rem !important; }
.ml3 { margin-left: 3rem !important; }
.mr4 { margin-right: 4rem !important; }
.ml4 { margin-left: 4rem !important; }
.mt-24{ margin-top: 1.5rem !important; }
.mb-24{ margin-bottom: 1.5rem !important; }
.m1 { margin: 1rem !important; }
.m2 { margin: 2rem !important; }
.mt1, .mt-16 { margin-top: 1rem !important; }
.mt1half { margin-top: 1.5rem !important; }
.mb1, .mb-16 { margin-bottom: 1rem !important; }
.mt2, .mt-32 { margin-top: 2rem !important; }
.mb2 { margin-bottom: 2rem !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: 8rem !important;}
.mb-32, .post-password-form{ margin-bottom: 2rem !important; }
.mt-40{ margin-top: 2.5rem !important; }
.mb-40{ margin-bottom: 2.5rem !important; }
.mt-60{ margin-top: 3.75rem !important; }
.mb-60{ margin-bottom: 3.75rem !important; }
.mb6{ margin-bottom: 6rem !important; }
.mt-130{ margin-top: 8.125rem !important; }
.mb-130{ margin-bottom: 8.125rem !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; }

.mlr0{ margin-left: 0 !important; margin-right: 0 !important; }
.mlrAuto{ margin-left: auto !important; margin-right: auto !important;}
.mt4to2{ margin-top: clamp(2rem, 4vw, 4rem); }
.mb4to2{ margin-bottom: clamp(2rem, 4vw, 4rem); }

.mb5min{ margin-bottom: min(12vw, 5rem) !important; }
.mt4min{ margin-top: min(12vw, 4rem) !important; }
.mb4min{ margin-bottom: min(12vw, 4rem) !important; }

.width-10 { width: 10% !important; }
.width-20 { width: 20% !important; }
.width-30 {width: 30% !important;}
.width-40 {width: 40% !important;}
.width-50 { width: 50% !important; }
.width-60 { width: 60% !important; }
.width-70 { width: 70% !important; }
.width-80 { width: 80% !important; }
.width-90 { width: 90% !important; }
.width-100 { width: 100% !important; }
.widthFit{ width: fit-content !important; }

.maxWidth39{ max-width: 39% !important; }
.maxWidth40{ max-width: 40% !important; }
.maxWidth45{ max-width: 45% !important;}
.maxWidth170{ max-width: 170px !important; }
.maxWidth200{ max-width: 200px !important; }
.maxWidth300{ max-width: 300px !important; }
.maxWidth400{ max-width: 400px !important; }
.maxWidth500{max-width: 500px !important;}
.maxWidth575{max-width: 575px !important;}
.maxWidth600{ max-width: 600px !important; }
.maxWidth700{ max-width: 700px !important; }
.maxWidth1000{ max-width: 1000px !important; }
.maxWidth1200{ max-width: 1200px !important; }
.maxWidthfull{ max-width: 100% !important; }

.maxHeight500{ max-height: 500px !important; }

.columnCount1{ column-count: 1 !important; }
.columnCount2{ column-count: 2 !important; }
.columnCount3{ column-count: 3 !important; }
.columnCount4{ column-count: 4 !important; }
.noBorder{ border: none !important; }
.circle{ border-radius: 50px; }
.minWith100{ min-width: 100px; }

.hide{ display:none !important; }
.show{ display:block !important; }
.noVis{ visibility: hidden; }
.makeVis{ visibility: visible; }
.gap1{ gap: 1rem;}
.gap1percent{ gap: 1%;}
.gap2{ gap: 2rem;}
.gap3{ gap: 3rem;}
.gap4{ gap: 4rem;}
.gap5{ gap: 5rem;}
.gap1vw{ gap: max(1vw, 1rem);}
.gap2vw{ gap: max(2vw, 2rem);}
.gap3vw{ gap: max(3vw, 2rem);}
.directionrow{ flex-direction: row; }
.directioncol{ flex-direction: column !important; flex-flow: column; }
.flowwrap{ flex-flow: wrap; }
.flowwnorap{ flex-flow: nowrap; }
.flex > *{ 
	flex: 0 1 100%; 
}
.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%;}
.flex40{ flex: 0 1 40%;}
.flex45{ flex: 0 1 45%;}
.flex48{ flex: 0 1 48%;}
.flex49{ flex: 0 1 49%;}
.flexhalf, .flex50{ flex: 0 1 50% !important;}
.flex55{ flex: 0 1 55% !important;}
.flex60{ flex: 0 1 60%;}
.flex70{ flex: 0 1 70%;}
.flex72{ flex: 0 1 72%;}
.flex80{ flex: 0 1 80%;}
.flex90{ flex: 0 1 90%;}
.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; }
.flexauto, .flexautoChildren > *{ flex-basis: auto !important; }
.justify-evenly{justify-content: space-evenly;}
.justify-between{ justify-content: space-between; }
.justify-around{ justify-content: space-around; }
.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;
	align-content: flex-start;
}
.align_content_start{ /* vertically on row direction */
	align-content: flex-start;
}
.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;
}
.centered-text, .center_txt, .center_text, .center { text-align: center !important; }
.trans{ transition: all 0.2s }
.rightText { text-align: right !important; }
.leftText { text-align: left !important; }
.light{ font-weight: 300 !important; }
.normal { font-weight: 400 !important; }
.boldlesser { font-weight: 500 !important; }
.boldless { font-weight: 600 !important; }
.bold { font-weight: 700 !important; }
.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, .rel { position: relative !important; }
.position_abs, .abs { position: absolute !important; }
.color-inherit{ color: inherit !important; }
.abscenter{ position: absolute !important; left: 0 !important; right: 0 !important; }
.zIndexTop{ z-index: 9999; }
.zIndex9{ z-index: 9; }
.zIndexbottom{ z-index: -1; }
.zIndex1{ z-index: 1; }
.zIndex0{ z-index: 0; }
.lineheight0{ line-height: 0; }
.lineheight05{ line-height: 0.5; }
.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 !important; }
.lineheight2half{ line-height: 2.5; }
.lineheight3{ line-height: 3; }
.text_shadow { text-shadow: 0 0 4px #000; }
.overflowHidden{ overflow: hidden !important; }
.overflowScroll{ overflow: scroll !important; }
.overflowShow{ overflow: visible !important; }
.cursor:hover{ cursor: pointer; }
.block{display: block !important;}
.inlineBlock{ display: inline-block !important; }
.opacity0{ opacity: 0 !important; }
.opacity08:hover{ opacity: 0.8 !important; }
.opacity1{ opacity: 1 !important; }
.bullets li{ list-style: disc !important;}
.insidePosition li{ list-style-position: inside !important; }
.placeSelfEnd{ place-self:flex-end; }

/*  Font Size  ============================================================================= */
.halfrem{ font-size: 0.5rem; }
.pt8rem{ font-size: 0.8rem; }
.pt9rem{ font-size: 0.9rem; }
.onerem{ font-size: 1rem; }
.one1rem{ font-size: 1.1rem !important; }
.one2rem{ font-size: 1.2rem !important; }
.one3rem,a.one3rem{ font-size: 1.3rem !important; }
.one4rem,a.one4rem{ font-size: 1.4rem !important; }
.onehalfrem,a.onehalfrem{ font-size: 1.5rem !important; }
.one7rem{ font-size: 1.7rem !important; }
.tworem{ font-size: 2rem !important; }
.two3rem{ font-size: 2.3rem; }
.twohalfrem{ font-size: 2.5rem !important; }
.threerem{ font-size: 3rem; }
.fourrem{ font-size: 4rem; }
.fiverem{ font-size: 5rem; }

/** adjustable font sizes **/
.base1pt5{ font-size: calc(1rem + 0.5vw); }
.base02r{ font-size: calc(0.2rem + 2vw); }
.base05r{ font-size: calc(0.5rem + 2vw); }
.base1r{ font-size: calc(1rem + 2vw); }
.base1half{ font-size: calc(1.5rem + 2vw); }
.base1pt3{ font-size: calc(1.3rem + 1vw) }
.base1{ font-size: calc(1rem + 1vw) }
.base1r2{ font-size: calc(1rem + 2vw) }
.basept9{ font-size: calc(0.9rem + 1vw) }
.basept8{ font-size: calc(0.8rem + 1vw) }
.basept5{ font-size: calc(0.5rem + 1vw) }
.base2half{ font-size: calc(2.5rem + 1vw) }
.base2r1half{ font-size: calc(2rem + 1.5vw); }
.base2r{ font-size: calc(2rem + 2vw); }
.base3r{ font-size: calc(3rem + 2vw); }

.min4max6{font-size: clamp(4rem, 10vw, 6rem);}
.min1max3{font-size: clamp(1rem, 6vw, 3rem);}
.min2max2half{font-size: clamp(2rem, 6vw, 2.5rem);}
.min1max5{font-size: clamp(1rem, 9vw, 5rem);}
.min1max2pt5{font-size: clamp(1rem, 10vw, 2.5rem);}

/** adjustable line heights **/
.baseLineheight{ line-height: calc(1.1em + 0.5vw); }

.ninevw{ font-size: 9vw; }
.tenvw{ font-size: 10vw; }
.elevenvw{ font-size: 11vw; }
.twelvevw{ font-size: 12vw; }
.upper{ text-transform: uppercase; }
.clearboth{ clear: both; }
.underline{ text-decoration: underline; }
.employment-details-section .employment-details-block{
	margin: 2rem 0!important;
	padding: 3rem 0 !important;
}
.orderFirst{
	order:-1;
}
.hoverOrange:hover{
	color: var(--orange);
}

.employment-openings-section .i-tabs-header ul {
		display: flex;
	justify-content: center;
	gap: 1rem;
}
.employment-openings-section .i-tabs-header ul li {
		border: 1px solid var(--orange);
		margin: 0;
		box-shadow: 3px 6px 5px #a3a0a0;
	width: 250px;
}
.employment-openings-section .i-tabs-header ul li a {
		font-size: 1.2rem;
		color: #000000;
}
.employment-details-section .employment-details-block .employment-details-title h2 {
	font-size: 2rem !important;
		color: #fff !important;
		line-height: initial;
		max-width: initial;
		padding: 0;
	margin: 0 0 1rem 0 !important;
	text-transform: none !important;
}
.employment-details-section .employment-details-block .employment-details-title h4 {
		font-size: initial !important;
		color: #000000 !important;
		line-height: 2rem !important;
		max-width: initial !important;
		margin: 1rem 0 !important;
		padding-bottom: 0 !important;
}
.employment-openings-section .i-tabs-content .job-listing-header p{
	color: #000 !important;
}
.employment-details-section .employment-details-block .employment-details-title h4:after{
	content: 0 !important;
}
.product-list-wrapper{
	padding: 0 2rem !important;
}
.faq dt {
		font-style: italic;
		margin-bottom: 0.5em;
}

.faq dd {
		margin: 0 0 1em 2em;
}

.faq hr {
		background-color: var(--brown);
		color: var(--brown);
		border: 0 none;
		height: 1px;
}
.charity-category-wrapper{
	padding: 0 2rem;
	margin: 0 auto 3rem;
	max-width: 1200px;
}
.charity-img{
	width: 200px;
	height: auto;
	margin: 0 2rem 2rem;
	text-align: center;
		flex: auto !important;
}
.charity-icon{
	padding: 0 !important;
}

.charity-about-section .charity-about-block h6,
.contact-about-section .contact-about-block h6,
.product-list-section .get-in-touch-section .get-in-touch-block h6{
		font-size: 1.1rem;
		color: #000000;
		margin: 1rem 0 0 0;
		padding: 0;
		text-transform: none;
}
.page-quote-section .gfield label {
		font-size: 1rem;
	color: #000000;
}
h2.gform_submission_error{
	font-size: 1.5rem;
}
.industriesServed{
	text-align: center;
		gap: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		place-content: center;
	margin: 0 auto 2rem;
	width: 90%;
}
.container-landing .industriesServed ul li{
	list-style:none !important;
}
.industriesServed ul li{
	margin: 0 0 0.7rem 0 !important;
	font-size: 1.3rem !important;
}
.industriesServed h4{
	font-size: 2rem !important;
		color: var(--blue) !important;
		line-height: 1.3 !important;
}
.industriesServed a{
	width:fit-content;
	margin: 0 auto;
}
.precision li,
.lined_section li{
	margin-bottom: 1rem !important;
	list-style: disc !important;
	position: relative !important;
		left: 20px !important;
	padding-left: 0.5rem !important;
}
.precision li span,
.lined_section li span{
	font-size: 0.8rem !important;
}
.product-item-about-section .container .product-item-about-block h4, 
.product-item-about-section .container-fluid .product-item-about-block h4{
	padding: 0 !important;
}
.product-item-section .container .product-item-block .product-item-content p, 
.product-item-section .container-fluid .product-item-block .product-item-content p,
.product-item-about-section .container .product-item-about-block p, 
.product-item-about-section .container-fluid .product-item-about-block p,
.product-item-about-section .container .product-item-about-block ul li, 
.product-item-about-section .container-fluid .product-item-about-block ul li{
	font-size: 1.1rem;
}
.page-header-section .page-header-bg-wrapper .header-title {
		border: none !important;
}
.page-header-section .page-header-bg-wrapper {
	background-color: #1f5facd9 !important;
}
.header-section .header-bg-wrapper h1:after{
	content: none;
}
.link_bar{
	display: flex;
		flex-wrap: wrap;
		gap: 3rem;
		font-size: 1.2rem;
		margin: 3rem 1rem;
		justify-content: center;
}
.request_link h4 {
	font-size: 1rem;
	font-weight: 700 !important;
}
.navigation-section .nav-wrapper > ul li a,
.navigation-section .nav-wrapper > ul li ul li a,
.product-item-section .container .product-item-block .product-item-content p, 
.product-item-section .container-fluid .product-item-block .product-item-content p{
	color: #000;
}
.navigation-section .nav-wrapper > ul > li:last-child a{
	color: #fff !important;
	padding:12px 14px;
	font-size:12px !important;
}
.navigation-section .nav-wrapper > ul li a {
		font-size: 0.9rem !important;
}
@media (max-width: 1024px){
	.navigation-section .nav-wrapper > ul > li > a,
	.navigation-section .nav-wrapper > ul li ul li:first-child > a{
		color: #fff !important;
	}
}

/* Landing page ie Bushings page*/
.page-template-template-bb .main-container{
	background-color: var(--gray);
}
.container-landing {
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	max-width: 1200px !important;
	width: 100vw !important;
	background-color: var(--ltgray);
	color: var(--txtgray);
}
.container_dtdm {
	overflow:hidden;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 100vw !important;
	background-color: var(--white);
	color: var(--txtgray);
}
.container-landing ul {
	margin-left: 1.5rem;
}

.container-landing ul li{
	list-style-type: disc !important;
	line-height: 1.7rem;
}

.container-landing p {
	margin-bottom: 1rem;
	line-height: 1.4rem;
}

.container-landing p.list-header {
	margin-bottom: 0;
}
.product-item-section .container .product-item-block .product-item-content, 
.product-item-section .container-fluid .product-item-block .product-item-content{
	margin-top: 0 !important;
}
.bg_img{
	position: relative;
	height: 600px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}
.med_imaging{
	background-image: url('/wp-content/uploads/2023/12/medical_imaging.webp');
}
.four_tube_pic{
	position: relative;
	background-image: url('/wp-content/uploads/2020/09/Hero-Photo_092420.jpg');
	height: 600px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-top: 4px solid #E45525;
		border-bottom: 4px solid #E45525;
		overflow: hidden;
}
.small_diameter_pic{ /* Small diamter page */
	background-image: url('/wp-content/uploads/2023/12/hypo_blueBG.webp');
	background-position: top;
	border:none;
}
.postid-880 .page-header-section{ display:none; }
.container-landing .btn1{
	padding: 1rem 2rem;
	width: 150px;
	border-radius: 10px;
	float: right;
		margin: 1.2rem 1.2rem 0 0;
		font-size: 1.2rem;
	color: var(--white) !important;
	background-color: var(--orange);
	width: max-content;
	margin: 1rem auto;
}
.btn_orange{
	padding: 1rem 2rem;
		border-radius: 10px;
		font-size: 1.5rem;
		color: var(--white) !important;
		background-color: var(--orange);
		width: max-content;
		display: block;
		margin-inline: auto;
		margin-block: 2rem;
}
a.btn_orange:hover,
a.btn_orange:active,
a.btn_orange:focus,
.orange_btn:hover{
	color:#fff !important;
}
.container-landing .btn2,
.orange_btn{
	padding: 1rem 2rem;
	width: 150px;
	border-radius: 10px;
	font-size: 1.2rem;
	color: var(--white) !important;
	background-color: var(--orange);
	width: max-content;
	margin: 1rem auto;
	line-height:1;
}

.btn_free{
display: flex !important;
		width: fit-content;
		margin: 1rem 0;
		padding: 5px 20px !important;
}
.container-landing h1{
	color: var(--white);
	float: left;
	margin: 1.2rem 0 1rem 1.2rem;
	font-size: 2.4rem;
	line-height: 3rem;
	font-weight: 300;
	display: flex;
	flex-flow:wrap;
		gap: 12px;
}
.container-landing h2{
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0 0 1.5rem 0;
}

.blue_btn{
	padding: 0.5rem 2rem;
		margin: 1rem 0;
	display:inline-block;
		background-color: var(--blue);
		border-radius: 10px;
		color: #ffffff;
	transition: 0.2s;
}
.blue_btn:hover{
	background:var(--orange);
}
/* Driven to do more (DTDM) styles */
.request_link{
	position: relative;
}
.more_symbol {
	position: absolute;
	z-index: 100;
	visibility:hidden;
	pointer-events:none;
}
.moreLeft{
	background-image: url(https://dev.pjtube.com/wp-content/uploads/2021/11/more.svg);
		background-repeat: no-repeat;
		background-size: 46%;
		background-position: 0 26%;
}
.dtdm_txt_container{
	position: relative;
		float: left;
}
.dtdm_txt{
	width: 300px;
	max-width: 90%;
	height: auto;
	position: relative;
	top: 5px;
}

.featured-products, .page-header-section, .four_tube_pic{
	border-top: 4px solid #E45525;
	border-bottom: 4px solid #E45525;
	overflow:hidden;
}
.opacity04{ opacity: 0.4 !important; }
.more_bg{
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: auto;
	height: 230%;
	opacity: 0.2;
	z-index: 2;
}
.more_bg_cut{
	top: 75%;
	z-index: 2;
}
.more_large{
	left: 50%;
	height: 120%;
	opacity: 1;
	z-index: 0;
}
.more_interior{
	height: 100%;
	z-index:0;
	top: 90%;
	left: -20%;
}
.more_extra{
	height: 100%;
	z-index:0;
	top: calc(100% - 25vw);
	left: 27%;
	max-width:1000px;
}
.more_extra2{
	height: 100%;
	z-index:0;
			top: 80%;
		left: 40%;
	max-width:1000px;
}
/*Pressure charts page */
.page-id-1103 .more_extra2{
	top: 4%;
		width: 40% !important;
}
/*Cart page */
.page-id-1619 .more_extra2{
	top: 100%;
		left: -10%;
}
.more_interior_company{
	height: 96%;
	z-index:0;
	top: 50%;
	left: -30%;
}
.more_bushings_int{
	height: 96%;
	z-index:0;
	left: 55%;
	opacity:0.1;
}
.more_bushings_int2{
	height: 144%;
		z-index: 0;
		left: -56%;
		opacity: 0.6;
		top: 65%;
}
.wc-product-table-wrapper{
	margin: 0 !important;
}
.product-item-about-section,
.markets-content-section{
	position:relative;
	overflow:hidden;
	background-color: #fff;
	padding: 2rem 0;
}
.product-item-about-section{
	padding: 0;
}
.blueLine_group{
	padding: 2.5rem 0;
}
.orderFirst .blueLine_group{
	padding: 4rem 0;
}
.blueLinesSection{
	margin: 1rem 0;
}
/* .navigation-section .nav-wrapper > ul li ul li:first-child{
	display: inline-block !important;
} */
.product-item-categories-precision-cutting-block .i-tab > ul > li:before{
	content:'';
	height: 50px;
	width: 50px;
	background-image: url('/wp-content/uploads/2021/11/dtdm_blue.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-size: 50px;
	float: left;
	margin: 15px 15px 0 0;
}
.container-landing .btn1,
.container-landing .btn2{
	background-color: var(--orange);
	color: var(--white);
}
.about_container img{
	position: relative;
	z-index: 1;
}

/* DTDM landing page */
.container_dtdm p{
	margin-bottom:1rem;
	font-size: 1.2rem;
		line-height: 1.5;
}
.ctas_container{
	top: 80%;
	display:flex;
	justify-content:center;
	width:100vw;
}
a.ctas{
	margin:0 1rem;
		border: 2px solid #fff;
		border-radius: 30px;
	padding:1rem 2rem;
	transition:all 0.4s;
	font-size:1rem;
	opacity:0.5;
	z-index:1;
}
a.ctas:hover{
	opacity:1;
}
.numContent{
	font-size: 1.4rem !important;
		font-style: italic;
}
.hero_video{
	overflow:hidden;
}
.hero_video video{
	width: 50vw;
		object-fit: cover;
		line-height: 0;
	display:block;
	margin: 0 auto;
}
.roll_animation{
	background-color: var(--darkgray);
	padding:5rem 0;
	position: relative;
	height:460px;
}
.morph_container{
	position: relative;
}
.ellipse, .circle {
	fill: #ffffff;
}
#numone, #numtwo, #numthree {
	visibility: hidden;
	width:50px;
	height:50px;
}
.more {
	transform: rotate(90deg) translateY(50%);
	left: 50%;
	width: 300px;
	height: 300px;
	position: absolute;
	z-index: 100;
	line-height: 100px;
	font-size: 50px;
	text-align: center;
}
.morph_txt{
	color: #ffffff;
	position: relative;
	top: 52px;
	left: 322px;
}
.morph_txt p{
	position:relative;
	top:80;
	opacity:0;
	font-family: roboto-slab,serif !important;
	font-weight: 300;
	font-style: normal;
	font-size: 27px;
		line-height: 2.05;
}
.circleNum{
	flex-basis: auto !important;
		height: fit-content;
		text-align: center;
	margin-bottom: 0;
	font-family: roboto-slab,serif !important;
	font-weight: 300;
	font-style: normal;
	font-size: 67px;
	height: 100px;
	width: 100px;
	display: flex;
		align-items: center;
		justify-content: center;
}
.roboto_slab{
	font-family: roboto-slab, serif !important;
}
.font_regular{ font-weight: 400; }
.font_bold{ font-weight: 700; }

.circle, #circle1 {
	transform-origin: center;
}
.dtdm1{
	left: 60%;
		height: 400%;
		top: 50%;
	opacity: 0.1;
}
.dtdm2{
	left: -60%;
		top: 76%;
		height: 225%;
		opacity: 0.1;
}
.dtdm3{
	left: 78%;
		top: 6%;
		height: 159%;
		opacity: 0.1;
}
.dtdm_contact{
	left: 56%;
		height: 400%;
		top: 80%;
	opacity: 0.1;
}
.social_icons li{
	font-size: 2rem;
		flex: 0 1 auto;
	margin-bottom: 0;
}
.social_icons li a, .home_office a{
	transition: all 0.2s;
}
.social_icons li:hover a, .home_office a:hover{
	color: var(--orange);
}
.home_office p{
	line-height:1;
}
ul.gform_fields{
	display:flex;
	flex-flow:wrap;
	text-align:left;
}
.hidden_label > label{
	display:none;
}
.ginput_container_address{
	padding:0 !important;
}
.ginput_container_address input,
.ginput_container_address select{
	margin-top:10px !important;
}
.ginput_container_address > span{
	margin:9px 0;
	display:block;
}
.ginput_container_address > span:first-child{
	margin-top:0;
}
.page-quote-section .gfield_required{
	display:inline-block !important;
}
.page-quote-section .gfield_description{
	display:block !important;
	color: #e74c3c;
}
.page-id-21 .validation_error{ /* contact us page */
	margin:2rem 0 3rem;
}
input[type=submit]:hover{
	cursor:pointer;
}
.woocommerce-checkout input,
.woocommerce-checkout .select2-selection,
.woocommerce-checkout textarea{
	border: 1px solid #999999 !important;
}
footer{
	background-color: #1f5fac0f !important;
	width: 100%;
}
footer .footer-map{
	z-index:5;
}
a:before,
a:after{
	display: none !important;
}
footer .footer-map #map{
	background-color: transparent !important;
}
footer .footer-map .address-block {
	background-color: #d7d7da;
}
footer .footer-map .address-block p {
		color: #424143;
	margin-top: 5px;align-content
}
footer .footer-map .address-block:after {
		border-color: rgba(241, 241, 242, 0) #d7d7da;
}
footer .footer-links a.request-quote {
	padding:0.8rem 1rem;
	text-align: center;
	margin: 0 10px 0 0;
}
footer .footer-links li {
		padding: 0 0.7rem;
}
@media (min-width: 1400px){
	footer .footer-links li:last-child {
		padding: 0;
	}
	footer .footer-links li:last-child a{
		padding: 0 0 30px 0;
	}
}

.contact-info-section .contact-info-block .individual-contact-info a {
		flex: 0 1 80% !important;
}
@media (max-width: 768px){
	footer .footer-links a.request-quote {
		margin: 0 auto 20px;
	}
}
.tablepress-table-name-id-18{
	display:none;
}
/** Button hovers **/
.request_link .cart,
.btn,
.navigation-section .nav-wrapper > ul > li:last-child a,
.page-quote-section .gform_footer input,
.request_link h4 a,
.about-join-team .about-join-team-block a {
	transition: all 0.2s ease-in-out !important;
}
.request_link .cart{ padding: 0 !important; }
.request_link .cart a{ 
	display: flex;
}
.request_link .cart a h5{ 
	padding: 10px 15px;
}
.navigation-section a:hover{
	color: initial !important;
}
.request_link .cart:hover,
.request_link h4 a:hover,
.request_link .cart a:hover,
.about-join-team .about-join-team-block a:hover{
		background-color: var(--blue);
	color: #fff !important;
}
.request_link .cart:hover a h5 span,
.request_link h4 a:hover,
.featured-products .featured-products-wrapper .individual-featured-product a:hover,
.wc-proceed-to-checkout a:hover{
		color: #fff !important;
}
.about-join-team .about-join-team-block a {
		display: inline-block;
}
.request_link .cart, .btn, .navigation-section .nav-wrapper > ul > li:last-child a, .page-quote-section .gform_footer input, .request_link h4 a, .about-join-team .about-join-team-block a {
		transition: all 0.2s ease-in-out !important;
}
.about-join-team .about-join-team-block a {
		padding-top: 12px;
		padding-left: 25px;
		padding-bottom: 12px;
		padding-right: 25px;
		text-transform: capitalize;
		position: relative;
}
.btn-inverse {
	transform: none !important;
}
.btn{
		position: relative;
		display: inline-block;
		padding: 1rem 2rem;
		border-radius: 9px !important;
}
.btn,
.page-quote-section .gform_footer input{
	font-size:1rem !important;
}
.btn:hover,
.navigation-section .nav-wrapper > ul > li:last-child a:hover,
.page-quote-section .gform_footer input:hover{
	color: #fff !important;
	background-color: var(--darkblue) !important;
}
.btnBlueHover:hover{
	background-color: var(--blue) !important;
}
.btn:before,
.navigation-section .nav-wrapper > ul > li:last-child a:before,
.page-quote-section .gform_footer input:before,
.request_link h4 a::before,
#precision-cutting-end-finishing_cats{ 
	display: none !important; 
}
.btn_white{
	background-color: #fff;
	color: var(--orange);
	padding: 1rem 2rem !important;
}
.btn_white:hover{
	background-color: var(--gray) !important;
	color: var(--orange) !important;
}
.fa {
		font: normal normal normal 14px/1 FontAwesome !important;
	font-size: inherit !important;
}
.count{
	padding: 0 0 0 5px;
}
.page-header-section .page-header-bg-wrapper h4{
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 3rem;
}
.rotate_arrow{
	transform: rotate(180deg);
}
.differences ul{
	padding: 1rem 0;
	text-align: left;
}
.differences h3{
	font-size: clamp(3rem, 6vw, 5rem);
	color: var(--blue);
}
.market_single_image.hide + .market_single_text{
	flex-basis: 100%;
	margin: 0 auto !important;
		text-align: center;
}
.market_single_image.hide + .market_single_text ul{
	margin: 0 auto;
	text-align: left;
	width: fit-content;
}
.market_single_image.hide + .market_single_text li{
	list-style: none;
	line-height: 30px;
}
.market_single_image.hide + .market_single_text h2{
	line-height: 1.2;
}
.moreBG{
	background-image: url(/wp-content/uploads/2023/04/more.svg);
		background-repeat: no-repeat;
		width: 64px;
		height: 22px;
		display: inline-block;
		background-size: 100%;
		margin-left: 3px;
}
.about-join-team .about-join-team-block h4 {
		font-size: 2rem;
		color: var(--blue);
		text-transform: initial;
		padding: 0 2rem;
}

.about-join-team .about-join-team-block a {
		display: inline-block;
}
.inStock{
	color: var(--orange);
	display: none;
}
.inStock2{
	color: var(--orange);
	text-shadow: 0px 0px 1px #7b7b7b;
	display: none;
}
.inStock3{
	color: var(--orange);
	text-shadow: 0px 0px 1px #000;
	display: none;
}
.inStock4{
	color: var(--blue);
	display: none;
}
#stock{
	top: -120px;
	position: absolute;
}
table.tablepress th {
		background-color: var(--blue) !important;
}
.tablepress .sorting:hover, 
.tablepress .sorting_asc, 
.tablepress .sorting_desc{
	color: #fff !important;
}
.blueCheck_list {
	column-count: 2;
}
.blueCheck_list li{
	display: flex;
		gap: 8px;
		padding: 0 0 0.6rem 0 !important;
	line-height: 1.2 !important
}
.blueCheck_list i{
	color: var(--blue);
	line-height: 1.2;
}
.whiteCheck_list i{
	color: #fff;
	line-height: 1.2;
}
.whiteCheck_list li{
	color:#fff !important;
}
.table {
	 margin-top: 0;
}
.current-menu-item > a{
	color: var(--blue) !important;
}
.video{
	aspect-ratio:16/9;
	width: 100%;
}
.plyr{
		aspect-ratio: 16/9;
		margin: 0;
		height: fit-content;
		border-radius: initial;
		border: none;
		background-color: transparent;
		padding: 0;
		box-shadow: none;
		max-width: 100%;
}
.plyr__video-wrapper{
	background-color: transparent;
}
.plyr__video-wrapper:after{
	border: none;
}
.plyr--video.plyr--stopped .plyr__controls,
.plyr__controls__item.plyr__menu { 
	display: none;  
}
.plyr__control--overlaid{
	background-color: var(--blue);
	border: 1px solid #fff;
}
.plyr__control--overlaid:hover,
.plyr button:hover,
.plyr--video .plyr__control.plyr__tab-focus, 
.plyr--video .plyr__control:hover, 
.plyr--video .plyr__control[aria-expanded=true],
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{
	background-color: var(--orange) !important;
}
.plyr--full-ui input[type=range]{
	color: var(--orange);
}
.markets-desc-section .markets-desc-block {
		width: 100%;
		text-align: center;
		padding: 80px 2rem 0;
}
.markets-desc-section .markets-desc-block p {
		max-width: 100%;
		margin: 0;
		line-height: 2rem;
	font-size: 1rem;
	color: #000;
}
@media all and (min-width: 2000px) {
	.hero_video video{
		object-fit:contain;
	} 
}
@media all and (max-width: 1299px) {
	.roll_animation{
		height:auto;
	}
	.morph_container .more{
		position:relative;
	}
	.morph_txt{
		padding:2rem 2rem 0 2rem;
		top: initial;
		left: initial;
	}
	.morph_txt p{
		top: initial;
		text-align:center;
		margin-bottom:2rem;
		font-size:20px;
	}
	.morph_txt p:last-child{
		margin-bottom:0;
	}
}

@media all and (min-width: 1100px) {
	.blueBorderLeft{
		border-left: 2px solid var(--blue);
		padding: 0 2rem;
	}
	.blueBorderRightthin{
		border-right: 2px solid var(--blue);
	}
	.blueBorderRight{
		border-right: 2px solid var(--blue);
		padding: 0 2rem 0 0;
	}

	.whiteBorderLeft{
		border-left: 2px solid #fff;
		padding: 0 2rem;
	}
	.whiteBorderRightthin{
		border-right: 2px solid #fff;
	}
	.whiteBorderRight{
		border-right: 2px solid #fff;
		padding: 0 2rem 0 0;
	}
	.desktopCol{ flex-direction: column;}
	
	.desktopgap1{ gap: 1rem !important; }
	.desktopgap2{ gap: 2rem !important; }
	.desktopgap3{ gap: 3rem !important; }
	.desktopgap4{ gap: 4rem !important; }
	.desktopgap5{ gap: 5rem !important; }

	.desktop10{ width: 10% !important; }
	.desktop20{ width: 20% !important; }
	.desktop30{ width: 30% !important; }
	.desktop40{ width: 40% !important; }
	.desktop45{ width: 45% !important; }
	.desktop47{ width: 47% !important; }
	.desktop50{ width: 50% !important; }
	.desktop53{ width: 53% !important; }
	.desktop55{ width: 55% !important; }
	.desktop60{ width: 60% !important; }
	.desktop70{ width: 70% !important; }
	.desktop80{ width: 80% !important; }
	.desktop90{ width: 90% !important; }
	
	.desktopFlex10{ flex: 0 1 10% !important; }
	.desktopFlex20{ flex: 0 1 20% !important; }
	.desktopFlex30{ flex: 0 1 30% !important; }
	.desktopFlex35{ flex: 0 1 35% !important; }
	.desktopFlex40{ flex: 0 1 40% !important; }
	.desktopFlex45{ flex: 0 1 45% !important; }
	.desktopFlex48{ flex: 0 1 48% !important; }
	.desktopFlex50{ flex: 0 1 50% !important; }
	.desktopFlex53{ flex: 0 1 53% !important; }
	.desktopFlex60{ flex: 0 1 60% !important; }
	.desktopFlex70{ flex: 0 1 70% !important; }
	.desktopFlex80{ flex: 0 1 80% !important; }
	.desktopFlex90{ flex: 0 1 90% !important; }
	.desktopFlex100{ flex: 0 1 100% !important; }
	
	.grayLine::before{
		content:'';
		position:absolute;
		top:0;
		left: -40px;
		height: 100%;
		width: 1px;
		background-color:var(--gray);
	}
	
	.differences{
		display: flex;
		flex-wrap: wrap;
	width: 1200px;
		margin: 0 auto;
	}
	
	.differences .dotsAround{
		margin: 0 15px;
	}
	.differences .dotsAround:before,
	.differences .dotsAround:after{
		content: '.';
		font-size: 80px;
		color: var(--orange);
		margin: 0 20px 0 0;
		position: relative;
		top: -18px;
	}
	.differences .dotsAround:after{
		margin: 0 0 0 20px;
	}
	.differences img{ width: 15px; }
	.desktop_mt3{
		margin-top: 3rem;
	}
	.desktop_mt4{
		margin-top: 4rem;
	}
	.desktop_mt5{
		margin-top: 5rem;
	}
}

@media all and (max-width: 768px) {
	.moreLeft{
		background-size: 100%;
		background-position: 0 -25px;
	}
	.more_bushings_int{
		left: 0;
		height: 40%;
		top: 95%;
	}
	.hero_video video {
			width: 100vw;
	}
	.dtdm_txt {
		float: none;
		display: block;
		margin: 0 auto 3rem auto;
	}
	.flex{
		flex-wrap: wrap;
	}
	.mob_m0{
		margin-bottom: 0 !important;
	}
	.mob_txtcenter{
		text-align: center !important;
	}
	.mobHide{
		display:none !important;
		visibility: hidden !important;
	}
	.mobShow{
		display:block !important;
		visibility: visible !important;
	}
	.mobFlex{
		display:flex !important;
	}
	.mobJustifyCenter{
		justify-content:center;
	}
	.mob80w{
		width:80% !important;
	}
	.dtdm1 {
			left: 30%;
			height: 200%;
	}
	.dtdm2 {
			height: 150%;
	}
	.dtdm3 {
			left: 20%;
			top: 21%;
			height: 100%;
	}
	.col768{
		flex-direction: column;
		align-items: center;
	}
}
@media all and (max-width: 600px) {
	.wrap600{
		flex-flow:wrap;
	}
	.mb1_600{
		margin-bottom: 1rem !important;
	}
}
@media all and (max-width: 500px) {
	.flex > *{ 
		margin-bottom: 1rem;
	}
}
@media all and (min-width: 1300px) {
	.hide1300{ display: none !important; }
	.show1300{ display: block !important; }
}