html, body, p, div, img, h1, h2, h3, h4, li, ul, ol, dl, dd, dt, form, table, td, tr {
margin: 0px;
padding: 0px;
border: 0px;
border-collapse: separate;
border-spacing: 0px;
}
.blockhref {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
z-index: 105;
}
input, select {
margin: 0;
padding: 0;
border-radius: 0;
-webkit-appearance: none;
}
textarea {
border-radius: 0;
-webkit-appearance: none;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 15px;
max-width: 600px;
width: 100%;
position: relative;
line-height: 15px;
resize: none;
height: 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: 1px solid #000000;
color: #000000;
max-width: 70%;
margin-bottom: 20px;
}
ul, ol, dl {
position: relative;
}
img {
border: 0px;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-ms-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} body {
width: 100%;
font-family: 'Poppins', sans-serif;
font-weight: 400;
background-color: #ffffff;
font-weight: normal;
cursor: default;
background-position: top center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
ul {
list-style: none;
padding: 0;
}
.fa-ul {
margin-left: 20px;
} .site-container {
width: 100%;
margin: 0;
position: relative;
}
.content-container {
width: 100%;
max-width: none;
margin: 0;
background-color: white;
position: relative;
padding: 0 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main-content {
width: 100%;
background-color: white;
max-width: none;
margin: 0;
padding-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.main-content:not(.homepage-content) p {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: black;
margin-bottom: 20px;
}
.main-content:not(.homepage-content) p:last-child {
margin-bottom: 0px;
} .sidebar {
width: 100%;
min-height: 200px;
max-width: 30%;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
border-left: 1px solid #e6e6e6;
}
.clear {
clear: both;
}
.sidebar h2 {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
display: block;
width: 100%;
}
.sidebar h3 {
margin-bottom: 10px;
font-size: 20px;
}
.specials-h3 {
margin-bottom: 0px !important;
}
.sidebar h4 {
font-family: 'Poppins', sans-serif;
font-size: 13px;
color: #4a4a4a;
font-weight: normal;
text-transform: uppercase;
}
.content:not(.homepage-content) a, .content:not(.homepage-content) a:link, .content:not(.homepage-content) a:active, .content:not(.homepage-content) a:visited, .sidebar a, .sidebar a:link, .sidebar a:visited, .sidebar a:active {
color: #4a4a4a;
text-decoration: none;
}
.content:not(.homepage-content) a:hover, .sidebar a:hover {
color: #000000;
text-decoration: underline;
}
.sidebar h3 .fa {
position: absolute !important;
right: 6px;
margin-top: 6px;
color: black;
font-size: 12px;
}
.sidebar .fa {
color: #e6e6e6;
}
.sidebar-main-department {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
} .content {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 30px;
}
.content:not(.homepage-content) ul {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
color: black;
margin-bottom: 20px;
} .home-container {
font-size: 0;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home-container h2+p {
margin-top: -20px;
}
.home-container p {
margin-bottom: 10px;
}
.home-container ul {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
color: black;
}
.home-container i {
margin-top: 3px !important;
}
.home-left {
position: relative;
font-size: 0;
display: inline-block;
width: 50%;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
}
.home-right {
position: relative;
font-size: 0;
display: inline-block;
width: 50%;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
}
.home-map {
width: 100%;
height: 472px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.review-box {
display: none !important;
}
.home-video {
position: relative;
width: 100%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.home-video-opaque {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 101;
background-color: black;
opacity: 0.2;
filter: alpha(opacity=20); transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-webkit-transition: opacity .15s ease-in-out;
}
.home-video-overlay {
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
width: 100%;
}
.home-video:hover .home-video-opaque {
opacity: 0;
filter: alpha(opacity=0); }
.video-cover {
z-index: 99;
width: 100%;
height: auto;
}
.home-video-play-button img {
position: relative;
width: 100%;
height: auto;
}
.image-shadow {}
.page-image {
position: relative;
width: 100%;
display: none;
}
.page-image img {
position: relative;
width: 100%;
display: block;
}
.page-image-shadow {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
z-index: 100;
}
.hidden-heading {
display: none;
}
h1 .truck-types {
display: block;
font-size: 16px;
} .trucks-container {
font-size: 0;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.trucks-container h1 {
display: none;
}
.trucks-container .asterisk p {
width: 100%;
position: relative;
text-align: right;
}
.truck-category-block {
font-size: 0;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 48.5%;
margin-right: 3%;
position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 3%;
border: 1px solid #6a6a6a;
text-align: left;
}
.trucks-container .truck-category-block:nth-child(2n+2), .trucks-container .truck-category-block:last-child {
margin-right: 0%;
}
.truck-category-block img {
width: 100%;
height: auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
}
.truck-category-block:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.truck-category-block h2 {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 120%;
color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block !important;
vertical-align: middle !important;
z-index: 101;
cursor: default;
margin: auto;
text-shadow: rgba(0, 0, 0, .7) 0 0 12px;
padding: 10px;
background: -moz-linear-gradient(top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0) 83%, rgba(31, 31, 31, 0) 100%);
background: -webkit-linear-gradient(top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0) 83%, rgba(31, 31, 31, 0) 100%);
background: linear-gradient(to bottom, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0) 83%, rgba(31, 31, 31, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f1f1f', endColorstr='#001f1f1f', GradientType=0);
}
.truck-category-block .truck-types {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
font-size: 14px;
line-height: 14px;
font-weight: 400;
}
.truck-category-block ul {
width: 100%;
background: -moz-linear-gradient(top, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0) 17%, rgba(31, 31, 31, 0.9) 100%);
background: -webkit-linear-gradient(top, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0) 17%, rgba(31, 31, 31, 0.9) 100%);
background: linear-gradient(to bottom, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0) 17%, rgba(31, 31, 31, 0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001f1f1f', endColorstr='#e61f1f1f', GradientType=0);
position: absolute;
left: 0px;
bottom: 0px;
text-shadow: rgba(0, 0, 0, .7) 0 0 12px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0px;
margin-bottom: 0;
}
.truck-category-block li {
display: inline-block;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
font-size: 13px;
color: white;
margin-bottom: 0;
}
.truck-category-block li:nth-child(2n+2) {
text-align: right;
}
.truck-single-page-holder {
width: 100%;
font-size: 0;
position: relative;
}
.truck-main-photo-holder {
width: 70%;
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
.truck-main-photo {
width: 100%;
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
border: 1px solid #6a6a6a;
vertical-align: top;
margin-bottom: 20px;
}
.truck-main-photo h1 {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 120%;
color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block !important;
vertical-align: middle !important;
z-index: 101;
cursor: default;
margin: auto;
text-shadow: rgba(0, 0, 0, .7) 0 0 12px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
background: -moz-linear-gradient(top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0) 83%, rgba(31, 31, 31, 0) 100%);
background: -webkit-linear-gradient(top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0) 83%, rgba(31, 31, 31, 0) 100%);
background: linear-gradient(to bottom, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0) 83%, rgba(31, 31, 31, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f1f1f', endColorstr='#001f1f1f', GradientType=0);
}
.truck-main-photo span {
font-size: 18px;
display: block;
}
.truck-main-photo img {
position: relative;
width: 100%;
height: auto;
}
.truck-applications-and-industries {
width: 30%;
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
vertical-align: top;
}
.truck-applications-and-industries h3 {
margin-bottom: 5px;
font-size: 18px;
}
.interest-block {
position: relative;
width: 100%;
}
.interest-block .truck-category-block {
width: 32%;
margin-right: 1%;
}
.interest-block .truck-category-block:last-child {
margin-right: 0%;
}
.interest-block .truck-category-block h2 {
font-size: 18px;
} .contact-container {
font-size: 0;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
.contact-left {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 60%;
vertical-align: top;
}
.contact-map {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 40%;
vertical-align: top;
}
.contact-map iframe {
width: 100%;
position: relative;
width: 100%;
height: 252px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.contact-map p {
font-size: 14px;
margin-top: 10px;
}
.asterisk {
display: none !important;
}
.home-video a:focus {
outline: none;
border: none;
} .catalogue-view {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-size: 0;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
vertical-align: top;
}
.catalogue-view:nth-child(2n) {
padding-top: 0;
}
.catalogue-image {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin-bottom: 4%;
position: relative;
border: 1px solid #e6e6e6;
border: none;
vertical-align: top;
}
.catalogue-image h3 {
background-color: #1e1e1e;
font-size: 20px;
line-height: 120%;
color: #ffffff;
margin-bottom: 0px;
padding: 10px;
padding-right: 15px;
position: relative;
width: 100%;
cursor: pointer;
height: 90px;
}
.catalogue-department .catalogue-image h3 {
height: auto;
}
.catalogue-image:hover h3 {
background-color: #000000;
color: white !important;
}
.catalogue-image h3 .fa {
position: absolute !important;
right: 8px;
top: 41%;
font-size: 12px;
color: white;
}
.catalogue-image h3 span {
display: block;
font-size: 18px;
}
.catalogue-image:hover h3 span {
color: white !important;
}
.catalogue-image h3 span span {
display: inline-block;
font-size: 11px;
margin-left: 2px;
position: relative;
top: -1px;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
}
.catalogue-department {
margin-bottom: 50px;
padding-bottom: 40px;
border-bottom: 1px solid #e6e6e6;
}
.catalogue-view .column3 {
width: 32%;
position: relative;
margin-right: 2%;
}
.catalogue-department .column3:nth-of-type(3n) {
margin-right: 0%;
}
.catalogue-view .column2 {
width: 48%;
position: relative;
margin-right: 4%;
}
.catalogue-images .column2:nth-of-type(2n) {
margin-right: 0%;
}
.catalogue-image img {
width: 100%;
height: auto;
position: relative;
display: block;
}
.catalogue-shadow {
x-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.55);
x-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.55);
xbox-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.55);
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 102;
} .product-price {
font-family: 'Poppins', sans-serif;
font-size: 20px;
color: black;
padding-bottom: 0px;
}
.product-price-incl-vat {
font-size: 14px;
display: block;
}
.product-page h1 {
margin-bottom: 0px;
}
.product-page .catalogue-department {
border-bottom: none;
}
.product-image-holder {
width: 65%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
}
.product-image {
border: 1px solid #e6e6e6;
border: none;
width: 100%;
position: relative;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.product-image img {
width: 100%;
position: relative;
height: auto;
display: block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#productimage2, #productimage3 {
display: none;
}
.product-image-thumbnails {
width: 100%;
position: relative;
font-size: 0;
margin-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.minicatalogueimage {
width: 32%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
margin-right: 2%;
border: 1px solid #e6e6e6;
border: none;
}
.minicatalogueimage:last-child {
margin-right: 0%;
}
.minicatalogueimage img {
width: 100%;
height: auto;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.key-features {
width: 35%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-left: 20px;
font-family: 'Poppins', sans-serif;
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 120%;
color: black;
vertical-align: top;
}
.key-features li {
margin-bottom: 5px;
line-height: 120%;
}
.product-content {
width: 90%;
position: relative;
font-family: 'Poppins', sans-serif;
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 120%;
margin-top: 20px;
margin-bottom: 20px;
}
b, strong {
font-weight: 700;
}
li {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 5px;
}
li .fa {}
.key-features h3 {
font-size: 25px;
line-height: 25px;
}
.cta-buttons {
position: relative;
width: 100%;
text-align: left;
}
.cta-buttons .content-button:last-child {
margin-right: 0;
}
.content-button,
input[type="submit"].submitbuttonform,
.homepage-button,
button#catapultCookie,
.cookie_popup_button {
background:
radial-gradient(circle at top left, rgba(237, 28, 36, 0.16), transparent 28%),
linear-gradient(180deg, #111111 0%, #050505 100%);
border: 1px solid #c2171e;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
color: #ffffff;
transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.content-button {
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-transform: capitalize;
font-size: 16px;
text-align: center;
display: inline-block;
margin-right: 20px;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
cursor: pointer;
margin-bottom: 20px;
}
.content-button:hover {
background:
radial-gradient(circle at top left, rgba(237, 28, 36, 0.24), transparent 28%),
linear-gradient(180deg, #191919 0%, #050505 100%);
border-color: #f5d90a;
color: #f5d90a !important;
transform: translateY(-1px);
}
.content-button:focus,
.content-button:active {
outline: none;
}
.submitbuttonform {
margin-bottom: 10px;
}
ul+.content-button {
margin-top: 20px;
}
a.content-button, a.content-button:link, a.content-button:visited, a.content-button:active {
text-decoration: none;
color: white !important;
}
a.content-button:hover {
color: #f5d90a !important;
}
.homepage-button {
text-decoration: none;
}
.homepage-button.homepage-button--ghost {
background:
radial-gradient(circle at top left, rgba(237, 28, 36, 0.12), transparent 28%),
linear-gradient(180deg, #111111 0%, #050505 100%);
border-color: #c2171e;
color: #fff;
}
.homepage-button.homepage-button--ghost:hover,
.homepage-button.homepage-button--ghost:focus {
background:
radial-gradient(circle at top left, rgba(237, 28, 36, 0.24), transparent 28%),
linear-gradient(180deg, #191919 0%, #050505 100%);
border-color: #f5d90a;
color: #f5d90a;
}
.divider {
width: 100%;
position: relative;
height: 1px;
margin-top: 30px;
margin-bottom: 30px;
background-color: #e6e6e6;
}
.google-map {
position: relative;
border: 1px solid #e6e6e6;
width: 100%;
height: 640px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-photos {
postion: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0;
}
.about-us-photo-holder {
display: inline-block;
width: 32%;
margin-right: 2%;
position: relative;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-photo {
width: 100%;
position: relative;
border: 1px solid #505050;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-photo img {
width: 100%;
position: relative;
height: auto;
display: block;
}
.about-us-photo-holder:last-child {
margin-right: 0;
}
.about-us-shadow {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 100;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-caption {
color: black;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
position: relative;
display: block;
margin-top: 5px;
} .mark-signature {
width: 148px;
height: auto;
} input[type=text], input[type=email], input[type=password], input[type=tel] {
width: 100%;
position: relative;
margin-bottom: 15px;
border: 1px solid black;
background-color: white;
font-family: 'Poppins', sans-serif;
font-weight: 400;
line-height: 15px;
font-size: 15px;
padding: 10px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
color: #000000;
line-height: normal !important;
max-width: 70%;
}
input[type=hidden]+input[type=submit] {
margin-top: 15px;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
outline: none;
line-height: normal !important;
}
label {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: normal !important;
margin-bottom: 5px;
position: relative;
display: block;
vertical-align: top;
}
textarea {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 15px;
max-width: 600px;
width: 100%;
position: relative;
line-height: 15px;
resize: none;
height: 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: 1px solid #000000;
color: #000000;
-webkit-appearance: none;
max-width: 70%;
margin-bottom: 20px;
}
textarea:focus {
outline: none;
}
.enquiryform {
position: relative;
width: 100%;
}
.formerror {
color: red;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
position: relative;
margin-bottom: 20px;
margin-top: -10px;
}
.confirmationanchor {
display: block;
position: relative;
top: -120px;
}
.form-tip {
font-size: 12px !important;
margin-top: -20px;
margin-bottom: 20px;
} .ancestors {
font-family: 'Poppins', sans-serif;
font-size: 14px;
text-transform: uppercase;
color: black;
margin-bottom: 10px;
}
.ancestors i {
font-size: 10px;
vertical-align: middle;
margin-left: 5px;
margin-right: 5px;
position: relative;
top: -1px;
}
.ancestor a, .ancestor a:link, .ancestor a:active, .ancestor a:visited {
color: #5a5a5a;
text-decoration: none;
}
.ancestor a:hover {
color: black;
}
.ancestor .fa {
font-size: 8px;
top: -1px;
position: relative;
}
h1, h2, h3, h4, h5, h6 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
h1 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: #000000;
font-size: 28px;
line-height: 120%;
margin-bottom: 20px;
line-height: 120%;
}
h2 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: #000000;
font-size: 26px;
line-height: 120%;
margin-bottom: 20px;
}
h3 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #000000;
font-size: 24px;
line-height: 120%;
margin-bottom: 20px;
}
h4 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
line-height: 120%;
color: #000000;
}
h5,
h6 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
line-height: 120%;
color: #000000;
}
.backtotoplink {
margin: auto;
text-align: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
position: relative;
width: 120px;
margin-bottom: 20px;
float: right;
vertical-align: top;
margin-top: 10px;
}
.backtotoptext {
font-size: 14px;
color: #9b9b9b;
}
.backtotoplink:hover .backtotoptext {
color: #ffffff;
}
.backtotoplink:hover .backtotoparrow {
border-bottom: 10px solid #ffffff;
}
.backtotoparrow {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #9b9b9b;
margin: auto;
margin-bottom: 5px;
}
.backtotopicon {
position: fixed;
bottom: 20px;
right: 20px;
width: 52px;
height: 52px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 999px;
background: linear-gradient(180deg, #111111 0%, #050505 100%);
border: 1px solid #c2171e;
color: #fff200;
font-size: 0;
line-height: 1;
cursor: pointer;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 1000;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 20px rgba(0, 0, 0, 0.28);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 20px rgba(0, 0, 0, 0.28);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 20px rgba(0, 0, 0, 0.28);
transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.backtotopicon::before {
content: "";
width: 12px;
height: 12px;
border-top: 3px solid currentColor;
border-left: 3px solid currentColor;
transform: translateY(2px) rotate(45deg);
display: block;
}
.backtotopicon:hover {
transform: translateY(-2px);
border-color: #fff200;
background: linear-gradient(180deg, #191919 0%, #050505 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 24px rgba(0, 0, 0, 0.32);
}
.backtotopicon.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.backtotopicon.is-visible:hover {
transform: translateY(-2px);
}
.footer-content {
width: 100%;
max-width: none;
padding: 20px 24px;
margin: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 30px;
padding-top: 30px;
}
.footer p {
font-family: 'Poppins', sans-serif;
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 140%;
color: white;
margin-bottom: 20px;
}
.footer p:last-child {
margin-bottom: 0;
}
.footer a, .footer a:link, .footer a:active, .footer a:visited {
color: white;
text-decoration: none;
}
.footer-contact-detail-holder {
margin-bottom: 20px;
display: block;
}
.footer-contact-detail {
margin-bottom: 10px;
}
.footer .contact-label {
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #fff200;
font-weight: 600;
text-transform: uppercase;
line-height: 120%;
}
.footer .contact-detail {
font-family: 'Poppins', sans-serif;
font-size: 16px;
color: #ffffff;
line-height: 120%;
}
.print-message {
display: none;
}
table {
position: relative;
max-width: 100%;
}
tr, td {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.on-special {
position: absolute;
top: 0px;
left: 0px;
width: 97px;
height: 98px;
background-image: url(//www.sinotruk-centurion.co.za/wp-content/themes/HotDogTheme/on-special.png);
background-size: 100%;
background-repeat: no-repeat;
}
.has-specials {
position: absolute;
top: 0px;
left: 0px;
width: 97px;
height: 98px;
background-image: url(//www.sinotruk-centurion.co.za/wp-content/themes/HotDogTheme/on-special.png);
background-size: 100%;
background-repeat: no-repeat;
}
.column3 .has-specials, .column3 .on-special {
width: 67px;
height: 68px;
}
.directions h3 {
color: #fff200;
} .homepage-video {
width: 100%;
position: relative;
display: block;
max-width: 1100px;
margin: auto;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
margin-top: -27px;
margin-bottom: 20px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container-new-homepage-video {
position: relative;
width: 100%;
height: 100%;
display: block;
}
.embed-container-new-homepage-video video {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center center;
}
button#catapultCookie:hover,
button#catapultCookie:focus,
.cookie_popup_button:hover,
.cookie_popup_button:focus {
border-color: #f5d90a;
color: #f5d90a;
transform: translateY(-1px);
}
.homepage-hero {
position: relative;
width: calc(100% + 200px);
margin-left: -100px;
margin-right: -100px;
margin-top: -20px;
margin-bottom: 28px;
overflow: hidden;
background: #08111b;
box-shadow: 0 22px 40px rgba(15, 23, 42, 0.18);
}
.homepage-hero .homepage-video {
width: 100%;
max-width: none;
margin: 0;
box-shadow: none;
}
.homepage-hero-title {
padding: 10px 0 10px 0;
font-family: 'Poppins', sans-serif;
font-size: 55px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: -0.04em !important;
color: #fff !important;
}
.homepage-hero-media {
width: 100%;
aspect-ratio: 1100 / 560;
min-height: 560px;
max-height: 720px;
}
.homepage-hero-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(8, 17, 27, 0.92) 0%, rgba(8, 17, 27, 0.68) 38%, rgba(8, 17, 27, 0.18) 100%),
radial-gradient(circle at top right, rgba(194, 23, 30, 0.22), transparent 34%);
z-index: 1;
pointer-events: none;
}
.homepage-hero-content {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 760px;
padding: 72px 64px;
color: #fff;
}
.homepage-hero-content >.homepage-kicker {
color: #f3c54d !important;
font-weight: 500 !important;
}
.homepage-kicker {
margin: 0 0 14px;
color: #c2171e !important;
width: fit-content;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 700 !important;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.homepage-hero-title {
margin: 0;
color: #fff;
font-family: 'Poppins', sans-serif;
font-size: 68px;
line-height: 0.95;
letter-spacing: -0.04em;
text-transform: uppercase;
max-width: 10ch;
min-height: 2.1em;
}
@media screen and (max-width: 926px) {
.homepage-hero-content {
max-width: 620px !important;
padding: 52px 40px !important;
}
.homepage-kicker {
margin-bottom: 10px !important;
}
.homepage-hero-title {
font-size: clamp(40px, 5.8vw, 56px) !important;
line-height: 0.98 !important;
max-width: 11ch !important;
min-height: 0 !important;
}
.homepage-description--hero {
display: none !important;
}
.homepage-actions {
margin-top: 0px !important;
}
.homepage-hero-stats {
margin-top: 0px !important;
}
.homepage-stat {
padding: 10px !important;
}
.homepage-stat strong {
font-size: 22px;
}
.homepage-stat span {
font-size: 11px;
}
}
.homepage-description {
margin: 16px 0 0;
font-family: 'Poppins', sans-serif;
line-height: 1.6;
}
.homepage-description--hero {
margin-top: 22px;
max-width: 58ch;
color: #fff !important;
font-size: 18px;
}
.homepage-description--body {
color: #334155;
font-size: 16px;
}
.homepage-description--small {
color: #475569;
font-size: 15px;
}
.homepage-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.homepage-actions--mobile {
display: none;
}
.homepage-button.homepage-button--ghost {
background:
radial-gradient(circle at top left, rgba(237, 28, 36, 0.12), transparent 28%),
linear-gradient(180deg, #111111 0%, #050505 100%);
border-color: #c2171e;
color: #fff;
}
.homepage-button.homepage-button--ghost:hover,
.homepage-button.homepage-button--ghost:focus {
background:
radial-gradient(circle at top left, rgba(237, 28, 36, 0.24), transparent 28%),
linear-gradient(180deg, #191919 0%, #050505 100%);
border-color: #f5d90a;
color: #f5d90a;
}
.homepage-hero-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 34px;
}
.homepage-stat {
padding: 18px;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(8, 17, 27, 0.34);
backdrop-filter: blur(8px);
}
.homepage-stat strong {
display: block;
margin-bottom: 5px;
color: #fff;
font-family: 'Poppins', sans-serif;
font-size: 28px;
line-height: 1;
}
.homepage-stat span {
color: rgba(255, 255, 255, 0.8);
font-family: 'Poppins', sans-serif;
font-size: 13px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.homepage-content {
padding-bottom: 10px;
}
.homepage-intro,
.homepage-categories,
.homepage-support,
.homepage-feature,
.homepage-cta {
margin-bottom: 28px;
}
.homepage-intro {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
gap: 24px;
align-items: stretch;
}
.homepage-intro-panel,
.homepage-support-panel,
.homepage-feature-card,
.homepage-category-card {
background: #fff;
border: 1px solid #e3e8ee;
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}
.homepage-intro-panel {
padding: 34px;
}
.homepage-intro-panel .homepage-heading {
max-width: 14ch;
}
.homepage-intro-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.homepage-stat-card {
padding: 22px;
background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
border: 1px solid #e3e8ee;
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
}
.homepage-stat-card strong {
display: block;
color: #c2171e;
font-family: 'Poppins', sans-serif;
font-size: 34px;
line-height: 1;
text-transform: uppercase;
}
.homepage-stat-card span {
display: block;
margin-top: 10px;
color: #334155;
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 1.55;
}
.homepage-section-head {
margin-bottom: 16px;
}
.homepage-category-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.homepage-category-card {
display: flex;
flex-direction: column;
overflow: hidden;
color: inherit;
text-decoration: none;
}
.homepage-category-card img {
display: block;
width: 100%;
height: 210px !important;
padding-top: 0px !important;
object-fit: cover !important;
object-position: center !important;
}
.homepage-category-card-body {
padding: 20px 20px 22px;
}
.homepage-category-card-body span {
display: block;
margin-bottom: 8px;
color: #c2171e;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.homepage-category-card-body strong {
display: block;
color: #0f172a;
font-family: 'Poppins', sans-serif;
font-size: 22px;
line-height: 1.08;
text-transform: uppercase;
}
.homepage-support {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
gap: 24px;
}
.homepage-cta {
display: grid;
grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1.2fr) !important;
gap: 24px;
}
.panel_gradient {
background:
radial-gradient(circle at top left, rgba(237, 28, 36, 0.16), transparent 40%),
linear-gradient(180deg, #111111 0%, #050505 100%) !important;
}
.panel_gradient>h2, .panel_gradient>p.homepage-description {
color: #fff !important;
}
.homepage-support-panel {
padding: 30px;
}
.homepage-support-panel--primary {
background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
border-color: #e3e8ee;
color: #0f172a;
}
.homepage-support-panel--primary .homepage-heading,
.homepage-support-panel--primary .homepage-description {
color: #0f172a;
}
.homepage-support-panel--primary .homepage-button.homepage-button--ghost {
color: #fff !important;
}
.homepage-support-panel--primary .homepage-button.homepage-button--ghost:hover,
.homepage-support-panel--primary .homepage-button.homepage-button--ghost:focus {
color: #f5d90a !important;
}
.homepage-support-panel--secondary {
padding: 0;
background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
overflow: hidden;
}
.homepage-support-panel--locations {
padding: 30px;
overflow: visible;
}
.homepage-support-video {
position: relative;
width: 100%;
aspect-ratio: 560 / 314;
}
.homepage-support-video iframe {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
}
.homepage-support-item {
padding: 18px 0;
border-top: 1px solid #e7edf2;
}
.homepage-support-item:first-child {
border-top: 0;
padding-top: 0;
}
.homepage-support-item span {
display: block;
margin-bottom: 8px;
color: #64748b;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.homepage-support-item strong {
display: block;
color: #0f172a;
font-family: 'Poppins', sans-serif;
font-size: 24px;
line-height: 1.08;
text-transform: uppercase;
}
.homepage-cta .homepage-locations {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-top: 18px;
}
.homepage-location {
background: #fff;
border: 1px solid #e3e8ee;
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
overflow: hidden;
}
.homepage-location-map {
position: relative;
width: 100%;
aspect-ratio: 16 / 10;
}
.homepage-location-map iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.homepage-location-body {
padding: 18px;
}
.homepage-location-body strong {
display: block;
color: #0f172a;
font-family: 'Poppins', sans-serif;
font-size: 22px;
line-height: 1.08;
text-transform: uppercase;
}
.homepage-location-body span {
display: block;
margin-top: 8px;
color: #334155;
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 1.55;
}
.homepage-feature-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.homepage-feature-card {
overflow: hidden;
}
.homepage-feature-card img {
display: block;
width: 100%;
height: 240px;
object-fit: cover;
}
.homepage-feature-card-body {
padding: 22px 22px 24px;
}
.homepage-feature-card-body h3 {
margin: 0;
}
.homepage-feature-card-body p {
margin-top: 12px;
}
.homepage-heading {
margin: 0;
color: #0f172a;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
}
.homepage-heading--xl {
font-size: 40px;
line-height: 1;
}
.homepage-heading--lg {
font-size: 28px;
line-height: 1.08;
margin: 0;
color: #0f172a;
}
.homepage-copy--small {
margin-top: 14px;
color: #475569;
font-size: 15px;
} .announcement-bar {
width: 100%;
margin: auto;
padding: 10px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #e2e2e2;
background: -moz-linear-gradient(top, #e2e2e2 1%, #cccccc 100%);
background: -webkit-linear-gradient(top, #e2e2e2 1%, #cccccc 100%);
background: linear-gradient(to bottom, #e2e2e2 1%, #cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#cccccc', GradientType=0);
background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #d8d8d8));
background: -webkit-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%);
background: -o-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%);
background: linear-gradient(to bottom, #f2f2f2 0%, #d8d8d8 100%);
z-index: 2;
border-bottom: 1px solid #6f6f6f;
text-align: center;
margin-top: -27px;
margin-bottom: 26px;
}
.announcement-bar p {
font-size: 14px;
color: black;
font-family: 'Poppins', sans-serif;
font-weight: normal;
text-align: center;
max-width: 960px;
margin: auto;
}
.announcement-bar a, .announcement-bar a:link, .announcement-bar a:active, .announcement-bar a:visited {
color: black;
text-decoration: underline;
}
.privacy-policy-footer-link {
padding-bottom: 150px;
}
#catapult-cookie-bar {
font-family: 'Poppins', sans-serif;
font-size: 14px;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
button#catapultCookie {
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 600;
border-radius: 0px;
padding: 20px;
} @media screen and (min-width: 0px) and (max-width: 770px) {
#catapult-cookie-bar {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}
.privacy-policy-footer-link a {
text-decoration: underline !important;
}
.main-content:not(.homepage-content) ul {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #000000;
margin-bottom: 15px;
text-align: left;
list-style-position: inside;
padding-top: 5px;
padding-bottom: 5px;
}
.main-content:not(.homepage-content) li {
padding-left: 5px;
margin-top: 2px;
color: #000000;
text-align: left;
list-style-position: outside;
padding-bottom: 10px;
list-style-type: disc;
padding-bottom: 10px;
margin-left: 15px;
}
@media screen and (max-width: 770px) {
.privacy-policy-content {
max-width: 100%;
}
.privacy-policy-content header,
.privacy-policy-content section {
padding: 22px 18px;
}
.privacy-policy-content h1 {
font-size: 30px;
}
.privacy-policy-content h2 {
font-size: 16px;
}
}
.truck-applications-and-industries li {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 5px;
}
.home-left li {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 5px;
} .cookie_popup {
display: none;
width: 100%;
position: fixed;
bottom: 0px;
left: 0px;
background-color: black;
z-index: 1001;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
vertical-align: middle;
display: none;
}
.cookie_popup_holder {
width: 100%;
margin: auto;
z-index: 500;
vertical-align: middle;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
display: flex;
}
.cookie_popup_left {
display: inline-block;
font-family: 'Poppins', sans-serif;
font-size: 14px !important;
color: white;
vertical-align: middle;
margin-right: 15px;
text-align: left;
}
.cookie_popup_right {
display: inline-block;
flex-shrink: 0;
vertical-align: middle;
}
.cookie_popup_button {
padding: 20px;
width: 100%;
display: block;
font-size: 16px;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; cursor: pointer;
font-family: 'Poppins', sans-serif;
}
.cookie_popup_left a, .cookie_popup_left a:link, .cookie_popup_left a:active, .cookie_popup_left a:visited {
text-decoration: underline !Important;
color: white !Important;
font-size: 14px !important;
}
.cookie_popup_left a:hover {
text-decoration: underline !Important;
color: white !Important;
}
.european-standards {
font-size: 0;
vertical-align: top;
margin-top: 20px;
margin-bottom: 20px;
}
.european-standards-parts {
display: inline-block;
width: 42%;
vertical-align: top;
}
.european-standards-truck {
vertical-align: top;
width: 58%;
}
.sitrak_specs_logo {
position: relative;
display: block;
max-width: 90px;
background: #014d71;
padding: 3px;
}
@media screen and (max-width: 600px) {
.content-container,
.main-content,
.footer-content {
padding-left: 14px;
padding-right: 14px;
}
.homepage-hero {
width: calc(100% + 28px);
margin-left: -14px;
margin-right: -14px;
}
}
.title-border {
border-bottom: 6px solid #c2171e;
border-left: 6px solid #c2171e;
padding: 5px 5px;
background: #fff;
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;
}