/*
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;
}
.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);
  margin-bottom:1rem;
}
.inStock2{
  color: var(--orange);
  text-shadow: 0px 0px 1px #7b7b7b;
  margin-bottom:1rem;
}
.inStock3{
  color: var(--orange);
  text-shadow: 0px 0px 1px #000;
  margin-bottom:1rem;
}
.inStock4{
  color: var(--blue);
}
#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; }
}