@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
font-family: 'Fellix';
src: url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-Light.woff) format('woff'),
url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Fellix';
src: url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-Regular.woff) format('woff'),
url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Fellix';
src: url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-Medium.woff) format('woff'),
url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Fellix';
src: url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-SemiBold.woff) format('woff'),
url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Fellix';
src: url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-Bold.woff) format('woff'),
url(//factory.sale/wp-content/themes/factory-sale/css/fonts/Fellix-Bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
}
:root { --border-radius-interactives: 24px;
--border-radius-interactives-rem: 1.5rem;
--border-radius-cards: 16px;
--border-radius-cards-rem: 1rem;
--desktop-side-padding: 64px;
--desktop-side-padding-rem: 4rem;
--mobile-side-padding: 24px;
--mobile-side-padding-rem: 1.5rem; --desktop-h1-size: 64px;
--desktop-h1-size-rem: 4rem;
--desktop-h1-line-height: 64px;
--desktop-h1-line-height-rem: 4rem;
--desktop-h2-size: 48px;
--desktop-h2-size-rem: 3rem;
--desktop-h2-line-height: 130%;
--desktop-h2-line-height-rem: 3rem;
--desktop-h3-size: 36px;
--desktop-h3-size-rem: 2.25rem;
--desktop-h3-line-height: 36px;
--desktop-h3-line-height-rem: 2.25rem;
--paragraph-size: 16px;
--paragraph-size-rem: 1rem;
--paragraph-line-height: 24px;
--paragraph-line-height-rem: 1.5rem;
--paragraph-small-size: 14px;
--paragraph-small-size-rem: 0.875rem;
--paragraph-small-line-height: 21px;
--paragraph-small-line-height-rem: 1.3125rem;
--font-primary: "Fellix";
--font-secondary: "Fellix";
--font-tertiary: "Fellix";
--desktop-h4-size: 30px;
--desktop-h4-size-rem: 1.875rem;
--desktop-h4-line-height: 30px;
--desktop-h4-line-height-rem: 1.875rem;
--desktop-h1-weight: var(--font-weight-normal);
--font-weight-regular: 400;
--font-weight-b: "B";
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-heavy: 900;
--desktop-h2-weight: var(--font-weight-normal);
--desktop-h3-weight: var(--font-weight-b);
--desktop-h4-weight: var(--font-weight-semibold);
--paragraph-weight: var(--font-weight-regular);
--paragraph-small-weight: var(--font-weight-regular);
--desktop-h5-size: 18px;
--desktop-h5-size-rem: 1.125rem;
--desktop-h5-line-height: 24px;
--desktop-h5-line-height-rem: 1.5rem;
--desktop-h5-weight: var(--font-weight-bold);
--desktop-h6-size: 16px;
--desktop-h6-size-rem: 1rem;
--desktop-h6-line-height: 20px;
--desktop-h6-line-height-rem: 1.25rem;
--desktop-h6-weight: var(--font-weight-bold);
--font-weight-light: "Light";
--font-weight-normal: "Normal";
--desktop-h1-font-family: var(--font-primary);
--desktop-h2-font-family: var(--font-primary);
--desktop-h3-font-family: var(--font-secondary);
--desktop-h4-font-family: var(--font-secondary);
--desktop-h5-font-family: var(--font-tertiary);
--desktop-h6-font-family: var(--font-tertiary);
--paragraph-font-family: var(--font-tertiary);
--paragraph-small-font-family: var(--font-tertiary);
--mobile-h1-font-family: var(--font-primary);
--mobile-h1-line-height: 48px;
--mobile-h1-line-height-rem: 3rem;
--mobile-h1-size: 48px;
--mobile-h1-size-rem: 3rem;
--mobile-h1-weight: var(--font-weight-normal);
--mobile-h2-size: 32px;
--mobile-h2-size-rem: 2rem;
--mobile-h2-line-height: 32px;
--mobile-h2-line-height-rem: 2rem;
--mobile-h2-weight: var(--font-weight-normal);
--mobile-h2-font-family: var(--font-primary);
--mobile-h5-size: 18px;
--mobile-h5-size-rem: 1.125rem;
--mobile-h5-line-height: 20px;
--mobile-h5-line-height-rem: 1.25rem;
--mobile-h5-weight: var(--font-weight-bold);
--mobile-h5-font-family: var(--font-tertiary);
--mobile-h6-size: 16px;
--mobile-h6-size-rem: 1rem;
--mobile-h6-line-height: 20px;
--mobile-h6-line-height-rem: 1.25rem;
--mobile-h6-weight: var(--font-weight-bold);
--mobile-h6-font-family: var(--font-tertiary);
--mobile-h3-weight: var(--font-weight-b);
--mobile-h3-line-height: 32px;
--mobile-h3-line-height-rem: 2rem;
--mobile-h3-size: 32px;
--mobile-h3-size-rem: 2rem;
--mobile-h4-font-family: var(--font-secondary);
--mobile-h4-weight: var(--font-weight-semibold);
--mobile-h4-size: 24px;
--mobile-h4-size-rem: 1.5rem;
--mobile-h4-line-height: 24px;
--mobile-h4-line-height-rem: 1.5rem;
--mobile-h3-font-family: var(--font-secondary);
--button-font-family: var(--font-primary);
--button-weight: var(--font-weight-normal);
--button-size: 14px;
--button-size-rem: 0.875rem;
--button-line-height: var(--paragraph-line-height);
--input-font-family: var(--font-primary);
--input-weight: var(--font-weight-normal);
--input-size: var(--paragraph-size);
--input-line-height: var(--paragraph-line-height);
--link-font-family: var(--font-primary);
--link-weight: var(--font-weight-normal);
--link-size: 18px;
--link-size-rem: 1.125rem;
--link-line-height: var(--paragraph-line-height);
--desktop-h7-font-family: var(--font-primary);
--desktop-h7-size: 30px;
--desktop-h7-size-rem: 1.875rem;
--desktop-h7-line-height: 32px;
--desktop-h7-line-height-rem: 2rem;
--desktop-h7-weight: var(--font-weight-normal); --main-brand: #3c5a48;
--accents-1: #c2c819;
--accents-2: #0A2B5E;
--accents-3: #F5F6FA;
--accents-4: #0F9A60;
--accents-5: #E8F3F9;
--accents-6: #0C369C;
--main-brand-string: "547030";
--accents-1-string: "c2c819";
--accents-2-string: "644f43";
--accents-3-string: "997d6c";
--main-brand-color-name: "Hunter Green";
--accents-1-color-name: "Pear";
--accents-2-color-name: "Umber";
--accents-3-color-name: "Beaver";
--neutrals-white: #ffffff;
--neutrals-light-grey: #eeeeee;
--neutrals-medium-grey: #dddddd;
--neutrals-dark-grey: #bcbcbc;
--neutrals-black: #222222;
--ui-positive: #009681;
--ui-negative: #d13346;
--ui-warning: #e7aa35;
--accents-4-string: "F0EAE5";
--accents-4-color-name: "Linen";
--accents-5-string: "bb7338";
--accents-5-color-name: "Copper";
}
body {
font-family: var(--paragraph-font-family);
font-size: var(--paragraph-size);
line-height: var(--paragraph-line-height);
font-weight: var(--font-weight-regular);
color: var(--neutrals-black);
}
p {
font-weight: 300;
font-size: 18px;
line-height: 27px;
}
h2 {
font-size: var(--desktop-h2-size);
line-height: var(--desktop-h2-line-height);
font-family: var(--desktop-h2-font-family);
font-weight: var(--desktop-h2-weight);
margin-bottom: 1rem;
}
h3 {
font-family: var(--desktop-h3-font-family);
font-size: var(--desktop-h3-size);
font-weight: var(--desktop-h3-weight);
line-height: var(--desktop-h3-line-height);
}
h4, .h4-c {
font-family: var(--desktop-h4-font-family);
font-size: var(--desktop-h4-size);
line-height: var(--desktop-h4-line-height);
font-weight: var(--desktop-h4-weight);
}
h5 {
font-family: var(--desktop-h5-font-family);
font-size: var(--desktop-h5-size);
line-height: var(--desktop-h5-line-height);
font-weight: var(--desktop-h5-weight);
}
a {
color: var(--accents-1);
font-size: var(--link-size);
font-family: var(--link-font-family);
line-height: var(--link-line-height);
font-weight: var(--link-weight);
text-decoration: unset;
transition: all 0.3s ease-in-out;
}
a:hover {
color: var(--accent-1-hover);
}
nav a {
color: var(--neutrals-white);
cursor: pointer;
}
nav a:hover {
color: var(--accents-1);
transition: all 0.3s ease-in-out;
}
header {
position: relative;
z-index: 1111;
}
header button i.bi {
font-size: 30px;
}
header .nav-link {
font-weight: 600;
font-size: 12px;
line-height: 100%;
color: var(--neutrals-black);
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
gap: 6px;
}
header .nav-link:hover {
color: var(--accents-1) !important;
}
.btn {
background-color: var(--accents-4);
color: #fff;
font-weight: 700;
padding: 4px 14px;
transition: all 0.3s ease-in-out;
font-size: 13px;
line-height: 22px;
font-family: var(--button-font-family);
text-transform: unset;
border-radius: 6px;
}
.btn:hover {
background-color: var(--main-brand);
color: var(--neutrals-white);
border: 2px solid var(--main-brand);
}
.slider-default .swiper-slide {
min-height: 620px;
display: flex;
align-items: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.slider-default .swiper-slide::before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(260.58deg, rgba(0, 0, 0, 0) 65.57%, rgba(0, 0, 0, 0.5) 92.33%);
display: block;
content: '';
}
.slider-default .swiper-slide * {
color: #fff;
position: relative;
}
.slider-default .swiper-slide h2, .slider-default .swiper-slide h2 p {
font-weight: 600;
font-size: 50px;
line-height: 65px;
}
.line {
width: 100%;
height: 1px;
background-color: #D6D6D6;
}
.product-card {
border: 1px solid #CED2DD;
border-radius: 4px;
transition: all 0.3s ease-in-out;
position: relative;
height: auto;
}
.size-div-change p{
font-size: 14px;
line-height: 23px;
} #product-list .product-card{
height: 100%;
}
#product-results .product-card-wrapper{
height: auto;
}
.product-card:hover {
box-shadow: 4px 8px 16px 0px #5B5B5B29;
border-color: #fff;
}
.product-card * {
text-align: left !important;
}
.product-card .new-price {
color: #0F9A60;
font-weight: 700;
font-size: 18px;
line-height: 100%;
}
.product-card .old-price,
.product-card .old-price bdi {
color: #9F9F9F;
font-weight: 400;
text-decoration: line-through;
font-size: 16px;
}
.product-card .ratio {
border-radius: 4px 4px 0 0;
} .product-card .price {
font-weight: 700;
font-size: 18px;
line-height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0.5rem;
}
.product-card .btn {
border: 1px solid #0F9A60;
background-color: unset;
color: #0F9A60;
text-align: center !important;
font-weight: 500;
font-size: 18px;
line-height: 100%;
padding: 0;
max-height: 0;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.product-card form {
max-height: 0;
opacity: 0;
transition: all 0.3s ease-in-out;
margin-top: 1rem;
}
.mt-1rem {
margin-top: 1rem;
}
.select-option {
margin-top: 1rem;
}
.product-card p {
font-weight: 400;
font-size: 16px;
line-height: 21px;
}
.product-card:hover .btn {
max-height: 100px;
opacity: 1;
padding: 10px 14px;
}
.product-card:hover form {
max-height: 100px;
opacity: 1;
width: 100%;
}
.product-card .sale, .product-image .sale {
font-family: 'Inter';
font-weight: 500;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
color: #E8F3F9;
background-color: #0F9A60;
border-radius: 4px 0 4px 0;
position: absolute;
left: 0;
top: 0;
padding: 8px 12px;
min-width: 81px;
text-align: center !important;
}
.product-card .max-260 {
display: flex;
justify-content: center;
}
.product-card .max-260 a {
width: 100%;
}
.slide-brand {
border: 1px solid #CED2DD;
display: flex;
justify-content: start;
flex-direction: column;
align-items: center;
}
.slide-brand img {
max-height: 90px;
width: auto;
}
p a{
font-weight: 300;
font-size: 18px;
line-height: 27px;
text-decoration: underline;
color: #222222;
text-underline-offset: 4px;
}
footer {
background-color: #F9F9F9;
}
footer ul {
list-style: none;
padding: 0;
}
.footer-line {
background-color: #151515;
}
.br-left-desk {
border-left: 1px solid rgba(86, 86, 86, 0.1);
}
.login,
.lang {
color: #222222;
font-weight: 500;
font-size: 12px;
line-height: 130%;
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
}
header nav,
.min-81 {
min-height: 81px;
}
.span-blue {
font-weight: 600;
font-size: 12px;
line-height: 100%;
color: #222222;
}
.banner {
border-radius: 4px;
}
.free-ship {
border-radius: 30px;
padding: 4px 22px;
background-color: #072364;
font-family: 'Fellix';
font-weight: 400;
font-size: 12px;
line-height: 140%;
text-transform: uppercase;
color: #E8F3F9;
}
.banner h3 {
color: #072364;
font-weight: 700;
font-size: 34px;
line-height: 100%;
}
.banner a {
text-decoration: unset;
font-weight: 500;
font-size: 19px;
line-height: 100%;
color: #072364;
}
.banner-small {
border-radius: 4px;
}
.banner-small h5 {
font-weight: 600;
font-size: 22px;
line-height: 130%;
}
.banner-small.bg-accents-6 h5 {
color: #EFEFEF;
}
.banner-small.bg-accents-6 h5 h5 span {
color: #A8CDE8;
}
.banner-small.bg-accents-6 a.btn-link {
color: #FDFDFE;
}
.banner-small a.btn-link, .banner-big-deal a.btn-link{
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-underline-offset: 8px;
}
.banner-big-deal a.btn-link{
text-decoration: underline;
}
.banner-bg-before{
position: relative;
}
.banner-bg-before::before{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(260.58deg, rgba(0, 0, 0, 0) 65.57%, rgba(0, 0, 0, 0.5) 92.33%);
display: block;
content: '';
}
.banner-bg-before *{
position: relative;
z-index: 1;
}
.banner-bg-before h3, .banner-bg-before a, .banner-bg-before p, .banner-bg-before.banner-big-deal p{
color: #fff;
}
.banner-small p, .banner-big-deal p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #072364;
}
.bg-0F9A60{
background-color: #0F9A60;
}
.bg-accents-3.banner-small h5 {
color: #072364;
}
.bg-accents-3.banner-small a.btn-link {
color: #072364;
}
.btn-link {
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-underline-offset: 8px;
color: #072364;
}
.br-4px {
border-radius: 4px;
}
h4, .h4-c {
font-weight: 600;
font-size: 32px;
line-height: 120%;
color: #222222;
}
h6 {
font-weight: 600;
font-size: 12px;
line-height: 100%;
color: #222222;
}
p.p-small {
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #222222;
}
.section-icons h6 {
font-weight: 500;
font-size: 16px;
line-height: 28px;
vertical-align: middle;
color: #041E42;
text-transform: unset;
}
.section-icons p {
color: #626974;
font-weight: 400;
font-size: 12px;
line-height: 22px;
vertical-align: middle;
margin-bottom: 0;
}
.slider-brands h5 {
font-weight: 500;
font-size: 20px;
line-height: 130%;
vertical-align: middle;
}
.slider-brands .swiper-slide {
height: auto;
}
.blog-card {
border-radius: 4px;
cursor: pointer;
}
.swiper-slide img {
border-radius: 4px;
}
.blog-card:hover {
box-shadow: 4px 8px 16px 0px #5B5B5B29;
}
.blog-card p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
vertical-align: middle;
margin-bottom: 0.5rem;
}
a.blog-card{
cursor: pointer;
}
a.blog-card p{
color: #222222;
}
.blog-card span {
font-weight: 400;
font-size: 14px;
line-height: 28px;
vertical-align: middle;
color: #9F9F9F;
}
footer h5 {
font-weight: 600;
font-size: 22px;
line-height: 130%;
}
footer a,
footer p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #222222;
}
footer .link:hover {
color: var(--accents-1);
}
footer form input {
border: 1px solid #707070;
border-radius: 4px;
padding: 10px 14px;
font-family: 'Inter';
font-weight: 400;
font-size: 12px;
line-height: 100%;
min-width: 277px;
}
footer form input::placeholder {
color: #565656;
}
footer form button {
background-color: #222222;
color: #FFFFFF;
font-family: 'Inter';
font-weight: 400;
font-size: 12px;
line-height: 100%;
padding: 10px 14px;
border-radius: 4px;
}
footer form {
display: flex;
gap: 10px;
}
.footer-line .bl-1 {
border-left: 1px solid #A1A1A1;
padding-left: 16px;
}
.footer-line span {
font-weight: 500;
font-size: 13px;
line-height: 140%;
color: #A1A1A1;
}
.footer-line span a {
color: #777777;
text-decoration: underline;
text-underline-offset: 4px;
font-weight: 500;
font-size: 13px;
line-height: 140%;
}
.footer-line .a-white {
font-family: 'Jost';
font-weight: 400;
font-size: 14px;
line-height: 100%;
} .shop-card {
height: 100%;
}
.shop-card h4 {
font-weight: 600;
font-size: 24px;
line-height: 130%;
vertical-align: middle;
}
.shop-card ul li a {
font-weight: 400;
font-size: 16px;
line-height: 130%;
vertical-align: middle;
color: #222222;
}
.shop-card ul {
list-style: none;
padding: 0;
}
.shop-card ul li {
margin-bottom: 0.75rem;
}
.shop-card ul li:last-child {
margin-bottom: 0;
}
.shop-card .btn-link {
font-weight: 500;
font-size: 14px;
line-height: 100%;
letter-spacing: -2%;
color: #003399;
}
.banner-shop {
background-color: #F5F6FA; background-image: url(//factory.sale/wp-content/themes/factory-sale/img/5302912\ 1.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.banner-shop h4{
font-size: 24px;
line-height: 110%;
}
.banner-shop p {
font-weight: 300;
font-size: 14px;
line-height: 28px;
color: #222222;
}
.banner-shop p a {
color: #222222;
font-weight: 300;
font-size: 14px;
line-height: 28px;
text-decoration: underline;
text-underline-offset: 4px;
}
.breadcrumbs a,
.woocommerce-breadcrumb a {
color: #222222 !important;
font-weight: 400;
font-size: 14px;
line-height: 130%;
vertical-align: middle;
text-decoration: underline;
text-underline-offset: 4px;
}
.breadcrumbs a.bread-last,
.woocommerce-breadcrumb {
font-weight: 300 !important;
font-size: 14px;
line-height: 130%;
vertical-align: middle;
color: #222222 !important;
text-decoration: unset;
} .small-p-grey, .small-p-grey-div p, .small-p-grey a, .small-p-grey-div p a {
font-weight: 300;
font-size: 14px;
line-height: 21px;
}
.banner-category {
background-color: #f4f5f7;
}
.banner-category h2 {
font-weight: 600;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
}
.banner-category p {
font-weight: 300;
font-size: 18px;
line-height: 27px;
}
.banner-category .btn-link {
font-family: 'Inter';
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: -2%;
color: #003399;
}
.subcategories .slide-brand {
align-items: start;
cursor: pointer;
transition: all 0.3s ease-in-out;
border-radius: 4px;
height: 100%;
}
.subcategories .slide-brand:hover {
box-shadow: 4px 8px 16px 0px #5B5B5B29;
background-color: #FAFBFF;
border-color: transparent;
}
.subcategories .slide-brand h3 {
font-weight: 400;
font-size: 24px;
line-height: 130%;
vertical-align: middle;
margin-bottom: 0;
}
.subcategories .slide-brand:hover h3{
font-weight: 500;
}
.input-filter {
font-weight: 400;
font-size: 18px;
line-height: 130%;
vertical-align: middle;
border-radius: 4px;
padding: 12px 12px;
border: 1px solid #CED2DD;
width: auto;
min-width: 240px;
} .subcategory-products .banner .free-ship {
font-weight: 400;
font-size: 6.28px;
line-height: 140%;
}
.subcategory-products .banner h3 {
font-weight: 700;
font-size: 17.79px;
line-height: 100%;
}
.subcategory-products .banner a {
font-weight: 500;
font-size: 9.94px;
line-height: 100%;
}
.subcategory-products .banner-small h5 {
font-weight: 600;
font-size: 24px;
line-height: 130%;
}
.subcategory-products .banner-small .btn-link {
font-weight: 500;
font-size: 17.78px;
line-height: 100%;
}
.btn img {
transition: all 0.3s ease-in-out;
}
.btn:hover img {
filter: invert(100%) brightness(200%);
}
.btn-black {
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
border-color: var(--accents-2);
color: var(--accents-4);
background-color: var(--accents-2);
}
.btn-black:hover {
background-color: var(--accents-5);
color: var(--neutrals-white);
border-color: var(--accents-5);
}
.btn-black:hover img {
filter: unset
}
.bg-accents-2 {
background-color: var(--accents-2); color: var(--neutrals-white);
}
.bg-accents-3 {
background-color: var(--accents-3);
}
.bg-accents-5 {
background-color: var(--accents-5);
}
.bg-accents-6 {
background-color: var(--accents-6);
}
.bg-accents-5 {
background-color: var(--accents-5);
}
.text-black {
color: var(--neutrals-black);
}  .swiper-pagination-bullet {
opacity: 1;
background-color: #D9D9D9;
border: 0;
width: 22px;
height: 3px;
border-radius: 0;
}
.swiper-pagination-bullet-active {
background-color: #565656;
}
.swiper-pagination {
bottom: unset !important;
top: unset !important;
} header {
background-size: cover;
background-position: center;
margin-bottom: -1px;
}
header * {
position: relative; }
nav .form-control {
min-width: 500px;
border-radius: 25px;
font-family: var(--paragraph-font-family);
font-weight: 400;
font-size: var(--paragraph-size);
line-height: var(--paragraph-line-height);
color: var(--neutrals-dark-grey);
min-width: 631px;
}
nav .form-control::placeholder {
font-weight: 400;
font-size: 12px;
line-height: 100%;
color: #565656;
}
@keyframes pulse {
0%,
100% {
transform: scale(1); }
50% {
transform: scale(0.9); }
}
.form-check {
padding: 0;
margin-bottom: 0;
display: flex;
gap: 8px;
align-items: center;
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/arrow-done.svg);
border-color: #222222;
background-color: unset;
}
.form-check input {
font-size: 16px;
border: 1px solid #222222;
margin: unset !important;
border-radius: 4px !important;
}
.form-check .form-check-label {
font-weight: 400;
font-size: 14px;
line-height: 21px;
vertical-align: middle;
}
header.container-fluid.position-relative {
transition: background-image 1s ease-in-out, opacity 1s ease-in-out;
opacity: 1;
}
.header-top-line p {
font-family: var(--paragraph-small-font-family);
font-weight: 900;
font-size: 14px;
line-height: var(--paragraph-small-line-height);
}
.header-top-line a {
text-transform: none;
color: var(--neutrals-white);
font-family: var(--paragraph-small-font-family);
font-weight: 900;
font-size: 14px;
line-height: var(--paragraph-small-line-height);
text-decoration: underline;
}
.link-400 {
font-family: var(--paragraph-font-family);
font-weight: 400;
font-size: var(--paragraph-size);
line-height: var(--paragraph-line-height);
}
.slider-default .swiper-slide {
display: flex;
height: auto;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.footer-line ul {
list-style: none;
display: flex;
padding: 0;
}
.footer-line ul li {
font-family: var(--paragraph-small-font-family);
font-weight: 400;
font-size: var(--paragraph-small-size);
line-height: var(--paragraph-small-line-height);
text-align: center;
color: var(--accents-4);
}
.accordion-item {
border-radius: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #CED2DD;
margin-bottom: 0.5rem;
padding-bottom: 1rem;
}
.bb-none {
border-bottom: unset;
}
.accordion-body {
padding-bottom: 0;
}
.accordion-item:first-of-type {
border-top: 1px solid var(--neutrals-mediumgrey);
}
.subcategory-products .accordion {
border: 1px solid #CED2DD;
border-radius: 4px;
padding: 10px 20px;
}
.accordion-button {
border: unset !important;
box-shadow: unset !important;
background: unset !important;
font-weight: 600 !important;
font-size: 16px !important;
line-height: 21px !important;
letter-spacing: 0% !important;
background-color: unset !important;
padding-bottom: 0;
padding-top: 0.5rem;
color: #222222 !important;
}
.accordion-button::after {
background-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/arrow-bold.svg);
background-size: cover;
background-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/arrow-bold.svg);
width: 13px;
height: 7px;
}
.accordion-button:not(.collapsed)::after {
background-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/arrow-bold.svg);
width: 13px;
height: 7px;
transform: rotate(180deg);
}
.btn-reset {
border-color: #7F7F7F;
background-color: unset;
color: #222222;
font-weight: 500;
font-size: 14px;
line-height: 21px;
vertical-align: middle;
}
.btn-apply {
background-color: #003399;
border-color: #003399;
font-weight: 600;
font-size: 14px;
line-height: 21px;
vertical-align: middle;
color: #fff;
}
.prev-button,
.next-button {
position: absolute;
background: var(--neutrals-white);
width: 44px;
height: 44px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.prev-button:hover,
.next-button:hover {
background-color: var(--accents-1);
}
.prev-button {
left: 2rem;
}
.next-button {
right: 2rem;
}
.benefits {
font-weight: 400;
font-size: 18px;
line-height: 130%;
vertical-align: middle;
color: #222222;
}
article h2 {
color: var(--accents-2);
}
a h5 {
color: var(--neutrals-black);
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.2);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.search-container {
position: relative;
}
.search-container input {
width: 100%;
padding-left: 15px; border-radius: 12px; border: 1px solid #E5E6EA; height: 44px; }
.btn-click-search{
position: absolute;
right: 0;
top: 0;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
height: 100%; border-radius: 0 12px 12px 0;
border-left: 0.5px solid #e4e8eb;
cursor: pointer;
}
.search-container .bi-search {
font-size: 16px;
color: var(--neutrals-black); z-index: 11;
}
.signin-dropdown {
position: absolute;
top: 110%;
background: white;
box-shadow: 0px 2px 50px 0px #00000026;
padding: 10px;
border-radius: 10px;
display: none;
min-width: 300px;
z-index: 99;
}
.signin-container:hover .signin-dropdown {
display: flex;
flex-direction: column;
}
.signin-dropdown a {
width: auto;
margin: auto;
padding: 5px 10px;
text-decoration: none;
}
.small-p {
font-family: var(--paragraph-small-font-family);
font-weight: 400;
font-size: var(--paragraph-small-size);
line-height: var(--paragraph-small-line-height);
text-align: center;
} @media(max-width:991px) {
body {
font-family: var(--font-tertiary);
font-size: var(--paragraph-size);
line-height: var(--paragraph-lineheight);
color: var(--neutrals-black);
}
h2 {
font-size: var(--mobile-h2-size);
line-height: var(--mobile-h2-lineheight);
font-weight: var(--mobile-h2-weight);
}
h3 {
font-size: var(--mobile-h3-size);
font-weight: var(--mobile-h3-weight);
line-height: var(--mobile-h3-lineheight);
}
h4, .h4-c {
font-size: var(--mobile-h4-size);
line-height: var(--mobile-h4-lineheight);
font-weight: var(--mobile-h4-weight);
}
h5 {
font-size: var(--mobile-h5-size);
line-height: var(--mobile-h5-lineheight);
font-weight: var(--mobile-h5-weight);
}
h3 .accordion-button {
font-family: var(--mobile-h3-fontfamily);
font-size: var(--mobile-h3-size);
font-weight: var(--mobile-h3-weight);
line-height: var(--mobile-h3-lineheight);
padding-left: 0;
padding-right: 0;
}
.accordion-body {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
}
@media (max-width: 991px) {
.accordion-item {
padding: 0 20px;
}
.accordion-button::after {
width: 25px;
height: 25px;
}
.accordion-button:not(.collapsed)::after {
width: 25px;
height: 25px;
}
}
@media(max-width:768px) {
.mob-logo img {
max-width: 90px;
}
}
@media(max-width:1200px) {
.signin-container img,
.cart-mob img {
width: 35px;
}
nav.navbar {
padding-right: calc(1.5rem* .5);
padding-left: calc(1.5rem* .5);
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
padding: 10px;
width: max-content;
}
}
@media(min-width:1200px) {
nav .navbar-collapse {
justify-content: space-between;
}
}
@media(max-width:340px) {
.navbar>.container-xl {
row-gap: 1rem;
}
.mob-logo img {
max-width: 70px;
}
}
.category-menu {
background: #fff;
height: 100%;
}
.menu-list {
list-style: none;
padding: 0;
margin: 0;
}
.menu-item {
position: relative;
padding-top: 7px;
border-bottom: 1px solid #ECECEC;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
}
.menu-list .menu-item:last-child {
border-bottom: unset;
}
.menu-item .icon {
width: 21px;
height: 21px;
display: flex;
justify-content: center;
align-content: center;
}
.menu-item>a {
display: flex;
align-items: center;
gap: 15px;
text-decoration: none;
color: #222222;
font-weight: 500;
font-family: 'Fellix';
font-weight: 500;
font-size: 12px;
line-height: 130%;
}
.menu-item a {
color: #222222;
font-weight: 500;
font-family: 'Fellix';
font-weight: 500;
font-size: 12px;
line-height: 130%;
}
.menu-item .submenu {
display: none;
position: absolute;
left: 100%;
top: 0;
background: #fff;
white-space: nowrap;
z-index: 1000;
list-style: unset;
background-color: #F5F6FA;
padding-left: 0;
min-width: 214px;
}
.menu-item .submenu .menu-item {
border-bottom: unset;
}
.menu-item .submenu .menu-item a {
font-weight: 400;
font-size: 14px;
line-height: 130%;
vertical-align: middle;
}
.menu-item:hover {
background-color: #F5F6FA;
}
.menu-item:hover a {
font-weight: 700;
color: #222222;
}
#top-menu-desktop .menu-item:hover{
background-color: unset;
}
#top-menu-desktop .menu-item:hover a{
color: #222222;
}
#header-last-menu a:hover{
color: #222222;
}
.menu-item:hover>.submenu {
display: block;
}
.menu-item .submenu .menu-item:hover {
background-color: #fff;
}
.menu-item .submenu .menu-item:hover a {
font-weight: 600;
}
.menu-item .submenu .menu-item .submenu {
background-color: #fff;
}
.menu-item {
position: relative;
}
.menu-item:hover>.submenu {
display: block;
}
footer .menu-item {
border: unset;
padding: 0;
}
footer .menu-item>a {
display: inline;
}
footer .menu-item{
margin-bottom: 0.3rem;
}
footer .menu-item a {
font-family: 'Fellix';
font-weight: 400;
font-size: 14px;
line-height: 140%;
}
footer .menu-item:hover a {
font-weight: 500;
}
.product-gallery img {
width: 124px;
height: 138px;
object-fit: cover;
opacity: 0.8;
}
.product-main-image {
max-height: 530px; object-fit: contain;
height: 530px;
border-radius: 4px;
aspect-ratio: 1/1;
}
.image-list img.active {
opacity: 1;
}
.prev-button,
.next-button {
position: absolute;
background: rgba(23, 23, 23, 0.72);
width: 64px;
height: 56px;
border-radius: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.prev-button:hover,
.next-button:hover {
background-color: var(--accents-1);
}
.prev-button {
left: 0;
}
.next-button {
right: 0;
}
.rating {
display: flex;
align-items: center;
gap: 0.1rem;
}
.rating i {
font-size: 19px;
color: #EDB84D;
}
.rating span {
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: #003399;
}
.price-title {
font-weight: 400;
font-size: 24px;
line-height: 27px;
vertical-align: middle;
}
.product-section .new-price {
font-weight: 500;
font-size: 48px;
line-height: 130%;
vertical-align: middle;
color: #0F9A60;
}
.product-section .price {
display: flex; align-items: start;
flex-direction: column;
margin-bottom: 0.5rem;
}
.product-section .old-price {
font-weight: 500;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
text-decoration: line-through;
color: #929292;
}
.product-info h1 {
font-weight: 500;
font-size: 40px;
line-height: 130%;
vertical-align: middle;
}
.product-info ul li, .product-info ul li a{
font-weight: 300;
font-size: 18px;
line-height: 27px;
} .input-filter {
font-weight: 400;
font-size: 16px;
line-height: 130%;
border: 1px solid #CED2DD;
border-radius: 4px;
padding: 10px 14px;
color: #222222;
background-color: #fff;
appearance: none; background-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/chevron-down.svg); background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 16px;
} .amount-buttons .btn {
background: #fff;
border: 1px solid #CED2DD;
color: #222222;
width: 38px;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
font-size: 20px;
transition: all 0.2s ease-in-out;
font-weight: 300;
}
.amount-buttons #decrease.btn {
border-radius: 6px 0 0 6px;
}
.amount-buttons #increase.btn {
border-radius: 0 6px 6px 0;
}
.amount-buttons .btn:hover {
background: #f5f5f5;
} .amount-buttons input[type="text"] {
border: 1px solid #CED2DD;
text-align: center;
font-size: 16px;
height: 38px;
width: 40px;
border-radius: 0;
border-left: 0;
border-right: 0;
padding: 5px;
} .btn-primary {
background-color: #003399;
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 22px;
border: none;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
.btn-primary:hover {
background-color: #002366;
} .nav-tabs {
border-bottom: 0;
border-top: 1px solid #D6D6D6;
padding-top: 2rem;
gap: 3rem;
}
.nav-tabs .nav-link {
color: #222222;
font-weight: 400;
font-size: 24px;
line-height: 130%;
vertical-align: middle;
border: unset;
padding: 0;
}
.nav-tabs .nav-link.active {
border-bottom: 2px solid #222222;
font-weight: 500;
} ul {
list-style-type: disc;
} .table tbody td {
vertical-align: middle;
font-size: 16px;
}
.swiper-pagination-first .swiper-pagination-bullet {
display: none;
}
.swiper-pagination-first .swiper-pagination-bullet:nth-child(1),
.swiper-pagination-first .swiper-pagination-bullet:nth-child(2),
.swiper-pagination-first .swiper-pagination-bullet:nth-child(3),
.swiper-pagination-first .swiper-pagination-bullet:nth-child(4) {
display: inline-block;
}
.wpml-ls-legacy-dropdown-click{
width: auto !important;
}
.wpml-ls-legacy-dropdown-click a{
border: unset;
background-color: unset;
padding:0;
}
.wpml-ls-legacy-dropdown-click a span{
color: #222222;
font-weight: 500;
font-size: 12px;
line-height: 130%;
text-transform:uppercase;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
font-size: 10px;
top: 50%;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
padding-right: calc(10px + 1em);
display: flex;
align-items: center;
gap: .4em;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{
display: flex;
align-items: center;
justify-content: start;
gap: 0.4em;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
background: #fff;
border: 1px solid #e5e6e9;
padding:10px;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover{
background: unset;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
top: unset;
border: unset;
background-image: url(https://fs.voolar.agency/wp-content/themes/factory-sale/img/icons/drop-bottom.svg);
width: 10px;
height: 6px;
background-size: cover;
}  .specifications-table {
width: 100%;
border-collapse: collapse;
font-size: 16px;
color: #222222;
}
.specifications-table td {
padding: 12px 16px;
border: 1px solid #E0E0E0;
} .specifications-table .table-section-header td {
background-color: #123191; color: #ffffff;
font-weight: 600;
font-size: 18px;
padding: 16px;
text-align: left;
border: none;
} .specifications-table tr:not(.table-section-header) td:nth-child(odd) {
background-color: #F1F2F5; } .specifications-table td {
vertical-align: middle;
}
#review_form_wrapper {
display: none;
} .commentlist li.review {
border: 1px solid #e5e5e5;
border-radius: 8px;
padding: 20px 24px;
margin-bottom: 20px;
background: #fff;
} .commentlist .comment_container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
} .commentlist .comment-text {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
} .commentlist .comment-text strong.woocommerce-review__author {
font-weight: 600;
font-size: 18px;
color: #000;
} .commentlist .star-rating {
margin-top: 0;
font-size: 20px;
color: #FFC107; } .commentlist .woocommerce-review__published-date {
font-size: 14px;
color: #999;
} .commentlist .description {
width: 100%;
margin-top: 15px;
font-size: 16px;
color: #333;
} .commentlist img.avatar {
display: none;
}
#leave-review-button {
border: 1px solid #003399;
color: #003399;
font-weight: 400;
font-size: 18px;
line-height: 100%;
background: #fff;
padding: 10px 21px;
border-radius: 4px;
min-width: 270px;
}
.woocommerce #h2-review {
font-weight: 500;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
}
.review-author {
font-weight: 500 !important;
font-size: 22px;
line-height: 130%;
vertical-align: middle;
}
.review-content,
.review-content p {
font-weight: 300;
font-size: 14px;
line-height: 21px;
vertical-align: middle;
color: #222222;
}
.review-date {
color: #9F9F9F;
font-weight: 400;
font-size: 14px;
line-height: 28px;
vertical-align: middle;
}
.btn-add-to-quote {
width: auto !important;
min-width: 335px;
}
#productTabContent #description p, #productTabContent #description ul li, #productTabContent #description td, #productTabContent #description p a {
font-weight: 300;
font-size: 18px;
line-height: 27px;
vertical-align: middle;
}
#productTabContent tbody, #productTabContent td, #productTabContent tfoot, #productTabContent th, #productTabContent thead, #productTabContent tr{
border-width: 0.5px;
}
#productTabContent td{
padding: 5px;
}
#productTabContent table{
margin-bottom: 1rem;
}
.spec {
font-weight: 500;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
}
.div-manuals a {
color: #222222;
font-weight: 500;
font-size: 22px;
line-height: 130%;
vertical-align: middle;
display: flex;
gap: 0.5rem;
align-items: center;
} .page-template-template-how-order .section-content h4 {
font-weight: 500;
font-size: 28px;
line-height: 130%;
vertical-align: middle;
}
.page-template-template-how-order .section-content p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.page-template-template-how-order .section-content ol li {
margin-bottom: 0.7rem;
} .col-reached h2 {
font-weight: 500;
font-size: 50px;
line-height: 100%;
text-align: center;
margin-bottom: 0;
}
.col-reached {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.col-reached span {
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
}
.el-text-reached,
.el-text-teams,
.el-text-columns {
padding-bottom: 3rem;
border-bottom: 1px solid #D6D6D6;
margin-bottom: 2rem;
}
.col-member .ratio {
margin-bottom: 1rem;
}
.col-member span, .col-member a {
font-weight: 500;
font-size: 18px;
line-height: 27px;
padding-left: 1rem;
padding-right: 1rem;
color: var(--neutrals-black);
}
.col-member {
padding-bottom: 2rem;
}
.el-text-columns p, .el-text-columns ul li, .el-text-columns ul li a {
font-weight: 400;
font-size: 18px;
line-height: 27px;
}
.el-text-columns a {
color: #222222;
font-weight: 600;
font-size: 18px;
line-height: 130%;
vertical-align: middle;
text-decoration: underline;
}
.col-icon {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.col-icon .icon-title {
color: #041E42;
font-weight: 500;
font-size: 16px;
line-height: 28px;
text-align: center;
vertical-align: middle;
}
.col-icon .icon-description {
color: #626974;
font-weight: 400;
font-size: 12px;
line-height: 22px;
text-align: left;
vertical-align: middle;
}
.reviews-swiper .swiper-slide .star {
max-width: 20px;
}
.reviews-swiper .review-text-ab {
font-weight: 500;
font-size: 24px;
line-height: 36px;
text-align: center;
}
.reviews-swiper .review-title-ab {
font-weight: 500;
font-size: 16px;
line-height: 28px;
text-align: center;
}
.reviews-swiper .review-pos-ab {
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
}
.swiper-pagination-custom {
font-weight: 500;
font-size: 18px;
line-height: 100%;
text-align: center;
}
.page-template-template-about .prev-button,
.page-template-template-about .next-button {
border: 1px solid #CED2DD;
background-color: #FFFFFF;
border-radius: 4px;
z-index: 11;
}
.page-template-template-about .prev-button img,
.page-template-template-about .next-button img {
filter: invert(1);
}
#top-menu-desktop .menu-item {
padding-top: 0;
border-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
#top-menu-desktop .menu-item a {
font-weight: 400;
font-size: 12px;
line-height: 140%;
}
#top-menu-desktop .menu-item:last-child a {
padding-right: 0;
}
.subcategories a.slide-brand h3 {
color: #222222;
}
.tax-product_cat .slider-blogs .swiper-slide img {
height: 100%;
}
#product-filters .accordion .accordion-item:last-of-type {
border-bottom: 0;
}
.search-results-dropdown {
max-height: 300px;
overflow-y: auto;
z-index: 1000;
}
.page-template-template-blog #blog-categories a {
color: #222222;
font-weight: 400;
font-size: 14px;
line-height: 30px;
vertical-align: middle;
}
.category-filter{
cursor: pointer;
}
.page-template-template-blog #blog-categories .category-filter.active {
font-weight: 600;
} .choices {
max-width: 220px;
font-family: 'Inter', sans-serif;
font-size: 16px;
} .choices__inner,
.choices__list--single .choices__item {
border: unset;
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 130%;
vertical-align: middle;
color: #222222;
opacity: 1;
box-shadow: unset;
background-color: #fff !important;
} .choices.is-focused .choices__inner {
border-color: #999;
} .choices__list--dropdown {
border-radius: 4px;
box-shadow: 4px 8px 16px 0px #5B5B5B29 !important;
font-size: 16px;
min-width: 242px;
padding: 0;
margin-top: 5px;
background: #fff;
border: 1px solid #F5F6FA !important;
right: 0;
} .choices__list--dropdown .choices__item {
padding: 10px 16px;
white-space: nowrap;
word-break: break-word;
cursor: pointer;
font-weight: 400;
color: #373737;
font-family: Fellix;
font-weight: 400;
font-size: 16px;
line-height: 130%;
vertical-align: middle;
} .choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #fff !important;
color: #000;
opacity: 1;
} .choices[data-type*=select-one]::after {
border: none;
content: '▾';
font-size: 16px;
color: #333;
position: absolute;
right: 16px;
top: 30%;
transform: translateY(-50%);
pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
margin-top: -0.2em;
} .choices__button {
display: none;
}
.accordion-items-wrapper .accordion-item:last-child {
border-bottom: unset;
}
.btn-go {
font-weight: 400;
font-size: 14px;
line-height: 21px;
vertical-align: middle;
border: 1px solid #CED2DD;
background-color: #fff;
color: #CED2DD;
}
.grey-banner, .grey-product-payment {
background-color: #F5F6FA;
padding: 1.5rem 1rem;
border-radius: 4px;
}
.grey-product-payment a {
text-decoration: underline;
color: #222222;
text-underline-offset: 4px;
font-weight: 300;
font-size: 14px;
line-height: 23px;
}
.single-job ul li{
font-weight: 300;
font-size: 18px;
line-height: 27px;
}
.grey-banner p {
font-weight: 300;
font-size: 14px;
line-height: 23px;
color: #222222;
margin-bottom: 0;
}
.grey-banner p strong {
font-weight: 600;
font-size: 12px;
line-height: 18px;
}
.grey-banner p a {
text-decoration: underline;
color: #222222;
text-underline-offset: 4px;
font-weight: 300;
font-size: 12px;
line-height: 18px;
}
#load-more-products {
background-color: unset;
border: unset;
font-family: 'Fellix';
font-weight: 400;
font-size: 18px;
line-height: 130%;
text-decoration: underline;
text-underline-offset: 4px;
color: #222222;
}
.single-post .wp-block-image,
.single-post .wp-block-image img {
border-radius: 4px;
}
.single-post h4 {
font-weight: 500;
font-size: 22px;
line-height: 27px;
}
.single-post .wp-block-columns {
margin-bottom: 0.5rem;
}
.share-soc {
display: flex;
align-items: center;
justify-content: start;
gap: 0.1rem;
}
.share-button {
width: 40px;
height: 40px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
transition: all 0.3s ease-in-out;
}
.share-button span {
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
.share-button:hover {
background-color: #F3F5F6;
} .wpcf7-form {
border: 1px solid #CED2DD;
padding: 30px;
border-radius: 4px;
} .wpcf7-form .row {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.wpcf7-form .col-lg-6,
.wpcf7-form .col-lg-12 {
padding: 0 10px;
box-sizing: border-box;
} .wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="file"],
.wpcf7-form select,
.wpcf7-form textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid #CED2DD;
border-radius: 4px;
font-weight: 400;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
font-family: 'Fellix', sans-serif;
transition: border-color 0.3s;
cursor: pointer;
}
.wpcf7-form select {
appearance: none; -webkit-appearance: none; -moz-appearance: none; background: none; padding-right: 2rem; position: relative;
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
color: #777777;
}
.wpcf7-form select option {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
color: #777777;
}
.wpcf7-form select::after {
content: '';
background-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/chevron-down.svg);
width: 14px;
height: 8px;
position: absolute;
right: 1rem;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="file"]:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
border-color: #0A2B5E;
box-shadow: 4px 8px 16px 0px #5B5B5B14;
outline: none;
} .wpcf7-form input[type="submit"] {
background-color: #003399;
min-width: 335px;
color: #fff;
padding: 12px 30px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #0056b3;
} .wpcf7-response-output {
margin-top: 20px;
padding: 15px;
border-radius: 4px;
font-size: 14px;
}
.wpcf7-mail-sent-ok {
background-color: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
}
.wpcf7-validation-errors {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
}
.custom-file-upload {
display: flex;
flex-direction: column;
gap: 5x;
position: relative;
}
.input-file {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 160px;
height: 45px;
z-index: 2;
cursor: pointer;
}
.upload-btn {
display: inline-block;
margin-top: 0.5rem;
background-color: #fff;
border-radius: 4px;
cursor: pointer;
position: relative;
z-index: 1;
font-family: Fellix;
font-weight: 500;
font-size: 14px;
line-height: 10px;
padding: 0 25px;
min-width: 177px;
text-align: center;
color: #003399;
border: 1px solid #003399;
}
.file-info {
font-size: 14px;
color: #6c757d;
}
.file-name {
display: block;
margin-top: 8px;
font-size: 14px;
line-height: 18px;
color: #333;
font-style: italic;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 250px;
margin-bottom: 0 !important;
}
.form-check {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
}
.form-check input[type="checkbox"] {
width: 16px;
height: 16px;
cursor: pointer;
}
.form-check .wpcf7-list-item label span {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 130%;
vertical-align: middle;
color: #222222;
}
.form-check .wpcf7-list-item label span a {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 130%;
vertical-align: middle;
text-decoration: underline;
color: #222222;
text-underline-offset: 4px;
}
.form-check .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 10px;
}
.form-check .wpcf7-list-item {
margin: 0;
}
.wpcf7-submit.btn {
padding: 10px 28px;
background-color: #2b63f8;
border: none;
color: #fff;
border-radius: 6px;
font-weight: 500;
transition: 0.3s ease;
}
.wpcf7-submit.btn:hover {
background-color: #1e4bd1;
}
.wpcf7-form h5 {
font-family: 'Fellix';
font-weight: 500;
font-size: 24px;
line-height: 16px;
letter-spacing: 0px;
vertical-align: middle;
color: #222222;
margin-bottom: 0;
}
.custom-file-upload span {
margin-bottom: 0.5rem;
}
h5.terms {
font-family: 'Fellix';
font-weight: 500;
font-size: 24px;
line-height: 16px;
letter-spacing: 0px;
vertical-align: middle;
color: #222222;
margin-bottom: 1rem;
}
h5.terms span {
font-family: 'Fellix';
font-weight: 300;
font-size: 20px;
line-height: 16px;
letter-spacing: 0px;
vertical-align: middle;
}
.el-contact h2 {
font-family: 'Fellix';
font-weight: 600;
font-size: 32px;
line-height: 100%;
}
.el-contact p {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.el-contact h5 {
font-family: 'Fellix';
font-weight: 500;
font-size: 18px;
line-height: 100%;
margin-top: 2rem;
}
.el-contact a {
font-family: 'Fellix';
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #222222;
text-decoration: unset;
}
.el-contact .wpcf7-form {
padding: 0;
border: unset;
}
.el-location h2 {
font-family: 'Fellix';
font-weight: 600;
font-size: 32px;
line-height: 100%;
}
.el-location p {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.one-location h5 {
font-family: 'Fellix';
font-weight: 500;
font-size: 18px;
line-height: 100%;
}
.one-location p,
.one-location p a {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #222222;
}
.one-location p {
margin-bottom: 0.5rem;
}
.one-location .see-map {
font-family: 'Fellix';
font-weight: 500;
font-size: 15px;
line-height: 22px;
text-align: center;
color: #222222;
text-decoration: unset;
position: relative;
}
.one-location .see-map::after {
content: '';
width: 50%;
height: 2px;
background: #222222;
bottom: -0.5rem;
position: absolute;
display: block;
left: 0;
}
.page-template-template-contact-us .el-text-teams {
padding-top: 3rem;
}
.page-template-template-contact-us .el-text-teams .d-flex.gap-3 {
flex-wrap: wrap;
}
.page-template-template-contact-us .el-text-teams .col-member {
flex: 24%;
max-width: 24%;
}
.page-template-template-price-inquiry h1 {
font-family: 'Fellix';
font-weight: 600;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
margin-bottom: 1rem;
}
.page-template-template-price-inquiry h4 {
font-family: 'Fellix';
font-weight: 500;
font-size: 24px;
line-height: 130%;
vertical-align: middle;
} .br-bottom-1px {
border-bottom: 1px solid #D6D6D6;
}
.el-faq-1 .accordion-button {
font-family: 'Fellix';
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: #222222;
}
.el-faq-1 .accordion-button {
gap: 12px !important;
}
.el-faq-1 .accordion-button span {
font-family: 'Fellix';
font-weight: 500;
font-size: 28px;
line-height: 100%;
color: #222222;
}
.el-faq-1 .accordion-body {
padding-top: 1rem !important;
}
.el-faq-1 .accordion-body p {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.el-faq-1 .accordion-body p:last-child {
margin-bottom: 0 !important;
}
.el-faq-1 .accordion-item {
margin-bottom: 1rem;
padding-bottom: 1.5rem;
}
.el-faq-1 h4 {
font-family: 'Fellix';
font-weight: 600;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
color: #222222;
}
.jobs-bottom-description h4{
font-size: 24px;
line-height: 110%;
}
.jobs-bottom-description p{
font-size: 14px;
line-height: 23px;
}
.job {
border: 1px solid #CED2DD;
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 8px;
}
.job .remote {
font-family: 'Fellix';
font-weight: 500;
font-size: 12px;
line-height: 130%;
vertical-align: middle;
background: #F1F9FD;
border-radius: 6px;
padding: 5px 15px;
width: max-content;
}
.job .direction {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 130%;
vertical-align: middle;
}
.job .title {
font-family: 'Fellix';
font-weight: 600;
font-size: 28px;
line-height: 130%;
vertical-align: middle;
}
.job .level {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 130%;
vertical-align: middle;
}
.job .sq {
width: 22px;
display: flex;
justify-content: center;
align-items: center;
}
.job .country {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 130%;
vertical-align: middle;
}
.job .find-more {
font-family: 'Fellix';
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: -2%;
text-decoration: underline;
color: #222222;
text-underline-offset: 2px;
}
.single-job h1 {
font-family: 'Fellix';
font-weight: 600;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
}
.single-job .wpcf7-form {
padding: 0;
border: unset;
}
.job-form h2 {
font-family: 'Fellix';
font-weight: 600;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
color: #222222;
}
.single-job .wpcf7-form label {
font-family: 'Fellix';
font-weight: 500;
font-size: 16px;
line-height: 28px;
display: flex;
flex-direction: column;
gap: 0.3rem;
}
.single-job .wpcf7-form label.upload-btn {
padding: 10px 20px;
min-width: 177px;
width: auto;
display: block;
max-width: 177px;
}
.single-job .wpcf7-form .form-check label {
flex-direction: row;
}
.section-sitemap a{
color: #222222;
text-decoration: underline;
text-underline-offset: 4px;
}
.privacy-sidebar {
font-family: 'Fellix';
font-weight: 400;
font-size: 14px;
line-height: 30px;
border-right: 1px solid #D5D5D5;
padding-right: 1.5rem;
height: 100%;
}
.privacy-sidebar a {
display: block;
font-family: 'Fellix';
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: #222222;
text-decoration: none;
}
.privacy-sidebar a:hover {
text-decoration: underline;
}
.privacy-sidebar a.active {
font-weight: 600;
}
.single-privacy h1 {
font-family: 'Fellix';
font-weight: 600;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
}
.privacy-content h5 {
font-family: 'Fellix';
font-weight: 500;
font-size: 20px;
line-height: 100%;
vertical-align: middle;
}
.privacy-content p {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 35px;
vertical-align: middle;
}
.h1-default {
font-family: 'Fellix';
font-weight: 600;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
}
.checkout-wrapper {
padding-top: 3rem;
padding-bottom: 3rem;
}
.cart-box {
border: 1px solid #eee;
padding: 1.5rem;
background-color: #fff;
margin-bottom: 2rem;
}
.cart-box h4 {
font-family: 'Fellix';
font-weight: 600;
font-size: 16px;
line-height: 36px;
text-transform: capitalize;
}
.cart-product-img {
width: 68px;
height: 102px;
object-fit: cover;
border-radius: 4px;
}
.cart-product-title {
font-family: 'Fellix';
font-weight: 500;
font-size: 18px;
line-height: 26px;
vertical-align: middle;
text-transform: capitalize;
}
.cart-total {
font-family: 'Fellix';
font-weight: 500;
font-size: 20px;
line-height: 32px;
}
.cart-remove {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 32px;
text-decoration: underline;
text-underline-offset: 4px;
color: #222222;
}
#checkout-cart-form .checkout-product-item:not(:first-child) {
border-top: 1px solid #CED2DD;
padding-top: 1.5rem;
}
.cart-box-products {
padding-bottom: 0;
}
.cart-totals span {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 100%;
}
.cart-totals strong {
font-family: 'Fellix';
font-weight: 500;
font-size: 20px;
line-height: 28px;
letter-spacing: 0px;
text-align: right;
}
.cart-box .wpcf7-form {
padding: 0;
border: unset;
}
#posts-container .card {
border: unset;
}
#posts-container .card-date {
font-size: 14px;
line-height: 28px;
color: #9F9F9F;
}
#posts-container .card-body {
padding: 0.5rem;
}
.br-4px-top {
border-radius: 4px 4px 0 0;
}
.single-author {
font-weight: 400;
font-size: 18px;
line-height: 27px;
vertical-align: middle;
}
.single-post h1 {
font-weight: 600;
font-size: 32px;
line-height: 130%;
vertical-align: middle;
}
.checkout-wrapper {
padding-top: 2rem;
}
.el-faq-1 .accordion-button:not(.collapsed)::after {
width: 15px;
height: 1px;
background-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/accordion-minus.svg);
}
.el-faq-1 .accordion-button::after {
width: 15px;
height: 15px;
background-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/accordion-plus.svg);
}
.oops {
font-family: 'Fellix';
font-weight: 500;
font-size: 40px;
line-height: 130%;
vertical-align: middle;
}
.p-404 {
font-family: 'Fellix';
font-weight: 400;
font-size: 18px;
line-height: 27px;
text-align: center;
color: #3C3C3C;
}
.return {
color: #003399;
font-family: 'Fellix';
font-weight: 400;
font-size: 18px;
line-height: 100%;
border: 1px solid #003399;
padding: 12px 15px;
min-width: 270px;
border-radius: 4px;
}
#review-popup .wpcf7-form {
padding: 0;
border: unset;
}
#review-popup .form-control {
font-family: 'Fellix';
font-weight: 400;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
padding: 14px;
margin-bottom: 0.5rem;
margin-bottom: 1.5rem !important;
background-color: #fff;
border: 1px solid #CED2DD !important;
border-radius: 4px;
}
.review-popup .popup-content {
background-color: rgba(255, 255, 255, 0.96) !important;
}
#load-more {
background-color: unset;
border: unset;
font-family: 'Fellix';
font-weight: 400;
font-size: 18px;
line-height: 130%;
text-decoration: underline;
text-underline-offset: 4px;
color: #222222;
}
.section-empty h1.h1-default {
font-size: 40px;
line-height: 130%;
font-weight: 500;
} .video-wrapper {
position: relative;
width: 100%;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
max-width: 100%;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.search-container i.bi{
opacity: 1;
transition: all 0.3s ease-in-out;
}
.search-container:has(#ajax-search:focus) .bi-search,
.search-container:has(#ajax-search:hover) .bi-search,
.search-container:has(#ajax-search:active) .bi-search {
opacity: 1;
transition: opacity 0.2s ease;
}
#ajax-search::-webkit-search-decoration,
#ajax-search::-webkit-search-cancel-button,
#ajax-search::-webkit-search-results-button,
#ajax-search::-webkit-search-results-decoration {
display: none;
}
#recently-viewed-wrapper{
row-gap: 2rem;
}
.row-how-order{
display: flex;
gap: 1rem;
justify-content: space-around;
}
.row-how-order .order-div{
display: flex;
flex-direction: column;
flex: 1 1 18%;
max-width: 18%;
text-align: center;
align-items: center;
justify-content: start;
}
.row-how-order .order-div img{
max-width: 40px;
}
.row-how-order .order-div .order-div-title{
font-weight: bold;
font-size: 14px;
color: var(--neutrals-black);
margin-top: 5px;
}
.row-how-order .order-div .order-div-text{
font-size: 12px;
color: var(--neutrals-dark-grey);
margin-top: 5px;
}
#search-products .product-card{
height: 100%;
}
@media(max-width:991px) {
.review-popup .btn{
min-width: unset !important;
width: 100% !important;
}
#product-results .col-xl-4.col-6:nth-child(odd) {
padding-right: 0.25rem;
}
#product-results .col-xl-4.col-6:nth-child(even) {
padding-left: 0.25rem;
}
#load-more {
font-size: 14px;
}
.slider-default .swiper-slide h2,.slider-default .swiper-slide h2 p  {
font-size: 24px;
line-height: 28px;
font-weight: 700;
}
.slider-default .swiper-slide {
min-height: unset;
border-radius: 4px;
}
.slider-default .swiper-slide p {
font-weight: 400;
font-size: 14px;
line-height: 18px;
}
.slider-default .swiper-slide .btn-link{
font-weight: 500;
font-size: 12px;
text-decoration: underline;
}
.slider-default .swiper-slide::before{
border-radius: 4px;
}
.bg-accents-3-mob {
background-color: var(--accents-3);
}
.free-ship {
font-size: 9px;
}
.banner h3 {
font-size: 24px;
}
.banner a {
font-size: 14px;
}
.div-mob-center {
position: absolute;
}
.btn-link {
position: relative;
z-index: 11;
text-decoration: unset;
}
footer form input {
min-width: auto;
}
.shop-card h4 {
font-family: 'Fellix';
font-weight: 600;
font-size: 14px;
}
.shop-card ul li a {
font-size: 12px;
}
.small-p-grey, .small-p-grey-div p, .small-p-grey-div p a, .small-p-grey a {
font-size: 12px;
line-height: 18px;
}
.banner-category h2 {
font-size: 16px;
}
.banner-category p {
font-size: 11px;
line-height: 17px;
font-weight: 300;
}
.banner-category .btn-link {
font-size: 12px;
text-decoration: underline;
font-weight: 400;
text-underline-offset: 2px;
}
.banner-category {
background-image: none !important;
}
.subcategories .slide-brand a {
font-weight: 400;
}
.input-filter {
min-width: auto;
background-image: none;
}
.line {
background-color: #565656;
}
.grey-banner p,
.grey-banner p strong {
font-size: 12px;
line-height: 18px;
}
.grey-banner {
padding: 1rem;
}
p {
font-size: 12px;
line-height: 18px;
}
.banner-shop h4 {
font-size: 16px;
line-height: 24px;
}
.banner-shop p,
.banner-shop p a {
font-size: 12px;
line-height: 18px;
}
.page-template-template-how-order .section-content p {
font-size: 12px;
line-height: 18px;
}
.page-template-template-how-order .section-content h4 {
font-size: 16px;
}
.page-template-template-how-order .section-content ol li {
font-size: 16px;
line-height: 28px;
}
.page-template-template-about h1 {
font-weight: 600;
font-size: 24px;
line-height: 120%;
}
.page-template-template-about h4.wp-block-heading {
font-size: 16px;
font-weight: 500;
}
.col-reached h2 {
font-size: 44px;
font-weight: 400;
}
.col-reached span {
font-size: 14px;
line-height: 28px;
}
.col-member {
max-width: 47%;
flex: 47%;
padding-bottom: 1rem;
}
.col-member span, .col-member a {
font-size: 12px;
line-height: 18px;
padding-left: 0.5rem;
padding-right: 0.5rem;
color: var(--neutrals-black);
}
.el-text-columns p, .el-text-columns ul li, .el-text-columns ul li a {
font-size: 14px;
line-height: 21px;
}
.el-text-columns a {
font-size: 16px;
}
.col-icon {
flex-direction: row;
justify-content: start;
gap: 1rem;
padding: 1rem 2rem;
}
.row .col-icon:first-of-type {
padding-top: 0;
}
.row .col-icon:last-of-type {
padding-bottom: 0;
}
.reviews-swiper .review-text-ab {
font-weight: 400;
font-size: 14px;
line-height: 21px;
}
.page-template-template-about .prev-button,
.page-template-template-about .next-button {
display: none;
}
#posts-container .card p {
font-size: 16px;
line-height: 24px;
}
#posts-container .card-body {
padding: 0.5rem;
}
.single-author {
font-size: 12px;
line-height: 18px;
}
.single-post h1 {
font-size: 24px;
line-height: 130%;
}
.single-post .wp-block-list li {
font-size: 12px;
line-height: 18px;
font-weight: 400;
}
.page-template-template-price-inquiry h1 {
font-size: 24px;
line-height: 120%;
}
.page-template-template-price-inquiry h4 {
font-size: 16px;
line-height: 24px;
}
.page-template-template-price-inquiry p {
font-size: 12px;
line-height: 18px;
}
.wpcf7-form {
padding: 0;
border: unset;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="file"],
.wpcf7-form select,
.wpcf7-form textarea {
font-weight: 400;
font-size: 12px;
line-height: 22px;
padding: 6px 10px;
}
.wpcf7-form .row {
margin-bottom: 0;
}
.wpcf7-form h5 {
font-size: 18px;
line-height: 18px;
}
h5.terms {
font-size: 18px;
line-height: 18px;
}
.form-check .wpcf7-list-item label span,
.form-check .wpcf7-list-item label span a {
font-size: 12px;
line-height: 130%;
}
.wpcf7-form input[type="submit"] {
min-width: unset;
width: 100%;
font-weight: 600;
font-size: 18px;
line-height: 130%;
}
.banner-shop img {
border-radius: 4px 4px 0 0;
}
footer .line {
background-color: #C8C8C8;
}
.cart-box h4 {
font-size: 20px;
line-height: 36px;
}
.cart-product-title {
font-size: 14px;
line-height: 21px;
}
.cart-product-img {
width: 54px;
height: 80px;
}
.cart-total {
font-size: 16px;
line-height: 32px;
}
.cart-remove {
font-size: 12px;
line-height: 32px;
}
.cart-box {
border: unset;
padding: 0 0.75rem;
margin-bottom: 0;
}
.page-template-template-contact-us h2 {
font-size: 24px;
line-height: 120%;
}
.el-contact h5 {
font-size: 16px;
}
.el-contact p {
font-size: 12px;
line-height: 18px;
}
.el-contact a {
font-size: 14px;
line-height: 22px;
}
.el-contact.br-bottom-1px {
border-bottom: unset;
}
.el-location p {
font-size: 12px;
line-height: 18px;
font-weight: 300;
}
.one-location p {
font-size: 16px;
line-height: 26px;
}
.page-template-template-contact-us .el-text-teams {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: unset;
margin-bottom: 1rem;
}
.page-template-template-contact-us .el-text-teams .col-member {
flex: 47%;
max-width: 48%;
}
.el-faq-1 h4 {
font-size: 24px;
line-height: 120%;
}
.accordion-item {
padding: 0 0px;
}
.el-faq-1 .accordion-button {
font-family: 'Fellix';
font-weight: 400 !important;
font-size: 16px !important;
line-height: 100% !important;
}
.el-faq-1 .accordion-button span {
font-family: 'Fellix';
font-weight: 500 !important;
font-size: 16px !important;
line-height: 100% !important;
}
.el-faq-1 .accordion-body p {
font-size: 12px;
line-height: 18px;
font-weight: 300;
}
.row-jobs .col-job:nth-child(odd) {
padding-right: 0.25rem;
}
.row-jobs .col-job:nth-child(even) {
padding-left: 0.25rem;
}
.job .remote {
font-size: 9px;
font-weight: 400;
}
.job .direction {
font-weight: 300;
font-size: 12px;
}
.job .title {
font-size: 18px;
}
.job .level,
.job .country {
font-size: 12px;
}
.job .find-more {
font-size: 12px;
text-underline-offset: 2px;
}
.job .sq i {
font-size: 12px;
}
.job .sq {
width: 12px;
}
.single-job h1 {
font-size: 24px;
line-height: 120%;
}
.job-form h2 {
font-size: 24px;
}
.single-job .wpcf7-form label {
font-size: 14px;
}
.privacy-sidebar {
display: flex;
padding-right: 0;
border-right: unset;
gap: 0.5rem;
height: auto;
flex-wrap: wrap;
}
.privacy-sidebar li {
flex: 44%;
max-width: 50%;
width: 100%;
border: 1px solid #CED2DD;
border-radius: 4px;
display: flex;
justify-content: start;
align-items: center;
padding: 10px 5px;
}
.privacy-sidebar a {
font-weight: 400;
font-size: 12px;
line-height: 130%;
}
.privacy-sidebar a.active {
font-weight: 400;
}
.privacy-sidebar li.active-li {
background-color: #F5F6FA;
}
.privacy-content p {
font-size: 12px;
line-height: 18px;
margin-bottom: 0.5rem;
}
.breadcrumbs a,
.woocommerce-breadcrumb a {
font-size: 12px;
line-height: 130%;
}
.single-privacy h1 {
font-size: 24px;
line-height: 120%;
}
.oops {
font-weight: 500;
font-size: 24px;
line-height: 130%;
}
.p-404 {
font-size: 14px;
line-height: 21px;
}
.return {
min-width: auto;
width: 100%;
}
.h1-default {
font-size: 24px;
line-height: 120%;
}
.page-template-default h4 {
font-size: 18px;
}
.el-faq-1 .accordion-item {
margin-bottom: 0.5rem;
padding-bottom: 1rem;
}
#top-menu-desktop .menu-item:first-child a {
padding-left: 0;
}
#product-filters .accordion-button:not(.collapsed)::after,
#product-filters .accordion-button::after {
width: 13px;
height: 7px;
}
.dot-img {
width: 8px;
height: 8px;
border-radius: 2px;
background-color: #E6E7EA;
}
.dot-img img {
display: none;
}
.dot-img.active {
background-color: #929292;
}
.product-info h1 {
font-size: 24px;
color: #222222;
}
.rating i {
font-size: 14px;
}
.rating span {
font-size: 16px;
}
.price-title {
font-size: 16px;
line-height: 27px;
}
.product-section .new-price {
font-size: 24px;
}
.product-section .old-price {
font-size: 16px;
}
.benefits {
font-size: 14px;
}
.single-product .input-filter {
font-size: 12px;
padding: 6px 8px;
background-image: url(//factory.sale/wp-content/themes/factory-sale/img/icons/chevron-down.svg);
background-position: right 0.5rem center;
}
.btn-add-to-quote {
min-width: unset;
width: 100% !important;
font-size: 20px;
}
.nav-tabs .nav-link {
font-size: 14px;
}
.nav-tabs {
gap: 2rem;
padding-top: 1rem;
}
.nav-tabs .nav-link.active {
padding-bottom: 0.5rem;
}
#productTabContent #description p, #productTabContent #description ul li, #productTabContent #description td, #productTabContent #description p a{
font-size: 12px;
line-height: 18px;
}
.wp-singular table td, .wp-singular p a{
font-size: 12px;
line-height: 18px;
}
.wp-singular .wp-block-table .has-fixed-layout{
table-layout: auto;
}
.page-template-template-blog aside .form-control {
font-weight: 400;
font-size: 12px;
line-height: 130%;
}
.page-template-template-blog .choices__inner {
padding-top: 0;
padding-bottom: 0 !important;
min-height: 28px;
border: 1px solid #CED2DD
}
.section-empty p {
font-size: 14px;
}
}
@media(max-width:480px){
.cart-product-title {
font-size: 10px;
line-height: 15px;
}
.row-how-order{
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.row-how-order .order-div{
flex: 1 1 45%;
max-width: 45%;
}
}
@media(max-width:1200px) {
button.navbar-toggler:not(:focus-visible) {
box-shadow: unset;
}
.header-top-line p {
font-weight: 600;
font-size: 12px;
}
header nav {
min-height: unset;
}
nav.navbar {
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #E5E6EA;
}
.navbar-toggler,
header .search {
height: 80px;
border-radius: 0 !important;
border: 1px solid #E5E6EA !important;
background-color: transparent;
}
header .search{
display: flex;
justify-content: center;
align-items: center;
color: #656667;
}
.navbar-toggler i,
header .search i {
font-size: 20px;
}
.mob-logo img {
max-width: 132px;
width: 100%;
}
.line-grey {
background-color: #E6E7EA;
}
.fixed-at-scroll .border-bottom {
border-bottom: unset !important;
}
#mobile-category-wrapper ul {
list-style: none;
padding: 0;
}
#mobile-category-wrapper li {
padding: 10px;
border-bottom: 1px solid #ddd;
}
#mobile-menu-header {
display: flex;
align-items: center;
gap: 0.5rem;
}
#mobile-menu-title {
font-family: 'Fellix';
font-weight: 600;
font-size: 12px;
line-height: 100%;
margin-bottom: 0;
}
.navbar-collapse {
background-color: #fff;
padding: 1rem;
box-shadow: 2px 4px 12px 0px #BABABA40;
}
header .min-81 {
min-height: unset;
}
header .login,
header .lang {
border: 1px solid #E5E6EA;
background-color: #F5F6FA;
padding: 20px 25px;
}
header .login img {
width: 16px;
}
.navbar-collapse {
position: absolute !important;
top: 100px;
left: 0;
width: 90%;
height: auto;
background-color: #fff;
z-index: 9999;
padding: 20px;
overflow-y: auto;
}
.navbar-collapse * {
position: relative;
z-index: 9999;
} .banner .h-100{
height: auto !important;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
padding-right: calc(10px + 0.2em);
}
.lang.wpml-languages-dropdown .wpml-ls-flag{
display: none;
}
header .lang{
padding: 5px;
height: 56px;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
right: 0;
}
.navbar-toggler, header .search{
height: 56px;
}
header .woocommerce-Price-amount.amount{
display: none;
}
header .header-cart{
padding: 0;
}
.bi-list-class{
width: 18px !important;
}
.wpml-ls-legacy-dropdown-click a span{
font-size: 14px;
}
.bi-search-class{
width: 18px !important;
}
header .login img{
width: 18px !important;
}
header .login{
padding: 5px;
height: 56px;
border: 0;
}
header .search{
border: 0 !important;
border-left: 1px solid #E5E6EA !important;
border-right: 1px solid #E5E6EA !important;
}
.navbar-toggler{
border: 0 !important;
}
header .lang{
border: 0 !important;
border-left: 1px solid #E5E6EA !important;
border-right: 1px solid #E5E6EA !important;
}
.mob-logo img{
max-width: 108px !important;
}
#header-last-menu{
gap: 24px;
}
#header-last-menu li a.nav-link{
padding-left: 0;
padding-right: 0;
}
#navbarsExample11 .woocommerce-Price-amount.amount{
display: block;
}
#navbarsExample11 .lang.wpml-languages-dropdown .wpml-ls-flag{
display: block;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
width: 64px;
max-width: 64px;
left: -17px;
top: calc(100% + 20px);
padding: 0;
background-color: #f5f6fa;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{
padding-top: 10px;
padding-bottom: 10px;
justify-content: center;
}
.div-r-z-9{
position: relative;
z-index: 99999;
}
.div-r-z-9 .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
left: -7px;
top: calc(100% + 20px);
background: #f5f6fa;
}
}
@media(max-width:768px) {
.navbar-collapse {
top: 80px;
}
.slide-brand {
height: auto !important;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 12px;
border: 1px solid #ddd;
box-sizing: border-box;
background: white;
}
.slide-brand a {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 80px;
height: 80px;
}
.slide-brand img {
max-height: 80px;
object-fit: contain;
}
}
@media (max-width: 1199.98px) and (hover: none) and (pointer: coarse) {
li.menu-item:hover > .submenu {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
} .cat-table{
border-left: 1px solid #E6E6E6;
border-top:  1px solid #E6E6E6;
} .cat-table .col > a{
display: flex;
align-items: center;
gap: 10px;
padding: 12px 14px;
height: 100%; border-right: 1px solid #E6E6E6;
border-bottom:1px solid #E6E6E6;
text-decoration: none;
color: inherit;
background: #fff;
transition: background .15s ease, box-shadow .15s ease;
}
.cat-table .col > a:hover{
background: #fafafa;
box-shadow: 0 1px 4px rgba(0,0,0,.04) inset;
} .cat-table img{
width: 36px; height: 36px; object-fit: contain; display: block;
}
.cat-table span{
font-size: 12px;
line-height: 130%;
font-weight: 500;
font-family: "Fellix"; }
.bottom-1px-C4C4C4{
border-bottom: 1px solid #C4C4C4;
}
.fs-cart-popup{position:fixed;inset:0;z-index:10000;display:none;}
.fs-cart-popup.is-open{display:block;}
.fs-cart-popup__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.fs-cart-popup__dialog{
position:relative;max-width:920px;margin:5vh auto;background:#fff;border-radius:12px;
padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.fs-cart-popup__close{
position:absolute;top:1rem;right:1rem;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;
}
body.fs-cart-open{overflow:hidden;}
.woocommerce-mini-cart__buttons{display:none;} .fs-related-card:hover{background:#fafafa;}
.fs-cart-popup__dialog{
max-height: 90vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.d-buttons-pop button, .d-buttons-pop a{
min-width: 264px;
}
.btn-cont{
border: 1px solid #003399;
background-color: unset;
color: #222222;
text-align: center !important;
font-weight: 400;
font-size: 22px;
line-height: 130%;
padding: 12px 30px;
}
.btn-cont:hover{
border: 1px solid #003399;
background-color: #003399;
color: #fff;
}
.btn-cart-pop{
background-color: #003399;
font-weight: 600;
color: #fff;
padding: 12px 30px;
border: none;
border-radius: 4px;
font-size: 22px;
line-height: 130%;
cursor: pointer;
transition: background-color 0.3s;
}
.btn-cart-pop:hover{
border: 1px solid #003399;
background-color: unset; 
color: #222222;
}
.pop-related{
font-weight: 600;
font-size: 24px;
line-height: 120%;
color: #222222;
}
.tab-content #description ul li a{
text-decoration: underline;
color: #222222;
text-underline-offset: 4px;
}
#mobile-search-bar .btn{ background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; } @media (max-width: 1199.98px){
body.nav-open-search .navbar .container-xl > *:not(#mobile-search-bar){ display:none!important; }
body.nav-open-search #mobile-search-bar{ display:block!important; } body.nav-open-search .navbar{ padding-top:.25rem; padding-bottom:.25rem;
}
#mobile-search-bar .btn{
color: #000;
z-index: 999;
}
#mobile-search-bar #ajax-search-mobile{
min-width: unset;
}
#mobile-search-bar .bi.bi-search{
font-size: 18px;
}
#mobile-search-bar .js-mobile-search-go{
border-left: 1px solid #E5E6EA !important;
padding-left: 10px !important;
border-radius: 0 !important;
height: 100%;
}
#ajax-search-mobile::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 12px; width: 12px; background: url(//factory.sale/wp-content/themes/factory-sale/img/icons/cross-close-bar.svg) no-repeat center center;
background-size: 12px 12px; cursor: pointer;
opacity: 1;
}
#ajax-search-mobile::placeholder{
font-size: 12px;
color: #565656;
}
#ajax-search-mobile{
font-family: 'Fellix';
font-weight: 400;
font-size: 12px;
line-height: 100%;
}
#search-results-mobile ul li a{
font-family: 'Fellix';
font-weight: 400;
font-size: 12px;
line-height: 100%;
}
} .short-description p strong{
font-weight: 600;
}
.company-fields.d-none { display: none !important; }
.span-label-upsell{
font-weight: 400;
font-size: 18px;
line-height: 130%;
vertical-align: middle;
color: #222222;
}
.product-upsell-label{
background: #003399;
color: #fff;
padding: 5px 20px;
border-radius: 20px;
font-weight: 400;
font-size: 16px;
}
.product-upsell-label:hover{
color: var(--accents-1) !important;
}
span.woocommerce-Price-amount{
font-family: 'Inter';
}
@media(max-width:768px){
.fs-cart-items .cart-product-title{
font-size: 14px;
line-height: 18px;
}
.btn-cont{
font-size: 16px;
}
.btn-cart-pop{
font-size: 16px;
}
}
@media(min-width:1200px){
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
width: 110px;
max-width: 110px;
left: -25px;
top: calc(100% + 32px);
padding: 0;
background-color: #f5f6fa;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li:hover{
background-color: #e7e9ee;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{
padding-top: 10px;
padding-bottom: 10px;
justify-content: center;
}
}