.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;
}
.home1b {
margin-top: 3.125em;
}
.home1b .width {
padding: 0 0 3.125em 0;
}
.home1b .cblock {
padding: 1.25em 0 1.875em;
}
.home2 .width {
padding: 5.25em 0 1.75em;
}
.home2.mod .width {
padding-top: 3.125em;
}
.home2 h2 {
padding-bottom: .6em;
}
.home2.mod h2, .prod2 h2 {
padding-bottom: .25rem;
}
.home2.mod .row, .prod2 .row {
padding-top: 2em;
}
.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;
}
.home3 .btn-fill a {
width: auto;
padding-left: 1.5em;
padding-right: 2.25em;
}
.home3 .btn-fill a::after {
right: 1em;
left: inherit;
}
.home4 .width {
max-width: 58.75em;
padding: 2em 0;
min-height: 35.75em;
}
.home4 .cblock {
max-width: 36em;
padding-left: 0;
}
.home4 .img-hold {
right: calc(50% + 12em);
background-position: left center;
}
.home4.alt .width {
max-width: 64.5em;
padding: 3.125em 0 5em;
min-height: inherit;
}
.home4.mod1, .home4.mod3, .pchild1b .gbox, .lgray-bg, .pchild5, .train3 .class, .bg-gray { background-color: #f1f1f1;
}
.home4.mod2 .btn-wrap {
padding-top: 6em;
}
.home4.alt .cblock {
max-width: 39em;
}
h2 a {
text-decoration: none;
}
.home5 .width {
max-width: 73.75em;
padding: 5.5em 0 7.25em;
}
}
.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;
line-height: 1.2;
}
.home5 .btn-wrap {
padding-top: 3.75em;
padding-right: 8.5em;
}
.home6 .width {
padding: 5.6em 0 6.8em;
}
.home6.mod .width {
padding: 3.125em 0;
}
.home6 .first {
padding-right: 0;
}
.home6 .last {
padding-top: 3.125em;
padding-left: 4.8em;
}
.home6 ul {
padding: 0;
}
.home6:not(.mod) ul li {
list-style: none;
}
.home6:not(.mod) li {
font-weight: 700;
text-transform: uppercase;
font-size: 1.25em;
padding-bottom: 0;
}
.home6.mod {
background-position: bottom left;
}
.home6.mod h2 {
padding-bottom: .875em;
}
.home6.mod li::marker {
font-size: 120%;
}
.home6.mod li {
font-size: 15px;
}
.home6.mod li strong {
font-size: 115%;
}
.home6.mod li:not(:last-child) {
padding-bottom: 1em;
}
.utfix ul:not(:last-child), .home4 .cblock ul {
padding-bottom: 1.65em;
padding-top: 0;
}
.utfix ul:not(:last-child) {
margin-top: -1em;
}
.home4 .cblock ul {
margin-top: -.25em;
}
.bul-stag.anim {
opacity: 1;
}
.bul-stag li {
transform:translateY(200%);
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.bul-stag li.show {
transform:translateY(0);
opacity: 1;
}
.bg-a {
background: url(//powersystems.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: 4.88em;
}
.basic .banner h1 {
color: #fff;
}
.basic-h2 h2 {
font-weight: 700;
font-size: 1.48em;
padding-bottom: 1.32em;
line-height: 1.2;
}
.basic-h2 .bh2-lg h2, .basic-h2.bh2-lg h2 {
font-size: 1.65em;
} .prod1 {
background-size: contain;
background-position: center right;
}
.prod1 .width {
padding: 2em 0 2em 0;
}
.pclear p, .pchild1b .img-stack .gbox p:first-of-type, #post-360 .pchild1b .last p:nth-child(2) {
font-size: 1em;
line-height: 1;
padding: 0;
} .prod1 .first {
padding-right: 5.7em; }
.prod1 .last {
padding-left: 3.2em;
}
.prod1 .btn-wrap {
padding-top: 2em;
}
.prod2 h2 {
}
.prod3 {
}
.prod3 .width {
padding-top: 5.25em;
padding-bottom: 5.125em;
max-width: 74.375em;
}
.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) {
max-width: 48em;
margin: auto;
}
.prod3 .logos ul li {
list-style: none;
}
.prod3 .logos li {
font-size: 1em;
line-height: 1;
padding: 0 1em;
max-width: 18.625em;
width: 25%;
display: flex;
align-items: center;
height: 6.4em;
margin: 1em 0;
}
.prod3 .logos a { display: flex;
width: 100%;
height: 100%;
}
.prod3 .logos a:hover, .loc2 li a:hover, .share a:hover, .modal-close:hover  { transform: scale(1.1);
}
.prod3 .logos img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
margin: auto;
}
.prod3 .logos li:nth-child(5) img, .prod3 .logos li:nth-child(4) img {
width: 14.25em;
}
.location li::marker {
font-size: .75em;
}
.sketch-bg, .bg-sketch {
background: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/bg-sketch1.jpg) no-repeat center bottom;
background-size: contain;
}
.sketch-bg:not(:last-child), .bg-sketch:not(:last-child) {
background-position: center calc(100% + 1px);
}
.hero-mod {
position: relative;
z-index: 0;
}
.hero-alt {
background-position: bottom center;
background-size: cover;
background-repeat: no-repeat;
height: 0;
padding-top: 39%;
}
.hero-alt {
margin: auto;
}
.width.breaded, .breaded .width {
padding: 2.75em 2em 2em;
max-width: none;
}
.hero-mod h1 {
position: relative;
z-index: 2;
}
.hero-mod .width {
padding: 0; max-width: none;
width: 100%;
z-index: 0;
position: relative;
}
.hero-mod .breaded {
margin-top: -6em;
}
.hero-mod .breaded .width {
width: calc(100% - 3rem);
padding: 0 2em;
max-width: none;
}
.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;
}
.pay-thanks .width {
min-height:50vh;
height:24em;
padding-top:6em;
} .pchild1 .width, .pchild1b .width, .prod1b .width {
padding: 4.25em 0 6.25em;
}
.pchild1.basic-h2 h2 {
padding-bottom: .65em;
}
.width.slight {
max-width: 66.25em;
}
.pchild1 .first, .pchild-dban .first {
padding-right: 4em;
}
.pchild1 .last, .pchild-dban .last {
padding-left: 0;
}
.pchild1 .img-stack p {
padding: 0;
}
.pchild-dban .width {
padding: 5.25em 0;
}
.pchild-dban p, .pchild-dban li {
font-weight: 600;
}
.pchild-dban ul {
padding-top: 1.5em;
padding-left: 2em;
}
.pchild-dban .last img {
width: 21.875em;
margin: auto;
}
.home4.mod3 {
overflow: hidden;
}
.home4.mod3 .width {
padding-top: 5em;
}
.pchild2 .width {
padding-top: 4.75em;
padding-bottom: 0;
}
.pchild2 .row {
display: flex;
}
.pchild2 .first {
padding-right: 0;
}
#post-74 .pchild2 .first {
padding-top: 1.5em;
}
.pchild2 .last {
align-self: flex-end;
}
.pchild2 .last img {
margin: 0 0 -5.5em -2em;
width: 28.75em;
max-width: none;
}
.pchild2 .sub1 {
position: relative;
}
.pchild2 .img-hold {
left: calc(50% + 12.25em);
right: 0;
}
#post-74 .pchild2 .img-hold {
top: 4.75em;
}
.pchild3 h2 {
padding-bottom: 0;
}
.pchild3 .width {
padding:6.875em 0;
}
.pchild1b .first {
padding-right: 0;
}
.pchild1b .last {
padding-left: 3em;
}
.pchild1b .gbox, .prod1 .gbox {
padding: 2.25em 2.75em 3.25em;
}
.pchild1b .gbox img {
width: 19.75em;
margin: 0 auto 2em;
}
.home4.voc5 {
background-color: transparent;
}
#post-76 .home4 .width {
max-width: 60em;
padding: 3em 0 5em;
}
#post-76 .home4 .cblock {
max-width: 39em;
}
#post-76 .home4 .img-hold {
background-position: right center;
}
#post-76 .pchild2 .first {
padding-bottom: 3em;
}
#post-78 .pchild1b .first img {
width: 25.5em;
margin-bottom: 1em;
}
#post-78 .pchild1b .width {
padding-bottom: 4em;
}
#post-78 .pchild1b li {
padding-bottom: .5em;
}
#post-78 .home4 .width {
max-width: 51em;
min-height: 36.5em;
}
#post-78 .home4 .cblock {
max-width: 32em;
}
.pchild1b.gen1 .btn-wrap, .pchild1b.gen3 .btn-wrap {
padding-top: 1.75em;
}
.gen1 {
}
.gen2 {
}
.gen2 .width {
max-width: 49em;
padding: 9em 0 10em;
}
.gen3 .first p:nth-child(1) {
padding-bottom: 2.5em;
}
.gen3 .width {
padding: 6em 0;
}
.pchild4 .width {
padding: 5em 0 0 0;
}
.pchild4 h2 {
line-height: 1.3;
}
.pchild5, .pchild2.oil {
overflow: hidden;
}
.pchild5 .width {
max-width: 73.125em;
padding-bottom: 6.25em;
}
.pchild5 ul, .pchild7 ul {
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.pchild5 ul {
padding: 4.357em 0 0 0;
justify-content: space-between;
}
.pchild7 ul {
padding: 4.357em 0 0 0;
justify-content: center;
column-gap: 3em;
}
.pchild7 .width>p {
max-width: 38rem;
margin: auto;
}
.pchild2.oil .width, .pchild2.dust .width {
padding: 4em 0;
}
.pchild2.dust {
overflow: hidden;
}
.pchild2.dust .width {
min-height:28em;
}
.pchild2.oil ul, .home4.mod3.oil ul {
padding-top: 1.5em;
}
.pchild2.oil li {
font-weight: 400;
}
.pchild5.oil, .home4.mod3.oil {
background-color: transparent;
}
.pchild5.oil .intro {
max-width: 54em;
margin: auto;
}
.home4.mod3.oil ul li {
list-style: none;
}
.home4.oil .img-hold {
background-position: center center;
}
.home4.mod3.oil li {
font-weight: 500;
}
.pchild5 li, .pchild7 li {
font-size: 1em;
line-height: 1;
}
.pchild5 img, .pchild7 img {
width: auto;
}
.pchild5 img {
max-width: 17.85em;
max-height: 5.75em;
}
.pchild7 img {
max-height: 4em;
max-width: inherit;
}
.pchild5 li:last-of-type img {
max-height: 9em;
}
.pchild5.oil li {
padding-bottom: 1.5em;
}
#post-80 .home4 {
background-color: transparent;
}
#post-80 .home4 .width {
min-height: inherit;
}
#post-80 .home4 ul {
padding-left: 1em;
list-style: none;
padding-top: 2em;
}
#post-80 .home4 li {
font-weight: 600;
}
#post-80 .pchild1b .gbox p:first-of-type {
line-height: 1.4;
padding-bottom: .75em;
}
#post-80 .pchild1b .width {
padding-bottom: 5em;
}
#post-82 .prod3.mod1 .width {
padding-top: 5.25em;
}
.pchild1b .last h2 {
font-size: 3.4em;
}
.pchild1b .btn-wrap {
padding-top: .75em;
}
.prod3.mod1 .width {
padding-top: 0;
}
.prod3.mod1 .brands {
padding: 4.75em 0 1.75em;
}
.prod3.mod1 .brands ul {
list-style: none;
padding: 0;
}
.prod3.mod1 .brands li {
font-weight: 600;
} .width.more {
max-width: 69em;
}
.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;
}
.pchild1b .width.pad-end, .width.pad-end {
padding-bottom: 18em;
}
#post-360 .pchild1b .last p:first-of-type {
text-align: center;
font-size: 1em;
line-height: 1.3;
padding-bottom: 1em;
}
#post-364 .pchild1b .btn-wrap {
padding-top: 1.85em;
}
#post-360 .home4.mod3 .width, #post-362 .home4.mod3 .width, #post-366 .home4.mod3 .width {
padding-bottom: 5em;
}
#post-360 .pchild-dban .width {
padding: 6em 0 9em;
}
#post-360 .pchild2 .width, #post-366 .pchild2 .width {
min-height: 28em;
padding: 6em 0 4em;
}
.pchild6 .first {
padding-right: 4em;
}
.pchild6 .last {
padding-left: 0;
}
.sfaq .width {
padding: 6.25em 0 3.125em;
}
.sfaq:last-child .width {
padding: 2em 0 8em;
}
.sfaq h2 {
text-align: center;
padding-bottom: .64em;
}
#post-80 .sfaq, #post-703 .sfaq, #post-364 .sfaq { padding-top: 4em;
}
@media (min-width:1300px) {
.sfaq .abod {
padding-left: 2.5em;
padding-right: 2.5em;
}
.sfaq .fold h4 a {
padding-left: 2.5rem;
}
}
#post-366 .home4.mod3 ul {
padding-top: 0;
}
#post-366 .home4.mod3 li {
padding-top: 1.25em;
}
#post-366 .home4 .img-hold, .home4.onhi2 .img-hold {
background-position: center center;
}
.pchild7 .width {
padding: 5em 0 8em;
}
.pchild-dban h3 {
text-transform: uppercase;
font-size: 1.2em;
padding-bottom: 0;
}
#post-76 .pchild-dban ul {
padding-top: .35em;
padding-bottom: 1.75em;
}
#post-76 .pchild-dban ul:last-of-type {
padding-bottom: 0;
}
.home4.voc5 .width {
min-height: inherit;
}
.voc5 h2:nth-child(3) {
padding-top: 1em;
}
.onhi2 .img-pair {
padding-top: 2em;
}
.onhi2 .img-pair p {
display: inline-block;
vertical-align: top;
font-size: 1em;
line-height: 1;
max-width: calc(49% - .75em);
width: 15em;
}
.onhi2 .img-pair p:first-of-type {
margin-right: 1.5em;
}
.home4.onhi4 .width {
padding: 3em 0 8em;
} .ind1 {
}
.pchild1b.ind1 .gbox {
padding: 2.25em;
}
.pchild1b.ind1 .btn-wrap {
padding-top: 1.5em;
}
.ind1 .btn-right a::after {
top: inherit;
bottom: .25em;
}
.home4.ind2 .cblock {
max-width: 38em;
}
.ind2.mod3 .width {
padding: 7.75em 0;
min-height: inherit;
}
.ind2b p:last-of-type {
padding-left: 1.2em;
}
.ind3 {
background: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/bg-sketch-tall.jpg) no-repeat center;
background-size: cover;
}
.ind3 .width {
padding: 5.625em 0 4.625em;
max-width: 60.625em;
}
.ind3 ul {
padding-left: 4.375em;
column-count: 3;
column-gap: 5em;
}
.ind3 li {
font-weight: 600;
padding-bottom: 1em;
}
.ind4 .width {
padding:1em 0 6.25em;
}
.ind4 .first {
padding-right: 3em;
}
.cases h3 {
position: relative;
cursor: pointer;
background-color: #404040;
color: #fff;
padding: 1em;
font-weight: 600;
line-height: 1;
padding: .5em 1.65em .5em .65em;
margin-bottom: .5em;
}
.cases h3::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 1em;
width: .4em;
height: .4em;
border-top: solid .15em;
border-right: solid .15em;
border-color: #cf202e;
transform: rotate(45deg);
}
.cases .active h3::after {
transform: rotate(135deg);
}
.cases .cblock {
width: 100%;
max-width: 100%;
padding: 0;
}
.cases .cblock>div {
display: none;
padding: .75em 2em 1.125em;
} .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%;
}
.tog-feat.reset {
background-image:none !important;
}
.feat-inner {
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center left;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #fff;
display: none;
}
.feat-inner.on {
display: block;
}
.feat-inner.ready {
opacity: 1;
} .loc2 {
padding: 5.375em 0 4em;
}
.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, .logos-ul ul {
display: flex;
flex-wrap: wrap;
gap: 1.25em 1.5em;
}
.loc2 ul {
padding: 5.75em 0 0 0;
margin: 0 auto;
align-items: center;
justify-content: center;
max-width: 47em;
}
.logos-ul ul li, .loc2 ul li {
list-style: none;
}
.logos-ul ul {
padding: 0;
max-width: 40em;
}
.loc2 li, .logos-ul li {
font-size: 1em;
line-height: 1;
width: calc(33.333% - 1em); 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;
}
.about3 .logos-ul li {
width: calc(50% - 1em);
}
.loc2 li a,  .logos-ul li a {
display: block;
padding: 1em;
}
.loc2 img, .logos-ul 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;
}
.logos-ul a:hover {
transform:scale(1.08);
} .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(//powersystems.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(//powersystems.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 .also-here {
padding-bottom: 1.75em;
}
.location .also-here p:nth-child(1) {
padding-bottom: 0;
}
.location .phone a {
text-decoration: none;
}
.location label {
font-weight: 700;
}
.location .last {
text-align: center;
}
.location h3 {
text-transform: uppercase;
color:#cf202e;
}
.location .services, .loc-pre, .location .faqs {
padding-top: 2.5em;
}
.location .services ul {
column-count: 2;
column-gap: 3em;
padding-top: .5em;
margin-bottom: 0;
}
.location .faqs h3 {
padding-bottom: .75em;
}
.location .loc-pre {
} .about1 .width {
padding: 0;
}
.about1.mod .width {
padding-bottom: 8em;
}
.home1b .cblock, .about1 .cblock {
max-width: 58%;
}
.about1 .cblock {
padding: 1.25em 0 0 0;
}
.about1>p {
font-size: 1em;;
line-height: 1;
padding: 0;
}
.hold-left img, .hold-right img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
}
.about2 .width {
padding: 3.125em 0 4em;
min-height: inherit;
}
.about2 .cblock {
padding-left: 0;
}
.about3 .width {
padding: 4em 0 5em;
}
.about3 ul {
padding-top: 1.5em;
padding-bottom: 0;
}
.about4 .width {
padding: 9em 0 6.25em;
max-width: 73.75em;
}
.about4 li:not(:last-child) {
padding-bottom: 1em;
}
.about4 ul {
max-width: 37em;
padding-top: 1em;
}
@media (min-width:1001px) {
.hold-left, .hold-right {
position: absolute;
top: 0;
height: auto;
margin: auto;
bottom: 0;
}
.hold-left {
left: 0;
right: calc(50% + 12em);
}
.hold-right {
right: 0;
left: calc(50% + 11em);
}
.hold-left img {
object-position: center right;
}
.hold-right img {
object-position: left center;
}
.home1b .hold-right {
bottom: 3.125em;
}
.about2 .hold-left img, .home1b .hold-right img {
object-fit:cover;
}
.about1 .hold-right {
left: calc(58% + 3.25em);
right: 0;
bottom: 6em;
width: calc(42% - 3.25em);
}
.about1:not(.mod) .hold-right img {
object-position: left top;
}
.about1.mod .hold-right {
bottom: 6em;
}
.about3 .first {
padding-right: 4em;
}
.about3 .last {
padding-left: 1em;
}
.about2 .cblock {
max-width: inherit;
width: calc(50% + 6em);
}
.about4 .first {
padding-right: 0;
}
.about4 .last {
padding-left: 6em;
}
.home6.mod .last {
padding-top: 0;
padding-left: 6.5em;
}
.prod4 .width {
display: flex;
align-items: center;
}
}
@media (min-width:1500px) {
.about2 .hold-left img, .home1b .hold-right img {
object-fit:contain;
}
}
.con1 .width {
max-width: 70em;
}
.con1 .first {
padding-right: 3em;
}
.con1 .cform {
padding-left: 0;
}
.con1 .first ul li {
list-style: none;
}
.con1 .first ul {
padding: 1em 0 0 0;
}
.con1 .first li {
font-weight: 700;
padding-bottom: 0;
}
.con1 .first li:not(:last-of-type) {
padding-bottom: .4em;
}
.con1 .first li a {
color: #cf202e;
text-decoration: none;
}
.con1 .first li a:hover {
text-decoration: underline;
}
.con2 .width {
max-width: 78.125em;
padding: 1.5em 0 15em;
}
.con2 .intro p {
line-height: 1.8;
text-align: center;
}
.con2 .intro {
margin: 0 auto;
max-width: 48em;
padding-bottom: .75em;
}
.con2 h2 {
margin-bottom: .125em;
}
.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 h3:not(:first-of-type) {
padding-top: 3.85em;
}
.con2 .column {
border-right: solid 1px #ddd;
width: 33.3333%;
}
.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 .first img {
width: 30em;
}
.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;
}
.train1 .width {
padding-bottom: 4.25em;
}
.train2 .width {
max-width: 61.5em;
}
.train2 .profile {
padding-bottom: 3.25em;
padding-left: 2.125em;
}
.train2 h3 {
padding-bottom: .25em;
display: inline-block;
}
.train2 h3 em {
font-style: normal;
display: inline-block;
padding: 0 .15em;
vertical-align: middle;
font-weight: 600;
}
.train2 h3 strong {
font-style: normal;
vertical-align: middle;
}
.profile .img {
width: 11.875em;
padding-right: 2.75em;
}
.profile .body {
padding-left: 0;
width: calc(100% - 11.875em);
}
.train3 h2, .signup h2 {
text-transform: uppercase;
font-size: 2.54em;
padding-bottom: .65em;
}
.train3 .sub1 {
max-width: 50em;
padding-bottom: 0;
}
.train3 .sub2 {
padding-top: 3em;
padding-bottom: 16.25em;
}
.train3 .class {
margin-bottom: 4em;
}
.train3 .class:last-of-type {
margin-bottom: 0;
}
.class h3 {
margin-bottom: .5em;
font-weight: 600;
padding: 0;
}
.class h3 a {
cursor: pointer;
padding: 1.25em 2.5em 1.25em 1.25em;
position: relative;
color: #fff;
text-decoration: none;
display: block;
}
.class h3 a::after {
content: " ";
width: .5em;
height: .5em;
border-top: solid .15em;
border-right: solid .15em;
border-color: #cf202e;
position: absolute;
top: 0;
bottom: 0;
right: 1.4em;
margin: auto;
transform: rotate(45deg);
} .class.active h3 a::after {
transform: rotate(135deg);
}
.class>div {
display: none;
padding: 2em 2.25em 5em;
}
.class .first {
padding-right: 2.75em;
}
.class .last {
padding-left: 1em;
}
.class .btn-fill {
position: relative;
display: inline-block;
}
.class .btn-fill::before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: not-allowed;
}
.class .btn-fill.open::before, .class .btn-fill.open::after {
content: none;
}
.class .btn-fill::after {
content: "Class Full";
width: 100%;
position: absolute;
top: calc(100% + .5em);
left: 0;
text-align: center;
z-index: 2;
font-style: italic;
font-size: 1.1em;
color: #454545;
}
.class .btn-fill a {
padding: 1em;
max-width: 12.5em;
display: block;
background-color: #999;
}
.class .btn-fill.open a {
cursor: pointer;
}
.class .btn-fill a::after {
position: relative;
display: inline-block;
vertical-align: middle;
width: .875em;
height: .875em;
margin-left: .75em;
vertical-align: middle;
margin-bottom: 3px;
}
.class .btn-wrap a, .signup .sub-wrap {
box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.32);
-webkit-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.32);
}
.modal-outer {
display: none;
}
.modal-wrap {
overflow-y:scroll;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
z-index: 104;
padding: 1.75em;
}
.modal-box {
width:100%;
max-width: 1200px;
margin: auto;
position: relative;
background-color: #fff;
padding: 4.375em 2.5em;
}
.modal-close {
position: absolute;
top: 1.2em;
right: 1.2em;
z-index: 100;
width: 2.5em;
height: 2.5em;
display: block;
cursor: pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.modal-close::before, .modal-close::after {
content: " ";
background-color: #999;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal-close::after {
width: 85%;
height: .3em;
}
.modal-close::before {
width: .3em;
height: 85%;
}
.signup {
width: 800px;
max-width: 100%;
margin: auto;
}
.signup span.wpcf7-form-control-wrap { width: calc(50% - .75em);
}
.signup .form-flex, .signup .form-flex>p {
display: flex;
flex-wrap: wrap;
}
.signup span[data-name="course"], .signup span[data-name="message"] {
flex-basis: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.signup span.wpcf7-form-control-wrap:nth-child(odd) {
margin-left: .75em;
}
.signup span.wpcf7-form-control-wrap:nth-child(even) {
clear: both;
margin-right: .75em;
}
.signup span.wpcf7-form-control-wrap.course {
margin-left: 0;
width: 100%;
}
.signup select {
padding-right: 2.5em;
}
.signup .sub-wrap {
clear: both;
margin-top: 3.75em;
}
.signup .wpcf7-form-control-wrap.message {
width: 100%;
float: none;
clear: both;
margin-left: 0 !important;
}
.signup textarea {
height: 8.7em;
}
.signup h2 {
text-align: center;
position: relative;
padding-bottom: .4em;
margin-bottom: .5em;
}
.signup h2::after {
content: " ";
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 1.9em;
position: absolute;
height: .075em;
background-color: #cf202e;
}
.signup span.wpcf7-form-control-wrap.error, .signup span.wpcf7-form-control-wrap.focus.error {
border-color: #CF202E;
}
.signup .wpcf7 {
padding-top: 2.25em;
}
.signup input[type=submit] {
border: 0;
color: #fff;
font-size: 1.28em;
font-weight: 600;
background-color: transparent;
position: relative;
z-index: 2;
padding: 1em;
}
.signup input[type=submit]:hover {
background-color: transparent;
}
.signup .sub-wrap {
width: 16em;
max-width: 100%;
margin: 1.2em auto 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} .dealer1 .sub1 {
padding: 2em 0 0;
}
.dealer1 h1 {
padding-bottom: .125em;
}
.dealer1 .sub2 {
padding: 3em 0 10em;
}
.dealer1 .row {
display: flex;
flex-wrap: wrap;
}
.dealer1 .column {
display: flex;
flex-direction: column;
height: auto;
justify-content: flex-end;
align-items: center;
padding-bottom: 2em;
}
.dealer1 .btn-wrap {
padding-top: 1.25em;
}
.rbrand .sub1 {
padding: 3.125em 0;
}
.rbrand .sub2 {
padding: 0 0 12em;
}
.accord h2 {
font-family: 'Montserrat', sans-serif;
}
.accord li {
font-size: 14px;
}
.accord {
-webkit-box-shadow: 15px 15px 35px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 15px 15px 35px 0px rgba(0,0,0,0.1);
box-shadow: 15px 15px 35px 0px rgba(0,0,0,0.1);
background-color: #fff;
margin: 0 0 1.5em 0;
}
.accord .bod {
padding: 2em 2.75em;
display: none;
}
.accord h2, .dinfo {
background: #404040;
}
.dinfo {
color: #fff;
padding: 1em 1em 1em 1.25em;
}
.dinfo h3 {
font-size: 1.25em;
padding-bottom: .25em;
}
.dinfo p, .accord p.empty {
font-size: .9375em;
line-height: 1.4;
}
.dinfo a {
color: #fff;
}
.accord h2 {
cursor: pointer;
color: #fff;
font-size: 1.25em;
font-weight:700;
padding: .6em 2em .6em 1.25em;
display: block;
position: relative;
}
.accord h2::after {
content: "+";
position: absolute;
right: 1rem;
top: 0;
bottom: 0;
margin: auto;
font-size: 1.75em;
font-weight: normal;
height: 1em;
line-height: 1;
}
.accord.active h2::after {
content: "\2013";
bottom: inherit;
}
.doc-lim .doc {
min-height: 0;
font-size: .875em;
padding: 0 0 1.5em 2em;
break-inside: avoid-column;
position: relative;
margin-bottom: 0;
}
.doc-lim .doc::after {
content: " ";
left: 0;
width: 18px;
top: 4px;
height: 18px;
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.doc::after { background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/type-document.svg);
}
.doc.type-pdf::after {
background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/type-pdf.svg);
}
.doc.type-doc::after, .doc.type-docx::after {
background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/type-word.svg);
}
.doc.type-ppt::after, .doc.type-pptx::after {
background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/type-ppt.svg);
}
.doc.type-xlsx::after, .doc.type-xls::after {
background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/type-excel.svg);
}
.doc.type-png::after, .doc.type-jpg::after, .doc.type-jpeg::after, .doc.type-gif::after, .doc.type-ico::after {
background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/img.svg);
}
.doc[data-action="page"]::after, .bul-pg li::before {
background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/type-page.svg);
}
.doc[data-action="link"]::after {
background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/type-link.svg);
}
.doc.type-mp4::after {
background-image: url(//powersystems.istate.com/wp-content/themes/customtheme5/img/docs/type-video.svg);
}
.accord .bod>p { color: #000;
line-height: 1.4;
font-weight: normal;
}
@media (min-width: 1001px) {
.rbrand .first {
padding-right: 3em;
}
.rbrand .last {
padding-left: 1em;
}
}
@media (min-width: 601px) {
.accord .doc-lim {
column-count: 2;
column-gap: 2em;
}
}   .red-bg, .class .btn-fill.open a {
background-color: #cf202e;
}
.gray-bg, .class .btn-fill.open a:hover {
background-color:#404041;
} .home1 h1 em, .con2 h3, .details .last h3, .train2 h3 strong, .ind2 p a, .dinfo a:hover, .con2 .intro strong { color:#cf202e;
}
.gray, .pchild3 h2, .pchild1b .last h2, .dealer1 h1 {
color:#404041;
}
.lgray {
color:#939597;
} .class h3::after {
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.location.resting {
height: auto;
}
.loc2 {
clear: both;
}
}
@media (max-width: 1400px) {
.loc1 .img-hold {
left: calc(50% + 5rem);
}
}
@media (max-width: 1300px) {
.home4 .width {
max-width: 64.5em;
}
.home4 .img-hold {
right: calc(50% + 7em);
}
#post-76 .home4 .width {
max-width: 71em;
}
.home4.alt .cblock {
max-width: 36em;
}
}
@media (max-width: 1200px) {
.gen2 .width {
padding: 6em 0;
}
}
@media (max-width: 1100px) {
.loc2 li {
width: calc(33.333% - 1em);
}
}
@media (max-width: 1000px) {
.home1 h1 em br {
display: none;
}
.home1 p {
max-width: none;
}
.home1 .width {
padding: 5em 0;
}
.home4 .width, .pchild2 .width {
min-height: inherit !important;
}
.pchild2 .row {
display: block;
}
.ind4 .first {
padding-right: 0; }
.home5 img {
width: 20em;
margin:auto;
}
.home5 .last p {
font-size: 1.75em;
}
.prod1 {
background-position: top center;
}
.prod1 .btn-wrap.center, .location .last {
text-align: left;
}
.prod3 .logos li {
padding: 1.2em .5em;
}
.loc1 .img-hold, .train1 {
margin-bottom: 3em;
}
.loc1 .sub2 .row {
min-height: inherit;
padding-bottom: 4em;
}
.loc2 h2 {
font-size: 11vw;
}
.hold-left, .hold-right {
height: 50vw;
margin-left: auto;
margin-right: auto;
max-width: calc(100% - 3.75rem);
position: relative;
}
.hold-left img, .hold-right img {
object-position: left center;
}
.about1 .hold-right {
margin-top: 3em;
}
.about1 .hold-right img {
height: 50vw;
}
.about1.mod .hold-right {
margin-bottom: 2em;
}
.about2 {
padding-top: 2em;
}
.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;
}
.hero-mod h1 {
padding-top: .35em;
}
.pchild-dban .last img {
margin: inherit;
}
.pchild2 .last img {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.pchild5 li {
width: 25%;
padding: 0 1em;
}
.pchild5 img {
max-width: 100%;
}
.brands .column {
padding-top: 0 !important;
}
.train1 .width {
padding-bottom: 0;
}
.train2 {
text-align: center;
}
.train2 .profile {
padding-left: 0;
margin: auto;
max-width: 40em;
}
.profile .img {
margin: auto;
}
.profile .body {
width: 100%;
}
.class h3 {
font-size: 1.35em;
padding-top: .8em;
padding-bottom: .8em;
}
.pchild7 .width, .ind2.mod3 .width {
padding-bottom: 3em;
}
.ind3 ul {
column-count: 2;
padding-left: 2em;
column-gap: 3em;
}
.ind4 .width {
padding-bottom:4em;
}
.pg-payment-confirmed .t-loc {
display: none;
}
#post-1647 {
margin-top: 5em;
}
.home6.mod ul {
padding-left: 1.5em;
}
}
@media (max-width: 800px) {
.prod3 .logos li {
width: 50%;
}
.prod3 .logos img {
max-width: 100%;
width: auto;
}
.hero-mod .breaded {
margin-top: -1em;
}
.loc1 .bcrumb {
position: relative;
width: 100%;
padding-bottom: 2em;
}
.loc2 li {
width: calc(50% - 1em);
}
.con2 .column {
width: 100%;
padding-top: 0;
padding-bottom: 2em;
}
.pchild1b .gbox, .prod1 .gbox {
padding-left: 1.5em;
padding-right: 1.5em;
}
.gbox ul {
padding-left: 1.5em;
}
.pchild5 img {
margin: auto;
}
.pchild7 img {
max-width: 100%;
width: 15em;
max-height: inherit;
margin: auto;
}
.pchild5 li {
width: 50%;
padding: 1em;
}
.pchild7 ul {
display: block;
}
.pchild7 li {
padding: 1em 0;
}
.pchild7 li a {
display: inline-block;
}
.con2 .width {
padding-bottom: 5em;
}
.loc1 {
padding-top: 3em;
}
.location .services ul {
column-count: 1;
}
}
@media (max-width: 500px) {
h2 {
font-size: 2.8em;
}
.home3 h2 {
font-size: 2.75em;
}
.basic h1 {
font-size: 3.6em;
padding-left: .25em;
padding-right: .25em;
}
.load-outer {
left: 0;
right: 0;
top: calc(100% + 4em);
}
.location article {
padding:2em 1.5em;
}
.loc2 p, .loc2 p:last-of-type {
line-height: 1.2;
}
.width.breaded, .breaded .width {
padding-left: 0 !important;
padding-right: 0 !important;
}
.prod1 .last img {
max-width: 100%;
}
.con2 h3:not(:first-of-type) {
padding-top: 2.25em;
}
.con2 .column {
padding-bottom: 3em;
}
.modal-wrap {
padding: 0;
}
.signup span.wpcf7-form-control-wrap {
width: 100%;
float: none;
margin: 0 !important;
}
.about4 .width {
padding: 5em 0;
}
.about2 .hold-left {
height: 90vw;
}
.about3 .width {
padding-bottom: 0;
}
.logos-ul li {
min-height: 5.75em;
}
}
@media only screen and (max-width: 400px) {
.home1 .width, .prod3 .width {
padding: 3em 0;
}
.home1 p {
line-height: 1.2;
}
.home1 p, .home5 .last p {
font-size: 1.35em;
}
.loc2 li {
width: 100%;
margin: 0 0 1.5em;
}
.location .services ul {
padding-left: 2em;
}
.prod3 .logos li {
width: 100%;
height: auto;
padding: 0;
margin: 1.35em auto;
}
.car2 h2 {
font-size: 9vw;
}
.pchild1b .last h2 {
font-size: 2.8em;
}
.class>div {
padding: 1.5em 1em;
}
.train3 h2, .signup h2 {
font-size: 2em;
}
.modal-box {
padding: 4.5em 1.5em;
}
.onhi2 .img-pair p {
width: 100%;
max-width: none;
display: block;
margin: 0 0 1em 0 !important;
}
.ind3 ul {
column-count: 1;
}
.home4.alt .width {
padding-bottom: 2em;
}
.home1b .width {
padding-bottom: 0;
}
.home6.mod {
background-position: bottom center;
}
}