@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
.flexnav {
overflow: visible;
font-size: 1.3em;
position: relative;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
padding: 0;
margin: 0 auto;
display: flex;
justify-content: center;
}
.sub-menu-space {
margin-top: 1em;
}
.flexnav.opacity { opacity: 0; }
.flexnav.flexnav-show {
max-height: 2000px;
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
} .flexnav ul {
padding: 0;
margin: 0;
}
.flexnav li {
font-size: 100%;
position: relative;
list-style: none;
overflow: visible;
background-color:#750e13;
transition: background-color 300ms ease;
font-family: 'Barlow', sans-serif;
}
.flexnav > li {
font-family: 'Barlow Condensed', sans-serif;
}
.flexnav li.item-with-ul {
padding-right: 1em;
position: relative;
}
.flexnav li ul {
display: none;
}
.flexnav li > ul {
position: absolute;
margin-top: 4px;
left: 0;
z-index: 10;
background-color: #363636;
border: solid 4px #fff;
border-top: none; line-height: .55;
}
.flexnav li ul li {
position: relative;
background-color: #363636;
}
.flexnav li > ul li {
width: 100%;
}
.flexnav li ul li > ul {
margin-left: 100%;
top: 0;
margin-top: 0;
border-top: solid 4px #fff;
} .flexnav li a {
position: relative;
display: block;
padding: .25em .66em;
z-index: 20;
color: #FFF;
transition: background-color 300ms ease;
border-left: solid 4px #fff;
text-transform: uppercase;
}
.flexnav li.rfq a {
background-color: #dab117;
border-right: solid 4px #fff;
}
.flexnav li a:hover, .flexnav > li.item-with-ul:hover {
background-color: #363636;
} .flexnav li.blue-highlight-main > a {
background-color: #0d68b1;
}
.flexnav li ul li a {
display: block;
font-size:.75em;
color:#fff;
background-color:rgba(117,14,19,0.00);
padding: .33em .66em;
line-height: 1;
white-space: nowrap;
border-left: none !important;
text-transform:none ;
}
.flexnav li ul li a:hover, .flexnav li ul li:hover a {
color:#fff;
}
.flexnav li ul li a:hover, .unclickable:hover {
background-color: #750e13;
}
.flexnav ul li ul li, .flexnav ul li ul li ul li {
padding: 0 .66em;
}
.flexnav ul li ul li a { white-space: normal; border-top: 1px solid rgba(119,119,119,1.00); padding: .66em 0; }
.flexnav ul li ul li ul li a { white-space: normal; border-top: 1px solid rgba(119,119,119,1.00); padding: .66em 0; }
.flexnav ul li ul, .flexnav ul li ul li ul {min-width: 225px;}
.flexnav a:hover {
text-decoration: none;
}
.flexnav .touch-button {
position: absolute;
z-index: 999;
top: 7px;
right: 7px;
padding:.25em;
display: inline-block;
text-align: center;
font-size:.6em;
}
.flexnav .touch-button:hover {
cursor: pointer;
}
.flexnav li ul li.item-with-ul:after {
content: '\00a0\00a0\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: .6em;
right: 7px;
top: 9px;
position: absolute;
color: #FFF;
}
.flexnav .touch-button .navicon {
position: relative;
color: #FFF;
vertical-align: middle;
}
.flexnav li:hover .touch-button .navicon {
color: #FFF;
}
.flexnav li ul li .touch-button {
display: none;
}
.menu-button {
display: block;
position: absolute;
right: 10px;
top: 10px;
background-color: #1B5782;
text-align: right;
border: #fff solid 1px;
color:#fff !important;
padding: .5em;
cursor:pointer;
}
.menu-button .touch-button {
background: transparent;
z-index: 999;
display: inline-block;
}
.menu-button .touch-button .navicon {
padding-left:.5em;
}
@media all and (min-width: 1100px) {
.flexnav {
max-height:none;
}
.flexnav.opacity { opacity: 1; }
.menu-button { display: none; }
}
  .hamburger {
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
background-color: transparent;
transition: background-color 1s ease;
overflow: visible;
border-radius: 0;
padding: .8em;
display: inline-block;
border: none;
outline: none;
} .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: #750e13;
transition: background-color 1s ease;
}
.hamburger.is-active {
background-color: #C9C9C9;
transition: background-color 1s ease;
}
.hamburger-box {
width: 30px;
display: inline-block;
}
.hamburger-inner {
top: 48.25%;
margin: auto;
display: block;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 2px;
background-color: #C9C9C9;
border-radius: 2px;
position: absolute;
transition: transform 0.15s ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
} .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} body.no-scroll {
position: fixed;
overflow-y: hidden;
}
#mobile-header {
position: absolute;
left: 20px;
top: 40px;
background-color: #750e13;
z-index: 1001;
border-radius: 0px;
transition: top 300ms ease;
}
.sticky #mobile-header {
top: 20px;
}
.overlay {
height: 0;
width: 100%;
position: fixed;
font-size: 1.3em;
z-index: 1000;
top: 0;
left: 0;
background-color:rgba(54,54,54,0.90);
overflow-y: hidden;
transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.overlay.is-open {
height: 100%;
}
.overlay-content {
width: 100%;
height: calc(100%);
overflow-y: hidden;
padding: 4em .8em 0 .8em;
position: relative;
}
.overlay.is-open .overlay-content {
overflow-y: scroll;
animation: hide-scroll 0.6s backwards;
}
@keyframes hide-scroll {
from, to {
overflow: hidden;
}
}
.overlay ul.sub-menu, .side-menu-col ul.sub-menu {
background-color: rgba(0,0,0,0.50);
padding: 0 0 0 1em;
}
.overlay ul.sub-menu a, .side-menu-col ul.sub-menu a {
color: #fff;
font-size: .8em;
}
.overlay ul.sub-menu a:hover, .side-menu-col ul.sub-menu a:hover {
bakground-color: #750e13;
}
.overlay .social-media-list a, a.mobile-menu-phone {
border: none;
}
.overlay .social-media-list {
line-height: 1;
}
.overlay .social-media-list a:first-child {
padding-left: 0 !important;
}
.overlay hr {
opacity: .2;
}
.mobile-menu-cont {
position: relative;
width: 80vw;
}
ul.mtree {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
ul.mtree ul {
list-style-type: none;
}
ul.mtree.transit a {
display: block;
color: #fff;
padding: .25em .5em;
background-color:rgba(117,14,19,0.00);
transition: background-color 300ms ease;
}
ul.mtree.transit a:hover {
text-decoration: none !important;
background-color:rgba(117,14,19,1.00);
}
li.mtree-open > a {
background-color:#750e13 !important; 
}
ul.mtree.transit li.blue-highlight > a {
background-color:rgba(13,104,177,0.00);
}
ul.mtree.transit li.blue-highlight > a, ul.mtree.transit li.blue-highlight a:hover, ul.mtree.transit li.blue-highlight.current-menu-ancestor > a {
background-color:rgba(13,104,177,1.00) !important;
}
li.mtree-open.blue-highlight > a, li.mtree-open.blue-highlight li.mtree-open > a  {
background-color:rgba(13,104,177,1.00) !important;
} 
ul.mtree.transit li.mtree-node > a:before {
position: absolute;
right: 0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f078';
transition: transform 300ms ease-in;
margin-right: 10px;
}
ul.mtree.transit .sub-menu li.mtree-node > a:before {
margin-right: 3px;
}
ul.mtree.transit li.mtree-closed > a:before {
transform: rotate(-90deg);
}
ul.mtree.transit li.mtree-open > a:before {
transform: rotate(0deg);
}
.overlay.is-open ul.mtree.transit li.mtree-node > a:before {
animation: fadeInAnimation ease 500ms;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.overlay.is-open ul.mtree.transit ul.sub-menu li.mtree-node > a:before {
animation: submenufadeInAnimation ease 500ms;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
right: 20px;
}
100% {
opacity: 1;
right: 0;
}
}
@keyframes submenufadeInAnimation {
0% {
opacity: 0;
right: 40px;
}
100% {
opacity: 1;
right: 10px;
}
}
@keyframes fadeOutAnimation {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.side-menu-container {
background-color: rgba(54,54,54,0.90);
}
.side-menu-col .menu-item-4326, .side-menu-col .menu-item-4327, .side-menu-col .menu-item-4328 {
display: none !important;
}
.side-menu-col {
font-size: 20px;
padding-right: 30px;
border-right: solid 1px #bfbfbf; 
}
.side-menu-col h2 {
font-size: 40px;
text-align: left;
}
.side-menu-col a.button {
display: inline-block;
color: #fff;
margin: 1em 0;
background-color: #750e13;
transition: background-color 300ms ease;
font-weight: 700;
padding: .75em 1.25em;
}
.side-menu-col a.button:hover {
background-color: #363636
}
.side-menu-col .rfq a {
background-color: #dab117 !important;
}
.mobile-links a {
color: rgba(176,176,176,1.00) !important;
}
.mobile-links a:hover {
color: rgba(185,185,185,1.00) !important;
}
@media all and (max-width: 1028px) and (min-width: 300px) {
.new-menu-bar {
display: none !important;
}
.header-w-search.new-menu-header {
position: fixed !important;
}
.new-menu-header .logo img {
height: 40px;
}
.mobile-hidden {
display: none;
}
.new-menu-header .header-inner {
padding: 1em 0;
}
.mobile-links .header-phone {
width: auto;
text-align: left;
}
.mobile-links .flex {
column-gap: 10px;
} }body {
overflow-x: hidden;
font-family: 'Barlow', sans-serif;
font-size: 18px;
}
h1 {
border-bottom: none !important;
margin-bottom: 45px;
margin-top: 50px;
}
h1 {
font-family: 'Barlow Condensed', sans-serif;
text-align: center;
font-weight: 700;
font-size: 56px;
padding-bottom: 5px;
margin-bottom: 45px;
margin-top: 50px;
color: #000;
line-height: 50px;
}
h2 {
font-family: 'Barlow Condensed', sans-serif;
text-align: center;
font-weight: 700;
font-size: 48px;
color: #000;
margin-bottom: 15px;
}
h3 {
font-family: 'Barlow Condensed', sans-serif;
text-align: center;
}
.product-section h3 {
text-align: left;
}
h4 {}
p {}
p.wpdt-c {
text-align: center !important;
}
a {
color: #750e13;
}
a:hover, a:active, a:focus {
color: #000;
}
img {
height: auto;
max-width: 100%;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright, .pull-right {
float: right;
margin: 0 0 20px 20px;
}
.alignleft, .pull-left {
float: left;
margin: 0 20px 20px 0;
}
header {
position: fixed;
width: 100%;
z-index: 10;
background: #fff;
}
.btn:active {
box-shadow: none !important;
}
.header-inner {
background: #fff;
float: left;
width: 100%;
padding: 0.5em 0;
transition: padding 500ms ease;
}
.sticky .header-inner {
padding: 0.5em 0;
}
.header-middle-column {
padding-top: 10px;
transition: padding 500ms ease;
}
.sticky .header-middle-column {
padding-top: 0;
}
.logo a {
transform: scale(1.0);
display: block;
transition: .5s;
padding-top: 25px;
margin-right: 1em;
}
.sticky .logo a {
transform: scale(0.7);
padding-top: 0px;
}
footer .logo a {
margin: 1em auto;
}
.header-middle {
text-align: center;
}
.header-middle a {
font-family: 'Barlow Condensed', sans-serif;
color: #000;
font-size: 48px;
font-weight: 700;
transition: .5s;
}
.header-middle a:hover, .header-middle a:active, .header-middle a:focus {
text-decoration: none;
color: #750e13;
}
.header-btn {
font-size: 36px;
font-family: 'Barlow Condensed', sans-serif;
color: #fff;
padding: 5px 20px;
border-radius: 10px;
float: right;
transition: .5s;
}
.header-btn:hover, .header-btn:active, .header-btn:focus {
background: #363636 !important;
text-decoration: none;
color: #fff;
}
#breadcrumbs {
margin-top:10px;
margin-bottom:20px;
font-size: 14px;
}
.menu-bar {
background: #363636;
border-bottom: 4px solid #ffffff;
}
.menu-bar .navbar {
min-height: 0;
font-size: 18px;
width: 100%;
margin-bottom: 0;
border: none;
}
.menu-bar .navbar-nav {
float: none;
font-size: 0;
}
.menu-bar .navbar-nav > li {
width: 11.1%;
border-left: 4px solid #ffffff;
}
.menu-bar .navbar-nav > li > a {
color: #ffffff;
font-family: 'Barlow Condensed', sans-serif;
font-size: 28px;
text-align: center;
padding: 15px 0;
background: #750e13;
}
.menu-bar .navbar-nav > li:last-child {
border-right: 4px solid #ffffff;
}
.menu-bar .navbar-nav > li > a:hover, .menu-bar .navbar-nav > li > a:focus, .menu-bar .navbar-nav > li.current-menu-item a {
background: #363636;
}
.menu-bar .navbar-nav > li > .sub-menu {
width: 270px;
border: 4px solid #ffffff;
padding: 0;
display: none;
position: absolute;
background: #363636;
list-style-type: none;
}
.menu-bar .navbar-nav > li:hover > .sub-menu {
display: block;
}
.menu-bar .navbar-nav > li > .sub-menu a {
color: #ffffff;
font-size: 15px;
padding: 2px 10px;
display: block;
}
.menu-bar .navbar-nav > li > .sub-menu a:hover {
text-decoration: none;
background: #750e13;
}
#menu-top-menu {
font-family: 'Barlow Condensed', sans-serif;
float: right;
font-size: 18px;
}
#menu-top-menu li > a {
color: #000;
padding-top: 0;
padding-bottom: 10px;
transition: .5s;
}
#menu-top-menu li > a:focus, #menu-top-menu li > a:hover {
background: none;
text-decoration: underline;
}
.mobile {
display: none !important;
}
.navbar-collapse {
padding-right: 0 !important;
padding-left: 0 !important;
}
.navbar-toggle .icon-bar {
background: #fff;
}
.navbar-toggle:hover .icon-bar, .navbar-toggle:active .icon-bar, .navbar-toggle:focus .icon-bar {
background: #dab117;
}
.navbar-toggle {
z-index: 9;
}
.sticky #menu-top-menu li > a {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
transition: .5s;
}
.unclickable > a {
pointer-events: none;
}
.menu-bar .navbar-nav > li > .sub-menu .unclickable > a, .menu-bar .navbar-nav > li > .sub-menu .parent-level > a {
background: #808080;
}
.sticky .header-middle a {
font-size: 28px;
transition: .5s;
}
.sticky .header-btn {
font-size: 20px;
padding: 3px 20px;
transition: .5s;
}
.auto-width {
width: auto !important;
}
.auto-width > a {
padding: 15px 8px !important;
}
.collapse.in .sub-menu {
font-family: 'Barlow Condensed', sans-serif;
display: block !important;
position: relative !important;
width: 100% !important;
text-align: center !important;
border: 1px solid #ffffff !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 0px !important;
}
.w-100 {
width: 100%;
}
.banner-section {
padding-top: 161px;
background: #363636;
}
.banner-content {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 80%;
}
.banner-content h3 {
font-size: 50px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.banner-content p {
font-size: 36px;
font-family: 'Montserrat', sans-serif;
}
main p {
text-align: left;
font-size: 18px;
}
.main-content {
padding: 100px 0;
}
.sub-title {
font-size: 36px;
}
.btn-gray {
display: block;
background: #363636;
color: #fff;
font-family: 'Barlow Condensed', sans-serif;
font-size: 22px;
margin: 20px 0;
}
.btn-red {
display: block;
background: #750e13;
color: #fff;
font-family: 'Barlow Condensed', sans-serif;
font-size: 22px;
margin: 20px 0;
}
.btn-gray:hover, .btn-gray:active, .btn-gray:focus {
background: #750e13;
color: #fff;
}
.btn-red:hover, .btn-red:active, .btn-red:focus {
background: #363636;
color: #fff;
}
.red-banner {
background: #750e13;
}
.red-banner h3 {
color: #fff;
padding: 10px 0;
font-size: 28px;
}
.feature {
background: #bfbfbf;
padding: 50px 0;
}
.feature p {
text-align: center;
margin-bottom: 40px;
}
.feature a {
color: #000;
}
.feature a img {
transition: .4s;
}
.feature a:hover img {
transform: scale(1.05);
transition: .4s;
}
.bottom-feature {
margin-top: 60px;
}
.bottom-feature a {
color: #000;
}
a.industries-applications-home-link {
color: #750e13;
}
.bottom-feature img, .rivets-content img {
transition: .4s;
}
.bottom-feature img:hover, .rivets-content img:hover {
transform: scale(1.05);
transition: .4s;
}
.bottom-content {
margin-bottom: 60px;
}
.rivets-content {
margin: 60px auto;
}
.foot-top {
background: #bfbfbf;
padding: 20px 0;
text-align: center;
}
.footer-btn, .page-cta-button {
font-size: 28px;
font-family: 'Barlow Condensed', sans-serif;
color: #fff;
padding: 5px 20px;
border-radius: 10px;
transition: .5s;
display: block;
margin: 10px 5%;
width: 90%;
text-align: center;
}
.page-cta-button {
color: #fff !important;
width: 70%;
display: inline-block;
margin-left: 0;
background: #750e13;
font-weight: 700;
}
p[style*="text-align: center;"] .page-cta-button {
margin: 10px auto;
}
.wsp-category-title {
display: none;
}
.footer-btn:hover, .footer-btn:active, .footer-btn:focus, .page-cta-button:hover, .page-cta-button:active, .page-cta-button:focus {
background: #363636 !important;
text-decoration: none;
color: #fff;
}
.foot-mid {
background: #363636;
color: #ffffff;
font-family: 'Barlow Condensed', sans-serif;
font-size: 28px;
text-align: center;
padding: 10px 0;
}
.foot-mid a {
color: #ffffff;
}
.foot-mid a:hover, .foot-mid a:active, .foot-mid a:focus {
text-decoration: underline;
}
.foot-lower {
background: #750e13;
}
.copy {
color: #fff;
text-align: center;
font-family: 'Barlow Condensed', sans-serif;
}
.foot-nav {
text-align: center;
}
#menu-footer-menu {
display: inline-block;
float: none;
font-family: 'Barlow Condensed', sans-serif;
}
#menu-footer-menu > li > a {
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
#menu-footer-menu > li > a:hover, #menu-footer-menu > li > a:active, #menu-footer-menu > li > a:focus {
background-color: transparent;
color: #fff;
text-decoration: underline;
}
.page-banner {
background: #ffffff;
}
.instruction-section {
padding: 50px 0;
}
.instruction-section .container {
display: flex;
justify-content: center;
-webkit-flex-flow: row wrap;
flex-wrap: wrap;
}
.inst-inner {
margin: 30px auto;
text-align: center;
}
.text-section {
padding: 30px 0;
}
main .text-section:first-child {
padding: 0;
}
main .text-section:first-child .page-container {
margin-top: -25px;
}
.gray {
background: #bfbfbf;
}
.product-section:nth-child(odd) {
background: #efefef;
}
.product-section:nth-child(even) {
background: #ffffff;
}
.product-section {
padding: 20px 0;
}
.product-section a {
color: #750e13;
}
.product-section a:hover, .product-section a:active, .product-section a:focus {
color: #000000;
}
.product-section h2 {
color: #750e13;
border-bottom: 1px solid #750e13;
font-size: 32px;
}
.embeded-video {
aspect-ratio: 16 / 9;
width: 100%;
}
.videos-section p {
text-align: center !important;
}
.video-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 2em auto;
}
.video-box {
flex: 0 1 50%;
padding: 1em;
}
.home-videos-cont {
margin-bottom: 1em;
}
.disclaimer-box {
padding: 2em;
border: 2px solid #000;
border-radius: 10px;
margin: 2em auto;
}
.wpcf7 {
background: #363636;
padding: 20px 5px !important;
border-radius: 10px;
}
.wpcf7-submit {
width: 100%;
color: #fff;
background: #750e13;
padding: 10px;
border: none;
border-radius: 5px;
font-size: 20px;
}
div.wpcf7 .ajax-loader {
display: none !important;
}
.wpcf7-submit:hover, .wpcf7-submit:active, .wpcf7-submit:focus {
color: #000;
background: #bfbfbf;
}
.form-input {
padding: 5px 10px;
font-size: 18px;
border-radius: 5px;
max-height: 150px;
width: 100%;
margin-bottom: 20px;
}
.anchor {
margin-top: -100px;
padding-top: 100px;
display: inline-block;
}
.single main li {
line-height: 24px;
}
.cn-button-sm {
background: #dab117;
font-size: 12px;
color: #363636;
padding: 5px 20px;
border-radius: 10px;
}
.header-w-search .social-media-cont a {
color: #878787;
margin-left: .75em;
}
.header-w-search .social-media-cont a:hover {
color: #760f13;
}
.foot-lower .social-media-cont {
margin: 1em 0;
text-align: center;
}
.foot-lower .social-media-cont a {
color: #fff;
margin: 0 .75em;
}
.header-w-search .social-media-cont a:hover {
color: #CCCCCC;
}
.flex {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 30px;
flex-wrap: wrap;
}
.flex-right {
justify-content: flex-end;
}
.header-search {
flex-shrink: 1;
flex-grow: 1;
}
.header-w-search .header-rfq a, .header-w-search .header-phone a {
font-size: 25px;
}
.header-w-search .header-phone a {
font-family: 'Barlow Condensed', sans-serif;
color: #000;
font-weight: 700;
transition: .5s;
font-size: 30px;
}
.header-w-search .header-rfq a {
padding: 2px 15px;
}
.header-w-search .header-phone a:hover {
text-decoration: none;
color: #750e13;
}
.header-w-search #menu-top-menu li > a:first-child {
padding-left: 0 !important;
}
.header-w-search .siq-searchwidget-input {
padding: 5px 10px;
border: 1px solid #E5E5E5;
box-sizing: border-box;
}
.header-w-search .siq-searchwidget {
position: relative;
}
.header-w-search .siq-searchwidget:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f002";
color: #878787;
position: absolute;
top: 6px;
right: 5px;
display: inline-block;
}
.header-w-search.sticky .header-phone a, .header-w-search.sticky .header-rfq a {
font-size: 20px;
margin-bottom: .5em;
}
.header-w-search.sticky .top-menu, .header-w-search.sticky .social-media-cont {
padding: 3px 0 5px 0;
}
table.wpDataTable {
table-layout: fixed !important;
}
#table_1_filter > label ~ p {
width: 100% !important;
max-width: 339.075px !important;
}
.header-made-in-usa img {
display: block;
max-width: 110px;
}
.sticky .header-made-in-usa img {
max-width: 84px;
transition: max-width 300ms ease;
}
.mobile-made-in-usa img {
display: block;
margin: 1em auto;
}
.ays-pb-custom-html, .ays-pb-show-scrollbar-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ays-pb-modal h2 {
word-break: normal !important;
line-height: 0.9;
}
.newsletter-caption {
font-size: 12px;
color: rgba(185,185,185,1.00);
font-style: italic;
}
.grecaptcha-badge {
visibility: hidden;
}
.cookies-not-set button.newsletter-pop-up {
bottom: 80px;
}
button.newsletter-pop-up {
display: block;
padding: 5px 8px;
background: rgba(116, 116, 116, 1.00);
transition: background 0.3s;
position: fixed;
bottom: 20px;
right: 20px;
box-shadow: gray 0px 0px 5px;
border-radius: 8px;
overflow: hidden;
color: rgba(224,224,224,1.00);
border: 1px solid rgba(224,224,224,1.00) !important;
}
button.newsletter-pop-up:hover {
background: #750e13;
}
@media (min-width: 1920px) {
.ays-pb-modal_2, .ays-pb-modal_3, .ays-pb-modal_4 {
width: 50% !important;
}
}
@media (min-width: 1500px) {
.container {
width: 1440px;
}
}
@media (max-width: 1600px) and (min-width: 1028px) {
header .container{
margin-left: 90px;
padding-right: 60px;
}
}
@media all and (max-width: 1440px) {}
@media all and (max-width: 1200px) {
.menu-bar .navbar-nav > li > a {
font-size: 22px;
}
.banner-content h3 {
font-size: 40px;
}
.banner-content p {
font-size: 26px;
}
}
@media (max-width: 1028px) and (min-width: 300px) {
.side-menu-col {
display: none;
}
.main-column {
width: 100%;
}
.main-container {
padding-top: 80px !important;
}
#breadcrumbs {
text-align: center;
}
h1 {
margin-bottom: 10px;
margin-top: 0;
}
.new-menu-header, .header-inner {
background-color: lightgray;
}
.new-menu-header .logo img {
height: 40px;
}
.logo {
text-align: center;
width: 100%;
}
.sticky .logo a {
transform: none;
}
#mobile-header, .sticky #mobile-header {
top: 15px;
}
.banner-section {
padding-top: 76px;
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: none;
width: 100%;
}
.logo a {
padding-top: 0;
}
.sticky .header-inner {
padding: 1em 0;
}
}
@media all and (max-width: 992px) {
h1 {
font-size: 40px;
line-height: 42px;
}
.sub-title {
font-size: 28px;
}
.menu-bar .navbar-nav > li > a {
font-size: 18px;
}
.header-btn {
font-size: 20px;
}
.header-middle a {
font-size: 28px;
}
.banner-content {
position: relative;
left: auto;
transform: translate(0, 0);
width: 100%;
}
.banner-content h3 {
font-size: 28px;
}
.btn-red, .btn-gray {
font-size: 18px;
}
.banner-content p {
font-size: 18px;
} .header-search {
margin: 1em auto;
}
#menu-top-menu {
font-size: 15px;
}
.wp-caption {
width: auto !important;
}
.main-content {
padding: 30px 0;
}
}
@media all and (max-width: 767px) {
.menu-bar .navbar-nav > li {
width: 100%;
border-left: none;
border-bottom: 1px solid #fff;
}
.alignleft, .alignright, .pull-left, .pull-right {
float: none !important;
margin: 0 auto;
display: block;
}
header {
position: static;
}
.navbar-nav > li {
display: block;
}
.mobile-item {
display: block !important;
}
.top-nav {
display: none;
}
.menu-bar .navbar-nav {
margin: 0;
}
.menu-bar .navbar-nav > li:last-child {
border-right: none;
}
.navbar-collapse {
margin: 0 -15px;
}
.logo {
text-align: center;
}
.top-menu {
display: none;
}
.header-btn {
margin: 10px auto;
display: table;
float: none;
}
.mobile {
display: block !important;
}
.btn {
margin: 10px auto;
} .header-phone, .header-rfq {
width: 50%;
text-align: center;
}
.header-search {
width: 100%;
margin-bottom: 1em;
}
.flex {
column-gap: 0;
}
.header-w-search .social-media-cont {
display: none;
}
.video-container {
display: block;
}
}
@media print {
h1 {
font-size: 24px !important;
}
.header-middle a {
font-size: 20px;
}
.logo a {
font-size: 24px !important;
}
.menu-bar {
display: none;
}
header {
position: static;
}
.top-nav {
display: none;
}
.logo {
text-align: center;
}
.top-menu {
display: none;
}
.header-btn {
margin: 10px auto;
display: table;
float: none;
}
.btn {
margin: 10px auto;
}
.page-banner {
padding: 0px 0 0px 0 !important;
}
.main-content {
padding: 0px !important;
}
img {
max-height: 100px !important;
width: auto !important;
margin: auto;
}
.banner-section {
padding: 0 !important;
}
.banner-content {
position: relative;
}
main p {
font-size: 12px;
}
.foot-nav {
display: none;
}
.match {
height: unset !important;
}
a:after {
content: "" !important;
}
.feature .col-xs-12 {
width: 25% !important;
}
.embed-responsive {
display: none;
}
.col-xs-6 {
width: 16.6% !important;
}
.inst-inner {
width: 33.3% !important;
margin: 10px auto;
}
}