.bearing1 { }
.home1 {
position: relative;
z-index: 0;
overflow: hidden;
}
.home1 .inner-bg {
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
top: 0;
z-index: 0;
}
.home1 .width {
z-index: 1;
position: relative;
max-width: 68.125em;
padding: 8.75em 0 8.125em;
}
.home1 h1, .basic .home1 h1 {
color: #fff;
padding-bottom: .8em;
text-align: left;
}
.home1 h1 em {
font-style: normal;
display: block;
font-weight: 400;
font-size: .87em;
}
.home1 p {
font-weight: 700;
font-size: 1.56em;
max-width: 20.7em;
}
.home2 .width {
max-width: none;
padding: 5.25em 0 2.7em;
}
.home2 h2 {
padding-bottom: .8em;
}
.home3 .width {
padding-bottom: 5em;
}
.home3 p {
font-size: 1.5em;
}
.home3 p strong {
font-weight: 600;
}
.home3 h2 {
padding: .5em 0 .3em;
font-size: 4.25em;
}
.home4 .width {
max-width: 58.75em;
padding: 2em 0;
min-height: 35.75em;
}
.home4 .cblock {
max-width: 35.7em;
padding-left: 0;
}
.home4 .img-hold {
top: 2em;
bottom: 2em;
right: calc(50% + 12em);
max-width: 50em;
background-position: center right;
}
.home4 ul {
padding-top: 2em;
}
.home4 li {
font-weight: 700;
}
.home5 .width {
max-width: 73.75em;
}
.home5 .first {
padding-right: 0;
}
.home5 .last {
padding-top: 2.75em;
padding-left: 3.875em;
}
.home5 h2 {
padding-bottom: 0;
}
.home5 .last p {
font-size: 2.15em;
font-weight: 700;
color: #4d4d4d;
}
.home5 .btn-wrap {
padding-top: 3.75em;
}
.bg-a {
background: url(//bearingsystems.istate.com/wp-content/themes/customtheme5/img/bg-a.png) no-repeat top right;
background-size: cover;
}
.basic .banner .width {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.basic h1 {
text-align: center;
font-size: 5em;
}
.basic .banner h1 {
color: #fff;
}
.basic-h2 h2 {
font-weight: 700;
font-size: 1.48em;
padding-bottom: 1.32em;
}
.basic-h2 .bh2-lg h2, .basic-h2.bh2-lg h2 {
font-size: 1.65em;
} .prod1 {
background-position: top right;
background-size: contain;
}
.prod1 .width {
max-width: 64.375em;
padding: 2em 0 0 0;
}
.prod1 .first {
padding-right: 5.7em;
padding-top: 1.375em;
}
.prod1 .last {
padding-left: 3.2em;
}
.prod1 .btn-wrap {
padding-top: 2em;
}
.prod3 {
}
.prod3 .width {
padding-top: 2.3em;
padding-bottom: 5.125em;
}
.prod3 h2 {
text-align: center;
}
.prod3 .logos {
padding: .5em 0 1.8em;
}
.prod3 .logos ul {
display: flex;
flex-wrap: wrap;
padding: 0;
align-items: center;
justify-content: space-between;
}
.prod3 .logos ul:nth-child(2) { margin: auto;
}
.prod3 .logos ul li {
list-style: none;
}
.prod3 .logos li {
font-size: 1em;
line-height: 1;
padding: 1.2em 0;
}
.prod3 .logos a {
display: block;
}
.prod3 .logos a:hover, .loc2 li a:hover, .share a:hover  { transform: scale(1.1);
}
.prod3 .logos img {
max-height: 6.25em;
max-width: 16.4em;
width: auto;
height: auto;
margin: auto;
}
.prod3 .logos img.taller {
max-height: 7.8em;
}
.prod3 .list ul {
column-count: 4;
column-gap:2.5em;
padding-left: 1em;
}
.location li::marker {
font-size: .75em;
}
.prod3 .list li {
font-weight: 600;
}
.sketch-bg, .bg-sketch {
background: url(//bearingsystems.istate.com/wp-content/themes/customtheme5/img/bg-sketch1.jpg) no-repeat center bottom;
background-size: contain;
}
.hero-mod {
}
.hero-alt {
margin: auto;
}
.width.breaded, .breaded .width {
padding: 2.75em 2em 2em;
max-width: none;
}
.hero-mod .width {
padding: 0;
max-width: 110em;
width: 100%;
}
.hero-mod .bcrumb {
padding-bottom: 1.5em;
}
.bcrumb.alt {
padding: 2em;
}
.bcrumb span {
font-size: 1.2em;
}
.bcrumb a {
position: relative;
display: inline-block;
}
.bcrumb a::after {
content: ">";
position: relative;
display: inline-block;
vertical-align: middle;
padding-left: .35em;
padding-right: .35em;
}
.pchild1 .width {
padding: 3.65em 0 4.75em;
}
.pchild1.basic-h2 h2 {
padding-bottom: .65em;
}
.pchild1 .width {
max-width: 56.25em;
} .width.more {
max-width: 69em;
}
.pc-fold .width {
padding: 0;
}
.pc-fold h2 {
padding-bottom: .4em;
}
.fly-show .width {
padding: 5.75em 0 5em;
}
.fly-show h2 {
text-align: center;
}
.fly-show h2 {
padding-bottom: .65em;
}
.fly-show h3 {
padding-bottom: 1em;
}
.fly-show .last {
padding-top: 2em;
padding-left: 2.8em;
}
.pchild2 .width {
padding: 5em 0 1em;
}
.pchild2 .first {
padding-top: 1em;
}
.pchild2 img {
width: 20.5em;
} .loc1 {
padding: 7.75em 0 0;
}
.loc1 .breaded {
padding: 0;
}
.loc1 .bcrumb {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc(50% - 10em);
margin: auto;
display: flex;
align-items: center;
}
.loc1-inner {
margin-top: 4em;
}
.loc1 h1 {
}
.loc1 .sub2 {
padding: 0;
}
.loc1 .sub2 .row {
min-height: 29.5em;
}
.loc1 .img-hold {
left: calc(50% + 10rem);
right: 0;
height: 100%;
}
.loc2 {
padding: 6.875em 0 1.2em;
} .loc2 {
padding: 3.5em 0 6.25em;
}
.loc2.bg-a::before {
left: 0;
right: 0;
margin: auto;
bottom: 0;
top: inherit;
width: 100%;
height: 70%;
background-position: center bottom;
background-size: contain;
}
.loc2 .width {
position: relative;
padding: 2.5em 0 0 0;
max-width: 97.5em;
}
.loc2 h2 {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
color: #eee;
font-size: 8.2em;
line-height: 1;
padding: 0;
z-index: -1;
}
.loc2 h3 {
font-size: 1.54em;
padding-bottom: .5em;
margin-bottom: 2.75em;
position: relative;
font-weight: 600;
}
.loc2 h3::after {
content: " ";
width: 3.75em;
height: .1em;
background-color:#8a8a8a;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.loc2 p {
font-weight: 400;
}
.loc2 ul {
padding: 5.75em 0 0 0;
margin: 0 auto;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
max-width: 47em;
}
.loc2 ul li {
list-style: none;
}
.loc2 li {
font-size: 1em;
line-height: 1;
width: calc(33.3333% - 1em);
margin:0 .5em 1.25em;
background-color: #f0f0f0;
-webkit-border-radius: .625em;
-moz-border-radius: .625em;
border-radius: .625em;
padding: 0;
min-height: 7.5em;
display: flex;
align-items: center;
justify-content: center;
}
.loc2 li a {
display: block;
padding: 1em;
}
.loc2 img { max-width: 100%;
width: auto;
height: auto;
margin: auto;
}
.loc2 li:nth-child(8) img {
max-height: 3.5em;
}
.loc2 li:nth-child(9) img, .loc2 li:nth-child(10) img {
max-height: 4.25em;
} .loc-select {
padding-top: .25em;
position: relative;
}
.loc-select select {
-webkit-appearance:none;
border:solid 1px #adadad;
padding: .55em 1em;
font-size: 1.3em;
font-weight: 300;
display: block;
width: 20em;
margin-top: 1em;
max-width: 100%;
cursor: pointer;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
color: #454545;
background:url(//bearingsystems.istate.com/wp-content/themes/customtheme5/img/arr-down.svg) no-repeat calc(100% - .65em) center;
background-size: auto 45%;
}
.loc-select select.resting {
color: #999;
}
.loc-select option {
font-weight: 300;
}
.loc-select select.loc-hidden {
display: none;
}
.loc-state, .loc-state option {
text-transform: capitalize;
}
.location {
background-color: #F6F6F6;
height: auto;
}
.location.resting {
height: 0;
}
.location .width {
max-width: 71.25em;
padding: 3.125em 0 5em;
}
.location h2 {
padding: 0 0 0 1em;
margin-bottom: .45em;
position: relative;
}
.location h2::before {
content: " ";
height: 100%;
background:url(//bearingsystems.istate.com/wp-content/themes/customtheme5/img/icon-pin-red.svg) no-repeat center;
background-size: contain;
position: absolute;
height: 80%;
width: 1em;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.location article {
background-color: #fff;
padding: 2.75em 3.5em;
}
.location .link-wrap {
display: block;
}
.location .phone a {
text-decoration: none;
}
.location label {
font-weight: 700;
}
.location .last {
text-align: center;
}
.location h3 {
text-transform: uppercase;
}
.location .services h3 {
color: #fff;
background-color: #4D4D4D;
padding: .2em 1.5em;
margin-top: 3.5em;
}
.location .services ul { padding-top: 1.75em;
margin-bottom: 0;
}
.location .services ul ul {
padding: .35em 0 0 1.5em;
}
.location .services ul ul li {
font-size: 1em;
} .about1 .width {
padding: 0;
}
.about1 .cblock {
max-width: 58%;
padding: 1.25em 0 0 0;
}
.about1>p {
font-size: 1em;;
line-height: 1;
padding: 0;
}
.about1 .hold-right {
position: absolute;
left: calc(58% + 3.25em);
top: 0;
right: 0;
height: auto;
width: calc(42% - 3.25em);
margin: auto;
}
.con1 .width {
max-width: 70em;
}
.con1 .first {
padding-right: 3em;
}
.con1 .cform {
padding-left: 0;
}
.con2 .width {
max-width: 78.125em;
padding: 1.5em 0 15em;
}
.con2 .intro p {
line-height: 1.8;
text-align: center;
}
.con2 .row {
padding-top: 3.125em;
display: flex;
justify-content: center;
}
.con2 h3 {
text-transform: uppercase;
font-size: 1.36em;
font-weight: 800;
padding-bottom: 0;
}
.con2 .column {
border-right: solid 1px #ddd;
}
.con2 .column:last-of-type {
border-right: 0;
}
.con2 .column p {
font-weight: 400;
line-height: 1.25;
padding: 1.6em 0 0 0;
}
.con2 .column p a {
font-size: .85em;
}
.car1 .width {
padding: 1em 0 3.625em;
}
.car1 .sub1 .first {
padding-right: 3.6em;
}
.car1 .sub1 .last {
padding-top: 2em;
}
.car1 .sub1 {
padding-bottom: 3.75em;
}
.car1 .sub2 li {
font-weight: 700;
}
.car1 .sub2 ul {
padding: .25em 0 0 1.25em;
}
.car1 .sub2 .first {
padding-right: 0;
}
.embed-wrap iframe {
width: 100%;
height: 100%;
}
.cc-careers-script-container {
font-size: 1em;
margin-top: 3em;
text-align: left;
}
.cc-job-description-text ul {
margin-top: -1em;
padding: 0 0 2em 2em;
}
.cc-job-description-container .cc-back-to-jobs-button {
display: flex;
align-items: center;
}
.car2 .width {
padding: 0 0 5.625em 0;
}
.car2 h2 {
font-weight: 400;
text-transform: uppercase;
font-size: 2.35em;
padding-bottom: 0;
}
.car2 .btn-wrap {
padding-top: 0;
}  .red-bg {
background-color: #cf202e;
}
.gray-bg {
background-color:#404041;
} .home1 h1 em, .con2 h3 { color:#cf202e;
}
.gray {
color:#404041;
}
.lgray, .prod3 h2 {
color:#939597;
} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.location.resting {
height: auto;
}
.loc2 {
clear: both;
}
}
@media only screen and (max-width: 1400px) {
.loc1 .img-hold {
left: calc(50% + 5rem);
}
}
@media only screen and (max-width: 1100px) {
.loc2 li {
width: calc(33.333% - 1em);
}
}
@media only screen and (max-width: 1000px) {
.home1 h1 em br {
display: none;
}
.home4 .width {
min-height: inherit;
}
.home5 img {
width: 20em;
margin:auto;
}
.home5 .last p {
font-size: 1.75em;
}
.prod1 .btn-wrap.center, .location .last {
text-align: left;
}
.prod3 .logos li {
padding: 1.2em .5em;
}
.loc1 .img-hold {
margin-bottom: 3em;
}
.location .services h3 {
margin-top: 2em;
}
.loc1 .sub2 .row {
min-height: inherit;
padding-bottom: 4em;
}
.loc2 h2 {
font-size: 11vw;
}
.about1 .hold-right {
position: relative;
left: inherit;
right: inherit;
width: 46em;
margin: 3em 0 0 1.875em;
max-width: calc(100% - 3.75em);
}
.car1 .sub1 .first {
padding-bottom: 1em;
}
.con2 .row {
flex-wrap: wrap;
}
.con2 .column {
width: 33.333%;
padding-top: 0;
padding-bottom: 2em;
border-right: 0;
}
.fly-show .first img {
margin: auto;
width: 22em;
}
}
@media only screen and (max-width: 800px) {
.prod3 .logos li {
width: 50%;
}
.prod3 .logos img {
max-width: 100%;
width: auto;
}
.prod3 .list ul {
column-count: 2;
}
.loc1 .bcrumb {
position: relative;
width: 100%;
padding-bottom: 1em;
}
.loc2 li {
width: calc(50% - 1em);
}
.con2 .column {
width: 100%;
padding-top: 0;
padding-bottom: 2em;
}
}
@media only screen and (max-width: 500px) {
h2 {
font-size: 2.8em;
}
.home3 h2 {
font-size: 2.75em;
}
.basic .home1 h1 {
padding-bottom: .4em;
}
.basic h1 {
font-size: 3.8em;
}
.home1 .width {
padding: 3em 0;
}
.load-outer {
left: 0;
right: 0;
top: calc(100% + 4em);
}
.location article {
padding:2em 1.5em;
}
.location .services ul {
column-count: 1;
}
}
@media only screen and (max-width: 400px) {
.home1 p, .home5 .last p {
font-size: 1.35em;
}
.loc2 li {
width: 100%;
margin: 0 0 1.5em;
}
.prod3 .list ul {
column-count: 1;
}
.prod3 .logos li {
width: 100%;
}
.location .services h3 {
padding: .5em;
font-size: 1.35em;
}
.car2 h2 {
font-size: 9vw;
}
}