html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
.clearfix, .cf {
zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
display: table;
content: "";
}
.clearfix:after, .cf:after {
clear: both;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-replacement,
.ir {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}           p {
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
}        .foo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.foo-parent {
position: relative;
}            .m-t-5 {
margin-top: 5px !important;
}
.p-t-5 {
padding-top: 5px !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.p-b-5 {
padding-bottom: 5px !important;
}
.m-l-5 {
margin-left: 5px !important;
}
.p-l-5 {
padding-left: 5px !important;
}
.m-r-5 {
margin-right: 5px !important;
}
.p-r-5 {
padding-right: 5px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.p-l-10 {
padding-left: 10px !important;
}
.m-r-10 {
margin-right: 10px !important;
}
.p-r-10 {
padding-right: 10px !important;
}
.m-t-12 {
margin-top: 12px !important;
}
.p-t-12 {
padding-top: 12px !important;
}
.m-b-12 {
margin-bottom: 12px !important;
}
.p-b-12 {
padding-bottom: 12px !important;
}
.m-l-12 {
margin-left: 12px !important;
}
.p-l-12 {
padding-left: 12px !important;
}
.m-r-12 {
margin-right: 12px !important;
}
.p-r-12 {
padding-right: 12px !important;
}
.m-t-15 {
margin-top: 15px !important;
}
.p-t-15 {
padding-top: 15px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.p-b-15 {
padding-bottom: 15px !important;
}
.m-l-15 {
margin-left: 15px !important;
}
.p-l-15 {
padding-left: 15px !important;
}
.m-r-15 {
margin-right: 15px !important;
}
.p-r-15 {
padding-right: 15px !important;
}
.m-t-16 {
margin-top: 16px !important;
}
.p-t-16 {
padding-top: 16px !important;
}
.m-b-16 {
margin-bottom: 16px !important;
}
.p-b-16 {
padding-bottom: 16px !important;
}
.m-l-16 {
margin-left: 16px !important;
}
.p-l-16 {
padding-left: 16px !important;
}
.m-r-16 {
margin-right: 16px !important;
}
.p-r-16 {
padding-right: 16px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.p-t-20 {
padding-top: 20px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.p-b-20 {
padding-bottom: 20px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.p-l-20 {
padding-left: 20px !important;
}
.m-r-20 {
margin-right: 20px !important;
}
.p-r-20 {
padding-right: 20px !important;
}
.m-t-25 {
margin-top: 25px !important;
}
.p-t-25 {
padding-top: 25px !important;
}
.m-b-25 {
margin-bottom: 25px !important;
}
.p-b-25 {
padding-bottom: 25px !important;
}
.m-l-25 {
margin-left: 25px !important;
}
.p-l-25 {
padding-left: 25px !important;
}
.m-r-25 {
margin-right: 25px !important;
}
.p-r-25 {
padding-right: 25px !important;
}
.m-t-30 {
margin-top: 30px !important;
}
.p-t-30 {
padding-top: 30px !important;
}
.m-b-30 {
margin-bottom: 30px !important;
}
.p-b-30 {
padding-bottom: 30px !important;
}
.m-l-30 {
margin-left: 30px !important;
}
.p-l-30 {
padding-left: 30px !important;
}
.m-r-30 {
margin-right: 30px !important;
}
.p-r-30 {
padding-right: 30px !important;
}
.m-t-35 {
margin-top: 35px !important;
}
.p-t-35 {
padding-top: 35px !important;
}
.m-b-35 {
margin-bottom: 35px !important;
}
.p-b-35 {
padding-bottom: 35px !important;
}
.m-l-35 {
margin-left: 35px !important;
}
.p-l-35 {
padding-left: 35px !important;
}
.m-r-35 {
margin-right: 35px !important;
}
.p-r-35 {
padding-right: 35px !important;
}
.m-t-40 {
margin-top: 40px !important;
}
.p-t-40 {
padding-top: 40px !important;
}
.m-b-40 {
margin-bottom: 40px !important;
}
.p-b-40 {
padding-bottom: 40px !important;
}
.m-l-40 {
margin-left: 40px !important;
}
.p-l-40 {
padding-left: 40px !important;
}
.m-r-40 {
margin-right: 40px !important;
}
.p-r-40 {
padding-right: 40px !important;
}
.m-t-45 {
margin-top: 45px !important;
}
.p-t-45 {
padding-top: 45px !important;
}
.m-b-45 {
margin-bottom: 45px !important;
}
.p-b-45 {
padding-bottom: 45px !important;
}
.m-l-45 {
margin-left: 45px !important;
}
.p-l-45 {
padding-left: 45px !important;
}
.m-r-45 {
margin-right: 45px !important;
}
.p-r-45 {
padding-right: 45px !important;
}
.m-t-50 {
margin-top: 50px !important;
}
.p-t-50 {
padding-top: 50px !important;
}
.m-b-50 {
margin-bottom: 50px !important;
}
.p-b-50 {
padding-bottom: 50px !important;
}
.m-l-50 {
margin-left: 50px !important;
}
.p-l-50 {
padding-left: 50px !important;
}
.m-r-50 {
margin-right: 50px !important;
}
.p-r-50 {
padding-right: 50px !important;
}
.m-t-55 {
margin-top: 55px !important;
}
.p-t-55 {
padding-top: 55px !important;
}
.m-b-55 {
margin-bottom: 55px !important;
}
.p-b-55 {
padding-bottom: 55px !important;
}
.m-l-55 {
margin-left: 55px !important;
}
.p-l-55 {
padding-left: 55px !important;
}
.m-r-55 {
margin-right: 55px !important;
}
.p-r-55 {
padding-right: 55px !important;
}
.m-t-60 {
margin-top: 60px !important;
}
.p-t-60 {
padding-top: 60px !important;
}
.m-b-60 {
margin-bottom: 60px !important;
}
.p-b-60 {
padding-bottom: 60px !important;
}
.m-l-60 {
margin-left: 60px !important;
}
.p-l-60 {
padding-left: 60px !important;
}
.m-r-60 {
margin-right: 60px !important;
}
.p-r-60 {
padding-right: 60px !important;
}
.m-t-65 {
margin-top: 65px !important;
}
.p-t-65 {
padding-top: 65px !important;
}
.m-b-65 {
margin-bottom: 65px !important;
}
.p-b-65 {
padding-bottom: 65px !important;
}
.m-l-65 {
margin-left: 65px !important;
}
.p-l-65 {
padding-left: 65px !important;
}
.m-r-65 {
margin-right: 65px !important;
}
.p-r-65 {
padding-right: 65px !important;
}
.m-t-75 {
margin-top: 75px !important;
}
.p-t-75 {
padding-top: 75px !important;
}
.m-b-75 {
margin-bottom: 75px !important;
}
.p-b-75 {
padding-bottom: 75px !important;
}
.m-l-75 {
margin-left: 75px !important;
}
.p-l-75 {
padding-left: 75px !important;
}
.m-r-75 {
margin-right: 75px !important;
}
.p-r-75 {
padding-right: 75px !important;
}
.m-t-80 {
margin-top: 80px !important;
}
.p-t-80 {
padding-top: 80px !important;
}
.m-b-80 {
margin-bottom: 80px !important;
}
.p-b-80 {
padding-bottom: 80px !important;
}
.m-l-80 {
margin-left: 80px !important;
}
.p-l-80 {
padding-left: 80px !important;
}
.m-r-80 {
margin-right: 80px !important;
}
.p-r-80 {
padding-right: 80px !important;
}
.m-t-100 {
margin-top: 100px !important;
}
.p-t-100 {
padding-top: 100px !important;
}
.m-b-100 {
margin-bottom: 100px !important;
}
.p-b-100 {
padding-bottom: 100px !important;
}
.m-l-100 {
margin-left: 100px !important;
}
.p-l-100 {
padding-left: 100px !important;
}
.m-r-100 {
margin-right: 100px !important;
}
.p-r-100 {
padding-right: 100px !important;
}
.m-t-150 {
margin-top: 150px !important;
}
.p-t-150 {
padding-top: 150px !important;
}
.m-b-150 {
margin-bottom: 150px !important;
}
.p-b-150 {
padding-bottom: 150px !important;
}
.m-l-150 {
margin-left: 150px !important;
}
.p-l-150 {
padding-left: 150px !important;
}
.m-r-150 {
margin-right: 150px !important;
}
.p-r-150 {
padding-right: 150px !important;
}
.m-t-200 {
margin-top: 200px !important;
}
.p-t-200 {
padding-top: 200px !important;
}
.m-b-200 {
margin-bottom: 200px !important;
}
.p-b-200 {
padding-bottom: 200px !important;
}
.m-l-200 {
margin-left: 200px !important;
}
.p-l-200 {
padding-left: 200px !important;
}
.m-r-200 {
margin-right: 200px !important;
}
.p-r-200 {
padding-right: 200px !important;
}   .container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
@supports (grid-area: auto) { .grid {
display: grid;
margin: 0 auto;
width: 100%;
height: 100vh;
grid-gap: 12px;
}
.grid #content {
flex: 1;
background-color: ghostwhite;
}
.grid aside {
background-color: honeydew;
min-height: 80px;
}
.grid #footer {
background-color: powderblue;
}
.grid-aside {
grid-template-rows: auto 1fr auto;
}
@media only screen and (min-width: 768px) {
.grid-aside {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto 1fr auto;
}
.grid-aside #header, .grid-aside #footer {
grid-column: span 12;
}
.grid-aside #content {
grid-column: 1/8;
}
.grid-aside aside {
grid-column: 8/-1;
}
.grid-full {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto 1fr auto;
}
.grid-full #header, .grid-full #footer {
grid-column: span 12;
}
.grid-full #content {
grid-column: 1/-1;
}
.grid-full aside {
display: none;
}
}
@media only screen and (min-width: 1170px) {
.grid-aside #content {
grid-column: 2/8;
}
.grid-aside aside {
grid-column: 8/12;
}
.grid-full #content {
grid-column: 0/12;
}
}
@media only screen and (min-width: 1600px) {
.grid-aside #content {
grid-column: 3/8;
}
.grid-aside aside {
grid-column: 8/11;
}
.grid-full #content {
grid-column: 0/12;
}
}
} * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.frame {
margin: 0 auto;
max-width: 100%;
}
.frame:after {
content: "";
display: table;
clear: both;
}
[class*=bit-] {
float: left;
padding: 0em;
}
.nopad {
padding: 0px;
}
.bit-center {
float: none !important;
margin: 0 auto;
}
.bit-1 {
width: 100%;
}
.bit-2 {
width: 50%;
}
.bit-3 {
width: 33.3333333333%;
}
.bit-4 {
width: 25%;
}
.bit-5 {
width: 20%;
}
.bit-6 {
width: 16.6666666667%;
}
.bit-7 {
width: 14.2857142857%;
}
.bit-8 {
width: 12.5%;
}
.bit-9 {
width: 11.1111111111%;
}
.bit-10 {
width: 10%;
}
.bit-11 {
width: 9.0909090909%;
}
.bit-12 {
width: 8.3333333333%;
}
.bit-10 {
width: 10%;
}
.bit-15 {
width: 15%;
}
.bit-20 {
width: 20%;
}
.bit-25 {
width: 25%;
}
.bit-30 {
width: 30%;
}
.bit-35 {
width: 35%;
}
.bit-40 {
width: 40%;
}
.bit-60 {
width: 60%;
}
.bit-65 {
width: 65%;
}
.bit-70 {
width: 70%;
}
.bit-75 {
width: 75%;
}
.bit-80 {
width: 80%;
}
.bit-90 {
width: 90%;
}
@media (max-width: 481px) {
.bit-1 {
width: 100%;
}
.bit-2 {
width: 100%;
}
.bit-3 {
width: 100%;
}
.bit-4 {
width: 100%;
}
.bit-5 {
width: 100%;
}
.bit-6 {
width: 100%;
}
.bit-7 {
width: 100%;
}
.bit-8 {
width: 100%;
}
.bit-9 {
width: 100%;
}
.bit-10 {
width: 100%;
}
.bit-11 {
width: 100%;
}
.bit-12 {
width: 100%;
}
.bit-20, .bit-25, .bit-30, .bit-35, .bit-40, .bit-60, .bit-65, .bit-70, .bit-75, .bit-80 {
width: 100%;
}
.bit-3 {
width: 100%;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.bit-4,
.bit-6,
.bit-8,
.bit-10,
.bit-12 {
width: 50%;
}
.bit-1,
.bit-2,
.bit-3,
.bit-5,
.bit-7,
.bit-9,
.bit-11 {
width: 100%;
}
.bit-20, .bit-25, .bit-30, .bit-40, .bit-60, .bit-75, .bit-35, .bit-65, .bit-70, .bit-80 {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1030px) {
.bit-2,
.bit-7 {
width: 100%;
}
.bit-3,
.bit-4,
.bit-8,
.bit-10,
.bit-12 {
width: 50%;
}
.bit-20, .bit-25, .bit-30, .bit-40, .bit-60, .bit-75, .bit-35, .bit-65, .bit-70, .bit-80 {
width: 100%;
}
}    .alert-success, .alert-error, .alert-info, .alert-help {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
}
.alert-help {
border-color: rgb(231.8902439024, 220.3353658537, 88.6097560976);
background: #ebe16f;
}
.alert-info {
border-color: rgb(191.1428571429, 227.6326530612, 244.3571428571);
background: #d5edf8;
}
.alert-error {
border-color: rgb(247.8125, 204.6875, 206.484375);
background: #fbe3e4;
}
.alert-success {
border-color: rgb(221.7207792208, 233.7012987013, 173.7987012987);
background: #e6efc2;
}  .orange-btn, .button {
position: relative;
display: inline-block;
margin-bottom: 0.5em;
padding: 0.5em 1em;
border: 0;
border-radius: 2px;
text-decoration: none;
}
.orange-btn:active, .button:active {
top: 1px;
}
.orange-btn {
background: #FF3C00;
color: #fff;
font-family: "Bebas Neue", "cursive";
font-weight: 700;
padding: 10px 15px !important;
font-size: 38px;
height: 48px;
line-height: 48px;
text-decoration: none;
border-radius: 20px;
}
.orange-btn::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((0.7 - 1) * 0.5em);
}
.orange-btn::after {
content: "";
display: block;
height: 0;
width: 0;
margin-bottom: calc((0.7 - 1) * 0.5em);
}
.orange-btn:hover, .orange-btn:focus {
color: #fff;
text-decoration: none;
}  input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
display: block;
}
input[type=text][disabled], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url].is-disabled,
input[type=search][disabled],
input[type=search].is-disabled,
input[type=tel][disabled],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
opacity: 0.6;
cursor: not-allowed;
}
input[type=password] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
width: 100%;
}
fieldset {
border: 1px solid #ccc;
}
fieldset label {
font-weight: 600;
}
fieldset p {
margin-bottom: 0;
}
legend {
padding: 0 0.5em;
}
.radio-buttons {
margin-top: 0;
}
.radio-buttons li {
margin-left: 2px;
list-style-type: none;
}
.radio-buttons label {
font-weight: normal;
}   html {
font-size: 1em;
height: 100%;
}
body {
height: 100%;
color: #333333;
font-size: 100%;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: block;
max-width: 100%;
height: auto;
}
pre code {
white-space: pre-line;
}
.excerpt-read-more {
display: block;
margin-top: 20px;
color: #FF3C00;
font-weight: 700;
}
.logbook-bullet {
display: inline-block;
width: 20px !important;
height: 20px !important;
opacity: 1;
background-image: url(//small-parts-dept.com/wp-content/themes/ashbestos/library/images/bullet-cog.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-right: 4px;
}
.swiper-pagination-bullet-active {
background: url(//small-parts-dept.com/wp-content/themes/ashbestos/library/images/bullet-cog-active.svg) !important;
}
.upper {
text-transform: uppercase;
}
.center {
text-align: center;
}
.text-right {
text-align: right;
}
.come-in-btn {
position: relative;
text-align: center;
top: 100px;
}
.come-in-btn svg {
display: inline-block;
max-width: 175px;
}
.come-in-btn svg:hover {
cursor: pointer;
}
.come-in-btn svg:hover .f821e87a-dcb6-4b2a-b156-c18b068f29df {
fill: #fff;
transition: fill 0.5s ease;
}
.come-in-btn svg:hover .a5230d42-0ceb-4aef-8344-fe1c5771787b {
fill: #FF3C00;
transition: fill 0.5s ease;
}
#here-and-ready {
position: relative;
}
#here-and-ready .nuts-and-bolts {
overflow: hidden;
width: 100%;
position: relative;
bottom: -30px;
}
.look-inside svg {
width: 175px;
}
#performance-criteria .flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex; flex-wrap: wrap; }
#performance-criteria .flexbox-container .image-left {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
min-height: 600px;
}
#performance-criteria .flexbox-container .text-block-right {
background-color: #4D4D4D;
}
#performance-criteria .flexbox-container > div {
padding-top: 80px;
padding-bottom: 80px;
flex: 1 490px; min-width: 0; }
#performance-criteria {
color: #fff;
}
#performance-criteria .performance-list {
padding-top: 40px;
color: #fff;
}
#performance-criteria .performance-list ol {
margin: 0;
padding: 0;
list-style-type: none;
}
#performance-criteria .performance-list ol li {
counter-increment: step-counter;
margin-bottom: 20px;
position: relative;
padding-left: 40px;
max-width: 55ch;
}
#performance-criteria .performance-list ol li::before {
position: absolute;
left: -20px;
content: counter(step-counter);
margin-left: 20px;
font-size: 80%;
background-color: #FF3C00;
color: white;
font-weight: bold;
padding: 3px 8px;
border-radius: 11px;
}
#customer-logbook .flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex; flex-wrap: wrap; }
#customer-logbook .flexbox-container .image-left {
background-image: url(//small-parts-dept.com/wp-content/themes/ashbestos/library/images/filing-cabinet.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
min-height: 600px;
}
#customer-logbook .flexbox-container .text-block-right {
background-color: #FF3C00;
color: #fff;
}
#customer-logbook .flexbox-container .text-block-right p {
max-width: 80ch;
}
#customer-logbook .flexbox-container > div {
padding-top: 80px;
padding-bottom: 80px;
flex: 1 490px; min-width: 0; }
.big-on-ideas .flexbox-container, #big-on-ideas .flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex; flex-wrap: wrap; align-items: center;
justify-items: center;
}
.big-on-ideas .flexbox-container .image-right .ideas-image, #big-on-ideas .flexbox-container .image-right .ideas-image {
padding-bottom: 88.8888888889%;
position: relative;
}
.big-on-ideas .flexbox-container .image-right .ideas-image > :first-child, #big-on-ideas .flexbox-container .image-right .ideas-image > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.big-on-ideas .flexbox-container .image-right .ideas-image, #big-on-ideas .flexbox-container .image-right .ideas-image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.big-on-ideas .flexbox-container .text-block-left p, #big-on-ideas .flexbox-container .text-block-left p {
max-width: 80ch;
}
.big-on-ideas .flexbox-container > div, #big-on-ideas .flexbox-container > div {
flex: 1 490px; min-width: 0; }
#big-on-detail .flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex; flex-wrap: wrap; }
#big-on-detail .flexbox-container .image-left {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
min-height: 600px;
}
#big-on-detail .flexbox-container .text-block-right {
background-color: #FF3C00;
color: #fff;
}
#big-on-detail .flexbox-container .text-block-right p {
margin-top: 20px;
}
#big-on-detail .flexbox-container > div {
padding-top: 80px;
padding-bottom: 80px;
flex: 1 490px; min-width: 0; }
#bang-on-target .flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex; flex-wrap: wrap; }
#bang-on-target .flexbox-container .image-right {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
min-height: 400px;
}
#bang-on-target .flexbox-container .text-block-left {
background-color: #4D4D4D;
}
#bang-on-target .flexbox-container > div {
padding-top: 80px;
padding-bottom: 80px;
flex: 1 490px; min-width: 0; }
#bang-on-target {
color: #fff;
}
#bang-on-target h2 {
color: #FF3C00;
}
#bang-on-target .target-list {
padding-top: 0px;
color: #fff;
}
#bang-on-target .target-list ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 40px;
}
#bang-on-target .target-list ul li {
margin-bottom: 20px;
position: relative;
max-width: 55ch;
text-indent: -2.25em;
padding-left: 2.25em;
}
#bang-on-target .target-list ul li::before {
content: "";
display: inline-block;
height: 1em;
width: 1em;
background-image: url(//small-parts-dept.com/wp-content/themes/ashbestos/library/images/cog.svg);
background-size: contain;
background-repeat: no-repeat;
margin-right: 1em;
}
#brand-partners .partner-logos {
display: -ms-flex;
display: -webkit-flex;
display: flex; flex-wrap: wrap; }
#brand-partners .partner-logo {
flex: 1 240px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}
#brand-partners .partner-logo img {
max-width: 175px;
max-height: 100px;
height: auto;
}  a, a:visited {
text-decoration: none; }
a:hover, a:focus, a:visited:hover, a:visited:focus {
text-decoration: underline;
}
a, a:visited {
color: #FF3C00; }
a, a:visited { }
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
a.w-ul, a:visited.w-ul {
color: #fff;
text-decoration: underline !important;
}   h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin: 0;
font-family: "Bebas Neue", "cursive";
font-weight: normal;
line-height: 1;
text-rendering: optimizelegibility;
}
h1::before, .h1::before, h2::before, .h2::before, h3::before, .h3::before, h4::before, .h4::before, h5::before, .h5::before, h6::before, .h6::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((0.7 - 1.2) * 0.5em);
}
h1::after, .h1::after, h2::after, .h2::after, h3::after, .h3::after, h4::after, .h4::after, h5::after, .h5::after, h6::after, .h6::after {
content: "";
display: block;
height: 0;
width: 0;
margin-bottom: calc((0.7 - 1.2) * 0.5em);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {  }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
text-decoration: none;
}
h1, .h1 {
margin-top: 0;
font-size: 3.157em;
}
h2, .h2 {
font-size: 2.369em;
}
h3, .h3 {
font-size: 1.777em;
}
h4, .h4 {
font-size: 1.333em;
}
h5, .h5 {
font-size: 1em;
}
h6, .h6 {
text-transform: uppercase;
letter-spacing: 4.333px;
}
.privacy-line {
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 300;
}
.white {
color: #fff;
}
.orange {
color: #FF3C00;
}
.peach {
color: #FF7B52;
}
.gray {
color: #4D4D4D;
} .header {
background: #efefef;
}
#inner-header {
display: block;
}
#site-title {
margin: 0 0.5em 0 0;
font-size: 2em;
line-height: inherit;
}
#site-title a {
color: rgb(47.6, 47.6, 47.6);
}
#bloginfo {
display: flex;
}
#logo img {
width: 50px;
height: 50px;
} ul, ol {
-webkit-padding-start: 20px;
}
.list-square {
margin-bottom: 1.5em;
list-style-position: outside;
list-style-type: square;
}
.nostyle {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.related-posts-list {
display: flex;
}
.page-numbers {
margin: 1em 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.page-numbers li {
margin-right: 1em;
}    .archive .page-title {
margin-bottom: 40px;
}
.error404 .search-outer {
padding: 1.5em 0;
}
.error404 .search-input {
display: flex;
width: 100%;
}
.error404 input[type=search] {
margin: 0 1em 0 0;
height: 40px;
min-width: 250px;
}
.error404 .search-submit {
width: 100px;
}
.single .entry-content img {
margin-top: 20px;
}
.single .entry-title {
margin-bottom: 20px;
}
.single .article-footer {
padding-top: 20px;
}
.page-blog .entry-content .alignfull, .page-blog .entry-content .alignwide {
margin: 0;
max-width: 100%;
}    .entry-content p {
margin-top: 30px;
}
.entry-content table {
margin-bottom: 1.5em;
width: 100%;
border: 1px solid #ccc;
}
.entry-content tr {
border-bottom: 1px solid #ccc;
}
.entry-content tr:nth-child(even) {
background-color: #dedede;
}
.entry-content td {
padding: 7px;
border-right: 1px solid #ccc;
}
.entry-content td:last-child {
border-right: 0;
}
.entry-content th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #dedede;
}
.entry-content th:last-child {
border-right: 0;
}
.entry-content { } .wp-caption { }       .screen-reader-text {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
}
.screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000; display: block;
clip: auto !important;
padding: 15px 23px 14px;
width: auto;
height: auto;
border-radius: 3px;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: #21759b;
text-decoration: none;
font-weight: bold;
font-size: 0.875rem;
font-size: 14px;
line-height: normal;
}   .wp-prev-next .prev-link {
float: left;
}
.wp-prev-next .next-link {
float: right;
}   #comments-title { }
.commentlist {
margin: 0;
list-style-type: none;
}
.comment {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px dotted #ccc;
}
.comment .comment-author {
display: flex;
align-items: center;
}
.comment { }
.comment .vcard .avatar {
margin-right: 1rem;
}
.comment { }
.comment .children { }
.comment .children { }
.comment { }
.comment { }      .comment-edit-link {
margin-right: 6px;
}        .sidebar {
overflow: hidden;
padding: 1em;
}
.widgettitle {
margin-bottom: 20px;
margin-top: 20px;
}
.widget ul li { } .footer {
clear: both;
}
.footer #pre-footer {
background-color: #4C4C4C;
color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.footer #pre-footer #pre-footer-inner {
background-color: #4C4C4C;
}
.footer #pre-footer h2 {
color: #fff;
}
.footer #pre-footer span.h2 {
color: #fff;
}
.footer #pre-footer .flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex; flex-wrap: wrap; }
.footer #pre-footer .flexbox-container .h2 {
line-height: 1.4em;
}
.footer #pre-footer .flexbox-container .colleft {
position: relative;
}
.footer #pre-footer .flexbox-container .colright {
position: relative;
}
.footer #pre-footer .flexbox-container .linkedin-icon {
width: 100px;
display: inline-block;
position: relative;
right: 0px;
bottom: 0px;
}
.footer #pre-footer .flexbox-container > div {
flex: 1 490px; min-width: 0; }
.footer #inner-footer {
padding-top: 40px;
padding-bottom: 40px;
}
.footer .back-to-the-top {
position: relative;
text-align: center;
top: -80px;
}
.footer .back-to-the-top svg {
display: inline-block;
width: 220px;
}
.footer .back-to-the-top:hover {
cursor: pointer;
}
.footer .footer-logo svg {
width: 100px;
display: inline-block;
}
.footer .nuts-and-bolts-colour svg {
width: 120px;
display: inline-block;
} @media only screen and (min-width: 481px) {  .menu ul li a { }
.menu ul li { }
.menu ul {  }
.menu ul { }
.menu { }   .entry-content { }
.entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
margin-top: 1.5em;
}
.entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
margin-top: 11px;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: table;
clear: both;
margin-top: 11px;
}
.entry-content .wp-block-media-text.alignfull {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}    } @media only screen and (max-width: 767px) { .wrap {
padding: 0 1.5em;
}
.here_and_ready_heading br {
display: none;
} .nav {
margin: 0;
padding: 0;
border-bottom: 0;
list-style-type: none;
}
.nav li a {
display: block;
padding: 0.2em;
text-decoration: none;
}
.nav li { }
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 30px;
}
.nav {  }
.nav { } } @media only screen and (min-width: 768px) {  .entry-content .alignfull {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
}
.entry-content .alignwide {
margin-right: calc(25% - 25vw);
margin-left: calc(25% - 25vw);
max-width: 1000%;
width: auto;
}
.entry-content .alignwide img,
.entry-content .alignfull img {
display: block;
margin: 0 auto;
} .wrap {
padding: 0em 80px;
}  .header-nav {
display: flex;
align-items: center;
}
.nav {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
.nav li {
float: left;
list-style: none;
}
.nav li a {
display: block;
border-bottom: 0;
padding: 0 0.5em;
text-decoration: none; }
.nav li a:hover, .nav li a:focus {
text-decoration: underline;
}
.nav li { }
.nav li ul.sub-menu,
.nav li ul.children {
position: absolute;
z-index: 8999;
visibility: hidden;
}
.nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0;
}
.nav li ul.sub-menu li,
.nav li ul.children li { }
.nav li ul.sub-menu,
.nav li ul.children { }
.nav li { }
.nav li:hover > ul {
top: auto;
visibility: visible;
}
.nav {  }
.nav { }   .single-full #main {
max-width: 640px;
float: none;
margin: 0 auto;
} .widget ul li { }              .footer-links ul li { } }
@media only screen and (max-width: 899px) { }
@media only screen and (max-width: 1029px) { .deskbr, .desk {
display: none;
}
.mobr {
display: block;
}
.copyright {
margin-top: 20px;
}
.look-inside {
display: block;
text-align: center;
}
.look-inside svg {
display: inline-block;
}
#big-on-ideas .image-right {
order: 1;
}
#big-on-ideas .text-block-left {
order: 2;
}
#big-on-detail .image-left {
order: 1;
}
#big-on-detail .text-block-right {
order: 2;
}
#bang-on-target .image-right {
order: 1;
}
#bang-on-target .text-block-left {
order: 2;
}
.p-t-80 {
padding-top: 20px !important;
}
.p-b-80 {
padding-bottom: 20px !important;
}
.p-l-40 {
padding-left: 0px !important;
}
.p-r-40 {
padding-right: 0px !important;
}
.flexbox-container > div.text-right {
padding: 40px 1em !important;
}
.flexbox-container > div.text-block-right, .flexbox-container > div.text-block-left {
padding: 40px 1em !important;
}
.partner-logos {
padding-top: 40px;
}
#brand-partners {
text-align: center;
}
.page-template-page-home #inner-header {
margin-top: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-template-page-home #inner-header #logo {
max-width: 100px;
}
.page-template-page-home #inner-header #logo img {
max-width: 100%;
width: 100px;
height: auto;
}
.page-template-page-home .header {
background-color: #4D4D4D;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-bottom: 80%;
position: relative;
}
.page-template-page-home .header > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.page-template-page-home .header {
position: relative;
}
.contact-deets {
text-align: right;
position: absolute;
width: auto !important;
top: 20px !important;
right: 20px !important;
text-transform: uppercase;
font-weight: 700;
font-family: "Bebas Neue", "cursive";
font-size: 1em;
line-height: 1.2em;
color: #fff;
}
.page-template-page-inside .header, .single .header, .archive .header, .blog .header {
background-color: #4D4D4D;
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
width: 100vw;
padding-bottom: 80%;
position: relative;
}
.page-template-page-inside .header > :first-child, .single .header > :first-child, .archive .header > :first-child, .blog .header > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.page-template-page-inside .header, .single .header, .archive .header, .blog .header {
position: relative;
}
.page-template-page-inside #inside-logo, .single #inside-logo, .archive #inside-logo, .blog #inside-logo {
position: relative;
width: 50%;
left: 1.5em;
top: 1.5em;
}
.page-template-page-inside #inside-logo img, .single #inside-logo img, .archive #inside-logo img, .blog #inside-logo img {
display: inline-block;
width: 75px;
height: auto;
}
.page-template-page-inside #inside-logo, .single #inside-logo, .archive #inside-logo, .blog #inside-logo {
margin-bottom: 40px;
}
.page-template-page-inside .inside-header-tite, .single .inside-header-tite, .archive .inside-header-tite, .blog .inside-header-tite {
width: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%);
text-align: center;
bottom: 40px;
padding: 1.5em;
}
.page-template-page-inside .inside-header-tite h1, .page-template-page-inside .inside-header-tite .h1, .single .inside-header-tite h1, .single .inside-header-tite .h1, .archive .inside-header-tite h1, .archive .inside-header-tite .h1, .blog .inside-header-tite h1, .blog .inside-header-tite .h1 {
color: #FF3C00;
}
.page-template-page-inside .header-intro, .single .header-intro, .archive .header-intro, .blog .header-intro {
width: 100%;
padding: 20px;
position: relative;
border-radius: 20px;
color: rgb(62.9, 62.9, 62.9);
}
.page-template-page-inside .header-intro h1, .page-template-page-inside .header-intro .h1, .single .header-intro h1, .single .header-intro .h1, .archive .header-intro h1, .archive .header-intro .h1, .blog .header-intro h1, .blog .header-intro .h1 {
margin-top: 20px;
}
.page-template-page-inside .header-intro p, .single .header-intro p, .archive .header-intro p, .blog .header-intro p {
font-size: 1.2em;
margin-top: 30px;
max-width: 55ch;
}
.single .header, .archive .header, .blog .header {
padding-bottom: 42.8571428571%;
position: relative;
}
.single .header > :first-child, .archive .header > :first-child, .blog .header > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.single .post-hero, .archive .post-hero, .blog .post-hero {
width: 100%;
padding-bottom: 50%;
position: relative;
}
.single .post-hero > :first-child, .archive .post-hero > :first-child, .blog .post-hero > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.single .post-hero, .archive .post-hero, .blog .post-hero {
position: relative;
z-index: 0;
background-size: contain;
background-attachment: scroll;
background-position: center top;
background-repeat: no-repeat;
}
.come-in-btn {
top: auto;
margin-top: 20px;
}
.error404 .header {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(//small-parts-dept.com/wp-content/themes/ashbestos/library/images/error-bg.jpg);
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
background-attachment: scroll;
height: 100vh;
width: 100vw;
position: relative;
}
.error404 .header #inside-logo {
padding: 1.5em;
position: relative;
}
.error404 .header #inside-logo img, .error404 .header #inside-logo svg {
width: 125px;
height: auto;
}
.error404 .header #inside-logo svg .e72dc62a-734f-456f-aa84-91d9ce526c93 {
fill: #fff !important;
}
.error404 .header .contact-deets {
height: 100px;
padding: 1em;
position: relative;
text-transform: uppercase;
font-weight: 700;
font-family: "Bebas Neue", "cursive";
font-size: 1.5em;
line-height: 1.2em;
}
.error404 .header .contact-deets .white {
color: #fff !important;
}
.error404 .header-intro {
padding: 1.5em;
width: 100%;
position: relative;
color: #4D4D4D;
}
.error404 .header-intro h1, .error404 .header-intro .h1 {
font-weight: 700;
color: #fff;
}
.error404 .header-intro h1.orange {
color: #FF3C00;
}
.error404 .header-intro p {
font-size: 1.2em;
margin-top: 30px;
max-width: 55ch;
}
.footer {
text-align: center;
}
.footer .nuts-and-bolts-colour, .footer .linkedin {
text-align: center;
}
#pre-footer .linkedin {
text-align: center;
padding-top: 40px;
min-height: 100px;
}
#pre-footer .colleft {
padding-bottom: 40px;
}
#pre-footer .colleft br {
display: none;
}
.footer-logo {
margin-bottom: 40px;
}
} @media only screen and (min-width: 900px) { } @media only screen and (min-width: 1030px) { body {
background-color: #f5f5f5;
}
#content, .header {
background-color: #fff;
max-width: 100%;
margin: 0 auto !important;
}
.mobr {
display: none;
}
.wrap {
max-width: 1440px;
margin: 0 auto !important;
}
#inner-header {
height: 100vh;
display: flex;
align-items: center;
justify-items: flex-start;
}
#inner-header.wrap {
max-width: 100%;
}
#inner-header #logo {
max-width: 300px;
}
#inner-header #logo img {
max-width: 100%;
width: 300px;
height: auto;
}
.header {
background-color: #4D4D4D;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
height: 100vh;
width: 100vw;
position: relative;
}
.post-hero {
width: 100%;
padding-bottom: 56.25%;
position: relative;
}
.post-hero > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
#blog-grid {
width: 100%;
display: grid;
grid-template-columns: 30% 1fr;
grid-gap: 1.5em;
align-items: center;
background-color: #FF3C00;
}
#blog-grid .blog-title {
padding: 1.5em;
}
#blog-grid .blog-title h1 {
font-size: 3.5em;
color: #fff;
}
.page-template-page-inside .header {
background-color: #4D4D4D;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
height: 100vh;
width: 100vw;
position: relative;
}
.page-template-page-inside .header #inside-logo {
position: absolute;
left: 80px;
top: 80px;
}
.page-template-page-inside .header #inside-logo img {
width: 125px;
height: auto;
}
.page-template-page-inside .header-intro {
width: 50%;
position: absolute;
top: 50%;
right: 0px;
color: #fff;
}
.page-template-page-inside .header-intro h1, .page-template-page-inside .header-intro .h1 {
color: #FF3C00;
}
.page-template-page-inside .header-intro p {
font-size: 1.2em;
margin-top: 30px;
max-width: 55ch;
}
.page-template-page-inside .inside-header-tite {
display: none;
}
.contact-deets {
position: absolute;
top: 80px;
right: 80px;
text-transform: uppercase;
font-weight: 700;
font-family: "Bebas Neue", "cursive";
font-size: 1.5em;
line-height: 1.2em;
color: #fff;
}
.single .header, .archive .header, .blog .header {
background-color: #4D4D4D;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
width: 100vw;
height: 140px;
z-index: 1;
position: relative;
mix-blend-mode: hard-light;
}
.single .header #inside-logo, .archive .header #inside-logo, .blog .header #inside-logo {
position: absolute;
left: 80px;
top: 30px;
}
.single .header #inside-logo img, .archive .header #inside-logo img, .blog .header #inside-logo img {
width: 50px;
height: auto;
}
.single .header .contact-deets, .archive .header .contact-deets, .blog .header .contact-deets {
top: 45px;
}
.single .header-intro, .archive .header-intro, .blog .header-intro {
width: 50%;
position: absolute;
top: 50%;
right: 0px;
color: #fff;
}
.single .header-intro h1, .single .header-intro .h1, .archive .header-intro h1, .archive .header-intro .h1, .blog .header-intro h1, .blog .header-intro .h1 {
color: #FF3C00;
}
.single .header-intro p, .archive .header-intro p, .blog .header-intro p {
font-size: 1.2em;
margin-top: 30px;
max-width: 55ch;
}
.single .inside-header-tite, .archive .inside-header-tite, .blog .inside-header-tite {
display: none;
}
#mob-intro {
display: none;
}
.error404 .header {
background-image: url(//small-parts-dept.com/wp-content/themes/ashbestos/library/images/error-bg.jpg);
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
background-attachment: scroll;
height: 100vh;
width: 100vw;
position: relative;
}
.error404 .header #inside-logo {
position: absolute;
left: 80px;
top: 80px;
}
.error404 .header #inside-logo img, .error404 .header #inside-logo svg {
width: 175px;
height: auto;
}
.error404 .header .contact-deets {
position: absolute;
top: auto;
bottom: 80px;
left: 80px;
text-transform: uppercase;
font-weight: 700;
font-family: "Bebas Neue", "cursive";
font-size: 1.5em;
line-height: 1.2em;
}
.error404 .header .contact-deets .white {
color: #4D4D4D !important;
}
.error404 .header-intro {
width: 100%;
position: absolute;
top: 50%;
left: 80px;
color: #4D4D4D;
}
.error404 .header-intro h1, .error404 .header-intro .h1 {
font-weight: 700;
color: #4D4D4D;
}
.error404 .header-intro h1.orange {
color: #FF3C00;
}
.error404 .header-intro p {
font-size: 1.2em;
margin-top: 30px;
max-width: 55ch;
}
.nuts-and-bolts svg {
margin-bottom: -9px;
}
.nuts-and-bolts-colour {
text-align: right;
}
#here-and-ready {
position: relative;
}
#here-and-ready .nuts-and-bolts {
width: 20%;
position: absolute;
bottom: 0px;
right: 0px;
}
.footer #pre-footer .linkedin {
text-align: right;
}
} @media only screen and (min-width: 1240px) { #blog-grid {
width: 100%;
display: grid;
grid-template-columns: 30% 1fr;
grid-gap: 1.5em;
align-items: center;
background-color: #FF3C00;
}
#blog-grid .blog-title {
padding: 1.5em;
}
#blog-grid .blog-title h1 {
font-size: 4.5em;
color: #fff;
}
} @media only screen and (min-width: 1600px) { #content, .header {
background-color: #fff;
max-width: 1920px !important;
margin: 0 auto !important;
}
body.single .header .header-inner, body.blog .header .header-inner {
position: relative;
max-width: 1440px !important;
margin: 0 auto;
}
} @media print { }
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-ms-filter: none !important;
filter: none !important;
}  #content {
width: 100%;
margin: 0;
float: none;
} @page {
margin: 2cm;
} @page :left {
margin: 1cm;
}
@page :right {
margin: 1cm;
} @page :first {
margin: 1cm 2cm;
}  body {
font-size: 13pt;
line-height: 1.3;
background: #fff !important;
color: #000;
}
h1 {
font-size: 24pt;
}
h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
}
p, h2, h3 {
orphans: 3;
widows: 3;
} a {
page-break-inside: avoid;
}
blockquote {
page-break-inside: avoid;
}
h1, h2, h3, h4, h5, h6 {
page-break-after: avoid;
page-break-inside: avoid;
}
img {
page-break-inside: avoid;
page-break-after: avoid;
}
table, pre {
page-break-inside: avoid;
}
ul, ol, dl {
page-break-before: avoid;
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
} a:link, a:visited, a {
background: transparent;
color: #0088cc;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
a[href^=http]:after {
content: " < " attr(href) "> ";
}
article a[href^="#"]:after {
content: "";
}
a:not(:local-link):after {
content: " < " attr(href) "> ";
} .entry-content iframe, ins {
display: none;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
line-height: 0pt !important;
white-space: nowrap;
}
.embed-youtube, .embed-responsive, .embed-container {
display: none;
position: absolute;
height: 0;
overflow: hidden;
} #header-widgets, nav, aside,
.sidebar, .content-ads, .make-comment, .author-bio,
.heading, .related-posts, #decomments-form-add-comment,
#breadcrumbs, #footer, .post-byline, .byline, .meta-single,
.site-title img, .post-tags, .readability, .sidebar, .page-navigation, .wp-prev-next,
.respond-form {
display: none;
}
}.jarallax {
position: relative;
z-index: 0;
}
.jarallax > .jarallax-img {
position: absolute;
object-fit: cover; font-family: 'object-fit: cover;';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}