@charset "utf-8";/*!
Theme Name: Glickman
Template:   twentythirteen
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100..900&display=swap');

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box; }

p { margin:0 0 1em; }

:root {
	--blue: #263B97;
	--light-blue:#F0F5FF;
	--black:#000;
	--white:#ffffff;
	--gray: #373C44;

	--admin-bar-height: 0px;
	--site-header-height: 94px;
	/*--top-header-height:33px;*/
	
	--wrapper-margin:5vw;
}

@media (min-width:1833px) {
	:root {
		--wrapper-margin:calc( ( 100vw - 1650px ) / 2 );
	}
}
.primary { color:var(--blue); }

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; }

body,
.noto-sans-hebrew {
  font-family: "Noto Sans Hebrew", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight:500; color:inherit; line-height:1.1; }

h1 { font-size: 45px; }
 
h2 { font-size:40px; font-weight: 500; }

h3 { font-size:35px; font-weight:700; margin:0.4em 0 0.9em; }

h4 { font-size:26px; font-weight:700; margin: 1rem 0; }

h5 { font-size:20px; 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: visible; }

.site-content {}

article:after { content:''; clear:both; display:table; }

.page-wrapper,
.wrapper { max-width:1650px; margin:0 auto; position:relative; padding:0; width:90%; }
/*.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: 76px;
		--wrapper-margin: 30px;
		/*--top-header-height: 0px !important;*/
	}
	h1 { font-size:35px; }
	h2 { font-size:30px; }
	h3 { font-size:24px; }
	h4 { font-size:22px; }

	body .content-area { overflow:visible; }

	.page-wrapper,
	.wrapper { width: calc(100% - var(--wrapper-margin) * 2); }

	.unwrap,
	.unwrap-mobile { width: calc(100% + var(--wrapper-margin) * 2); margin-left:calc(-1 * var(--wrapper-margin)); margin-right:calc(-1 * var(--wrapper-margin)); }
}

[hidden] { display:none; }

.wpcf7 input[type="submit"],
.contact-form-container form p.p-submit,
.button,
a.button { display:inline-block; text-align: center; padding:0.5em 1.5em; cursor: pointer; color:var(--blue); border:1px solid var(--blue); border-radius: 2rem; text-decoration: none; }

.wpcf7 input[type="submit"]:hover,
.button:hover,
a.button:hover { color:var(--white); background:var(--blue); }

.button.black-button { background:var(--black); color:var(--white); }

.contact-form-container form p.p-submit,
.wpcf7 input[type="submit"],
.button.button-blue,
a.button.button-blue { background:var(--blue); color:var(--white); border-color:var(--blue); }

.contact-form-container form p.p-submit:after,
.button-arrow:after { content:''; display:inline-block; vertical-align: middle; height:1em; width:1em; background:url(assets/img/arr-left-white.svg) center no-repeat;
    margin-inline-start: 0.3em; margin-inline-end: -0.3em; }
.contact-form-container form p.p-submit:hover:after,
.button-arrow:hover:after { transform:translateX(-4px); }

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; }


/* site-header: */
.site-header { background:var(--white); color:var(--black); left: 0; width: 100%; position: sticky; top: var(--admin-bar-height); z-index: 100;
	padding:20px 0;
	/*border-bottom:1px solid #707070;*/
	box-shadow:0 3px 6px #0002; }

.site-header .inner { display: flex; align-items: center; gap: 10px max(2rem, 4vw); }

.site-header .home-link { display:block; max-width:185px; height: auto; flex-shrink: 0.6; }
.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:2rem; height:2rem; background: url(assets/img/menu-toggle.svg?v=0) center no-repeat; }
/*.menu-toggle:hover,
.menu-toggle:focus { filter:none; }*/

.site-header .search-form { display: flex; flex-direction: row-reverse; gap: 0 30px;
	padding-inline-start: 1.5vw; border-inline-start: 1px solid; align-self: stretch; align-items: center;
}
.site-header .search-field { border:none; border-bottom:1px solid; font-size: 0.9rem; }
.site-header input.search-submit { width:20px; height:20px; font-size:0; border:none; background: url(assets/img/icon-search.svg) center no-repeat; }

@media (max-width:872px) {
	.site-header .inner .search-form { display:none; }

	.header-left a.button,
	.header-left li.button { padding:0.3em 0.4em; font-size:15px; }

	.header-left .tel-link { display: block; width:30px; height:30px; background: var(--blue) url(assets/img/icon-tel-white.svg) center no-repeat;
		border-radius: 5px; }
}

ul.nav-menu { padding:0; display:flex; flex-wrap:wrap; gap:0.2rem 0.5rem; justify-content: space-evenly; margin: 0; }
body.navbar-line-wrap ul.nav-menu { justify-content: flex-start; }
ul.nav-menu, ul.nav-menu ul { list-style:none; }
.nav-menu > li { display:flex; align-items: stretch; flex-grow: 0.1; }

.nav-menu li { position:relative; font-size:20px; font-weight: 400; }
.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 .children,.nav-menu .sub-menu*/

.nav-menu ul li { color:#949494; padding:0.4rem 0; }
.nav-menu ul li:not(:first-child) { border-top:1px solid #949494; }
.nav-menu li a:hover,
.nav-menu li.current_page_item > a,
.nav-menu li.current-menu-item > a { color:var(--blue); }

/*ul:is(.nav-menu,.footer-menu) li:is(:hover,:focus) > a { color:var(--blue); }*/
ul.nav-menu a { width: 100%; }

.nav-menu > li > .sub-menu {
	background:var(--white);
	position: absolute;
	z-index: 10;
	right: -1rem;
	height:0;
	width: max-content;
	top: 100%;
	padding: 4px 1rem;
    min-width: 7rem;
	display:none;
}

.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-yellow.svg") 50% 50%/contain no-repeat; filter:saturate(0) brightness(3); }
.nav-menu > li:is(:hover,:focus,:focus-within) > a:after { filter:none; }*/

@media ( max-width:782px) {

	.site-header { position:fixed; padding: 19px 0; }

	.site-header .inner { justify-content: space-between; }

	.site-main { margin-bottom:60px; margin-top:calc(var(--site-header-height) - 2px); }

	img.logo { max-width:130px; }
	.taabura-logo-container,
	/*img.taabura-logo  { display:block; max-width: 57px; margin-inline-start: auto; }*/

	.nav-menu > li > .sub-menu { display:none; background:none; border:none; padding:0; 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; }*/
}

.nav-menu > * li > a { padding:0; position: relative; }
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-menu-ancestor > a,
.nav-menu > li > a:hover { }
.nav-menu .sub-menu .sub-menu > li { color:#666; font-size:0.9rem; }

#navbar { margin:0; padding:0; flex-grow: 1; }
#primary-menu { display: flex; justify-content: space-between; gap:0 0.6em; flex-wrap:wrap; }


.top-left-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 0.2rem; }
.top-left-menu a { text-decoration: 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 { }

@media ( max-width:782px) {
	.button { /*font-weight:400;*/ padding:0.4em 0.8em; width: 100%; }
}

input[type="checkbox"] { cursor:pointer; vertical-align: text-bottom; padding: 0; appearance: none; width: 21px; height: 21px; display: inline-block; border-radius: 3px; border: 1px solid #E1E1E1; margin-inline-end: 0.3em; }
input[type="checkbox"]:checked { background:var(--gray); /*url(assets/img/checkbox.svg) center no-repeat;*/ }

.filter-header { display:flex; justify-content: space-between; align-items: center; }
.filter-header:after { content:''; width:20px; height:20px; display:block; background:url(assets/img/icon-expand-plus.svg) center no-repeat; }
.filter-section.expanded .filter-header:after { transform: rotate(45deg); }

ul.filter-tyre-types-list { list-style: none; margin: 0; padding: 0; display:grid; gap:0.4rem; }
ul.filter-tyre-size-list { list-style: none; margin: 0; padding:0.6rem 0 0; display: flex; flex-wrap:wrap; gap: 1rem; }
ul.filter-tyre-size-list label { cursor:pointer; width:3em; padding:0.5rem; border:1px solid; display:flex; align-items: center; justify-content: center; }


label.on-off-label { cursor:pointer; }
label.on-off-label input { margin-inline-end: 0.4em; }
label.on-off-label.on { color:var(--blue); }
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(--blue); background: none; }
input.faux-radio:checked:after { content: ''; position:absolute; top:3px; left:3px; width: 6px; height: 6px; background: var(--blue); display: block; border-radius: 50%; }

label.hidden-input input { display: none; }

/* floating contact menu: */
.floating-contact-menu {
	--button-size:30px;
	--button-gap:10px;
	position:fixed;
	top:calc(90vh - var(--admin-bar-height));
	left:0;
	z-index: 50;
	background:var(--blue);
	color:var(--black);
	padding:10px 1.4em;
	/*white-space:pre-line;*/
	font-weight: 700 !important;
	text-align: center;
	/*min-width:130px;*/
	line-height: 1;
	font-size:22px;
	width: 5em;
}
.floating-contact-menu-products { width:9em; }

ul.floating-contact-icons { list-style: none; margin:0; padding:0; display:flex; gap:var(--button-gap); align-items: center; }
.floating-contact-icons a { display:block; width: var(--button-size); height: var(--button-size); }
.floating-contact-icons li.email a { background:url(assets/img/icon-email.svg) center/80% no-repeat; }
.floating-contact-icons li.location a { background:url(assets/img/icon-location.svg) center/80% no-repeat; }
.floating-contact-icons li.tel a { background:url(assets/img/icon-tel.svg) center/70% no-repeat; }

/*.floating-contact-icons a span { display:none; white-space: nowrap; padding: 0 1rem; padding-inline-start: 2rem; }
.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 {
		top: calc(94vh - var(--admin-bar-height));
		padding:10px 1em;
		width:auto;
		display: flex;
		align-items: center;
		gap: 1rem;
		font-size:14px;
	}
	.floating-contact-menu-general .floating-main-link { display:none; }
}

/* 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%; }

.grid-center { display:flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.grid.grid-center > *, .grid-3.grid-center > * { width:30%; }

@media ( max-width:950px) {
	.grid, .grid-3 { grid-template-columns: repeat(2,1fr); }
	.grid-4 { grid-template-columns: repeat(2,1fr); }

	.grid.grid-center > *, .grid-3.grid-center > * { width:50%; }
}
@media ( max-width:782px) {
	.grid-4,
	.grid-2,
	.grid, .grid-3 { grid-template-columns: 1fr; gap: 34px; }

	.grid.grid-center > *, .grid-3.grid-center > * { width: 100%; }

	.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: */
.client-list-container { margin:3rem 0; display:grid; grid-template-columns: max-content auto; gap:2rem 7%; align-items: center; }
.client-list-item { padding:0 2rem; }
.client-list-item img { display: block; max-width:120px; }
.my-marquee-container { display: block; width: 100%; overflow: hidden; position: relative; --marquee-num-of-copies:1; --marquee-speed:60; --marquee-time:70s; }
.my-marquee { display: flex; align-items: center; width:max-content; animation: my-marquee var(--marquee-time) 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))); }
}

/* default text page: */
body.page-template-default .site-content { margin-bottom:5rem; }

/* home: */
h2.page-title { margin:1rem 0; }
.page-name { font-size:1rem; color:var(--blue); }

/* home header section: */
section#header {
	height: calc(100vh - var(--site-header-height));
    background: var(--background-image) center / cover no-repeat;
	display: flex;
}
section#header .buttons-container { display:flex; gap:1rem; flex-wrap: wrap; margin: 1.5rem 0 0; }
section#header:after {
	content:'';
	position: absolute;
	top:0;
	right:0;
	width: 50%;
	aspect-ratio: 0.8;
	background: url(assets/img/background-2.svg) top left/120% auto no-repeat;
}
section#header .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 0 var(--wrapper-margin);
    margin: 0;
	position: relative;
	z-index: 5;
}
	
.buttons-container { display: flex; flex-wrap: wrap; gap: 0.5rem 1em; margin: 1rem 0; }

@media ( max-width:782px ) {
	section#header { background: none; height: auto; }
	section#header .wrapper { width:auto; }
	.header_image_mobile { display: block; }

	section#header:after { width: 100%; z-index: 1; height:131%; background: url(assets/img/background-2.svg) bottom left / 100% auto no-repeat; }

	section#header .buttons-container { justify-content:space-between; }
	section#header .button { width: auto; padding:0.5em 0.8em; flex-grow: 0.1; }
}

/* about section: */
section#about { margin:128px 0; }
.about-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 5%; align-items: center; }
.about-items-section { margin-top:140px; background: var(--light-blue); padding: 75px 0; }

.center-grid { display:flex; flex-wrap:wrap; align-items: center; justify-content: center; --row-size:5; }
.center-grid > * { width:calc(100% / var(--row-size)); }

.about-items-container { text-align: center; align-items: flex-start; gap: 2rem 5%; }
.about-item { display:flex; flex-direction:column; align-items: center; justify-content: center; max-width: 10.5em; }
.about-item:before { content:url(assets/img/bullet.svg); }

.center-texts { max-width:530px; margin:0 auto; text-align: center; }

/*@media ( min-width:783px ) {
	.about-grid { align-items:stretch; }
	.about-grid-1 { display:flex; align-items:center; }
	.about-grid-1 img { display: block; min-height: 60%; object-fit: cover; }
}*/

@media ( max-width:782px ) {
	section#about { margin: 70px 0 40px; padding-bottom: 0; }
	.about-grid { grid-template-columns: auto; }
	.about-items-container {
		flex-direction: column;
		align-items: center;
		gap: 55px;
	}
	.about-item { max-width: none; width: 60%; }

	.about-items-section { margin-top:3rem; }
}

/* services section: */
.services-items-container { align-items: stretch; gap: 2rem 2rem; margin: 4rem 0 0; }
.services-item { position: relative; background: var(--light-blue); width:max(290px, calc(100% / var(--row-size) - 2rem)); }
.arrow-icon { position:absolute; bottom:0; left:0; width:40px; height:40px; background:var(--blue); }
.arrow-icon:after {
	content:'';
    position: absolute;
    top: 0;
    left: 0;
	display: block;
	width:100%;
	height:100%;
	background:url(assets/img/arr-left-white.svg) center no-repeat;
	transform:rotate(90deg);
}
.services-item:hover .arrow-icon:after { transform:rotate(-90deg); }

section#services { margin: 130px 0; }

.services-item .no-hover { display: grid; height: 100%; }
.services-item .no-hover > .inner { display: grid; /*grid-template-rows: 3rem auto;*/ }
.services-item .no-hover > .inner img { height: auto; object-fit: cover; aspect-ratio: 1.5; }

.services-item .on-hover { opacity:0; padding: 1.3rem 1.5rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: var(--light-blue); overflow: auto; scrollbar-width: thin; }
.services-item .on-hover .name { text-align: center; padding:0 0 1rem; font-size: 25px; font-weight: 500; }
.services-item .on-hover ul { margin:0; padding:0; }
.services-item .on-hover ul li { color: #5C5C5C; line-height: 1.1; padding: 0.2em 0; margin-inline-start: 1em; }
.services-item .on-hover ul li::marker { color: var(--blue); }
.services-item:is(:hover,:focus,:focus-within) .on-hover { opacity:1; }

.service-item-bottom { padding:1rem 2rem; text-align: center; background: var(--light-blue); font-size:max(20px, min(25px,1.7vw)); font-weight: 500; line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 782px) {
	
	section#services { margin: 50px 0; }

	.services-item { width: 100%; }

	.services-item .on-hover ul { column-count: auto !important; }

	.services-item .arrow-icon { display:none; }

	.services-item .no-hover { height:auto; }
	.service-item-bottom { display:none; }
	.services-item .on-hover { opacity:1; position: relative; top:auto; left:auto; width:auto; height: auto; overflow: initial }
}

/* cooperations section: */
section#cooperations { margin: 130px 0; }
section#cooperations .center-texts { max-width: 720px; }
.cooperations-items-section { margin: 3rem 0 0; }
.cooperations-items-container { display: flex; align-items: center; gap: 3rem; }

/* contact section: */
section#contact { background: url(assets/img/background-1.svg) 50% 0/max(100%, 1000px) auto no-repeat; }
section#contact .wrapper { aspect-ratio: 1.3; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.contact-form-container { margin-top:1.5rem; }
.contact-form-container form .form-row { display: flex; gap:1rem min(40px,3vw); flex-wrap: wrap; justify-content: space-between; }
.contact-form-container form p { width:20%; position: relative; flex-grow: 1; }
.contact-form-container form p.p-submit { width: fit-content; margin:1.5rem auto 0; position: relative; display: flex; align-items: center; }
.contact-form-container form p.p-submit input { margin:0 auto; display:block; padding: 0; }

.contact-form-container form p.center { min-width:fit-content; }
.contact-form-container form p.center .wpcf7-not-valid-tip { position:absolute; }
.contact-form-container form p.center { display: block; margin: 0 auto 2.4rem; text-align: inherit; }

.contact-form-container form p :is(input[type="text"],input[type="email"],input[type="tel"]) { padding-right:2.2rem; outline:none; }

.contact-form-container form p :is(input[type="text"],input[type="email"],input[type="tel"]):focus { border-color: var(--blue); }

.contact-form-container .wpcf7-form-control-wrap,
.contact-form-container label { display:block; }
.contact-form-container form p .wpcf7-form-control-wrap:after { content: ''; position: absolute; top: 0; right: 0.8rem; height:61px; width:1rem; }
span.wpcf7-form-control-wrap[data-name="your-name"]:after { background: url(assets/img/icon-blue-person.svg) center no-repeat; }
span.wpcf7-form-control-wrap[data-name="your-email"]:after { background: url(assets/img/icon-blue-envelope.svg) center no-repeat; }
span.wpcf7-form-control-wrap[data-name="your-tel"]:after { background: url(assets/img/icon-blue-tel.svg) center no-repeat; }
span.wpcf7-form-control-wrap[data-name="organization"]:after { background: url(assets/img/icon-blue-suitcase.svg) center no-repeat; }

/*.contact-form-container .wpcf7-not-valid-tip { margin: 0; height: 0; }
.contact-form-container .wpcf7-not-valid-tip:before { content: ''; height: 10px; display: block; }*/
@media ( max-width:1000px) {
	.contact-form-container form p { width:100%; }
}

@media (max-width: 782px) {
	section#contact { padding: 40px 0 40px; background-size:auto 100%; }
}


/* stylized scrollbars: */
.my-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.my-scrollbar::-webkit-scrollbar-button { background: var(--gray-5); display:none; }
.my-scrollbar::-webkit-scrollbar-track-piece { border:1px solid var(--gray-5); background: none; border-radius: 6px; }
.my-scrollbar::-webkit-scrollbar-thumb { background:var(--gray-5); 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; }

/* search results page: */
.posts-list { display:grid; gap:2rem; }
.posts-list-item { display: grid; grid-template-columns: min(20%, 200px) auto; gap: 1.4rem; }
.posts-list-item-1 img { aspect-ratio: 1; object-fit: cover; width:100%; height:auto; display:block; }

body.search-results .site { margin-bottom: 5rem; }


/* 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(--blue); 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,
.wpcf7 .styledSelect { width:100%; display: block; border: 1px solid; border-radius: 10px; padding:0.8rem 0.8em; font-size: 20px; color: var(--black); }

.wpcf7 input[type="submit"] { display: block; font-size: 1rem; }

.wpcf7-spinner { position:absolute; }

.wpcf7-not-valid-tip { color:var(--color-orange); font-size:0.9rem; line-height: 1.2; margin: 0.5em 0; }
	
.wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0; border: none; }

p.p-submit { display: flex; justify-content: flex-end; }



/* site footer: */

.site-footer { padding:90px 0; }

.footer-row { display: flex; gap: 2.5rem 0; justify-content: space-between; position:relative; }
.footer-col-1 { display:flex; flex-direction:column; justify-content: space-between; gap:1rem; }
.footer-col-2 { flex-grow:0.7; display: flex; flex-direction: column; align-items: flex-end; gap: 2rem; }

.site-footer img.logo { /*filter: saturate(0) brightness(10);*/ width: 183px; }

ul.footer-links { list-style: none; display:grid; gap:1rem; padding:0; direction:ltr; }
ul.footer-links li a { display:grid; gap:0.5rem; grid-template-columns:1em auto; align-items: center; text-decoration: none !important; }
ul.footer-links a span { direction:rtl; }
ul.footer-links li a:hover { color:var(--blue); }

.site-footer ul.social { justify-content: flex-start; direction: ltr; }
ul.social { margin:0; padding:0; list-style: none; display: flex; gap: 30px; }
ul.social li a { font-size:1.3rem; color:var(--white); width:45px; height:45px; background:#D6DAE3; display:flex; align-items: center; justify-content: center; }
ul.social li a img { width:55%; height:55%; object-fit: contain;}
ul.social li a:hover { background: var(--blue); }

.footer-menu { list-style:none; margin:0; padding:0; display: flex; gap:2rem 0; width:100%; justify-content: space-between; flex-wrap: wrap; }
.footer-menu a { text-decoration:none; display: inline-block; }
.footer-menu li a:hover { text-decoration: underline; }
.footer-menu ul { list-style:none; margin:0; padding:0; display:grid; gap:1em; margin-top:1em; }
.footer-menu > li > a { color: var(--blue); }

@media (min-width:901px) {
	.footer-menu > li { max-width: fit-content; width: calc(50% - 2rem); flex-grow: 0.7; min-width: 10em; }
	.footer-menu > li:not(:last-child) { padding-inline-end: 2rem; margin-inline-end: 2rem; border-inline-end: 1px solid #eee; }

	.footer-col-2 { padding-inline-start: 2rem; margin-inline-start: 2rem; border-inline-start: 1px solid #eee; }

	.menu-tels-container { display: inline; }
	.menu-tels-container:before { content: '-'; }
	a.menu-tel-link:not(:last-child):after { content: '| '; }
	
}

@media (max-width:900px) {
	.footer-menu { flex-direction: column; gap:0; }
	.footer-menu > li:not(:last-child) { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #D6DAE3; }

	.site-footer img.logo { width:70%; max-width: none; }

	.menu-tels-container { display: flex; justify-content: space-between; gap: 1em; padding-bottom: 1.3rem; border-bottom: 1px solid #ccc; margin-bottom: 0.3rem; }

	a.menu-tel-link { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; }
	a.menu-tel-link:before { content:url(assets/img/icon-blue-tel.svg); width: 1.3em; height: 1.3em; }
	.menu-plain-text { display: block; text-align: center; }

}

.footer-menu li.bold { font-weight: 900; }

.footer-col-3 img { width:auto; height:auto; }

.footer-row .user-content a { text-decoration: none; }

@media (max-width:782px) {
	.footer-row { display: grid; margin: 0 auto; width: fit-content; }
	.footer-col-1 { align-items: center; }

	.footer-col-3 { margin: 0 auto; }

	.footer-col-4 { width: auto; max-width: none; }

	.footer-col-5 { border: none; border-top: 2px solid; padding: 1rem; align-items: center; }

}

/* footer-bottom: */
.footer-bottom { font-size:15px; }
.footer-bottom .inner { border-top: 1px solid #D6DAE3; display: flex; align-items: center; justify-content: space-between; padding:0.9rem 0;
	flex-wrap: wrap; gap: 0.5em 1em; flex-wrap: wrap; }
.footer-bottom ul.footer-bottom-menu { list-style: none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:2rem 0; }
ul.footer-bottom-menu a { text-decoration: none; }
ul.footer-bottom-menu li { display:flex; align-items: center; }

@media (min-width:783px) {
	ul.footer-bottom-menu li:not(:first-child):before { content:''; display:inline-block; margin:0 0.7em; border-inline-start:1px solid #D6DAE3; height:1.2em; }
}
@media ( max-width:782px) {
	.footer-bottom ul.footer-bottom-menu { flex-direction: column; align-items: center; text-align: center; }
	.footer-bottom .inner { flex-direction: column; align-items: center; text-align: center; gap:2rem; padding: 2rem 0; }
}

.credits { display: flex; align-items: center;gap: 0 1em; flex-wrap: wrap; }
.logo-huss-sam { height: 0.8em; width: auto; transform: translateY(-5%); }

.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; }




.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; }*/

button { font-size: inherit; }

.arr-l:before,
.arr-r:before,
.article-navigation a,
.article-pages-nav,
.homepage-button,
#navbar,
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,
.bottom-yellow-line.bottom-yellow-line-2.with-arrow:after,
.mifrat-button .overlay,
ul.social li a,
.button-arrow:after,
.contact-form-container form p.p-submit:after,
ul.footer-links li a,
.arrow-icon:after,
.services-item .on-hover,
.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; }

.nav-menu li.menu-item-has-children > a:before,
.bottom-yellow-line .bg,
.switch-to-blog,
.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; }
.white { color:var(--white); }
.extra-bold { font-weight:900; }
.no-underline,
.no-underline:hover { text-decoration:none; color:inherit!important; font-weight:inherit; }
.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 { color:inherit; }
a:hover { text-decoration:none; }
.dashicons { width:auto; height:auto; font-size:inherit; line-height:inherit; text-decoration:inherit; }

img { max-width: 100%; height: auto; }
img.image-cover { object-fit: cover; }

@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(--white);
	color:var(--black);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:600px;
	max-width: 90%;
	max-height: 90%;
	overflow:auto;
	padding:33px;
}
.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(assets/img/x-close-black.svg) 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; }

.slick-slider, .slick-slider * { outline:none; }

.slick-slider.slick-flex .slick-track { display:flex; align-items: center; }

button.slick-arrow {
	background:url(assets/img/arr-right.svg) center/contain no-repeat;
	font-size:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	z-index:1;
	border: none;
	cursor: pointer;
}
/*button.slick-arrow:after { content:''; width:1rem; height:1rem; border:3px solid white; border-left:none; border-bottom:none; transform:rotate(45deg); position:absolute; top:calc(50% - 0.6rem); left:calc(50% - 0.6rem); }*/
body:not(.rtl) button.slick-next,
body.rtl button.slick-prev { right:1.5%; }
body:not(.rtl) button.slick-prev,
body.rtl button.slick-next { left:1.5%; transform:translateY(-50%) scaleX(-1); }
/*body:not(.rtl) button.slick-prev:after,
body.rtl button.slick-next:after { transform:rotate(-135deg); }*/
button.slick-arrow.slick-disabled { visibility: hidden; }

.item.slick-slide iframe { width: 100%; height: 100%; display: block; }

ul.slick-dots {
	display: flex;
	gap:14px;
	list-style:none;
	padding:0;
	margin:0;
	justify-content:center;
	flex-wrap:wrap;
	max-width: 50%;
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
	z-index: 1;
}
ul.slick-dots li button {
	width:12px;
	height:12px;
	background:#fff;
	padding:0;
	min-height:0;
	font-size:0;
	overflow:hidden;
	color:transparent;
	border-radius:50%;
	border:none;
	display:block;
	cursor: pointer;
}
ul.slick-dots li.slick-active button { background:#464646; }

@media (min-width:783px) {
	.mobile-only { display:none !important; }
}
@media (max-width:782px) {

	.desktop-only { display:none !important; }

	html { font-size:17px; overflow-x: hidden; }
	body { overflow-x: hidden; }
	
	/*.page-header { margin: 0 calc(-1 * var(--wrapper-margin)); width:calc(100% + var(--wrapper-margin) * 2); }*/

	body .slick-list { margin:0; }
	
	section { padding:20px 0; position: relative; }
	
	/* mobile nav menu: */
	html.mobile-menu-open { overflow: hidden; }
	body:not(.mobile-menu-open) #navbar { transform:translateX(100%); }
	#navbar {
		padding: 0;
        position: fixed;
        top: var(--admin-bar-height);
        right: 0;
		bottom: -40px;
        overflow: auto;
        z-index: 100;
        width: 100%;
        margin: 0;
        background: var(--white);
        box-shadow: 4px 4px 1rem #0006;
	}
	#navbar .wrapper { width:auto; }
	#site-navigation { display:block; margin:0; padding:0 2rem 7rem; min-height:80vh; }
	
	div.nav-menu > ul, ul.nav-menu { display:grid; grid-template-columns: 1fr; gap:0; }
	.nav-menu > li { display:block; padding: 15px 0; }
	.nav-menu > li:not(:last-child) { border-bottom: 1px solid; }
	.nav-menu ul li:not(:first-child) { border:none; }
	.nav-menu ul li { text-align: start; }

	#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: flex-end; }

	.nav-menu li.menu-item-has-children > a { font-weight: 700; display:flex; gap:0.4rem; align-items: center; }

	.nav-menu li.menu-item-has-children > a:before {
		content:'';
		width:21px;
		height:21px;
		display:block;
		background: url('assets/img/nav-expand.svg') 50% 50%/contain no-repeat;
		transform:rotate(-90deg);
	}
	
	.nav-menu li.menu-item-has-children:is(:hover,:focus,:focus-within) > a:before { transform:rotate(0); }

	.menu-toggle-close { position:relative; left:auto; top:auto; background-image:url('assets/img/nav-mobile-close.svg');
		margin: 42px 0 24px; margin-inline-start: auto;
	}


	.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: 8px 0 0;
	}
	.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; }
}










/* Stylized select: */
.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    /*font:normal 11px/22px Arial, Sans-Serif;
    color:black;
    border:1px solid #ccc;*/
}
.styledSelect,
.wpcf7 .styledSelect {
    position:absolute;
    top:0;
    /*right:0;
    bottom:0;*/
    left:0;
	height: 100%;
    width: 100%;
	cursor: pointer;
    background-color:white;
	padding-inline-end: 1.8em;
    /*padding:0 10px;
    font-weight:bold;*/
}
.options li:first-child:before,
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
	top: 50%;
    left: 0.8rem;
    transform: translateY(-10%);
}
.styledSelect:active, .styledSelect.active {
    background-color:#eee;
}
.options {
    display:none;
    position:absolute;
    top:0; /*100%;*/
    right:0;
    left:0;
    z-index:999;
	cursor: pointer;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid var(--blue);
	border-radius: 8px;
    background-color:white;
    /*-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);*/
	padding-bottom:0.4em;
}
.options li {
    padding:0.1em 0.8rem;
    margin:0 0;
}
.options li:first-child { padding: 0.8rem 0.8rem; position: relative; margin-bottom: 0.5em; }
.options li:first-child:after { content:''; display:block; margin: 0; border-bottom: 1px solid #707070; position: absolute; bottom: 3px; left: 0.8rem; right: 0.8rem; }
.options li:not(:first-child):hover {
    background-color:#39f;
    color:white;
}