/*!
Theme Name: Emcol - Industry
Template:   twentythirteen
*/

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box; }

:root {
	--primary:#E41B12;
	--black:#000;
	--white:white;
	--gray-f2: #F2F2F2;
	--gray-2b: #2B2E34;
	--gray-81: #818284;

	--gray-1f: #1F1F1F;
	--gray-70: #707070;
	--gray-3: #38383D;
	--gray-5: #515158;
	--gray-e: #E1E1E1;

	--admin-bar-height: 0px;
	--top-header-height:33px;
	--site-header-height:100px;
	--app-footer-height: 0px;
	
	--wrapper-margin: 8vw;
}

.primary { color:var(--primary); }

html { font-size:20px; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;
	scroll-padding-top:calc( var(--admin-bar-height) + var(--site-header-height) );
}

body { font-size:1rem; background:white; color:black; min-height:100vh; line-height:normal; line-height:1.5; margin:0; display: flex; flex-direction: column; padding-top:var(--site-header-height); }

body,
.assistant {
	font-family: "Assistant", sans-serif;
	font-optical-sizing: auto;
}

h1, h2, h3, h4, h5, h6 { font-family: "Assistant", sans-serif; font-weight:700; color:inherit; line-height:1.1; }


h1 { font-size:70px; font-weight:400; margin: 0 0 1rem; }
 
h2 { font-size:40px; font-weight:700; color: var(--primary); }
h2.black { color:inherit; }

h3 { font-size:35px; font-weight:700; margin:0.4em 0; }

h4 { font-size:30px; font-weight:700; margin:1rem 0 0; }

h5 { font-size:25px; font-weight: 500; margin:0 0 0.5rem; }

.box-shadow { box-shadow:var(--box-shadow); }

.site { background:none; border:none; max-width:none; margin:0 auto; flex-grow: 1; width:100%; }
.site-main { width:auto; font-size:1rem; position:relative; }
.site-main .sidebar-container { height:0; position:absolute; top:40px; width:100%; z-index:1; }
.site-main .sidebar-inner { margin:0 auto; max-width:1040px; }

body .content-area { position:relative; overflow: initial; }

.site-content { color: var(--color-gray); padding:0 0 2rem; }

article:after { content:''; clear:both; display:table; }

.page-wrapper,
.wrapper { max-width:1640px; margin:0 auto; position:relative; padding:0; width:84%; }
/*.wrapper .wrapper,
.wrapper-smaller { max-width:1200px; margin:0 auto; position:relative; padding:0; width:calc(100% - 250px); }*/

@media (max-width:782px) {
	:root {
		--site-header-height: 68px;
		--top-header-height: 0px !important;
		--wrapper-margin: 32px;
	}
	h1 { font-size:35px; }
	h2 { font-size:30px; }
	h3 { font-size:27px; }
	h4 { font-size:24px; }
	h5 { font-size:22px; }

	body .content-area { overflow:visible; }
}

[hidden] { display:none; }


button,
input,
select,
textarea { font-family:inherit; }

a.no-decoration { text-decoration:none; }
a:hover { text-decoration:underline; }
address { font-style:italic; margin:0 0 24px; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:700; }
dfn { font-style:italic; }
mark { background:#ff0; color:#000; }
p { margin:0 0 1em; }
code,
kbd,
pre,
samp { font-family:monospace,serif; font-size:14px; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; }
pre { background:#f5f5f5; color:#666; font-family:monospace; font-size:14px; margin:20px 0; overflow:auto; padding:20px; white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
blockquote, q { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes:none; }
blockquote:after,
blockquote:before,
q:after,
q:before { content:""; content:none; }
blockquote { font-size:18px; font-style:italic; font-weight:300; margin:24px 40px; }
blockquote blockquote { margin-right:0; }
blockquote cite,blockquote small { font-size:14px; font-weight:400; text-transform:uppercase; }
blockquote em,blockquote i { font-style:normal; font-weight:300; }
blockquote b,blockquote strong { font-weight:400; }
small { font-size:smaller; }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
dl { margin:0 20px; }
dt { font-weight:700; }
dd { margin:0 0 20px; }
menu,ol,ul { margin:16px 0; padding:0 0 0 40px; }
ul { list-style-type:square; }
nav ol,nav ul { list-style:none; list-style-image:none; }
li > ol, li > ul { margin:0; }
img { max-width: 100%; height: auto; display: block; border:none; /*-ms-interpolation-mode:bicubic; border:0; vertical-align:middle; object-fit: contain; */ }
svg:not(:root) { overflow:hidden; }
figure { margin:0; }
form { margin:0; }
fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em; }
legend { border:0; padding:0; white-space:normal; }
button,input,select,textarea { font-size:100%; margin:0; max-width:100%; vertical-align:baseline; }
button,input { line-height:normal; }
button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer; }
button[disabled],input[disabled] { cursor:default; }
input[type=checkbox],input[type=radio] { padding:0; }
input[type=search] { -webkit-appearance:textfield; }
input[type=search]::-webkit-search-decoration { -webkit-appearance:none; }
textarea { overflow:auto; vertical-align:top; height:8em; }
table { border-collapse:collapse; border-spacing:0; font:inherit; }
caption { font-size:16px; margin:20px 0; }
th { font-weight:700; text-transform:uppercase; }
del { color:#333; }
ins { background:#fff9c0; text-decoration:none; }
hr { background:url(images/dotted-line.png) repeat center top; background-size:4px 4px; border:0; height:1px; margin:0 0 24px; }

/* site-header: */
.site-header { left: 0; width: 100%; position: fixed; top:var(--admin-bar-height); z-index: 100; background:var(--white); }
.site-header-main { padding: 30px 0; box-shadow: 0 3px 6px #0002; }
.site-header-main > .wrapper .inner { display: flex; align-items: center; justify-content: space-between; gap:0 4%; }

.main-menu { list-style:none; padding:0; margin:0; display:flex; gap:1rem; }
.main-menu li { position:relative; }
.main-menu a { text-decoration:none; }
.main-menu button { background:none; border:none; }
.main-menu .sub-menu { display:none; position:absolute; }
.main-menu li:focus > .sub-menu,
.main-menu li:focus-within > .sub-menu { display:grid; gap: 0; background: var(--gray-f2); color: white; padding: 0.7rem; }

.site-header .home-link { display:block; background:none; flex-shrink: 0; }
.site-header .home-link img { display:block; }

.site-header .site-title:hover { text-decoration:underline; }
.site-title { font-size:60px; font-weight:700; line-height:1; margin:0; padding:58px 0 10px; }
.site-description { font:300 italic 24px "Source Sans Pro",Helvetica,sans-serif; margin:0; }

.menu-toggle { cursor:pointer; width:42px; height:36px; background:var(--primary) url(assets/img/menu-toggle.svg?v=0.1) center no-repeat; }

@media ( max-width:782px) {
	.site-header-main { padding: 10px 0; height: 68px; display: flex; align-items: center; }
	.site-header .home-link { max-width:110px; }
}

ul.nav-menu { padding:0; display:flex; flex-wrap:wrap; gap:1em 30px; margin: 0; }
ul.nav-menu, ul.nav-menu ul { list-style:none; }
.nav-menu > li { display:flex; align-items: stretch; }

.nav-menu li { position:relative; font-size:18px; }
.nav-menu a { color:inherit; display:block; text-decoration:none; }
.nav-menu > li > a { color:inherit; display: flex; align-items: center; text-decoration:none; }
.nav-menu > li:is(.products, .menu-item-has-children) > a:after { content: ''; width:1.1em; height:1.1em; display: block; background: url(assets/img/bullet-expand-arrow-left.svg) center no-repeat; transform:rotate(-90deg); margin-top: 4px; }
/*.nav-menu .children,.nav-menu .sub-menu*/

ul:is(.nav-menu,.footer-menu) li:is(:hover,:focus) > a { color:var(--primary); }
ul.nav-menu a { width: 100%; }

.nav-menu > li > .sub-menu {
	background:var(--white);
	position: absolute;
	z-index: 10;
	transform: translateX(-50%);
	left: 50%;
	height:0;
	width: max-content;
	top: 100%;
	padding:0.4rem 2rem;
	border-top:1px solid var(--primary);
	display:none;
	box-shadow:1px 1px 5px #0003;
	gap:0.5rem;
}

.nav-menu li:hover > ul,
.nav-menu li:focus > ul,
.nav-menu li:focus-within > ul { display:grid; clip:inherit; overflow:inherit; height:inherit;  }

.nav-menu > li.menu-item-has-children > a:after { content: ''; margin-inline-start: 0.3em; width:11px; height:11px; display: inline-block; background:url("assets/img/arr-down.svg") 50% 50%/contain no-repeat; filter:saturate(0) brightness(0); }
.nav-menu > li:is(:hover,:focus,:focus-within) > a:after { /*filter:none;*/ }


@media ( min-width:783px) {
	.header-products-menu-container { display: none; box-shadow: 0 3px 6px #0002; }
	.header-products-menu-container .inner { width: 900px; max-width: 100%; }
	ul.products-menu.header-products-menu,
	ul.products-menu.header-products-menu ul { width:var(--header-products-menus-width); padding: 30px 30px; }
	ul.products-menu.header-products-menu { position:relative; }
	ul.products-menu.header-products-menu ul { position: absolute; top: 0; right:100%; background: linear-gradient(to left, #0003, transparent 6px); }
	ul.products-menu.header-products-menu li.menu-title { display:block; margin-bottom: 0.4rem; }
	ul.products-menu.header-products-menu li.menu-title span { font-size:25px; font-weight:500; }
	ul.header-products-menu > li { width: 100%; }
	ul.header-products-menu li > ul { display:none; position: absolute; top: 0; right: 33%; left:0; }
	ul.header-products-menu li.expanded > ul { display:block; border-right: 1px solid #eee; }
	ul.header-products-menu li.expanded > a { background:#E41B1244; }
}

@media ( max-width:782px) {

	.site-header { position:fixed; }

	.site-header .inner { flex-direction: row-reverse; }

	/*body.transparent-header .site-main { margin-top:0; }*/

	.site-main { margin-bottom:0; }

	.nav-menu > li > .sub-menu { display:none; background:none; border:none; padding:1rem; position:relative; /*transform:translateX(-50%); left:50%; height:1px; width:1px; top:100%;*/ top:auto; left:auto; right:auto; width:auto !important; transform:none; }
	.nav-menu > li > .sub-menu > li { max-width:none; }
	/*.nav-menu .sub-menu .sub-menu { display:none; }*/

	body ul.products-menu, body ul.products-menu ul { height:auto !important; display:grid; /*gap:20px 0;*/ }
}

.nav-menu > * li > a { padding:0; position: relative; }
.nav-menu > li > a { position:relative; }
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-menu-ancestor > a { color:var(--primary); }
@media (min-width:783px) {
	.nav-menu > li.current-menu-item:after,
	.nav-menu > li.current-menu-ancestor:after { content:''; position:absolute; top:110%; left:50%; transform:translateX(-50%); width: 6px; height:6px; background:var(--primary); display:block; }
	.nav-menu > li.current-menu-item:is(.products, .menu-item-has-children):after,
	.nav-menu > li.current-menu-ancestor:is(.products, .menu-item-has-children):after { margin-inline-end: 0.5em; }
}
.nav-menu .sub-menu .sub-menu > li { color:#666; font-size:0.9rem; }

#navbar { padding:0; flex-grow: 1; margin:0; display: flex; align-items: center; justify-content: space-between; }
#primary-menu { display: flex; justify-content: space-between; gap:0 0.6em; flex-wrap:wrap; }


	
.site-header .search-form { flex-shrink: 0; width:100%; max-width:160px; position:relative; }
.site-header .search-field { width:100%; padding:0.3em 0.8em; background:var(--gray-f2); border-radius:10em; border:1px solid #C7C7C7; }
.site-header input.search-submit { position:absolute; top:0; left:0; height:100%; aspect-ratio:1; padding:0; font-size:0; border:none; background:url(assets/img/icon-search-black.svg) 0.8rem 50% no-repeat; }
.site-header input.search-field::-ms-input-placeholder { color: inherit; }
.site-header input.search-field::-webkit-placeholder { color: inherit; }
.site-header input.search-field::placeholder { color: inherit; }

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal { display: none; width: 0; height: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance:none; }

@media ( max-width:782px) {
	.site-header .search-form { max-width:none; margin-bottom:1rem; }
	.site-header .search-field { border-radius: 0; background: none; }
}

.entry-content,.entry-header,.entry-meta,.entry-summary { margin:0; max-width:none; width:100%; }
.sidebar .entry-content,.sidebar .entry-header,.sidebar .entry-meta,.sidebar .entry-summary { max-width:none; padding:0; }
.sidebar .entry-header .entry-meta { padding:0; }
.entry-thumbnail img { display:block; margin:0 auto 10px; }
.entry-header { margin-bottom:30px; }
.entry-meta { clear:both; }
.entry-meta a { }
.entry-meta a:hover { }

.wpcf7 input[type="submit"],
.button { display:inline-block; cursor:pointer; padding:0.5em 2.4em; text-decoration:none; background:none; text-align:center; color:var(--white); border: 1px solid var(--primary); border-radius: 5em; }
/* font-weight:700; padding:0.4em 2em;  */
.site-footer .wpcf7 input[type="submit"]:hover,
.site-footer .wpcf7 input[type="submit"]:focus,
.button:hover,
.button:focus,
.button-red,
.button-red:hover,
.wpcf7 input[type="submit"],
.button.on { background: var(--primary); color: var(--white) !important; }

.button-round { border-radius: 5em; }

@media ( max-width:782px) {
	.site-footer .wpcf7 input[type="submit"],
	.button { /*font-weight:400; padding:0.4em 0.8em; width: 100%;*/ }
}

label.on-off-label { cursor:pointer; }
label.on-off-label input { margin-inline-end: 0.4em; }
label.on-off-label.on { color:var(--primary); }
input.faux-radio { vertical-align: baseline; appearance: none; border-radius: 50%; width: 14px; height: 14px; border: 1px solid var(--white); position: relative; }
input.faux-radio:checked { border-color:var(--primary); background: none; }
input.faux-radio:checked:after { content: ''; position:absolute; top:3px; left:3px; width: 6px; height: 6px; background: var(--primary); display: block; border-radius: 50%; }

label.hidden-input input { display: none; }


/* floating contact menu: */
.floating-contact-menu { position:fixed; bottom:48px; right:calc( ( var(--wrapper-margin) - var(--button-size)) / 2 ); z-index: 50; --button-size:46px; --button-gap:23px; }
.floating-contact-menu.on .toggle-show { display:none; }
.floating-contact-menu-toggle { position:absolute; bottom:0; right:0; z-index: 1; }
.floating-contact-menu > .contact-menu-container { width:var(--button-size) !important; position: absolute; right: 0; bottom:0; }
@media ( max-width:782px) {
	.floating-contact-menu > .contact-menu-container { display:none; bottom:calc(var(--button-size)/2); padding-bottom:calc(var(--button-gap) + var(--button-size)/2); }
}
/*.floating-contact-menu:not(.on) ul,*/
.floating-contact-menu:not(.on) .toggle-hide { display:none; }
.floating-contact-menu ul { list-style: none; margin:0; padding:0; display:grid; gap:var(--button-gap); }
.floating-contact-menu li { position:relative; color:white; }
body.rtl .floating-contact-menu li a span { direction:rtl; }
.floating-contact-menu li a,
.floating-contact-menu-toggle { min-width: var(--button-size); height: var(--button-size); text-decoration:none; border-radius: var(--button-size); background: var(--primary); box-shadow: 0px 0px 6px #00000029; cursor:pointer; }
.floating-contact-menu li a { display: flex; align-items: center; width: fit-content; }

.floating-contact-menu-toggle.toggle-show { background:var(--primary) url(assets/img/floating-icon-show.svg) center/40% no-repeat; }
.floating-contact-menu-toggle.toggle-hide { background:var(--primary) url(assets/img/floating-icon-hide.svg) center/34% no-repeat; }
.floating-contact-menu i { flex-shrink:0; display:block; width: var(--button-size); height: var(--button-size); }
.floating-contact-menu li.email i { background:url(assets/img/floating-icon-email.svg) center/auto 32% no-repeat; }
.floating-contact-menu li.location i { background:url(assets/img/floating-icon-location.svg) center/40% no-repeat; }
.floating-contact-menu li.tel i { background:url(assets/img/floating-icon-tel.svg) center/36% no-repeat; }
.floating-contact-menu li.whatsapp i { background:url(assets/img/floating-icon-whatsapp.svg) center/36% no-repeat; }

.floating-contact-menu a span { display:none; white-space: nowrap; padding: 0 1.1rem; padding-inline-start:0.3rem; height:1.5em !important; }
/*.floating-contact-menu a:hover,
.floating-contact-menu a:focus,
.floating-contact-menu a:focus-within { width:fit-content; }*/

@media ( max-width:782px) {
	.floating-contact-menu { bottom:14px; right:calc(var(--wrapper-margin) / 2); --button-size:38px; --button-gap:18px; }
}

/* grid: */
.grid, .grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:4rem 3%; margin:2.4rem 0 1rem; }
.grid-4 { display:grid; grid-template-columns: repeat(4,1fr); gap:4rem 3%; }
.grid-2 { display:grid; grid-template-columns: repeat(2,1fr); gap:4rem 3%; }

@media ( max-width:950px) {
	.grid, .grid-3 { grid-template-columns: repeat(2,1fr); gap: 46px 22px; }
	.grid-4 { grid-template-columns: repeat(2,1fr); }
}
@media ( max-width:782px) {
	/*.grid-2,
	.grid, .grid-3 { grid-template-columns: 1fr; }*/
	
	.mobile-grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap:2rem 3%; }
	.mobile-flex-2 { display: flex; justify-content:center; gap:2rem 3%; flex-wrap:wrap; }
	.mobile-flex-2 > * { width:48%; }
}

/* my-marquee: */
.my-marquee-container { display: block; width: 100%; overflow: hidden; position: relative; --marquee-num-of-copies:1; --marquee-time:70s; }
.my-marquee { display: flex; align-items: center; width:fit-content; animation: my-marquee calc(var(--marquee-time) / var(--marquee-num-of-copies)) linear infinite; }
.my-marquee:hover,
.my-marquee:focus,
.my-marquee:focus-within { animation-play-state: paused; }
@keyframes my-marquee {
    from {transform: translateX(0%); }
    to {transform: translateX(calc(100% / var(--marquee-num-of-copies))); }
}

/* home: */
/*body.home .header-image img { max-height: calc(100vh - var(--top-header-height) - var(--admin-bar-height)); object-fit: cover; }
body.home .site-content { padding-top:0; padding-bottom: 0; }
body.home .page-header { width:100%; height:100vh; background:#FFC107; }*/

body.home .site-content { padding:0; }

section.section-home-about { padding-top: 100px; }

section.section-home-about h2 {}

.home-about-grid { display: grid; grid-template-columns: 42% auto; gap: 10%; margin: 0 0 115px; }
.home-about-grid-1 {}
.home-about-grid-2 {}


section.page-header { padding: 0; position: relative; max-height: calc(100vh - var(--admin-bar-height) - var(--site-header-height)); height: 48vw; display: flex; }
.page-header-bg { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.page-header .inner { padding-top:var(--site-header-height); position: relative; width: 100%; font-size:35px; }
.page-header h1 { margin:0 0 1.6rem; }
.page-header .entry-content ul { margin:-1.3em 0 0; padding:0; list-style:none; display:flex; flex-wrap: wrap; }
.page-header .entry-content ul > li:not(:first-child):before { content: ''; width:10px; height:10px; background: var(--primary); margin: 0 1em; display: inline-block; vertical-align: middle; }

body.home .page-header .inner { display: grid; grid-template-rows:auto 50%; }
body.home .page-header .inner .wrapper { align-self: flex-end; }
@media (max-width:782px) {
	body.home .page-header .inner { grid-template-rows:auto 70%; }
}

section { padding:60px 0; outline: none; }
section.offwhite { background:var(--gray-f2); }
body.home section .user-content { max-width: 640px; margin: 0 auto; }
section h2 { margin:0 0 1.4rem; }

section.section-home-services { padding: 90px 0 100px; }

.services-container.d-flex { display: flex; align-items: center; gap: 2rem; flex-wrap:wrap; margin:90px 0 0; }
.services-container.d-flex .item { flex-basis:0; flex-grow:1; line-height:1.1; }
.services-container.d-flex .item img { width: auto; height:auto; display:block; margin:0 auto 0.5rem; }

.importers-container { margin:35px 0 10px; }
.importers-container .my-marquee img { max-width:10vw; margin-inline-end: 1.6rem; }

body.transparent-header .site-main { margin-top: calc(-1* var(--site-header-height)); }

@media ( min-width:783px ) {
	body.transparent-header:not(.scrolled-down) .site-header:not(:hover,:focus,:focus-within) { background: transparent; box-shadow:none; }
	body.transparent-header:not(.scrolled-down) .site-header:not(:hover,:focus,:focus-within) .site-header-main { box-shadow:none; }
	body.transparent-header:not(.scrolled-down) .site-header:not(:hover,:focus,:focus-within) .search-field { background: #0004; color:var(--white); border-color:transparent; }
	body.transparent-header:not(.scrolled-down) .site-header:not(:hover,:focus,:focus-within) input.search-submit { background-image:url(assets/img/icon-search-white.svg); }
}

@media ( max-width:782px) {

	body.transparent-header:not(.scrolled-down) .site-header:not(:hover,:focus,:focus-within) { background: rgba(255,255,255,90%); box-shadow:none; }

	.services-container.d-flex { display: grid; gap:0; max-width: 200px; margin:50px auto 0; font-size: 23px; font-weight: 500; }
	.services-container.d-flex .item:not(:first-child):before { content:''; width:10px; height:10px; background: var(--primary); display: block; margin:60px auto; }
	.services-container.d-flex .item img { margin: 0 auto 20px; }

	section.page-header { height:80vh; }

	.page-header .inner { font-size:22px; padding-top:calc(var(--site-header-height) + 30px); }
	.page-header h1 { font-size:40px; }
	.page-header .entry-content ul > li:not(:first-child):before { width: 8px; height: 8px; }

	section.section-home-about { padding-top: 50px; }
	.home-about-grid { display: flex; flex-direction: column-reverse; gap: 60px; margin-bottom: 3rem; }
	.importers-container { margin: 1rem calc(0% - var(--wrapper-margin)) 2rem; width: calc(100% + 2 * var(--wrapper-margin)); }
	.importers-container .my-marquee {}
	.importers-container .my-marquee img { max-width:20vw; margin-inline-end: 1rem; }

	section.section-home-services { padding: 50px 0 60px; }
	
}

/* products archive (at homepage actually): */
.product-categories-grid .item .image-container { box-shadow: 0 3px 6px #0003; }
.product-categories-grid .item:hover .image-container { box-shadow: 0 0 6px #D1CFCF; }
.product-categories-grid .item .image-container img { width:100%; height:auto; }
.product-categories-grid .item h5 { margin:0.7em 0 0.1em; }
a.arrow-red:hover,
.product-categories-grid .item:hover .read-more.arrow-red { color:var(--primary); }
.grid-products .product-thumb h5:before,
.arrow-red:before { content: ''; width:0.7em; height: 0.6em; background: url(assets/img/bullet-arrow-red-left-long.svg) 0 50% no-repeat; display: inline-block; margin-inline-end: 0.5em; }
.product-categories-grid .item:hover .read-more.arrow-red:before { width: 1.6em; }

/* product category: */
.archive-header .breadcrumbs { position: absolute; top: 25px; z-index:1; }
.breadcrumbs a { text-decoration:none; }
.breadcrumbs-sep { margin: 0 0.4em; }

header.archive-header { background: linear-gradient(black, #000b); position:relative; color:white; overflow: hidden; }
.archive-header .header-bg,
.archive-header.bg-position .header-bg { position: absolute; left: var(--wrapper-margin); top: 20%; width: auto; height: 100%; }
.archive-header.bg-whole .header-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.archive-header .inner { padding:100px 0; font-size:20px; min-height: 22vw; display:flex; flex-direction: column; justify-content: center; }
.archive-header .inner h1 { font-size:40px; font-weight: 700; }
@media (min-width:783px) {
	.archive-header .inner { max-width:670px; width:60%; }
	.product-cat-top-1,
	.product-cat-top-2 { height: 486px; }
	.product-brand-desc-container { position: relative; margin:40px 40px 30px 0; }
}
@media (max-width:782px) {
	header.archive-header { display: flex; flex-direction: column-reverse; }
	.archive-header .inner { padding: 60px 0 30px; }
	.archive-header .header-bg,
	.archive-header.bg-position .header-bg { left: auto; position: relative; width: 80%; height: 55vw; object-fit: cover; object-position: top; margin: 0 auto; }
}
section.product-cat-top { display: grid; grid-template-columns: 38% auto; gap:0; background: #F4F4F4; padding: 0; margin:100px 0 80px; }
.product-brand-logo-small { max-width: 10rem; height: auto; }
.product-cat-top-1 { display:flex; flex-direction:column; justify-content: space-between; }
.product-cat-top-2 { min-height: 0; position:relative; overflow: hidden; }
.product-cat-top-2.slick-slider { display:flex; }
.product-cat-top-2 .slick-list { display:flex; }
.product-cat-top-2 .slick-slide { align-self: stretch; }
.product-cat-top-2 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-brand-desc-container { position: relative; overflow: hidden; }
.product-cat-top .product-brand-desc { height: 100%; overflow: auto; padding-inline-end: 2.5rem; }
.product-cat-top.has-slider .product-cat-top .product-brand-desc { display:none; opacity:0; /*position:absolute; top:0; right:0;*/ }
.product-cat-top-nav { display: flex; gap:20px; padding: 15px; }

.term-inner-filter-container { margin:2.3rem 0 4.2rem; background: #F2F2F2; }
.term-inner-filter-container h4 { margin:0 0 0.5rem; }
.term-inner-filter { display: flex; flex-wrap: wrap; justify-content: center; }
a.term-inner-filter-subcategory { font-size:25px; font-weight: 500; padding:0.7rem 1.5em; border-top:2px solid transparent;
	border-bottom:2px solid transparent; text-align:center; }
a.term-inner-filter-subcategory.on { background:white; border-top-color: var(--primary); }

@media (max-width:782px) {
	a.term-inner-filter-subcategory { font-size:16px; }
	section.product-cat-top { margin: 68px calc(-1* var(--wrapper-margin)) 2.5rem; }
	.product-cat-top-2.slick-slider { grid-row: 1; }
	section.product-cat-top { grid-template-columns: auto; }
	.product-cat-top .product-brand-desc { padding:30px; }
	.product-cat-top.has-slider .product-brand-desc { height: 15rem; }
}

.grid-products { max-width: 1300px; margin: 0 auto; }
.grid-products .product-thumb { margin:0 0 2rem; }
.grid-products .product-thumb h5 { background:#F2F2F2; padding:0.6em 1em; margin:0; display: flex; align-items: center; }
.grid-products .product-thumb .image-container img { position: relative; z-index:-1; }
.grid-products .product-thumb:hover .image-container { box-shadow: inset 0px 3px 6px #0003; }

@media (min-width:783px) {
	.grid-products { width: 90%; }
	.grid-products .product-thumb h5:before { flex-shrink: 0; }
	.grid-products .product-thumb:hover h5 { color:var(--primary); }
	.grid-products .product-thumb h5 span { width:calc(100% - 0.7em - 0.5em);}
	.grid-products .product-thumb:not(:hover) h5:before { width:0; margin: 0; }
}

@media (max-width:782px) {
	.grid-products .product-thumb h5 { font-size:19px; padding:0.5em 0.7em; }
	.grid-products .product-thumb h5:before { display:none; }
}

/*@media (min-width:783px) {*/
	body.archive .grid-products { margin:0 auto 3rem; }
	body.archive .grid-products .product-thumb { margin:0 0 0; display: flex; word-break: break-word; }
	body.archive .grid-products .product-thumb a { display: flex; }
	body.archive .grid-products .product-thumb a .inner { display: grid; background:#F2F2F2; }
	body.archive .grid-products .product-thumb .image-container img { z-index: initial; width: 100%; aspect-ratio: 1.6; object-fit: cover; }
/*}*/

/*@media (max-width:782px) {
	.grid-products .product-thumb { display: flex; }
	.grid-products .product-thumb a { display: flex; }
	.grid-products .product-thumb .inner { display: flex; flex-direction:column; align-items: stretch; }
	.grid-products .product-thumb .inner-content { flex-grow: 1; display: flex; }
	.grid-products .product-thumb h5 { width: 100%; padding:0.4em 0.4em; }
	.grid-products { width:auto; }
}*/

/* single product: */

@media (min-width:783px) {
	.single-product .site-content .wrapper { width: calc(100% - var(--wrapper-margin)); margin-inline-end: 0; max-width:calc((100% + 1640px)/2); }
	section.product-main { padding-top: 0; padding-inline-end: 4em; }
}

p.product-brand img { max-width: 90px; height: auto; }
body.single-product .breadcrumbs { margin:0.8rem 0 2rem; }

/*.product-page-sidebar */
.search-form { width:100%; position:relative; margin:0; max-width: fit-content; }
.search-field { width:100%; padding:0.3em 0.8em; background:var(--gray-f2); border:1px solid #C7C7C7; }
input.search-submit { position:absolute; top:0; left:0; height:100%; aspect-ratio:1; padding:0; font-size:0; border:none; background:url(assets/img/icon-search-black.svg) 0.8rem 50% no-repeat; }

ul.products-menu .menu-title { display:none; }
ul.products-menu,
ul.products-menu ul { list-style: none; margin: 0; padding: 0; display:block; }
.products-menu a { text-decoration:none; padding:0.3em 0.8em; padding-inline-end: 0.5em; }
.products-menu li { line-height: 1.3; }
.products-menu li > a { display:flex; justify-content: space-between; padding: 8px; }
.products-side-menu li.expanded > a { color:var(--primary); }
.products-side-menu > li.expanded > a { color:inherit; background:#E41B1244; }
.products-autocomplete-menu ul { display:grid !important; }
.products-autocomplete-menu > li:not(:last-child),
.products-side-menu > li.expanded:not(:last-child) { border-bottom: 1px solid #C7C7C7; margin-bottom: 0.6em; }
.product-page-grid.expanded .products-side-menu-toggle .bullet-expand,
.products-side-menu li.expanded > a > .bullet-expand { transform:rotate(-90deg); }
.products-side-menu-toggle .bullet-expand,
.products-autocomplete-menu > li.item-menu-has-children > a > .bullet-expand,
.header-products-menu li.item-menu-has-children > a > .bullet-expand,
.products-side-menu li.item-menu-has-children > a > .bullet-expand { content: ''; width:1.1em; height:1.1em; flex-shrink: 0; flex-grow: 0; display: block; background: url(assets/img/bullet-expand-arrow-left.svg) center no-repeat; }
.products-autocomplete-menu li > ul,
.products-side-menu > li > ul { padding-inline-start:0.7em !important; margin-bottom:0.6em; display:block; width:100% !important; }
.products-side-menu li:not(.expanded) > ul { display:none; }
.products-side-menu > li > ul > li > ul { margin-inline-start: 0.7em; margin-top:0; display:block; }
.products-side-menu > li > ul > li > ul > li > a { justify-content: flex-start; align-items:center; gap:2px; }
.products-side-menu > li:focus { padding-bottom: 0.5rem; border-bottom: 1px solid #C7C7C7; }
/*.products-side-menu > li:not(.focus) ul { display:none; }*/

/* product page side menu autocomplete: */
.products-autocomplete-menu { position: absolute; z-index: 10; top: calc(100% + 17px); background: white; padding: 1em; width: 100%; box-shadow: 0 3px 6px #00000033; max-height: 60vh; overflow: auto; }
.products-autocomplete-menu li:not(.match-search,.match-search-parent) { display:none; }
.products-autocomplete-menu > li > ul > li > a { justify-content:flex-start; align-items: center; }
.products-side-menu > li > ul > li > ul > li > a:before,
.products-autocomplete-menu > li > ul > li > a:before { content:''; width: 6px; height:6px; background:var(--primary); display:inline-block; margin-top: 0.1em; margin-inline-end:0.3em; }
.products-autocomplete-menu > li > ul > li > ul { display:none; }
.products-autocomplete-menu > li > ul > li > ul a { padding: 5px 10px; }

.product-brand { width: 100px; }

.product-page-grid { display: grid; grid-template-columns:315px auto; gap:50px 5%; width: 100%; }
.product-page-sidebar { position: relative; /*overflow: hidden;*/ }
.product-page-sidebar .search-form { max-width:100%; width:100%; margin:0 0 1.5rem; }
.product-page-sidebar .search-field { background: none; }
.product-page-main { position: relative; overflow: hidden; }

@media (min-width:783px) {
	.product-page-grid { gap:20px 5%; }
	.product-brand { grid-column: 2; }
	.product-page-sidebar { padding-top:5px; }
}

@media (max-width:782px) {
	.products-menu a { text-decoration:none; padding:0; }
	.product-page-grid { grid-template-columns:auto; gap:0; }
	.product-page-sidebar { position: fixed; left: 0; width: 100%; z-index: 1; background:#F4F4F4; }
	.product-page-sidebar .expandable { width:100% !important; display:none; background: #F4F4F4; padding:1rem 0 8rem; height: calc(100vh - var(--admin-bar-height) - var(--site-header-height)); overflow: auto; }

	.products-side-menu-toggle { background: #F4F4F4; padding: 1rem 0; cursor:pointer; }
	.products-side-menu-toggle > .wrapper { display:flex; justify-content: space-between; gap:1rem; align-items: center; }
	.products-side-menu-toggle > .wrapper span { display:flex; justify-content: space-between; gap:0.5rem; align-items:center; }
	.products-side-menu-toggle > .wrapper span:before { content:''; width:1em; height:1em; background: url(assets/img/icon-filter.svg) center no-repeat; }

	.product-page-main { padding-top:3rem; }

	.special-tab-toggle { background: #F4F4F4; padding: 0.5rem 1rem; display:flex; align-items: center; justify-content: space-between; gap:1rem; }
	.special-tab-toggle:after { content:''; width:1em; height:1em; background:url(assets/img/expand-plus.svg) center no-repeat; }
	.tab-content.expanded .special-tab-toggle:after { background:url(assets/img/expand-minus.svg) center no-repeat; }

	ul.products-menu li:not(.expanded) > ul { display:none; }
}

h1.product-title,
h2.product-types { font-size:40px; font-weight: 700; color:var(--black); }

body.single-product .entry-content { max-width: 675px; }

.slick-slide img { width:100%; }
.product-gallery { margin: 1.5rem 0 4rem; max-width: 850px; width: 100%; }
.product-gallery .slick-slide { align-self: stretch; }
.product-gallery .video-container iframe { aspect-ratio:initial; height:100%; }

.product-video { margin:1.5rem 0; max-width: 850px; width: 100%; }

.video-container { position:relative; }
.video-container iframe { display:block; width: 100%; aspect-ratio: 1.78; height: auto; }
.video-container .inner { width:100%; height:100%; }
.video-container:not(.on) .inner { display: none; }
.video-container.on > img { display: none; }

.video-container > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.video-container:not(.on):after { content:''; position:absolute; top:0; left:0; width: 100%; height: 100%; background:url(assets/img/play_.svg) center no-repeat; cursor: pointer; }

@media (min-width:783px) {
	.tab-names { display: flex; overflow: auto; background:var(--gray-f2); padding:0 25px; }
	.tab-name { padding: 14px 40px; cursor: pointer; white-space: nowrap; border-top:1px solid transparent; color:var(--gray-2b); }
	.tab-name.active { background:var(--white); color:var(--black); border-top-color:var(--primary); }
	.tab-content:not(.active) { display: none; }
}

section.section-specific-products { padding-top: 0; }

.sub-product-grid { padding-top:58px; display:grid; grid-template-columns: 60% auto; gap:2rem 5%; margin-inline-end:4%; }
.sub-product-grid-1 h3 { font-weight:500; font-size:23px; margin:0 0 0.5rem; color:var(--black); }
.sub-product-grid-2 { position: relative; overflow: hidden; }
.sub-product-slick .slick-slide { /*aspect-ratio: 1; object-fit: contain; height:auto; min-height: auto;*/ }
/*.sub-product-slick { padding:0 64px; }*/

@media (max-width:782px) {
	.expandable-content-mobile { width:100% !important; display:none; }
	.sub-product-grid { margin-inline-end:0; grid-template-columns:auto; padding:1rem 0 0; }
	.sub-product-grid-1 { margin:0 10px; }
	.mobile-special-tabs .tab-content { margin-bottom:1rem; }
}

/* footer contact section: */
.section-footer-contact { background:url(assets/img/contact-bg.jpg) center/cover no-repeat; color: var(--white); }
.footer-contact-grid { display:flex; gap:1.2rem 5%; flex-wrap:wrap; }
.footer-contact-grid-1 { width: 50%; max-width: 350px; }
.footer-contact-grid-2 { width: 350px; }

.wpcf7-with-thank-you:has(.wpcf7-form.sent) form p { display:none; }
.wpcf7-with-thank-you:has(.wpcf7-form.sent) .send-again-container { display:block; margin: 0 0 15rem; }

.footer-contact-grid .send-again-container { text-align: center; display:none; }
.footer-contact-grid .wpcf7 form.sent .wpcf7-response-output { color:var(--primary); font-weight: bold; text-align: center; margin:0 0 2rem; }
.footer-contact-grid .wpcf7 form.sent .wpcf7-response-output:before { content:url(assets/img/form-sent.svg); display:block; width:fit-content; margin:0 auto 0.2rem; }

@media ( max-width:782px) {
	.footer-contact-grid .wpcf7 form.sent .wpcf7-response-output { margin-top:2rem; }
	.wpcf7-with-thank-you:has(.wpcf7-form.sent) .send-again-container { display:block; margin: 0 0 12rem; }
	.section-footer-contact { background-position: 10% 100%; background-size: 250% auto; background-color: black; }
}



ul.footer-links { list-style: none; display: grid; gap: 10px; padding: 0; }
ul.footer-links a { text-decoration:none; display: grid; grid-template-columns: 1em auto; gap: 0 0.5em; }
ul.footer-links img { width: auto; height: auto; align-self: center; justify-self: center; }
ul.footer-links li.ltr span { direction: ltr; }


@media (max-width:782px) {
	.section-footer-contact h2 { color:var(--white); }
	.footer-contact-grid-1 { width:auto; }
}

/* footer contact mini section: */
.section-footer-contact-mini { background:linear-gradient(#0008, #0008),url(assets/img/contact-bg.jpg) center/cover no-repeat; color: var(--white); padding:90px 0; }
a.footer-contact-mini-grid { display: flex; gap: 2rem; align-items: center; justify-content: center; flex-wrap: wrap; text-align:center; }
.section-footer-contact-mini h2 { color:var(--white); margin:0 0 0.2em; }
@media (max-width:782px) {
	.section-footer-contact-mini { padding: 50px 0 60px; }
	a.footer-contact-mini-grid { gap: 0.5rem; }
	.section-footer-contact-mini h2 { font-size: 37px; }
}

/* stylized scrollbars: */
.my-scrollbar::-webkit-scrollbar { width: 12px; height: 12px; }
.my-scrollbar::-webkit-scrollbar-button { background: var(--gray-f2); display:none; }
.my-scrollbar::-webkit-scrollbar-track-piece { border:1px solid var(--gray-f2); background: none; border-radius: 12px; }
.my-scrollbar::-webkit-scrollbar-thumb { background:#ccc; border-radius: 12px; }
@media (max-width:782px) {
	.my-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
	.my-scrollbar::-webkit-scrollbar-track-piece { border-radius: 6px; }
	.my-scrollbar::-webkit-scrollbar-thumb { border-radius: 6px; }
}

/* slider: */
.slider { margin: 0 0 2rem; }

.slick-slider .product-thumb .image-container,
.recommended-products .product-thumb .image-container { background: url(images/product-thumb-bg.png) 50% 20%/100% auto no-repeat; aspect-ratio:0.9; display: flex; align-items: center; justify-content: center; }

/* expandable (read more): */
.expandable .expandable-content { width: 100% !important; display:none; }
.expand-trigger { cursor:pointer; }
.expandable .read-more,
.expandable .read-less { cursor:pointer; color:var(--primary); display:flex; gap:0.4em; align-items:center; width:fit-content; }
.expandable .read-more:after,
.expandable .read-less:after { content:''; width:1em; height:1em; background:url(assets/img/arr-up-yellow.svg) center no-repeat; }
.expandable .read-more:after { transform:rotate(180deg); }
.expandable.expanded .read-more { display:none; }
.expandable:not(.expanded) .read-less { display:none; }

/* wpcf7: */
body.rtl input[type="tel"],
body.rtl input[type="email"],
body.rtl input[type="number"] { text-align:right; direction:ltr; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea { width:100%; display:block; padding:0.3em 0.7em; color:var(--gray-81); }
.wpcf7 input[type="submit"] { display: block; width: fit-content; margin:0 auto; }

.wpcf7-spinner { position:absolute; }

.wpcf7-not-valid-tip { color:var(--primary); font-size:0.9rem; line-height: 1.2; margin:0 0; }
	
.wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0; border: none; line-height: 1.2; }

.site-footer { background:var(--gray-f2); padding:48px 0; }
.site-footer .inner { display: flex; align-items: center; justify-content: space-between; gap: 0 5%; }
.site-footer .footer-menu { margin:0; padding:0; list-style: none; display:flex; justify-content: center; gap:0; flex-wrap:wrap; flex-grow: 1; }
.footer-menu > li:not(:first-child):before { content: ''; width: 4px; height: 4px; background: var(--primary); border-radius: 50%; margin: 0 1rem; display: inline-block; vertical-align: middle; }
.site-footer .footer-menu a { text-decoration: none; }

ul.social { list-style: none; gap:20px; display:flex; margin:0; padding:0; flex-shrink: 0; flex-wrap: wrap; }
ul.social a { display:block; background:var(--primary); width:36px; height:36px; display: flex; align-items: center; justify-content: center; position:relative; }
ul.social a img { width:auto; height:50%; }
.site-footer .footer-logo-container { text-align:center; flex-shrink: 0; }

@media (max-width:782px) {
	.site-footer { padding: 70px 0; }
	.footer-menu > li:not(:first-child):before { margin: 0 10px; }
	.site-footer .inner { display: grid; grid-template-columns: auto 140px; gap:20px 10px; }
	.site-footer .inner img.logo { max-width:none; width:140px; }
	.site-footer .footer-menu { grid-column: span 2; grid-row: 1; }
}

.left { float:left; }
.right { float:right; }
.lang-nav { position:absolute; top:0; left:30px; direction:ltr; font-size:14px; color:#c41436; }
.lang-nav a { color:#223a69!important; text-decoration:none; }
.lang-nav a.on { text-decoration:underline; }
a.fb-link { position:absolute; top:10px; left:30px; width:20px; height:20px; background:url(images/facebook.png) 50% 50% no-repeat; background-size:contain; display:block; }




.small { font-size:12px; }
.normal-line-height { line-height:normal!important; }
.line-height-wide { line-height:1.5; }
.word-wrap { white-space:normal; }
.capitalize { text-transform:capitalize; }
/*.checkbox-label>input[type=checkbox],
.checkbox-label>input[type=radio] { float:left; margin:2px 0; }
.checkbox-label>span { margin-left:25px; display:block; }*/

.arr-l:before,
.arr-r:before,
.article-navigation a,
.article-pages-nav,
.homepage-button,
#navbar,
.header-products-menu-container,
button,
.button,
input[type="submit"],
.button-pop,
.framed-button img,
.button-expand,
.cyan-icon,
.bullet-expand,
.event-archive-date .date,
.image-container,
.icon-container .inner,
.image-container img,
.icon-container img,
.footer-social a,
.footer-social a:after,
.shop-card,
.filters-form,
.site-header,
.filter-section .filter-header:after,
.child-terms-links > a,
.child-terms-links > a img,
.child-terms-links > a div,
ul.distributors-list li,
ul.distributors-list li a:before,
.arrow-red,
.arrow-red:before,
.easing,
.easing-200ms { -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; }

.grid-products .product-thumb h5,
.grid-products .product-thumb h5:before,
.easing-fast { -webkit-transition:all .15s ease-out; -moz-transition:all .15s ease-out; -o-transition:all .15s ease-out; transition:all .15s ease-out; }

.easing-500ms { -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; }

.easing-1s { -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out; }


.clear-fix,
.clearfix { clear:both; }
.clear:after { content:''; display:table; clear:both; }
.left { float:left; }
.right { float:right; }
.underline { text-decoration:underline; }
.side { text-align:start; }
.center { text-align:center; }
.justify { text-align:justify; }
.justify.center { text-align:justify; text-align-last:center; }
.normal { font-weight:400; }
.italic { font-style:italic; }
.lighter { font-weight:lighter; }
.normal { font-weight:400; }
.bold { font-weight:700; }
.extra-bold { font-weight:900; }
.no-underline,
.no-underline:hover { text-decoration:none; color:inherit; font-weight:inherit!important; }
.underline-on-hover { text-decoration:none !important; color:inherit !important; font-weight:inherit !important; }
.underline-on-hover:hover { text-decoration:underline !important; }
.widget a,
.widget a:hover,
a,
a:hover,
a:visited { color:inherit; }
a:hover { text-decoration:none; }
.dashicons { width:auto; height:auto; font-size:inherit; line-height:inherit; text-decoration:inherit; }

@media (max-width:782px) {
	.side-on-mobile,
	.center.side-on-mobile { text-align: start; }
}



.popup-container { position:fixed; top:var(--admin-bar-height); left:0; width:100%; height:calc(100% - var(--admin-bar-height)); display:none; background:#0009; z-index:1000; }
.popup { display:none; background:var(--color-blue); color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:90%; max-width: 90%; max-height: 90%; overflow:visible; }
.popup-title { position:absolute;top:0;left:0;right:0;margin:0;background:#0ed977;line-height:33px;height:33px;color:#fff;font-size:17px;font-style:italic;font-weight:700;text-align:center; }
.popup-video { background:#fff;padding:30px; }
.popup-video .content { position:relative;height:400px; }
.popup-video iframe { width:100%;height:100%;border:none; }
.popup-hide { position:absolute;top:17px;left:17px;width:28px;height:28px;background:url(images/close-popup.png) no-repeat;cursor:pointer; }
.popup a { color:#0ed977; }
.error404 .page-header { background:0 0;font:inherit; }
.error404 .page-title:before { font:inherit;font-size:120px;content:'404';position:relative;top:0;left:0;display:block;text-align:center;font-weight:700;margin-bottom:20px; }
.error404 .page-wrapper { background:0 0; }
.mobile-site-footer { display:none; }
.mobile-footer-links { display:none; }


/* slick slider: */
.slick-slider.slick-flex .slick-track { display:flex; }
.slick-slider.slick-flex .slick-track:before,
.slick-slider.slick-flex .slick-track:after { display:none; }
.slick-slider.slick-flex .slick-slide { height:auto; max-width: none; }
.slick-slider.slick-flex img.slick-slide { /*height:fit-content;*/ }
.slick-slider.slick-flex .slick-slide.video-container { aspect-ratio: 1.6; }

.slick-slider, .slick-slider * { outline:none; }

.slick-slider.slick-flex .slick-track { display:flex; align-items: center; }

.slick-arrow { width: 44px; height: 44px; border: 1px solid #E1E1E1; border-radius: 3px; background:#C7C7C7 url(assets/img/slick-arr-right.svg) center no-repeat; font-size:0; }
.slick-arrow.slick-disabled { opacity:0.3; /*background-color:transparent;*/ cursor: auto; }

body:not(.rtl) button.slick-prev,
body.rtl button.slick-next { background-image:url(assets/img/slick-arr-left.svg); }

.slick-slider .slick-arrow { position: absolute; top:50%; transform:translateY(-50%); }
body:not(.rtl) .slick-slider button.slick-next,
body.rtl .slick-slider button.slick-prev { right:0; }
body:not(.rtl) .slick-slider button.slick-prev,
body.rtl .slick-slider button.slick-next { left:0; }

.item.slick-slide iframe { width: 100%; height: 100%; display: block; }

ul.slick-dots { display: flex; gap:14px; list-style:none; padding:0; margin:1rem auto; justify-content:center; flex-wrap:wrap; }
ul.slick-dots li button { width:12px; height:12px; background:#ccc; padding:0; min-height:0; font-size:0; overflow:hidden; color:transparent; border-radius:50%; border:none; display:block; }
ul.slick-dots li.slick-active button { background:var(--primary); }

@media (max-width:782px) {
	.related-products-slider { margin-bottom:40px; }
	.slick-arrows-on-top button.slick-arrow {  bottom:-85px; }
}

@media (min-width:783px) {
	.mobile-only { display:none !important; }
}
@media (max-width:782px) {

	.desktop-only { display:none !important; }

	/*.wrapper .wrapper,*/
	.wrapper-smaller { width:100%; }
	
	html { font-size:17px; overflow-x: hidden; }
	body { overflow-x: hidden; }
	
	.wrapper-mobile,
	.page-wrapper,
	.wrapper { width: calc(100% - var(--wrapper-margin) * 2); margin:0 auto; position:relative; padding:0; }

	.unwrap,
	.unwrap-mobile { width: calc(100% + var(--wrapper-margin) * 2); margin-left:calc(-1 * var(--wrapper-margin)); margin-right:calc(-1 * var(--wrapper-margin)); }
	
	/*.page-header { margin: 0 calc(-1 * var(--wrapper-margin)); width:calc(100% + var(--wrapper-margin) * 2); }*/

	body .slick-list { margin:0; }
	
	section { padding:50px 0; position: relative; }
	
	/* mobile nav menu: */
	#navbar,
	.header-products-menu-container {
		display: grid; grid-template-columns: 100%;
		grid-template-rows: min-content min-content;
		font-weight: 500;
		/*display: flex !important; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-start;*/
		background:var(--white);
		padding:1rem 2rem 30vh;
		position:fixed;
		top:calc(var(--admin-bar-height) + var(--site-header-height));
		right:0;
		color:var(--color-blue);
		bottom:calc(-20vh + var(--app-footer-height));
		overflow:auto;
		z-index:-1;
		width:100%;
		margin:0;
		transform:translateX(100%);
	}
	.site-header .search-form { grid-row:1; }
	body.mobile-menu-open #navbar { transform:none; }
	body.mobile-menu-products-open .header-products-menu-container { transform:none; }
	.header-products-menu-container .wrapper { width: 100%; max-width: none; }

	.header-products-menu-container li:not(.item-menu-has-children) > a > .bullet-expand { display:none; }
	.header-products-menu-container li.expanded > a > .bullet-expand { transform:rotate(-90deg); }
	body ul.header-products-menu ul { padding-inline-start: 1rem; /*gap:12px; margin:20px 0 0;*/ }

	button.menu-back { background: none; border: none; padding: 0; margin: 0; cursor: pointer; display: flex; align-items: center; margin:0 0 20px; }
	button.menu-back:before { content:''; width:11px; height:11px; display:block; background:url(assets/img/bullet-expand-arrow-left.svg) center no-repeat; transform:rotate(180deg); }

	body.mobile-menu-open .menu-toggle { background:var(--primary) url(assets/img/menu-toggle-close.svg) center no-repeat; }
	#navbar .wrapper { width:auto; }
	#site-navigation { display:block; margin:0; }
	
	div.nav-menu > ul, ul.nav-menu { display:grid; }
	.nav-menu > li { display:block; }
	.nav-menu > li:after { display:none; }
	.nav-menu ul li { text-align: start; }

	.menu-toggle-open { position: absolute; top: -5px; line-height: 1; }
	.menu-toggle-open:after { font-family:dashicons; content: "\f333"; font-size: 40px; padding: 0 !important; line-height: 1; }
	.menu-toggle-close { margin:0 0 1rem; width: fit-content; background:none; }
	.menu-toggle-close:after { content:"\f335";font-family:dashicons;font-size:30px; }

	#primary-menu { display:grid; grid-template-columns:1fr; }
	#primary-menu li { position:relative; text-align: start; font-size:1rem; }
	#primary-menu a:hover { font-weight:inherit; background:none !important; }

	#primary-menu .sub-menu { margin:0 18px 7px; }
	#primary-menu .sub-menu li { font-size:0.95rem; }

	#primary-menu li > a { display:flex; align-items:center; justify-content:space-between; }
	#primary-menu li.menu-item-has-children > a:after { content:''; width:24px; height:24px; border-radius:50%; border:1px solid var(--color-blue); box-shadow:0px 0px 10px rgba(28, 20, 88, 0.16); background:url(images/nav-plus.svg) 50% 50%/60% auto no-repeat; }
	#primary-menu li.menu-item-has-children.my-focus > a:after { background-image:url(images/nav-minus.svg); }
	
	.nav-menu li a { text-decoration:none; display: flex; align-items: center; justify-content: space-between; }
	/*.sub-menu li a { text-decoration:none; display:block; }*/
	.nav-menu li.menu-item-has-children > a .menu-item-expand:after,
	.nav-menu li:has(ul) > a .menu-item-expand  { width:11px; height:11px; display:block; background:url("images/arrow-down.svg") 50% 50%/contain no-repeat; }
	
	.nav-menu li.my-focus > a .menu-item-expand { transform:rotate(180deg); }

	.nav-menu .children,
	.nav-menu .sub-menu { width:auto !important; transform:none; padding:0; position:relative; left:auto; height:auto; width:auto; overflow:visible; clip:auto; z-index: 10; top:auto; border: none; margin: 0.5em 0 0.7em; }
	.nav-menu li > ul { display:none; } /* :not(.focus) */

	.nav-menu > li.my-focus > a { font-weight:bold !important; }
	
	/* home: */
	/*.slider { margin:0 calc(-1 * var(--wrapper-margin)); }

	.home-main-categories-widget { padding-bottom: 0; margin-bottom: -1.5rem; }
	
	.brand { font-size:0.8rem; font-weight: normal; aspect-ratio: auto; }
	.brand > a { padding:1rem 15% 2.6rem; gap:0.5rem; }
	
	.review { padding:10% 6% 13% 50%; text-align: center; }
	.reviews-grid { gap:1rem; }
	.review-quote { width: 2.4em; height: 1.7em; }*/
	

}

@media (max-width: 600px) {
	#wpadminbar { position: fixed; }
}













/* MOBILE APP: */

/*body.splash #page:after { content: ''; background:white url(assets/img/splash.svg) center no-repeat; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }*/

body.app { margin-bottom:56px; min-height: calc(100vh - 56px - var(--admin-bar-height)); }

body.app .site-header .search-form { display: none !important; }

@media ( min-width:783px) {
	body.app #navbar { display:none; }
}

body.app .site-content { padding-bottom:0; }
body.app .page-wrapper,
body.app .wrapper {
	max-width:640px;
}
footer.app-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: var(--white);
	box-shadow:0 -1px 3px #0002;
}
footer.app-footer .inner {
	height:56px;
	display:flex;
	align-items:center;
	justify-content: space-between;
}
a.app-footer-icon { display:flex; flex-direction: column; gap:3px; align-items: center; font-size: 13px; color: #959595; text-align: center; line-height: 0.9; }
a.app-footer-contact:before { content:url(assets/img/app-icon-contact.svg); }
a.app-footer-contact.current-menu-item:before { content:url(assets/img/app-icon-contact-on.svg); }
a.app-footer-search:before { content:url(assets/img/app-icon-search.svg); }
a.app-footer-search.current-menu-item:before { content:url(assets/img/app-icon-search-on.svg); }
a.app-footer-products:before { content:url(assets/img/app-icon-products.svg); }
a.app-footer-products.current-menu-item:before { content:url(assets/img/app-icon-products-on.svg); }
a.app-footer-home:before { content:url(assets/img/app-icon-home.svg); }
a.app-footer-home.current-menu-item:before { content:url(assets/img/app-icon-home-on.svg); }


body.app .floating-contact-menu { display:none; }

body.app .menu-toggle { background-color:transparent; filter:brightness(0); }

section.page-header { height: calc(100vh - 56px - var(--admin-bar-height) - var(--site-header-height)); }

body.app .section-footer-contact { background: none; color: inherit; }
body.app .section-footer-contact h2 { color:inherit; }

.search-page-form .search-form { max-width: none; width: 100%; margin: 30px 0 20px; }
.search-page-form .search-field { outline:none; background:none; }

.search-result { margin:0 0 1rem; }
.search-result h4 { font-size:inherit; font-weight: 400; text-decoration: underline; color:var(--primary); margin: 0 0 0.2em; }


body.app .importers-container .inner { margin: 0 20px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 2rem 20px; text-align: center; align-items: center; }
body.app .importers-container .inner .sep { display:none; }
body.app .importers-container .inner .sep:nth-child(4n+2) { display:block; width:7px; height:7px; background:var(--primary); }
body.app .importers-container .inner img { display: block; margin: 0 auto; max-width: 90%; max-height: 40px; width: auto; height: auto; }
body.app .importers-container .inner[data-even-item-count="odd"] .sep:last-child { display:none; }

body.app .section-home-products.offwhite { background:none; }