﻿@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 200;src: url('Fonts/assistant-v19-hebrew_latin-200.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 300;src: url('Fonts/assistant-v19-hebrew_latin-300.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 400;src: url('Fonts/assistant-v19-hebrew_latin-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 500;src: url('Fonts/assistant-v19-hebrew_latin-500.woff2') format('woff2'); }
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 600;src: url('Fonts/assistant-v19-hebrew_latin-600.woff2') format('woff2'); }
@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 700;src: url('Fonts/assistant-v19-hebrew_latin-700.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 800;src: url('Fonts/assistant-v19-hebrew_latin-800.woff2') format('woff2');}

.noto-sans-hebrew-<uniquifier> {
  font-family: "Noto Sans Hebrew", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.rubik-dirt-regular {
  font-family: "Rubik Dirt", system-ui;
  font-weight: 400;
  font-style: normal;
}

.playpen-sans-hebrew-<uniquifier> {
  font-family: "Playpen Sans Hebrew", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
:root {
--maincolor:#a82a69;
--seccolor:#10545f;
--fontcolor:#0c5d2b;
--fontsize:18px;
--fonttitle:26px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #ccc;
--greylight: #eee;
--greydark: #666;
--blackopacity: rgba(0, 0, 0, 0.7);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--shadow: 0px 1px 5px rgba(0,0,0,0.3);
--radius:5px;
}


html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre {color:var(--fontcolor);font: normal var(--fontsize) Assistant, Arial, Helvetica, sans-serif;margin:0px;padding:0px;border:none; line-height:normal;background: none;}
body {-webkit-animation: bugfix infinite 1s;overflow-x:hidden;}
html, body {height:100%}
input, textarea, select {background:none;border:1px solid var(--maincolor);width:100%;padding:10px 20px;border-radius: 10px;font-size:24px}
div, p, li {line-height: 140%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:140%;font-family:Playpen Sans Hebrew;margin:0 0 20px 0;}
h1 {font-size: 45px;} h2, h2 div {font-size: 40px;} h3, h3 div {font-size: 26px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;} p a {text-decoration:underline;} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu {display:none}

#main {max-width:1920px;margin:auto;height:100%;position: relative;}
.page, .shortpage {width:100%;max-width:1440px;margin:auto;position:relative}
.shortpage {max-width:1000px}

.logo {/*mix-blend-mode: soft-light;background:var(--white);box-shadow:var(--shadow);height:120px;*/width:300px;position:absolute;left:5%;margin:0 0 0 0px;z-index:2;top:5%}
.logo img {}

.mainplace {position:relative;height:800px;background:#844900}
.mainplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 20px 10px;background: var(--maincolor);color:var(--white);margin:0px auto;text-align:center;border:none;border-radius:30px;}
a.btn:hover, span.btn:hover, input[type="submit"]:hover, button.btn:hover, a.btn:focus, span.btn:focus, input[type="submit"]:focus,
button.btn:focus {background:var(--blackopacity);}

.content {padding:0 0 4% 0;width: 100%;float: left;}

.curtainplace {background: var(--blackopacity);position:absolute;left:0px;bottom:0px;margin:0;padding:10px;color:var(--white)}
.curtainplace.dnone {display:none}

.card {text-align:center;margin:100px 0 0 0}
.card button {margin:0 10px;}

.bigtitle{
  font-family: "Playpen Sans Hebrew", serif;
  font-weight: 500;
  font-size: clamp(40px, 6vw, 100px);
  letter-spacing: .08em;
  color: #0c5d2b;
  line-height: .7;
  text-align: center;

  position: relative;
  padding: 40px 0 20px 0;
}
.bigtitle::after{
  content:"";
  width: 120px;
  height: 1px;
  background: linear-gradient(to right, transparent, #c28b55, transparent);
  display:block;
  margin: 30px auto 0;
}

.bigtitle{
  text-shadow:
    0 1px 0 rgba(255,255,255,.6),
    0 2px 4px rgba(0,0,0,.2);
}


.bigtitle2{
  font-family: "Playpen Sans Hebrew", serif;
  font-weight: 500;
  font-size: clamp(40px, 6vw, 60px);
  letter-spacing: .08em;
  color: #0c5d2b;
  line-height: .7;
  text-align: center;

  position: relative;
  padding: 40px 0 20px 0;
}
.bigtitle2 img {width:150px;display:block;margin:10px auto}

.bigtitle2::after{
  content:"";
  width: 120px;
  height: 1px;
  background: linear-gradient(to right, transparent, #c28b55, transparent);
  display:block;
  margin: 30px auto 0;
}

.bigtitle2{
  text-shadow:
    0 1px 0 rgba(255,255,255,.6),
    0 2px 4px rgba(0,0,0,.2);
}

.bigtitle3 {padding:0 4% 0 0}

.indexcontent {text-align:center;padding:4%;margin:6% 0 3% 0;display: flex;flex-direction: column;align-items: center;}
.indexcontent p, .indexcontent li {font-size:24px;color:#0c5d2b;}
.indexcontent li {text-align:right}
.indexcontent p, .indexcontent ul {margin:0 0 20px 0;}

.indexContent3 {margin:2% 0 2% 0;}

.featuresplace{
  --bg: rgba(255,255,255,.86);
  --stroke: rgba(132, 94, 56, .22);
  --text: #3a2b23;
  --muted:#7a5a45;
  --accent:#b07a4f;        
  --accent2:#8e5b3a;       
  --shadow: 0 24px 60px rgba(20,12,8,.14);

  direction: rtl;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  padding: 28px;
  border-radius: 26px;
  margin:0 4% 5% 4%;
  background:
    radial-gradient(1200px 500px at 20% -10%, rgba(210,160,105,.20), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(180,110,70,.16), transparent 55%),
    rgba(255,255,255,.62);
  border: 1px solid rgba(132, 94, 56, .18);
  box-shadow: 0 30px 80px rgba(20,12,8,.10);
  backdrop-filter: blur(8px);
}


@media (max-width: 980px){
  .featuresplace{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px){
  .featuresplace{ grid-template-columns: 1fr; padding: 18px; gap: 14px; }
}

.feature{
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: var(--bg);
  border: 1px solid var(--stroke);
  box-shadow: 0 12px 30px rgba(20,12,8,.08);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  min-height: 170px;
  counter-increment: feature;
}


.feature::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(600px 240px at 20% 0%, rgba(255, 223, 180, .35), transparent 55%),
    radial-gradient(520px 260px at 90% 100%, rgba(200, 130, 80, .18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0));
  opacity:.65;
  pointer-events:none;
}

.feature::after{
  content:"";
  position:absolute;
  inset:auto -40px -60px -40px;
  height: 140px;
  background: radial-gradient(closest-side, rgba(176,122,79,.18), transparent 70%);
  transform: rotate(-6deg);
  pointer-events:none;
}

.feature:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow);
  border-color: rgba(176,122,79,.35);
}


.feature .abstract{
  position:relative;
  padding: 22px 22px 18px;
  display:flex;
  flex-direction:column;
  gap: 10px;
   font-family: "Playfair Display", serif;
}




.feature .abstract::before{
  content: counter(feature);
  width: 58px;
  height: 58px;
  border-radius: 999px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;

  font-family: "Playfair Display", serif;
  font-size: 28px;
  font-weight: 600;
  color: #8b5a35;

  background:
    radial-gradient(circle at 30% 30%, rgba(255,245,230,.95), rgba(255,245,230,.25) 35%, transparent 70%),
    radial-gradient(circle at 60% 70%, rgba(176,122,79,.35), rgba(176,122,79,.12) 55%, transparent 70%),
    radial-gradient(circle at 50% 50%, rgba(255, 200, 120, .22), transparent 65%);

  border: 1px solid rgba(140,90,50,.15);
  box-shadow: 0 10px 26px rgba(40,22,12,.25);
}


.feature .title{
  font-size: clamp(16px, 1.4vw, 24px);

  color: var(--text);
  letter-spacing: .2px;
  font-weight: 600;
  margin-top: 2px;
  text-align:center;

  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.feature .moreabstract {text-align:center}
/* 
.feature .moreabstract{
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
  min-height: 44px;
  opacity: .95;
}


.feature .moreabstract::after{
  content:"לגלות עוד ←";
  display:inline-flex;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(176,122,79,.28);
  background: rgba(255,255,255,.55);
  color: var(--accent2);
  font-weight: 600;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.feature:hover .moreabstract::after{
  transform: translateX(-4px);
  background: rgba(255,255,255,.78);
  border-color: rgba(176,122,79,.42);
}


.featuresplace .feature:nth-child(1) .moreabstract::after{ content:"לגלריה ←"; }
.featuresplace .feature:nth-child(2) .moreabstract::after{ content:"למפגשים ←"; }
.featuresplace .feature:nth-child(3) .moreabstract::after{ content:"לביקור ←"; }
.featuresplace .feature:nth-child(4) .moreabstract::after{ content:"להזמנה ←"; }
.featuresplace .feature:nth-child(5) .moreabstract::after{ content:"לתערוכות ←"; }
*/




.features .imgplace {height:500px;position:relative;overflow:hidden}
.features .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.features .title {margin:10px;text-align:center}
.features a:hover img {transform: scale(1.1,1.1);}

.bodyflex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.bodyflex > div {width:50%;flex: auto;padding:0 1% 0 0}
.bodyflex > div:nth-of-type(2n) {padding:0 0 0 1%}

.bodytext p { line-height:140%;margin:0 0 15px 0}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul, .bodytext ol {margin:0 5px;padding: 0;}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 8px no-repeat;list-style-type: none;padding: 0 0 0 17px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:3% 0}
.flexplace .flex {width: 23%;margin: 1% 1% 3% 1%;position:relative}
.flexplace .flex .title {font-size: var(--fonttitle);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 340px;position: relative;overflow: hidden;border:1px solid var(--grey);display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0}
.flexplace .flex img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplace .flex a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.flexplace .flex a:hover .title, .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex .abstract {margin:0 0 10px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;}
.flexplace .flex:after {height:1px;width:100%;content:"";display:block;background:var(--grey);left:0;bottom:-10px;position:absolute}
.flexplace .flex.slide {margin:0;padding:10px;}
.flexplace .flex .price span {}
.flexplace .flex .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;}

.featuresicons {display:flex;margin:-60px 0 55px 0;justify-content: center;z-index:99;position:relative}
.featuresicons a {width:125px;height:125px;margin:0 10px;display:block;background:var(--white);padding:0px;box-shadow:var(--shadow);border-radius:100%;overflow:hidden}
.featuresicons a:hover {transform: scale(1.1,1.1);}

.featuresicons.sticky {position:fixed;background:#fff;box-shadow:var(--shadow);padding:10px;top:0;width:100%;margin:0}
.featuresicons.sticky a {width:60px;height:60px;}

.attach {padding:10px;}
.attach a {display: flex;align-items: center;color: var(--black);}
.attach a img{margin: 0 10px;max-height: 35px;}



.searchplace {}
.search {display:flex;max-width:200px;border:1px solid var(--grey);margin:0 5px;position:relative}
.search.opened {display:block} 
.search label {display:inline-block;margin:0;width: 100%;}
.search input {padding:7px 10px;border:none;background:none;}
.search .submitsearch {filter: grayscale(100%);width:40px;height:36px;display: block;background: url(../images/search.png) center center no-repeat;background-size: 25px;}
.search .submitsearch:hover, .search .submitsearch:focus {filter: grayscale(0%);}

.search_resultsplace {display:none;}
.search_resultsplace.this {display:block} 
.search_results {padding:5px;position:absolute;left:0%;top:100%;width:300px;max-height:300px;height:300px;overflow-y:scroll;z-index: 111;background: var(--whiteopacity);box-shadow: var(--shadow);}
.search_results .item {padding:5px;}
.search_results .item img {max-width:40px;max-height:40px;margin:auto}
.search_results .imgplace {margin:0 5px;width:40px;display:flex}
.search_results .item span {display:inline-block;width:70%;line-height:120%;font-size: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.search_results a {display:flex;padding:5px;align-items: center;}
.search_results a:hover, .search_results a:focus {background:var(--greylight);}

.contactform {margin:0 0 6% 0}
.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 20px 0;}
.contactform label input, .contactform label textarea, .contactform select {background:var(--whiteopacity)}
.contactform textarea {height:105px;float: left;width: 100%;}
.contactform select {padding:10px;}
.contactform .errorplace {display: none;color:#ff0000;position:absolute;left:0;bottom:-15px;font-size:11px;}
.contactform .mandatorycontact span:after {content: "*";display: inline-block;color: #ff0000;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform label span {display:block;font-style:italic}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px;width:15px;height:15px;}
.contactform .jointomailinglist, .contactform .readprivacypolicy {display:flex;align-items: center;font-size:16px;}
.contactform .readprivacypolicy a span {display:inline-block;margin:0 5px;font-size:16px;color:var(--maincolor);text-decoration:underline}
.contactform a[href^="tel:"] {background: url(../images/iconphone.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="mailto:"] {background: url(../images/iconemail.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="http:"] {background: url(../images/iconsite.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}


footer {width:100%;display: flex;align-items: center;}

.mainphone, .mainemail {display: block;background: var(--white) url(../images/whatsup.png) 92% 9px no-repeat;background-size: 30px;font-size: var(--fonttitle);margin: 5px 0;padding: 13px 45px 13px 15px;position: fixed;right: 10px;bottom: 60px;z-index: 99;}
.mainemail {bottom: 0px;}

.credits {flex:auto;text-align:center;background:var(--greylight);padding:20px;}
.credits a:hover, .credits a:focus {color:var(--maincolor);}
.credits p, .credits a {margin:0;color:var(--fontcolor);font-size:16px;}
.credits h2 a {font-weight:600;font-size:30px;}

.docsplace, .linksplace {padding:10px;margin:3% 0;border-top:1px solid var(--grey)}
.docsplace .title, .linksplace .title {font-size: var(--fonttitle);margin:0 0 10px 0;}
.docsplace a, .linksplace a {display:flex;align-items: center;color:var(--black)}
.docsplace a:hover, .linksplace a:hover {text-decoration:underline}
.docsplace a img, .linksplace a img {margin:0 10px;max-height:35px;}
.linksplace a {background: url(../images/link.png) left center no-repeat;background-size: 25px;padding:5px 30px}

.socialmedia {display: flex;flex-wrap:wrap;justify-content: center;margin:0 0 3% 0}
.socialmedia a {margin:5px;width:50px;height:50px;}
.socialmedia a:hover {opacity:.5}
.socialmedia .facebook {background: url(../images/facebook.png) center center no-repeat;}
.socialmedia .youtube {background: url(../images/youtube.png) center center no-repeat;}
.socialmedia .instagram {background: url(../images/instagram.png) center center no-repeat;}
.socialmedia .linkedin {background: url(../images/linkedin.png) center center no-repeat;}
.socialmedia .tiktok {background: url(../images/tiktok.png) center center no-repeat;background-size:cover}

.footerlinksplace {display: flex;flex-wrap: wrap;}
.footerlinksplace .title {margin:0px 0 10px 0}
.footerlinksplace a {font-size:16px;display:block;margin:5px 0 0 0}
.footerlinksplace a:hover {color:var(--maincolor);text-decoration:underline}
.footerlinksplace > div {flex:auto}

.popupplace {background: var(--blackopacity);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0}
.popupplace.opened {z-index:5;opacity:1;height:100%;}

#showmore {font-size: var(--fonttitle);margin:20px auto;display:block;width:100%;display:none}

.slideto {background:var(--white);padding:10px;position:fixed;left:10px;top:10px;z-index:9999;width:1px;height:1px;clip: rect(0,0,0,0);}
.slideto:focus {width:auto;height:auto;clip:auto;}

.whatsappPr {display:flex;align-items: center;font-weight:bold;margin:15px 0 0 0}
.whatsappPr:hover, .whatsappPr:focus {text-decoration:underline}
.whatsappPr:before {background: var(--greylight) url(../images/whatsup.png) center center no-repeat;width: 30px;height:30px;border-radius:100%;background-size:20px;content:"";display:block;margin:0 0 0 10px;}


table {padding:5px;border-right:1px solid var(--grey);border-top:1px solid var(--grey);border-collapse:collapse;border-spacing:0;}
table td, table th {padding:5px;border-left:1px solid var(--grey);border-bottom:1px solid var(--grey)}
table th {background:var(--maincolor);color:var(--white)}

.alert {color:#ff0000; font-size:12px;display:none}

:focus, .saveforlatermenu:focus, .articles a:focus, .glossaryABC a:focus span, .slick-slider a:focus, .slick-slider button:focus, 
.infobox a:focus, .toogleselect .scroll input:focus {outline: 1px dashed var(--maincolor);outline-offset: 1px;box-shadow: 0px 0px 2px rgba(0,0,0,.5);}
.faqsplace button {outline:none;box-shadow:none}

div .slick-dots {text-align:center;bottom:-25px;    display: flex;justify-content: center;}
div .slick-dots li button, div .slick-dots li {padding:0;width: 15px;height: 15px;}
div .slick-dots li button:before {opacity:1;width: 15px;height: 15px;line-height: 100%;content:"";background: var(--grey);border-radius:100%}
div .slick-dots li.slick-active button:before {opacity:1;background: var(--maincolor)}

.custom-dots {text-align:left;bottom:-25px;    display: flex;position:absolute}
.custom-dots li {list-style-type:none;list-style: none;}
.custom-dots li a {width: 15px;height: 15px;background:var(--grey);display:block;cursor:pointer;margin:0 5px;border-radius:100%}
.custom-dots li.slick-active a {opacity:1;background: var(--maincolor)}

.sitemap ul {margin:0 20px;}
.sitemapheader {color:var(--maincolor);font-size: var(--fonttitle);}

div .slick-prev, div .slick-next {z-index:5;width: 50px;height: 50px;background: var(--whiteopacity);transform:none;margin:-25px 0 0 0}
div .slick-prev:hover, div .slick-next:hover, div .slick-prev:focus, div .slick-next:focus {background:var(--maincolor)}
div .slick-prev {left:0; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:0;} 
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {background:var(--black);content:"";display:block;position:absolute;right:22px;top:12px;width:2px;height:15px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
div .slick-next:hover:before, div .slick-prev:hover:before, div .slick-next:hover:after, div .slick-prev:hover:after,
div .slick-next:focus:before, div .slick-prev:focus:before, div .slick-next:focus:after, div .slick-prev:focus:after {background:var(--white)}
div .slick-next:before, div .slick-prev:before {transform: rotate(45deg);top:22px;}
div .slick-next.slick-disabled:before, div .slick-prev.slick-disabled:before {opacity:1}
 
.togglecart {position: fixed;top: 0%;left: 0%;z-index: 99;width: 100%;height:100%;display: none;}
.togglecart .close {width:25px;height:25px;position:absolute;left:18px;top:20px;display:flex;align-items: center;justify-content: center;}
.togglecart .close:after, .togglecart .close:before {transform: rotate(45deg);content:"";display:block;background:var(--blackopacity);width:30px;height:2px;position: absolute;}
.togglecart .close:after {transform: rotate(-45deg);}
.togglecart .btn {margin:0 2% 0 0;width:49%}
.togglecart .btn:nth-of-type(2n) {margin:0}
.togglecart .overlay {background:var(--blackopacity);position: absolute;top: 0;left: 0;width: 100%;height:100%;content:"";display:block}

.cartplacebody {box-shadow: var(--shadow);background:var(--white);width:33.3%;height:100%;position:relative;padding:20px;z-index:2;    display: flex;flex-direction: column;}
.cartplacebody h2 {margin:0 0 20px 0;font-weight: var(--fontbold);font-size:var(--fonttitle)}

.cartitemplace.fullcart {max-height:560px;overflow-y:scroll;padding:0 0 0 10px;}
.cartitemplace.fullcart::-webkit-scrollbar {width: 10px;}
.cartitemplace.fullcart::-webkit-scrollbar-track {background: var(--greylight);}
.cartitemplace.fullcart::-webkit-scrollbar-thumb {background: var(--grey);}
.cartitemplace.fullcart::-webkit-scrollbar-thumb:hover {background: var(--black);}

.cookiesplace {z-index: 999;display:none;position:fixed;background:#000\8;background-color: rgba(0,0,0,0.8);width: 100%;bottom: 0;padding: 10px 10%;color: #fff;text-align: center;font-size: 16px;left:0}
.cookiesplace p, .cookiesplace a {color:#fff}
.cookiesplace button {color: #fff;text-decoration:none;display: inline-block;background: var(--maincolor);border: 1px solid var(--white);padding:10px 20px;margin:10px 0 0 0}
.cookiesplace button:hover, .cookiesplace button:focus {background:#000;}





html:lang(he) body {text-align:right;direction:rtl;}
html:lang(he) .slick-slider, html:lang(he) .slick-slider .slick-track {direction:ltr}
html:lang(he) .curtainplace, html:lang(he) .sliderhome .abstract, html:lang(he) .slick-slider .slick-track div, 
html:lang(he) .contactform label input, html:lang(he) .slider-for, html:lang(he) .slider-for div {direction:rtl}

html:lang(he) .accountplace .openaccount, html:lang(he) .productflex,
html:lang(he) button.addtocart, html:lang(he) .movebtns {flex-direction: row-reverse;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-prev {left:auto;right:20px;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-next {right:auto;left:20px;}
html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount,
html:lang(he) .stepbefore a, html:lang(he) .stepcurrent a, html:lang(he) .stepafter a {right:auto;left:0px;}
html:lang(he) .productslistselects .page > div .title:after {right: auto;left: 15px;}
html:lang(he) .productslistselects .page > div .title:before {right: auto;left: 21px;}
html:lang(he) .toogleselect, html:lang(he) .contactform .s_top, html:lang(he) .contactform .errorplace,
html:lang(he) .search_results, html:lang(he) .dropmenuplace, html:lang(he) div .sliderbtn {left:auto;right:0px;}

html:lang(he) .toogleselect button, html:lang(he) .welcomeplace input[type="submit"] {float:left}
html:lang(he) .welcomeplace div, html:lang(he) button.addtocart {float:right}
html:lang(he) .bodyflex > div {padding:0 0 0 1%}
html:lang(he) .bodyflex > div:nth-of-type(2n) {padding:0 1% 0 0;}
html:lang(he) .confirmplace > div:nth-of-type(2n) {margin: 0 2% 0 0;}
html:lang(he) .bodytext li {background: url(../images/dot.png) right 8px no-repeat;list-style-type: none;padding: 0 20px 0 0px}
html:lang(he) .linksplace a {background: url(../images/link.png) right center no-repeat;background-size: 25px;}

html:lang(he) .togglecart .btn {margin:0 0 0 2%}
html:lang(he) .togglecart .btn:nth-of-type(2n) {margin:0}
html:lang(he) .imgside {float:left;margin:0 2% 20px 0}
html:lang(he) .faqsplace .question span {right: auto;left: 20px;}


@media (-webkit-device-pixel-ratio: 1.25) {#main {zoom: 0.8;}}
@media (-webkit-device-pixel-ratio: 1.5) {#main {zoom: 0.67;}}
@media screen and (min-width: 1921px) and (max-width: 6000px) {header {width:1920px;left:50%;margin:0 0 0 -960px}}

@media screen and (min-width: 1021px) and (max-width: 1460px) 
{
	.page, .shortpage, .mainabstract {padding:0 4%}
}

@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius: 3px;}
	.moremenu, .tmpbcitem .wrap:before, body .shoppingcart:hover .togglecart, .topmenu, body .accountplace .name, li li .moremenu,
	.togglecart {display:none}
	body, p, li, div, .bodytext p a, .bodytext li a, .accountplace .openaccount,
	a.btn, span.btn, input[type="submit"].btn, button.btn {font-size: 4vmin;}

	h2, .docsplace .title, .linksplace .title, .mailinglist .title {font-size:25px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	.credits p, .credits a {font-size:14px}
	.page, .shortpage {width:100%;max-width:100%;padding:0 4%}


	.logo {text-align: center;padding:5px;position:absolute;left:10px;width:150px;height:150px;top:0px;border-radius:100%;overflow:hidden;}

	.logo img {max-height:90%;margin:auto}

	.featuresicons a {width: 80px;
        height: 80px;
        margin: 10px;}
	.featuresicons {margin: 0px 0 20px 0;
    flex-wrap: wrap;}

	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:5px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:var(--maincolor);margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-4px;}
	.openmenu div:before { content: '';top:-4px;}
	.openmenu.opened {opacity:1}
	.openmenu.opened div:before {transform: translateY(10px) rotate(135deg);}
	.openmenu.opened div:after {transform: translateY(-10px) rotate(-135deg);} 
	.openmenu.opened span {transform: scale(0);}
	
	.mainplace {height:450px;}
	
	.maincontent {overflow:hidden}
	.bigtitle {line-height: .3;padding: 40px 0 0px 0;}
	.mdisable .searchplace {overflow: hidden;}

	.moremenu {display:block;width:45px;height:45px;position:absolute;left:0px;top:0px;z-index: 99;}
	.moremenu:before, .moremenu:after {background:var(--grey);content:"";display:block;position:absolute;left:18px;top:17px;width:2px;height:10px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
	.moremenu:before {transform: rotate(45deg);left: 24px;}
	.moremenu.opened::after {left:24px;}
	.moremenu.opened::before {left:18px;}

	.searchplace {width: 100%;position:absolute;left:0;top:100%;background:var(--white)}
	.search {width:98%;margin:1%}
	.search input {background:none;font-size: 14px;}
	.search .submitsearch {border-radius:0;height:auto}

	.contactform {margin:0 0 5% 0}

	.stripplace {min-height: 100px;margin:0 0 2% 0}

	body .accountplace,  body .saveforlatermenu {margin:0 5px;position:static}
	body .shoppingcart {margin:0 5px;}

	.bodytext table p, .dropmenuplace .page, .featuresbottom, .featuresplace, .logosplace, body .productflex,
	.productsslider.slick-dotted.slick-slider {padding:0;margin:0;}

	.productslistselects .page, .accordionplace, #contactfooter .contactform {flex-wrap: wrap;}

	.flex, html:lang(he) .flex, .contactform label, iframe, .feature, .imgside, .flex:nth-of-type(3n), #contactfooter, .client, 
	.indexflex > div, .flexbody > div, .bodyflex > div, html:lang(he) .bodyflex > div, body .loginplace, body .registerplace, body .registerform, .bannerplace, 
	.footerlinksplace,	body .productslistselects .page > div, body .productflex .imgplace, body .productflex > div,	body .slider-for,
	body .slider-nav, .footerlinksplace > div, .accordionplace .feature, .featuresbottom .feature, .features > div, .contactflex > div,
	#contactfooter .contactform > div, body .confirmplace > div, .contactflex .bodytext,
	body .confirmplace > div:nth-of-type(2n) {width:100%;margin:0 auto 5% auto;border:none}

	.indexcontent ul {margin-right:20px;}

	.features .imgplace {height:350px}

	.accordionplace .feature {flex:initial}

	.tabsplace button {padding: 5px;font-size: 16px;}

	table td, table th {padding: 2px;}
	table td, table th, table a, table p {font-size: 11px;    padding: 2px;}

	.bodytext ul li {margin: 0px 0px 10px 0px;line-height: 120%;}
	.bodytext {overflow:visible}
	.bodytext table {max-width:100%; border-spacing: 0px;border-collapse: separate;}
	html:lang(he) .bodyflex > div, .bodyflex > div {padding:0;}
	
	.indexcontent p, .indexcontent li {font-size:18px}
	.indexcontent li {text-align:right}

	.featuresicons, .featuresicons.sticky{
  /*position: sticky;
  top: env(safe-area-inset-top, 0px);
  z-index: 9999;
  background:#fff;
  box-shadow: var(--shadow);
  padding:10px;*/
}

	.featuresicons.sticky {padding: 5px;}
.featuresicons a, .featuresicons.sticky a{ width:50px; height:50px;margin: 5px; }
}

body .sl-overlay {background:var(--black)}
body .sl-navigation button, body .sl-close {filter: brightness(0) invert(1)}
body .sl-wrapper .sl-counter { }
.sl-wrapper .sl-image img {box-shadow:var(--shadow);}

.invertsite img {filter: grayscale(100%);}
.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite textarea, .invertsite table td, .invertsite table th, .invertsite footer {background-color:var(--black) !important;color:var(--white) !important;}
.invertsite .lightblueplace {background:var(--black);}
.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea, .invertsite .saveforlatermenu {border:1px solid var(--white);}
.invertsite .saveforlatermenu span, .invertsite .accountplace .openaccount span, 
.invertsite .accountplace .openaccount span:after, .invertsite .accountplace .openaccount span:before {border:2px solid var(--white);}
.invertsite .opencart span, .invertsite .saveforlatermenu span:before, .invertsite .saveforlatermenu span:after,
.invertsite .accessibility span:before, .invertsite .removefromcart, .invertsite .removefromcart {background-color:var(--white) !important;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
div:after {content: "";display: table;clear: both;}

nav ul, .footerlinksbox ul, .productslistselects ul, .leftmenu li {margin:0;list-style-type:none;list-style: none;}
div a, button, input[type="submit"], .btn, .grid-item img, .flex img, a.btn span, .feature img, .feature div, .infobox img,
.btn:after, .flex div, .slider-nav img, .projectscol img, .simplegallery img {-webkit-transition: all 0.20s ease-in-out;}
.menuopen, .menuplace {-webkit-transition: all 0.50s ease-in-out;}

::-moz-selection {background:var(--maincolor);color:var(--white)}
::-webkit-selection {background:var(--maincolor);color:var(--white) }
::selection {background:var(--maincolor);color:var(--white) }

::-webkit-input-placeholder { color:var(--grey)}
::-moz-placeholder { color:var(--grey)}
:-ms-input-placeholder {color:var(--grey) }
:-moz-placeholder {color:var(--grey) }

header ::-webkit-input-placeholder { color:var(--white)}
header ::-moz-placeholder { color:var(--white)}
header :-ms-input-placeholder {color:var(--white) }
header :-moz-placeholder {color:var(--white) }

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: var(--greylight);}
::-webkit-scrollbar-thumb {background: var(--blackopacity2);}
::-webkit-scrollbar-thumb:hover {background: var(--black);}

button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;}

@media print 
{
	@page {size: A4 Portrait; }
    * {-webkit-print-color-adjust:exact;}
	h1, h2, h3, h4, h5, h6, h7, p, a, li {line-height:120%;color:var(--black);}
	h1 {font-size:30px;margin:20px 0;}
	h2 {font-size:26px;} 
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	p {line-height: 120%;font-size: 16px;}
	.logo {width:100%;height:auto;margin:auto;display:block;float:none;text-align:center;}
	.logo img {margin:auto;max-height:100px;}
	body, div, header, footer, a, #maintitleplace, .mainabstract p, .mainabstract a, .mainabstract li {color:var(--black);background:none;}
	.page, .content, .imgside, .bodytext, .wrap, .pagetitle, footer {width:100%; margin:auto;max-width:100%;float:none;display:block;margin:0;padding:0;background:none;}
	.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, #strip, .opensearch, .shoppingcart, .footerlinksplace,
	.docsplace, div .slick-dots, .accessibility, #contactfooter, .accountplace, .saveforlatermenu, div:after, div:before,
	.sliderbtn, .sliderhome, .linksplace {display:none !important;}
	.flexplace, .infoboxesplace, .credits, header, .maincontent, .columns {width:100%;background:none;float:left;}
	header, header.sticky {position:static;padding:0;box-shadow:none}
	.credits {text-align:center;padding:5px;font-size:14px;margin: 0;background:none;}
	.content {page-break-after: always;}
	.flex .imgplace {max-height:200px;}
	#maintitleplace {margin:0;padding:0;}
	.scrollflow {filter:none !important}
}
