/* SKIL Home Page - Pixel Perfect Match */
@font-face {
    font-display: swap;
    font-family: Brixton_Lead Vector;
    src: url('fonts/brixton-lead-vector.woff2') format("woff2");
    font-weight: 400;
    font-style: normal
}

*,
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #bdc2c6;
}

.container {
    max-width: 1440px;
}

.demo-section .container {
    max-width: 1190px;
}

main.skil-product {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: Inter, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    letter-spacing: 0.5px;
    line-height: 1.625;
    font-size: 1rem;
}

main.skil-product h4 {
    font-size: 1.125rem;
}

main.skil-product .content h4 {
    text-transform: uppercase;
}

main.skil-product .content b {
    font-weight: 700;
}

.widget-box {
    border-bottom: 1px solid #bdc2c6;
    margin-bottom: 65px;
    padding-bottom: 65px;
}

main.skil-product section.product-details .row.justify-content-center div.col-lg-8:last-child .widget-box {
    border: unset;
}

:root {
    --primary-color: #cb333b;
    --secondary-color: #08101a;
    --text-dark: #08101a;
    --text-light: #fafafa;
    --text-white: #ffffff;
    --accent-blue: #48a4db;
    --gray-light: #eff0f1;
    --gray-medium: #bdc2c6;
    --gray-dark: #6c757d;
    --background-dark: #08101a;
    --background-light: #fafafa;
    --border-color: #dee2e6;
}

.f-brixton {
    font-family: Brixton_Lead Vector, Segoe UI, Helvetica Neue, Arial, sans-serif !important;
}

.f-inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.font-heading {
    font-family: Bebas Neue, Segoe UI, Helvetica Neue, Arial, sans-serif;
    line-height: 1.625;
}

.font-normal {
    font-weight: 400;
}

.f-3rem {
    font-size: 3rem;

}

.mb-35 {
    margin-bottom: 35px;
}

.category-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: 625px;
    background: #eff0f1;
    justify-content: center;
}

.category-banner-media {
    width: calc(45.5% + 140px);
}

.category-banner-col {
    position: relative;
    z-index: 2;
}

.category-banner-media {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(45.5% + 140px);
    flex: 1 1 auto;
}

.category-banner-media img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.category-banner-media:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 20;
    height: 100%;
    width: 260px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' preserveAspectRatio='none' viewBox='0 0 146 642'%3E%3Cpath fill='%23eff0f1' d='M146 0v642H0z'/%3E%3C/svg%3E");
}


.category-banner span.products {
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: .5px;
    color: #08101a;
    font-weight: 600;
    word-break: auto-phrase;
    margin-bottom: 16px;
    display: block;
}

.category-banner h1 {
    font-family: Bebas Neue, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-size: 4rem;
    text-transform: uppercase;
    line-height: .9;
    font-weight: 400;
    color: #08101a;
    margin: 0;
}

.category-banner p {
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: .5px;
    color: #08101a;
    margin-top: 30px;
    font-weight: 600;
    word-break: auto-phrase;
    margin-bottom: 0;
}

section.home-sections.home-products-section {
    background: #08101a;
    padding-top: 80px;
    padding-bottom: 100px;
}

section.timeline {
    background: #fafafa;
    padding-top: 170px;
    padding-bottom: 130px;
}

section.timeline h3.section-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 3rem;
    font-family: Bebas Neue, Segoe UI, Helvetica Neue, Arial, sans-serif;
    text-transform: uppercase;
    line-height: .9;
    font-weight: 400;
    color: #08101a;
}

.timeline-single {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    padding-bottom: 30px;
}

.timeline-single .timeline-image {
    width: 100%;
}

.timeline-single span.date {
    display: block;
    color: var(--primary-color);
    margin-top: 30px;
    margin-bottom: 8px;
    font-size: 18px;
}

.timeline-single p.title {
    font-size: 24px;
    font-weight: 600;
    color: #08101a;
    line-height: 39px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.timeline-single p.content {
    color: #08101a;
}

main.skil-product {
    letter-spacing: .5px;
    color: #08101a;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: Inter, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

main.skil-product section.product-header {
    background: #eff0f1;
    padding-top: 200px;
    padding-bottom: 120px;
}

main.skil-product section.product-header .image-wrapper img {

    mix-blend-mode: multiply;
}

main.skil-product section.product-header span.sku {
    font-family: Bebas Neue, Segoe UI, Helvetica Neue, Arial, sans-serif;
    color: rgb(203 51 59);
    font-size: 3rem;
    line-height: 1;
}

main.skil-product section.product-header h1.titile {
    font-size: 4rem;
    text-transform: uppercase;
    line-height: .9;
    font-family: Bebas Neue, Segoe UI, Helvetica Neue, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 30px;
}

main.skil-product section.product-header .logos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}

main.skil-product section.product-header .logos img {
    height: 16px;
}

main.skil-product section.product-header .excerpt {}

main.skil-product section.product-header .excerpt ul {
    list-style-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='6' height='10' style='enable-background:new 0 0 6 10'%3E%3Cpath fill='%235B6770' d='M2.7 2H6L3.3 8H0l2.7-6z'/%3E%3C/svg%3E");
}

button.read-more-btn {
    margin-top: .75rem;
    line-height: .9;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 40px;
    color: #5b6770;
    font-size: 16px;
    font-weight: 600;
    text-decoration: unset;

    margin-top: .75rem;
}

main.skil-product section.product-header .excerpt ul li {}


main.skil-product section.product-details {
    background: #eff0f1;
    padding-top: 200px;
    padding-bottom: 120px;
}



.table-fixed {
    table-layout: fixed;
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}

.w-full {
    width: 100% !important;
}

.border-silver-sand {
    --tw-border-opacity: 1;
    border-color: rgb(189 194 198 / var(--tw-border-opacity));
}

.border-b,
.border-y {
    border-bottom-width: 1px;
}

.font-normal {
    font-weight: 400;
}

.text-left {
    text-align: left;
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.w-1\/2 {
    width: 50%;
}

.font-bold {
    font-weight: 700;
}

.text-right {
    text-align: right;
}

.pl-2 {
    padding-left: .5rem;
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem;
}

div#specifications th,
div#specifications td {
    padding-left: 0;
    padding-right: 0;
}




section.product-list {
    padding-top: 120px;
    background: #fafafa;
    padding-bottom: 120px;
}

section.product-list a.product-card {
    transition: opacity 300ms ease 0s;
    height: 100%;
    display: block;
    position: relative;
}

section.product-list a.product-card .img-wrap {
    background-color: #eff0f1;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 24px;
}

section.product-list a.product-card .content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 8px;
    margin-bottom: 32px;
}

section.product-list a.product-card .img-wrap img {
    z-index: 1;
    padding: 12px;
    mix-blend-mode: multiply;
}

section.product-list a.product-card .img-wrap:before {
    content: '';
    background: #08101a33;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: opacity 300ms ease 0s;
}

section.product-list a.product-card:hover .img-wrap:before {
    opacity: 1;
}

section.product-list a.product-card .content p {
    margin: 0;
    color: #08101a;
    text-decoration: unset;
    letter-spacing: .5px;
}

section.product-list a.product-card .content p.title {
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
}

section.product-list a.product-card .content p.excerpt {
    font-size: 16px;
}

section.product-list a.product-card .content .view {
    display: flex;
    gap: 4px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    color: #cb333b;
    font-size: 17px;
    font-weight: 700;
    line-height: 0;
    margin-top: auto;
}

section.product-list a.product-card:hover .content p {
    color: #cb333b;
}

section.product-list a.product-card:hover .content span {
    color: #ac2d36;
}


section.carousel {
    padding-bottom: 160px;
}

section.carousel .sline-single {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}

section.carousel .sline-single .left-block {
    flex: 0 0 calc((100% - 24px) / 2);
}

section.carousel .sline-single .right-block {
    flex: 0 0 calc((100% - 24px) / 2);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    gap: 24px;
}

section.carousel .sline-single .right-block>div {
    flex: 1 1 calc(50% - 12px);
    height: calc(50% - 12px);
}

section.carousel .sline-single .right-block img {
    height: 100%;
    object-fit: cover;
}

section.carousel .sline-single .left-block img {
    height: 100%;
    object-fit: cover;
}

.p-content {}

.p-content h1.section-title {
    font-size: 3rem;
    font-family: Bebas Neue, Segoe UI, Helvetica Neue, Arial, sans-serif;
}

.p-content p.description {}

a.btn.btn-default-outline {
    display: inline-flex;
    border-width: .063rem;
    padding-top: .438rem;
    padding-bottom: .438rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(91 103 112 / var(--tw-text-opacity));
    text-decoration-line: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    border: 2px solid #bdc2c6;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}


.post-row {
    padding-bottom: 160px;
}

h1.section-title {
    font-family: Bebas Neue, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-size: 3rem;
    font-weight: 300;
    text-transform: uppercase;
    line-height: .9;
    margin-top: 30px;
    margin-bottom: 40px;
}

section.pwrcore {
    padding-bottom: 160px;
}

section.product-navigation {
    background: #fafafa;
    padding: 58px 0;
}

section.product-navigation nav.productt.nav {}

section.product-navigation nav.productt.nav ul {
    display: flex;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

section.product-navigation nav.productt.nav ul li {}

section.product-navigation nav.productt.nav ul li a {
    color: rgb(91 103 112);
    font-weight: 500;
    font-size: 15px;
}

section.product-navigation nav.productt.nav ul li h4 {
    margin: 0;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
}




section.product-list .sidebar {}

section.product-list .sidebar .current-category {}

section.product-list .sidebar .widget {
    margin-top: 28px;
}

section.product-list .sidebar .widget a {
    color: #08101a;
    font-size: 16px;
    font-family: Inter, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

section.product-list .sidebar .widget .categories a {
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    margin: 4px 0;
}

section.product-list .sidebar .widget .categories a svg {
    margin-top: -4px;
}

section.product-list .sidebar .widget .categories li {
    padding: 4px 0;
}

section.product-list .sidebar .current-category h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 39px;
    color: #08101a;
    font-family: Inter, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

section.product-list .sidebar .widget .widget-title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #08101a;
    font-family: Inter, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
section.product-list .sidebar .widget .types a {
    padding-top: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
section.product-list .sidebar .widget input[type="checkbox"] {
    width: 22px;
    height: 22px;
    margin-top: 2px;
    margin-right: 8px;
    border-radius: .25rem;-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
}

section.product-list .sidebar .widget input[type="checkbox"]:checked {
    border-color: rgb(203 51 59);
    background-color: rgb(203 51 59);
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
}

section.docs {background: #fafafa;padding-bottom: 160px;}

section.docs h2.section-title {}

section.docs h3.mb-2\.5 {}

section.docs   ul {}

section.docs   ul li {}

section.docs ul li a {
    display: inline-flex;
    border-width: .063rem;
    padding-top: .438rem;
    padding-bottom: .438rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: #08101a;
    text-decoration-line: none;
    border: 1px solid #5b6770;
    margin-bottom: 30px;
}

.bg-gallery.px-6.pt-6.pb-1.my-10 {
    background: #eff0f1;
    padding: 20px 40px;
    margin: auto;
    margin-top: 60px;
}

section.docs .files-accordion-content {
    border-top: 1px solid #08101a;
    border-bottom: 1px solid #08101a;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-top: 140px;
}
.gray- {background: #eff0f1;padding: 24px;margin: 40px 0;}
section.docs .top-content span.flex.items-center.gap-2 {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 14px;
    display: block;
}

section.docs .top-content p {}

section.docs .top-content p strong {}

section.docs .top-content p {
    margin-bottom: 4px;
}