@charset 'UTF-8';
@font-face {
font-family: "Flaticon";
src: url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/Flaticon.eot);
src: url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/Flaticon.eot?#iefix) format("embedded-opentype"),
url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/Flaticon.woff2) format("woff2"),
url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/Flaticon.woff) format("woff"),
url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/Flaticon.ttf) format("truetype"),
url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: "Flaticon";
font-style: normal;
}
.flaticon-shipped:before { content: "\f100"; }
.flaticon-money-back:before { content: "\f101"; }
.flaticon-support:before { content: "\f102"; }
.flaticon-woman:before { content: "\f103"; }
.flaticon-boss:before { content: "\f104"; }
.flaticon-friendship:before { content: "\f105"; }
.flaticon-sunglasses:before { content: "\f106"; }
.flaticon-jacket:before { content: "\f107"; }
.flaticon-sneakers:before { content: "\f108"; }
.flaticon-watch:before { content: "\f109"; }
.flaticon-necklace:before { content: "\f10a"; }
.flaticon-herbal:before { content: "\f10b"; }
.flaticon-ball:before { content: "\f10c"; }
.flaticon-pijamas:before { content: "\f10d"; }
.flaticon-scarf:before { content: "\f10e"; }
.flaticon-vintage:before { content: "\f10f"; }
.flaticon-pregnant:before { content: "\f110"; }
.flaticon-lock:before { content: "\f111"; }
.flaticon-bed:before { content: "\f112"; }
.flaticon-table:before { content: "\f113"; }
.flaticon-armchair:before { content: "\f114"; }
.flaticon-desk-lamp:before { content: "\f115"; }
.flaticon-sofa:before { content: "\f116"; }
.flaticon-chair:before { content: "\f117"; }
.flaticon-tv:before { content: "\f118"; }
.flaticon-responsive:before { content: "\f119"; }
.flaticon-camera:before { content: "\f11a"; }
.flaticon-plugins:before { content: "\f11b"; }
.flaticon-headphones:before { content: "\f11c"; }
.flaticon-console:before { content: "\f11d"; }
.flaticon-music-system:before { content: "\f11e"; }
.flaticon-monitor:before { content: "\f11f"; }
.flaticon-printer:before { content: "\f120"; }
.flaticon-fax:before { content: "\f121"; }
.flaticon-mouse:before { content: "\f122"; }@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Inter:wght@100..900&display=swap");
:root {
--font-primary: "Inter", sans-serif;
--font-secondary: "Dosis", sans-serif;
--heading-color: #202435;
--light-blue: #196EB3;
--dark-red: #972D26;
--border-color: #e4e5ee;
}
*{
margin: 0;
padding: 0;
}
body{
font-family: var(--font-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-secondary);
margin: 0;
}
a{
display:inline-block;
}
a,
a:hover {
text-decoration: none;
color: var( --light-blue);
}
a.navbar-brand {
display: inline-block;
}
p {
margin: 0;
}
ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
.theme_button {
border-radius: 4px;
padding: 8px 20px;
border: 1px solid transparent;
background-color: var(--light-blue);
color: white;
}
section {
padding-top: 50px;
}
.title {
display: flex;
justify-content: space-between;
align-items:center;
}
.title h2 {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
.title p {
font-size: 13px;
color: #9b9bb4;
padding: 4px 0 10px 0;
}
.title .theme_button {
font-size: 12px;
padding: 6px 8px;
border: 1px solid var(--light-blue);
color: var(--light-blue);
background-color: transparent;
} .breadcrumb-item {
letter-spacing: 2px;
}
.breadcrumb-item i {
font-size: 15px;
color: var(--light-blue);
}
.breadcrumb-item+.breadcrumb-item::before {
padding: 0 6px 0 6px;
content: "\f285";
font-family: "bootstrap-icons";
font-size: 11px;
margin-top: 4px;
}
.breadcrumb-item+.breadcrumb-item {
padding: 0;
}
.breadcrumb-item {
margin-top: 4px;
font-size: 15px;
}
.breadcrumb-item a {
color: var(--light-blue);
}
.breadcrumb-item.active a {
color: #828282;
font-weight: 300 !important;
}
ol.breadcrumb {
margin: 0;
display: inline-flex;
border-radius: 4px;
}
ol.breadcrumb li {
color: #828282 !important;
} .select-search {
height: 50px;
position: relative;
min-width: 200px;
width: 100%;
margin-bottom: 8px;
}
.select-search.active .select-search-sub {
z-index: 99 !important;
opacity: 1 !important;
transform: translateZ(0) !important;
-webkit-transform: translateZ(0) !important;
-moz-transform: translateZ(0) !important;
visibility: visible !important;
}
.select-search.disabled {
pointer-events: none !important;
opacity: 0.7 !important;
}
.select-search a.trigger {
background: var(--light-blue);
color: white;
width: 100%;
border-radius: 4px !important;
border: none;
outline: 0;
padding: 10px 20px;
position: relative;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: pointer;
display: flex;
align-items: center;
margin: 0;
}
.select-search a.trigger span.clear-btn {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LDBDMTE0Ljg0NCwwLDAsMTE0Ljg0NCwwLDI1NnMxMTQuODQ0LDI1NiwyNTYsMjU2czI1Ni0xMTQuODQ0LDI1Ni0yNTZTMzk3LjE1NiwwLDI1NiwweiBNMzU5LjU0LDMyOS4zNzQgICAgYzQuMTY3LDQuMTY1LDQuMTY3LDEwLjkxOSwwLDE1LjA4NUwzNDQuNDYsMzU5LjU0Yy00LjE2Nyw0LjE2NS0xMC45MTksNC4xNjUtMTUuMDg2LDBMMjU2LDI4Ni4xNjdsLTczLjM3NCw3My4zNzQgICAgYy00LjE2Nyw0LjE2NS0xMC45MTksNC4xNjUtMTUuMDg2LDBsLTE1LjA4MS0xNS4wODJjLTQuMTY3LTQuMTY1LTQuMTY3LTEwLjkxOSwwLTE1LjA4NWw3My4zNzQtNzMuMzc1bC03My4zNzQtNzMuMzc0ICAgIGMtNC4xNjctNC4xNjUtNC4xNjctMTAuOTE5LDAtMTUuMDg1bDE1LjA4MS0xNS4wODJjNC4xNjctNC4xNjUsMTAuOTE5LTQuMTY1LDE1LjA4NiwwTDI1NiwyMjUuODMybDczLjM3NC03My4zNzQgICAgYzQuMTY3LTQuMTY1LDEwLjkxOS00LjE2NSwxNS4wODYsMGwxNS4wODEsMTUuMDgyYzQuMTY3LDQuMTY1LDQuMTY3LDEwLjkxOSwwLDE1LjA4NWwtNzMuMzc0LDczLjM3NEwzNTkuNTQsMzI5LjM3NHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-size: 14px 14px;
width: 14px;
height: 14px;
display: inline-block;
margin-right: 12px !important;
cursor: pointer;
opacity: 0.5;
}
.select-search a.trigger span.clear-btn:hover {
opacity: 1 !important;
}
.select-search i {
position: absolute;
font-size: 18px;
right: 20px;
top: 14px;
z-index: 2;
pointer-events: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: pointer;
}
.select-search select {
display: none !important;
}
.select-search .sub-wrapper {
position: relative;
}
.select-search .sub-wrapper .select-search-sub {
width: 250px;
top: 5px;
border-radius: 4px;
position: absolute;
z-index: -99;
opacity: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
visibility: hidden;
padding: 10px;
border: 1px solid #ededed;
box-shadow: 0 10px 40px -6px rgba(0, 0, 0, 0.1);
background: #fff;
}
.select-search .sub-wrapper .select-search-sub input {
box-sizing: border-box;
width: 100%;
padding: 6px;
border: 1px solid #ededed;
margin-bottom: 16px;
}
.select-search .sub-wrapper .select-search-sub ul {
padding: 0;
margin: 0;
list-style: none;
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
}
.select-search .sub-wrapper .select-search-sub ul li {
clear: both;
float: none;
border-bottom: 1px solid var(--border-color);
margin-top: 10px;
padding-bottom: 10px;
}
.select-search .sub-wrapper .select-search-sub ul li:last-child {
margin-bottom: 0 !important;
}
.select-search .sub-wrapper .select-search-sub ul li a {
display: block;
color: #242424;
opacity: 0.6;
text-decoration: none;
}
.select-search .sub-wrapper .select-search-sub ul li a:hover {
opacity: 1;
}
.select-search {
margin-bottom: 0;
} .navbar-brand img {
max-width: 200px;
}
.menu-search form {
position: relative;
}
.menu-search input {
width: 100%;
padding: 12px 115px 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
}
.menu-search input:focus {
outline: unset;
box-shadow: unset;
}
.menu-search form button {
position: absolute;
right: 10px;
border: 0;
border-radius: 4px;
background: transparent;
width: auto;
height: 35px;
padding: 5px 15px;
text-align: center;
border-left: 1px solid #ddd;
border-radius: 0;
padding: 0 8px;
top: 0;
bottom: 0;
margin: 8px 0;
color:#225B81;
}
.menu-search form button i {
margin-left: 10px;
position:relative;
top:-1px;
}
.select-search a.trigger {
margin: 1px;
font-size: 16px;
text-align: center;
border-radius: 25px;
align-items: center;
justify-content: center;
font-weight: 500;
letter-spacing: normal;
}
.nav-list li a {
display: inline-block;
color: var(--heading-color); font-weight: 500;
text-transform: capitalize;
}
.user-info {
display: flex;
justify-content: flex-end;
}
.user-info li {
margin-left: 30px;
list-style-type: none;
} .user-info li a {
color: #000000;
}
.select-search-input,
.clear-btn {
display: none !important;
}
.select-search .sub-wrapper .select-search-sub ul li a {
font-size: 14px;
padding: 0;
}
.navbar {
border: 1px solid #ddd;
border-left: 0;
border-right: 0;
}
.menu-quote a{
background: #ddd;
color: #9a0129 !important;
padding: 10px 15px;
}  section.banner__wrapper {
padding: 0;
}
.banner__image img {
width: 100%;
background-repeat: no-repeat;
position: relative;
}
.banner__content .content_header {
display: inline-flex;
gap: 20px;
}
.banner__content .content_header p {
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
font-family: var(--font-secondary);
}
.banner__content .content_header span {
color: #038e42;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
padding: 5px;
background: linear-gradient( 90deg, rgba(0, 184, 83, 0.2) 0%, rgba(32, 55, 88, 0) 100%);
}
.content {
position: absolute;
top: 25%;
max-width: 600px;
}
.content_title h1 {
padding: 20px 0 10px 0;
font-size: 54px;
font-family: var(--font-primary) !important;
font-weight: 700 !important;
}
.content_title p {
margin-bottom: 20px;
}
.content_title p strong {
font-size: 36px;
color: var(--dark-red);
font-family: var(--font-secondary);
} .itemList__wrapper {
display: flex;
flex-wrap: wrap;
width:100%;
}
.swiper .item__wrapper {
border-radius: 4px;
text-align: center;
}
.item__wrapper {
width: calc(16.66%);
padding: 20px;
border: 1px solid var(--border-color);
margin-left: -1px;
}
.item-image .image-link {
display: block;
}
.categories-wrapper {
display: flex;
flex-wrap: wrap;
}
.item-image:hover img {
transform: scale(1.1);
}
.item-image {
border-radius: 4px;
max-width: 200px;
height: 193px;
overflow: hidden;
}
.item-image img {
width: 100%;
height: 100%;
transition: transform 0.3s ease;
object-fit: cover;
}
.items__wrapper .item-detail h3 {
min-height: 50px !important;
height: 100%;
}
.items__wrapper .item-detail h3 {
line-height: 18px;
margin: 12px 0;
}
.item-detail h3 a {
font-size: 16px;
font-weight: 600;
color: var(--heading-color);
line-height:22px;
}
.item-detail .category-count {
font-size: 13px;
margin-top: 10px;
color: #9b9bb4;
}
.categories__wrapper .item-detail {
text-align: center;
}
.item-detail .theme_button, .theme-buton-quote {
width: 100%;
font-size: 14px;
display: block;
padding: 8px 20px;
margin: 16px 0;
color: #ffffff;
border-color: #972D26;
background-color: #972D26;
} .rating, .star-rating {
color: #FFC107;
font-size: 14px;
}
.rating ul {
flex-direction: row !important;
gap: 4px !important;
}
.star {
display: inline-block;
color: #FFC107;
}
.stock_status,
.quantity {
font-family: var(--font-secondary);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.quantity {
float: right;
position:relative;
top:6px;
}
.success {
color: #038e42;
}
.danger {
color: #d51243;
}
.sale_price  {
color: #828282 !important;
text-decoration: line-through;
margin-right: 20px;
font-family: var(--font-secondary);
font-weight: 600;
font-size: 16px !important;
}
span.price {
font-family: var(--font-secondary);
font-size: 20px;
font-weight: 700;
color: var(--dark-red);
} .add__wrapper {
position: relative;
}
.add__content {
border-radius: 4px;
top: 15%;
padding: 2rem;
position: absolute;
}
.add__content h3 {
font-weight: 600;
font-size: 24px;
}
.add__content p {
padding: 6px 0 16px 0;
color: var(--dark-red);
}
.add__content .theme_button {
font-size: 12px;
padding: 6px 16px;
margin-top: 10px;
}
.add__image img {
width: 100%;
border-radius: 4px;
}
.overlay-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
} .offer__content {
background-color: #ffeef2;
border-radius: 4px;
}
.offer__content a {
text-transform: uppercase;
color: var(--dark-red);
letter-spacing: 2px;
font-size: 20px;
font-weight: 600;
text-align: center;
display: block;
padding: 30px;
} .product__wrapper .product__column .title h2 {
text-transform: none !important;
}
.product__column .title {
margin-bottom: 30px;
}
.product__column {
max-width: 90%;
}
.product__list img {
width: 85px;
height: 105px;
margin-right: 20px;
float: left;
object-fit: cover;
}
.product__list span.product-title {
font-size: 14px;
font-weight: 600;
color: var(--heading-color);
}
.product__list ul {
display: flex;
gap: 20px;
flex-direction: column;
} footer {
margin-top: 50px;
} .footer__services {
padding: 40px 0;
border-bottom: 0.1rem solid var(--border-color);
}
.footer__services .col-lg-3 {
padding: 4px 0;
border-right: 1px solid var(--border-color);
}
.footer__services .iconbox {
display: flex;
justify-content: center;
gap: 8px;
align-items: center;
}
.footer__services span {
font-weight: 600;
font-family: var(--font-primary);
font-size: 13px;
}
.footer__link--wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 120px 0;
}
.footer__links h3,
.payment-partner h3 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 600;
color: var(--heading-color);
}
.footer__links ul li {
margin-bottom: 5px;
}
.footer__links ul li a {
font-size: 13px;
color: #000;
}
.footer-bottom {
padding: 10px 0;
background-color: #efecec;
border-top: 1px solid rgba(255, 255, 255, 0.149);
}
.copy-right-text {
color: #9b9bb4;
font-size: 13px;
}
.footer-bottom figure {
padding: 0;
margin: 0;
text-align: right;
} .logo {
padding: 0 !important;
}
.logo img {
max-width: 140px;
}
a.nav-link {
color: var(--heading-color);
}
.nav-list.navbar-nav i::before,
.user-info i::before {
margin-bottom: 2px;
margin-right: 2px;
}
@media all and (min-width: 992px) {
.navbar .has-megamenu {
position: static !important;
}
.navbar .megamenu {
left: 0;
right: 0;
width: 100%;
margin-top: 0;
max-height: 100vh !important;
}
}
@media (max-width: 991px) {
.navbar.fixed-top .navbar-collapse,
.navbar.sticky-top .navbar-collapse {
max-height: 100vh;
margin-top: 10px;
}
}
.countryWise__category .item__wrapper {
width: 100%;
margin-bottom: 20px;
position: relative;
}
.countryWise__category .item-image {
max-height: 120px;
max-width: 120px;
margin: 0 auto;
object-fit: contain;
}
.countryWise__category .item-image img {
border-radius: 50%;
}
.country_image figure {
position: absolute;
left: 20px;
top: 20px;
}
.country_image figure img {
max-width: 30px;
max-height: 30px !important;
}
.countryWise__category .item-detail h3 a {
font-size: 18px !important;
color: var(--dark-red);
}
.productList__wrapper .item__wrapper {
width: calc(25%);
}
.productList__wrapper .item__wrapper h3 {
min-height: 50px;
height: 100%;
line-height: 16px;
margin: 20px 0 10px 0;
}
.productList__wrapper .item-image {
margin: 0 auto;
}
.pagination {
justify-content: center;
padding-top: 30px;
}
.pagination .page-link {
padding: 10px 20px;
color: var(--light-blue);
}
.pagination .page-link:focus {
box-shadow: none;
}
.productList__wrapper .item__wrapper {
position: relative;
}
.item-image .badge {
position: absolute;
left: 20px;
z-index: 333;
padding: 6px;
background-color: var(--dark-red);
width: auto;
height: auto;
line-height: normal;
border-radius: 0;
padding: 5px 10px !important;
width: max-content;
border-radius: 4px;
}
.testimonial .owner_details {
display: flex;
gap: 20px;
margin-top: 20px;
align-items: center;
}
.testimonial .owner_details .image {
width: 50px;
border-radius: 50%;
height: 50px;
}
.testimonial .owner_details .image img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.testimonial .owner_details h2 {
font-size: 14px;
margin: 6px 0;
text-transform: uppercase;
font-weight: 600;
font-family: var(--font-primary);
}
.testimonialSwiper {
padding: 40px 0 60px !important;
}
.testimonial__wrapper .title {
text-align: center;
display: block;
}
.testimonial .owner_details {
margin-bottom: 20px;
}
.testimonial .owner_details .detail p {
font-size: 12px;
}
.testimonial .testimonial_content {
position: relative;
margin-bottom: 35px;
}
.testimonial .testimonial_content i {
font-size: 25px;
color: var(--dark-red);
}
.testimonial_content p {
font-weight: 600;
color: #000000 !important;
line-height: 28px;
}
.testimonial {
text-align: center;
max-width: 800px;
margin: 0 auto; border-radius: 12px;
padding: 40px 70px 40px 25px;
}
.testimonial__wrapper {
background-color: #f4fcff;
}
.category__add--wrapper {
padding-bottom: 50px;
}
.testimonial p {
text-align: left;
font-style: normal;
color: #9b9bb4;
}
.testimonialSwiper .swiper-pagination-bullet {
width: 40px;
border-radius: 4px;
background-color: var(--light-blue);
}
.footer__links.aboutUs {
max-width: 400px;
}
.footer__links.aboutUs h3 a img {
width: 100px;
}
.footer__links.aboutUs p {
line-height: 22px;
font-size: 13px;
color: #9b9bb4;
}
.footer__links.aboutUs ul {
margin-top: 20px;
}
.footer__links.aboutUs ul li i {
color: var(--light-blue);
margin-right: 6px;
}
.footer__links.newsletter {
width: 400px;
}
.footer__links.newsletter button {
width: auto;
border-radius: 4px;
padding: 4px 20px;
}
.footer__links.newsletter ul {
display: flex;
gap: 10px;
}
.follow_us ul li a {
border: 1px solid var(--border-color);
padding: 10px;
border-radius: 4px;
}
.footer__links.newsletter ul li i {
font-size: 20px;
} .follow_us ul li {
display: inline-block;
}
.footer__links.aboutUs ul li a {
font-size: 14px;
}
.productList__wrapper {
padding: 25px 0;
} .wrapper {
border: 1px solid var(--border-color);
padding: 20px;
border-radius: 4px;
margin-bottom: 20px;
}
.wrapper h2 {
font-weight: 600;
text-transform: uppercase;
font-size: 22px;
margin-bottom: 10px;
}
.wrapper ul li {
margin-top: 0;
padding: 10px;
border-bottom: 1px solid var(--border-color);
font-size: 16px;
}
.wrapper ul li a {
display: block;
position: relative;
color: var(--heading-color);
}
.wrapper ul li a i {
position: absolute;
right: 0;
}
ul#collapseExample li {
margin-left: 10px;
margin-top: 6px;
padding-bottom: 6px;
border-bottom: none;
font-size: 13px;
}
.priceFilter--wrapper {
margin: 30px 0;
}
.filter-price {
width: 100%;
border: 0;
padding: 0;
margin: 0;
}
.price-title {
position: relative;
color: #fff;
font-size: 14px;
line-height: 1.2em;
font-weight: 400;
}
.price-field {
position: relative;
width: 100%;
height: 36px;
box-sizing: border-box;
background: rgba(248, 247, 244, 0.2);
padding-top: 15px;
padding-left: 16px;
border-radius: 3px;
}
.price-field input[type="range"] {
position: absolute;
}
.categoryList__wrapper .itemList__wrapper .item__wrapper {
width: calc(25%);
}
.categoryList__wrapper .item-detail {
text-align: center;
} .filter-price {
width: 100%;
border: 0;
padding: 0;
margin: 0;
}
.price-title {
position: relative;
color: #fff;
font-size: 14px;
line-height: 1.2em;
font-weight: 400;
}
.price-field {
background-color: #efefef;
position: relative;
width: 100%;
height: 36px;
box-sizing: border-box;
padding-top: 15px;
padding-left: 16px;
padding-right: 16px;
border-radius: 3px;
}
.price-field input[type="range"] {
position: absolute;
} .price-field input[type="range"] {
color: red;
width: 88%;
height: 2px;
border: 0;
outline: 0;
box-sizing: border-box;
border-radius: 5px;
pointer-events: none;
}
.price-field input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
}
.price-field input[type="range"]:active,
.price-field input[type="range"]:focus {
outline: 0;
}
.price-field input[type="range"]::-ms-track {
width: 188px;
height: 2px;
border: 0;
outline: 0;
box-sizing: border-box;
border-radius: 5px;
pointer-events: none;
background: transparent;
border-color: transparent;
color: transparent;
border-radius: 5px;
} .price-field input[type="range"]::-webkit-slider-thumb { position: relative;
-webkit-appearance: none;
margin: 0;
border: 0;
outline: 0;
border-radius: 50%;
height: 10px;
width: 10px;
margin-top: -4px;
background-color: #fff;
cursor: pointer;
cursor: pointer;
pointer-events: all;
z-index: 100;
}
.price-field input[type="range"]::-moz-range-thumb { position: relative;
appearance: none;
margin: 0;
border: 0;
outline: 0;
border-radius: 50%;
height: 10px;
width: 10px;
margin-top: -5px;
background-color: #fff;
cursor: pointer;
cursor: pointer;
pointer-events: all;
z-index: 100;
}
.price-field input[type="range"]::-ms-thumb { position: relative;
appearance: none;
margin: 0;
border: 0;
outline: 0;
border-radius: 50%;
height: 10px;
width: 10px;
margin-top: -5px;
background-color: #fff;
cursor: pointer;
cursor: pointer;
pointer-events: all;
z-index: 100;
} .price-field input[type="range"]::-webkit-slider-runnable-track { width: 188px;
height: 2px;
cursor: pointer;
background: #fff;
border-radius: 5px;
}
.price-field input[type="range"]::-moz-range-track { width: 188px;
height: 2px;
cursor: pointer;
background: #fff;
border-radius: 5px;
}
.price-field input[type="range"]::-ms-track { width: 188px;
height: 2px;
cursor: pointer;
background: #fff;
border-radius: 5px;
}
.priceFilter__wrapper .theme_button {
float: right;
} .price-wrap span,
label,
.price-wrap_line { font-weight: 600;
}
.price-wrap {
gap: 5px;
margin-top: 13px;
display: flex;
justify-content: center;
color: black;
font-size: 14px;
line-height: 1.2em;
font-weight: 400;
margin-bottom: 7px;
}
.price-wrap-1,
.price-wrap-2 {
justify-content: center;
display: flex;
}
.price-wrap #one,
.price-wrap #two {
margin: 0;
max-width: 25px;
padding: 0;
background: 0;
border: 0;
outline: 0;
color: black;
font-size: 14px;
font-family: var(--font-secondary);
line-height: 1.2em; }
.price-wrap label {
font-size: 14px;
font-family: var(--font-secondary);
line-height: 1.2em;
text-align: right;
} .price-field input[type="range"]:hover::-webkit-slider-thumb {
box-shadow: 0 0 0 0.5px #fff;
transition-duration: 0.3s;
}
.price-field input[type="range"]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 0.5px #fff;
transition-duration: 0.3s;
}
.footer-bottom figure {
max-width: 450px;
float: right;
} .container {
max-width: 1280px;
}
.services-wrepper .container {
max-width: 1250px;
margin: 0 auto;
}
.icon_box.icon_box_style3 {
border: 1px solid #ddd;
padding: 25px;
margin-left: -1px;
margin-top: -1px;
margin-bottom: 0;
}
.icon_box_style3 .icon {
float: left;
margin-right: 20px;
margin-bottom: 0;
}
.icon_box_style3 .icon i {
font-size: 36px;
color: var(--light-blue);
line-height: normal;
}
.swiper-slide .item__wrapper {
margin-left: 0;
}
.counter-content {
background: #f7f8fd;
}
.counter-info { align-items: center;
font-weight: 500;
}
.counter-info .counter {
font-size: 55px;
font-weight: 500;
color:#fac310;
margin-right: 25px;
}
.counter-info .counter-text{
font-weight:600;
}
.counter-text br{
display:none;
}
.footer__counter {
max-width: 1050px;
margin: 0 auto;
padding: 50px 0;
}
.footer-logo .footer-abt {
max-width: 850px;
text-align:center;
margin:0 auto;
}
.footer-logo .f-logo img {
max-width: 100px;
margin-bottom:20px;
}
.footer-logo .f-logo {
margin-right: 25px;
}
.site-info {
font-weight: 500;
}
.footer-top {
background: #f7f8fb ;
}
.payment-partner li {
display: inline-block;
margin-right: 5px;
}
.payment-partner li img {
max-width: 75px;
}
.cat__list--wrapper h2 {
color: var(--light-blue);
font-weight: 600;
}
.side-bar {
background: #f5f5f5;
}
.price-field input {
accent-color: var(--light-blue);
} .nav.nav-tabs {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
max-width: calc(100vw - 20px);
border: none;
margin-top: 30px;
}
.nav.nav-tabs button {
border: none;
padding: 8px 70px 20px 0;
color: var(--heading-color);
}
.nav.nav-tabs button.nav-link.active {
color: var(--dark-red) !important;
}
.nav.nav-tabs .nav-item {
flex: 1;
max-width: 20%;
}
.countryCatSwiper .item-detail {
text-align: left;
}
.countryCatSwiper .item-detail h3 {
line-height: 18px;
margin: 15px 0;
}
.breadcrumb__wrapper {
padding-top: 20px;
}
.intro {
display: flex;
justify-content: space-between;
align-items: center;
}
.city-heading.slick-slide.slick-active {
text-align: left; }
.city-title {
max-width: 50%;
width: 100%;
padding-right: 4rem;
padding-left: 1rem;
}
.city-title {
background: #ffffff;
}
.city-heading {
text-align: center !important;
margin: 0 5px;
padding: 5px;
background-color: rgb(83 146 198 / 50%);
border-radius: 25px;
cursor: pointer;
}
.city-types .item__wrapper{
margin-left: 0;
}
.slick-prev:before,
.slick-next:before {
color: var(--light-blue) !important;
}
.slick-next {
right: 0 !important;
}
.slick-prev {
right: 30px;
left: unset !important;
}
.city-heading.slick-slide.slick-current.slick-active {
color: #972d26;
}
.countryCat--wrapper .item-detail {
text-align: left;
}
.countryCat--wrapper h3 { text-align: left;
} .navbar .sub-menu {
position: absolute;
z-index: 999;
visibility: hidden;
opacity: 0;
top: 80px;
transition: 0.4s;
background:#fff;
width: 220px;
padding: 10px 15px;
box-shadow: 0 20px 60px -30px rgb(31 36 48 / 20%);
pointer-events: none;
}
.navbar .sub-menu li{
padding:5px;
}
.navbar .menu-item:hover .sub-menu {
top: 35px;
transition: 0.4s;
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.secondary-menu{
background:#0b77b8;
padding:5px 0;
}
.secondary-menu ul li{
display:inline-block;
margin-right:10px;
}
.secondary-menu ul li a{
color:#ffffff;
font-size:14px;
display:inline-block;
}
.sticky .secondary-menu{
display:none;
}
.dashicons-cart:before {
content: "\f4a3";
font-family: bootstrap-icons !important;
font-size: 22px;
color: #196EB3;
}
.afrq-menu-item{
position:relative;
display:inline-block !important;
}
.afrq-menu-item:after{
content:"Quote";
display:block;
margin-top:8px;
}
.quote-li .afrq-menu-item .totalitems {
padding-left: 0;
top: -5px;
}
.user-info li{
display:inline-block;
text-align:center;
margin-left:15px !important;
}
.user-info li i{
font-size:22px;
color:#196EB3;
}
.sm-menu ul li{
margin-left:10px;
margin-right:0;
}
.quick-access:first-child{
margin-bottom:20px;
}
.quick-access a{
display:block;
position:relative;
}
.quick-access img{
width:100%;
height:190px;
object-fit:cover;
}
.qa-title{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
color:#ffffff;
padding:25px;
background: linear-gradient(transparent, black);
display: flex;
align-items: flex-end;
}
.qa-title span{
background:#9a0129;
padding:5px 15px;
border-radius:5px;
}
.services-wrapper .col-lg-3{
display:flex;
}
.services-wrapper .icon_box.icon_box_style3{
width:100%;
margin: 0;
background: #0e74bb29;
border-radius: 5px;
border: 0;
}
.services-wrapper .icon_box_style3 .icon{
float:unset;
margin:0 0 20px 0;
}
.services-wrapper .icon_box_style3 .icon i{
font-size:50px;
} .categories__wrapper .item__wrapper {
width: calc(14%);
padding: 10px;
border: 0 !important;
}
.categories__wrapper .item-detail{
padding:0;
}
.categories__wrapper .itemList__wrapper{
justify-content:center;
}
.categories__wrapper .item-image {
border-radius: 50%;  overflow: hidden;
background: #ddd;
height: 150px;
width: 150px;
margin: 0 10px;
}
.categories__wrapper .item-image a{
display:block;
height: 100%;
display: flex;
align-items: center;
}
.categories__wrapper .item-image img {
width: 100%;
height: 100px;
transition: transform 0.3s ease;
object-fit: contain;
}
.categories__wrapper .item__wrapper{
width:calc(15%);
}
.categories__wrapper .item__wrapper:hover{
box-shadow:unset !important;
}
.wrapper, .item__wrapper{
padding:0;
position:relative;
}
.pd-tabs .nav-link{
color:var(--heading-color);
font-weight:600;
text-transform:capitalize;
}  
.pd-tabs .nav-link.active{
color:var( --light-blue);
}
.item-image {
max-width:unset;
padding:20px;
background:#f5f5f5;
text-align:center;
height:200px;
display: flex;
justify-content: center;
align-items: center;
}
.item-detail{
padding:20px;
background:#ffffff;
}
.item-image img, .product .wrapper a:nth-child(2) img{
height:125px;
width:100%;
object-fit:contain;
margin:0 auto;
}
.items__wrapper .item-detail h3{
margin:0;
}
.tinvwl_add_to_wishlist_button {
position: absolute !important;
top: 15px;
right: 15px;
width: 30px !important;
height: 30px !important;
line-height:23px;
border: 1px solid #F7C830;
text-align: center;
margin: 0 !important;
border-radius: 50%;
background:#F7C830;
color:#ffffff;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before{
margin-right:0;
}
span.tinvwl-product-stats{
right:-10px;
background-color:#000000;
}
.rating ul li{
border:none;
}
section.items__wrapper, .popular-search-sec{
padding:50px 0;
}
form.cart{
margin:0 !important;	
}
.offer__wrapper{
padding-bottom:50px;
}
.quote-wrapper-sec{
padding:75px;
background-attachment:fixed !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:cover !important;
text-align:center;
position:relative;
color:#f5f5f5;
}
.quote-wrapper-sec:before{
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:rgba(0, 0, 0, 0.5);
}
.professional-text{
position:relative;
}
.professional-text p{
font-size:25px;
font-weight:500;
}
.professional-text h3{
font-size:50px;
font-weight:700;
margin-bottom:25px;
}
.professional-text a{
background: #196EB3;
color: #fff !important;
padding: 12px 35px;
border: 0;
border-radius: 5px;
display: inline-block;
}
.searched-cat {
max-width: 700px;
margin: 0 auto;
}
.searched-cat ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.searched-cat ul li {
margin: 10px;
}
.searched-cat ul li a {
padding: 8px 30px;
background: #ccc5;
border-radius: 25px;
font-size: 14px;
text-transform: capitalize;
}
.searched-cat ul li a:hover {
background: var(--light-blue);
color: #fff !important;
}
.quote-pd a{
display:block;
}
.product__list .quote-pd img{
width:auto;
height:auto;
margin:0;
float:unset;
object-fit:contain;
}
.quote-pd .product-title{
color:var(--heading-color);
font-size: 16px;
text-transform: uppercase;
line-height: 25px;
margin-bottom:15px;
}
.quote-pd a p{
color:#555555;
}
.quote-pd{
padding: 15px;
background: #f5f5f5;
height: 100%;
border-radius: 5px;
}
.quote-pd img{
margin-bottom:15px !important;
}
.factory-pd-sec .title{
margin-bottom:20px;
}
.product-list-slider,
.adverise-slider{
margin:0 -10px;
}
.product-list-slider .slick-slide
{
height: inherit !important;
}
.product-list-slider .slick-track
{
display: flex !important;
}
.product-list-slider  .slide-item,
.adverise-slider .slide-item{
margin:0 10px;
}
.product-list-slider .slick-prev{
right:unset;
z-index:222;
}
.product-list-slider .slick-arrow:before{
font-size:30px;
opacity:0;
z-index:0;
}
.product-list-slider:hover .slick-arrow:before{
opacity:1;
z-index:1;
}
.theme-buton-quote{
background:var(--light-blue);
border-color:transparent;
border-radius:4px;
}
.add__image a{
display:block;
}
.signup-account ul li{
display:inline-block;
}
.signup-account li:first-child a{
background:var(--heading-color);
}
.signup-account li a{
padding:10px 15px;
border-radius:4px;
background:#dddddd;
background:var(--light-blue);
color:#fff !important;
}
.filter-sidebar, 
.categoryList__wrapper .cat__list--wrapper{
padding:20px;
background:#f5f5f5;
}
.categoryList__wrapper .item-detail h3{
margin:0;
}
.primary-menu{
padding:10px 0;
}
.woocommerce span.onsale{
width: max-content;
border-radius: 0;
left: 15px;
top: 15px;
padding: 5px 10px;
height: auto;
min-height: unset;
min-width: unset;
line-height: unset;
border-radius: 4px;
background:#972D26;
}
.button, .components-button, .submit{
padding:10px 25px !important;
font-size:16px !important;
}
.woocommerce-cart .woocommerce-cart-form,
#customer_login,
.woocommerce-MyAccount-navigation,
.addify{
padding-top:50px;
}
.woocommerce-MyAccount-content{
margin-top:50px;
}
.aws-container .aws-search-form .aws-search-btn{
width:130px;
}
.aws-form-btn .aws-search-btn_icon{
display: flex !important;
width: 100% !important;
color: #196eb3 !important;
}
.aws-search-btn_icon:after{
content: "Search";
padding-right: 15px;
}
.aws-container .aws-search-form .aws-form-btn{
background:transparent;
}
.aws-search-form {
height: 50px !important;
}
.aws-container .aws-search-field{
border-radius:5px 0 0 5px !important;
}
.aws-container .aws-search-form .aws-form-btn{
border-radius:0 5px 5px 0 !important;
}
.aws-search-result .aws_result_title{
color:var(--heading-colo);
} .col-lg-3.product{
display:flex;
}
.product .wrapper{
background:#ffffff;
width:100%;
}
.product .wrapper a:nth-child(2) img{
max-width:100%;
}
.product .wrapper .woocommerce-loop-product__title{
font-size:16px;
padding:10px 20px 0 20px;
min-height:48.5px;
}
.product .wrapper .price{
display:block;
padding:0 20px;
margin-bottom:15px;
}
.product .wrapper .stock_status{
padding-left:20px;
margin-bottom:10px;
display:inline-block;
} 
.product .wrapper .quantity{
padding-right:20px;
margin-bottom:10px;
display:inline-block;
} 
.product .wrapper .button{
margin:0 20px 20px 20px;
display:block;
text-align:center;
background-color:var(--light-blue) !important;
font-size: 14px !important;
}
.product .wrapper .add_to_cart_button {
background-color:var(--dark-red) !important;
} .wp-post-image{
width: 100% !important;
object-fit: cover;
padding: 25px;
background: #f5f5f5;
height: 300px !important;
}
.yith-add-to-wishlist-button-block{
margin:0;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image--top-left {
left:unset;
right: 10px;
top: 15px;
background: #ffffff !important;
margin: 0;
width: 35px;
border:1px solid #dddddd !important;
height: 35px;
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
color: #fec410 !important;
}
.product .wrapper .woocommerce-LoopProduct-link .onsale{
background-color: var(--dark-red);
padding: 5px 10px !important;
display:inline-block;
width: max-content;
border-radius: 4px;
color:#fff;
font-size:14px;
position:absolute;
top:0;
left:0;
}
ins{
text-decoration:none;
}
.product a{
display:inline-block;
}
.woocommerce div.product{
padding: 0 5px
}
.woocommerce div.product.product-category{
padding:0;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text,
.select2-container .select2-selection--single{
height:40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:37px;
}
.select2-container--default .select2-selection--single,
.woocommerce form .form-row select{
border-radius:2px;
border-color:#e7e7e7;
}
.add_to_cart_button:after,
.afrfqbt.add_to_cart_button:after{
content: "\F242";
font-family: bootstrap-icons !important;
margin-left:5px;
position: relative;
top: 2px;
}
.afrfqbt.add_to_cart_button:after{
content: "\f4a3";
}
.out-of-stock{
color:red;
}
.addify_checkout_place_quote{
color:#ffffff !important;
margin:50px auto !important;
}
.af_quote_fields, .div.af_quote_fields,
div.af_quote_fields{
width:100%;
text-align:right;
}
.form_row, button.addify_checkout_place_quote{
float:unset !important;
}
button.addify_checkout_place_quote{
color:#ffffff !important;
} .woocommerce-account .woocommerce-MyAccount-content{
background:#f5f5f5;
border:0;
padding:20px 30px 20px 15px ;
}
.wishlist_item td .in-stock span:first-child{
display:none;
}
.tinv-wishlist .product-action .button{
padding:7px 10px !important;
font-size:14px !important;
}
.tinv-wishlist table td, .tinv-wishlist table th{
padding:5px !important;
}
.tinv-wishlist .tinvwl-table-manage-list .product-remove{
width: 35px;
text-align: center;
position: absolute;
top: 32px;
right: -27px;
}
.tinv-wishlist .product-remove button{
color: red;
}
.tinvwl-table-manage-list thead{
background: #555555;
color: #fff;
}
.woocommerce.tinv-wishlist #respond input#submit.alt, .woocommerce.tinv-wishlist a.button.alt, .woocommerce.tinv-wishlist button.button.alt, .woocommerce.tinv-wishlist input.button.alt{
background:#92261e !important;
border:0;
}
.tinvwl-input-group .form-control{
height:47px;
}
.af_rfq_get_qoute_by_my_account_pdf{
color:#95261f;
border-color:#95261f;
font-size:20px;
margin-left:20px;
}
.woocommerce-account .addresses .title .edit{
position:static;
}@media (max-width: 1200px) { .user-info li {
margin-left: 20px;
}
}
@media (max-width: 1150px) {
.user-info li,
.nav-list li a {
font-size: 14px;
}
.nav-list li a {
padding-left: 10px;
}
.user-info li {
margin-left: 13px;
}
.nav-list li{
padding:0 25px;
}
.user-info li{
margin-left:15px !important;
}
.quick-access img{
height:145px;
}
.categories__wrapper .item__wrapper {
width: calc(20%);
}
.product-list-slider .slick-next{
right:15px !important;
}
}
@media (max-width: 992px) {
.site-nav {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #434343;
padding: 20px;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: 0.4s;
}
.site-nav.active {
opacity: 1;
visibility: visible;
z-index: 999;
transition: 0.4s;
display: block;
}
.menu-close {
display: block !important;
position: absolute;
right: 20px;
top: 20px;
color:#f5f5f5;
}
.site-nav .navbar-collapse { display: flex;
flex-wrap: wrap;
}
.site-nav .navbar-collapse ul {
width: 100%;
margin:15 0 !important; 
}
.nav-list li a {
width: 100%;
color: #fff;
padding: 15px 0;
}
.nav-list li:first-child{
padding-left:25px;
}
.nav-list .sub-menu li:first-child{
padding:5px;
}
.nav-list li.quick-call a{
padding:15px !important;
}
.nav-list li::before{
top:15px;
}
.nav-list li {
border-bottom: 1px solid #696969;	
}
.nav-list {
margin: 40px 0 0!important;
}
.select-search a.trigger {
border: 1px solid #fff !important
}
.nav-list li::before{
left:0;
color:#ffffff;
}
.user-info li a.theme_button{
background: unset;
color: #000000 !important;
padding: 0;
border: 0;
}
}
@media (max-width: 991px) {
.secondary-menu{
display:none;
}
.navbar .sub-menu{
display:none;
}
.navbar .menu-item .sub-menu{
position: relative;
opacity: 1 !important;
visibility: visible !important;
transition: unset !important;
top:0 !important;
margin-bottom:10px;
}
.navbar .menu-item .sub-menu li a{
color:#555555;
padding:5px 0;
}
.navbar .menu-item  i{
position:absolute;
top:15px;
color:#f5f5f5;
}
.aws-container .aws-show-clear .aws-search-field {
padding-right: 6px;
}
.aws-search-btn_icon:after {
padding-right: 8px;
}
.banner__wrapper  .col-lg-3{
display:flex;
justify-content:space-between;
}
.quick-access {
max-width: 49%;
width: 100%;
margin:20px 0 0 0 !important;
}
.categoryList__wrapper {
padding: 25px 0 !important;
}
.user-info {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #ffffff;
padding: 10px 15px 5px;
display: flex !important;
justify-content: space-around;
align-items:center;
z-index: 555;
border-top: 2px solid;
margin:0;
} .mobile-menu-icon {
display: block !important;
font-weight: 800;
font-size: 25px;
}
.side-bar {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
visibility:hidden;
overflow-x: scroll;
margin:0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.35s -webkit-transform ease-in-out;
transition: 0.35s -webkit-transform ease-in-out;
transition: 0.35s transform ease-in-out;
transition: 0.35s transform ease-in-out, 0.35s -webkit-transform ease-in-out;
-moz-transition: 0.35s transform ease-in-out, 0.35s -webkit-transform ease-in-out, opacity 0.35s ease-out, visibility 0.35s linear;
-webkit-transition: 0.35s transform ease-in-out, 0.35s -webkit-transform ease-in-out, opacity 0.35s ease-out, visibility 0.35s linear;
-o-transition: 0.35s transform ease-in-out, 0.35s -webkit-transform ease-in-out, opacity 0.35s ease-out, visibility 0.35s linear;
transition: 0.35s transform ease-in-out, 0.35s -webkit-transform ease-in-out, opacity 0.35s ease-out, visibility 0.35s linear;
overflow-y: scroll;	
}
.side-bar.active{
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 0 0 50px rgb(0 0 0 / 10%);
box-shadow: 0 0 50px rgb(0 0 0 / 10%);
visibility: visible;
opacity: 1;
z-index: 10000000;
}
.side-bar-close{
display:block !important;
}
.mobile-filter,
.mobile-filter .side-bar {
display: block !important;
}
header.sticky .site-nav{
display: block;
}
.menu-search{
display: none;
}
p.woocommerce-notice--success{
font-size: 24px;
}
.woocommerce-thankyou-order-details{
flex-wrap:wrap;
}
.xoo-wsc-basket{
bottom:100px;
}
.navbar .menu-cat{
display:none;
}
.services-wrapper .icon_box.icon_box_style3{
margin-bottom:20px;
display:flex;
align-items:center;
}
.user-info li a br{
display:none;
}
.user-info li i{
display:block;
}
.qa-title,
.icon_box.icon_box_style3{
padding:15px;
}
.services-wrapper .icon_box_style3 .icon{
margin-right:20px !important;
margin-bottom:0 !important;
}
.copy-right {
padding-bottom:100px !important;
}
.primary-menu{
box-shadow:0 0 5px #cfcfcf;
}
#quote-li-icon .dashicons-cart{
margin-top:0 !important;
}
.dashicons-cart:before {
position: relative;
top: 2px;
}
.quote-text{
margin:20px !important;
padding:25px !important;
font-size:20px !important;
}
.quick-action-sec{
background-attachment:unset !important;
}
.action-box{
margin-bottom:20px;
}
}
@media(max-width:768px){
.woocommerce-MyAccount-navigation ul{
display: flex;
white-space: nowrap;
overflow-x: scroll;
background: transparent;
padding: 5px;
background-color:#dddddd;
}
.woocommerce-MyAccount-navigation ul li a{
padding:7px 15px;
color:#196eb3;
}
.woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
width:100% !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
color:#ffffff;
}
.wishlist_item{
background:#ffffff;
border-top: 15px solid #f5f5f5;
border-bottom: 15px solid #f5f5f5;
}
.woocommerce-Address-title.title{
display:block !important;
}
.woocommerce-account .addresses .title .edit{
float:none;
margin:10px 0;
}
}
@media (max-width: 767px) {
.menu-search {
margin-top: 20px;
}
.menu-search button span {
display: none;
}
.menu-search form button i {
margin: 0;
}
.main-menu .col-md-6 {
order: 3;
}
.user-info li {
margin: 0 !important;
width: 25% !important;
text-align: center;
}
.user-info li a i {
display: block;
}
.user-info li a {
text-align: center;
} .item-detail .theme_button{
padding: 8px 15px;
}
table.cart .product-remove{
position: static;
}
.product-quantity:before{
line-height: 40px;
}
.woocommerce-page table.cart td.actions .coupon .input-text+.button,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first,
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
float: unset;
width: 100% !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
margin:0 0 10px !important;
}
.counter-info{
flex-wrap: wrap;
}
.counter-info .counter{
font-size: 30px;
width: 100%;
margin: 0;
text-align: center;
}
.counter-text br{
display: none;
}
.city__tour--wrapper .intro{
display: block !important;
margin-bottom: 25px;
}
.city-title{
max-width: 100%;
padding-left: 0;
}
.user-info li a i{
font-size: 20px;
}
#order_review{
overflow: hidden;
overflow-x: scroll;
}
.categories__wrapper .item-image{
max-width:150px;
width:100%;
margin:0 auto;
}
.adverise-slider .slick-dots{
bottom:0 !important;
}
.product .wrapper .woocommerce-loop-product__title{
min-height:unset;
}
section{
padding-top:40px;
}
section.items__wrapper, .popular-search-sec{
padding:40px 0;
}
}
@media (max-width: 767px) {
.categoryList__wrapper {
padding: 0 !important;
}
.title p {
max-width: 250px;
}
.content_title h1 {
font-size: 2rem;
} .categories__wrapper .item__wrapper {
width: calc(50%);
}
.category__add--wrapper .add__wrapper {
margin-bottom: 30px;
}
.product__column {
margin-bottom: 30px;
max-width: 100%;
} .testimonial__wrapper .title .left p {
margin: 0 auto;
}
.testimonial {
padding: 20px;
}
.testimonialSwiper {
padding: 0 0 40px 0 !important;
}
.counter-info {
justify-content: center;
}
.footer__counter {
padding:40px 8px 8px 8px;
}
.counter-info {
padding-bottom: 30px;
}
.footer-abt {
display: block !important;
}
.f-logo {
margin-bottom: 30px;
}
.categoryList__wrapper,
.product__detail {
padding: 20px 0;
}
.categoryList__wrapper .itemList__wrapper .item__wrapper,
.productList__wrapper .item__wrapper {
width: calc(50%);
}
.city-heading{
font-size: 14px;
}
.cart-count{
right:15px;
top:-5px;
}
.user-info i:before{
margin-right:0;
}
section.category__add--wrapper{
padding-bottom:0;
}
.quote-wrapper-sec{
padding:35px;
}
.professional-text h3{
font-size:36px;
}
.professional-text p{
font-size:20px;
}
.singleProduct .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
left:10px;
}
.woocommerce div.product .product_title{
margin-right:0;
}
.itemList__wrapper.products .item__wrapper {
width:100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.categories__wrapper .item__wrapper {
width: calc(25%);
}
.category__add--wrapper .add__wrapper {
margin-bottom: 30px;
}
.product__column {
margin-bottom: 30px;
max-width: 100%;
}
.add__image img {
height: 250px;
object-fit: cover;
} .categoryList__wrapper .itemList__wrapper .item__wrapper,
.productList__wrapper .item__wrapper {
width: calc(50%);
}
.testimonial {
padding: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.item__wrapper {
width: calc(25%);
}
}
@media (max-width: 650px) {
.woocommerce div.product .woocommerce-tabs ul.tabs{
white-space: nowrap;
overflow: hidden;
overflow-x: scroll;
}
.productList__wrapper .itemList__wrapper{
display:block;
}
}
 .slick-loading .slick-list
{
background: #fff url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/images/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/slick.eot);
src: url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/slick.woff) format('woff'), url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/slick.ttf) format('truetype'), url(//tokyofoodsuppliers.com/wp-content/themes/halal/assets/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}#wc-stripe-upe-element{margin-bottom:4px}.stripe-gateway-checkout-email-field{position:relative}.stripe-gateway-checkout-email-field button.stripe-gateway-stripelink-modal-trigger{display:none;position:absolute;right:5px;width:64px;height:40px;background:no-repeat url(//tokyofoodsuppliers.com/wp-content/plugins/woocommerce-gateway-stripe/assets/images/link.svg);background-color:transparent;cursor:pointer;border:none}