@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');}
:root {
--maincolor:#1791bb;
--fontcolor:#171717;
--fontsize:18px;
--fonttitle:26px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #4e5157;
--greylight: #eee;
--greydark: #1c1d1e;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--blueopacity: rgba(23, 145, 187, 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(--grey);width:100%;padding:10px 20px;border-radius: 0;font-size:16px}
div, p, li {line-height: 120%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:120%;}
h1 {font-size: 60px;} 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, .moremenu {display:none}

#main {max-width:1920px;margin:auto;height:100%;position: relative;}
.page, .shortpage {width:100%;max-width:1520px;margin:auto;position:relative}
.shortpage {max-width:1000px}
.centerpage {margin:4% auto}

header {position:fixed;left:0;top:0;width:100%;z-index:6;}
header.sticky {box-shadow: var(--shadow);}
header .wrap {}

header .page {display:flex}
.blue {border-bottom:1px solid #6fcae9;background: rgb(0,95,127);background: linear-gradient(90deg, rgba(0,95,127,1) 0%, rgba(23,144,186,1) 50%, rgba(0,95,127,1) 100%);}
.grey {background: rgb(56,55,55);background: linear-gradient(90deg, rgba(56,55,55,1) 0%, rgba(88,88,88,1) 50%, rgba(56,55,55,1) 100%);}

.logo {display: flex;flex-direction: column;position:absolute;right:8%;top:0;padding:20px 20px 10px 20px;background:var(--white);filter: drop-shadow(6px 6px 0px rgba(0,0,0,.3));z-index:99}
.logo span {display:block;font-size:12px;margin:5px 0 0 0}

.menuplace {}
.mainmenu {display: flex;}
.mainmenu li {position:relative}
.mainmenu li a {display:flex;padding:15px 15px;align-items: center;justify-content: center;color: var(--white);text-align: center;position:relative;}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {color:var(--black);background:var(--white)}

.mainmenu ul {    display: flex;    justify-content: center;}
.mainmenu ul li {position:relative;min-width:210px;}
.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {padding:5px;display:block;text-align:initial;background:none;color:var(--black);text-align:center}
.mainmenu li li:hover a, .mainmenu li li a:hover, .mainmenu li li a:focus {text-decoration:underline}

.mainmenu .imgplace {height:120px;overflow:hidden;margin:10px auto 0 auto ;position:relative;display: flex;align-items: center;justify-content: center;}
.mainmenu .imgplace img {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/}

.mainmenu ul ul, .mainmenu ul ul ul {background: none;display:none !important;}

.topmenu {display: flex;}
.topmenu li {position:relative}
.topmenu li a {font-weight:300;font-size:15px;display:flex;padding:15px 15px;align-items: center;height:100%;justify-content: center;color: var(--white);text-align: center;position:relative}
.topmenu li > a:hover, .topmenu li > a:focus, .topmenu li.this > a {color:var(--black);background:var(--white)}

.topmenu ul {}
.topmenu ul li {position:relative}
.topmenu li:hover li a, .topmenu li li a, .topmenu li.this li a {padding:10px 10px;display:block;text-align:initial;background:none;color:var(--black);}
.topmenu li li:hover a, .topmenu li li a:hover, .topmenu li li a:focus {color:var(--black);background:var(--white)}

.dropmenuplace {position: absolute;top: 100%;left: 0%;z-index: 1;display: none;background:var(--white);filter: drop-shadow(6px 6px 0px rgba(0,0,0,.3));padding:25px;min-width: 375px;}
.toggleplace, .toggleaccount {position: absolute;top: 100%;left: 0%;z-index: 99;width: 320px;display: none;background:var(--white);border-radius: var(--radius);box-shadow: var(--shadow);padding: 20px;}

.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu, .mainmenu ul li:hover > ul {display:block}

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 11px 15px;background: var(--maincolor);color:var(--white);margin:0px auto;text-align:center;border:none}
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);filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, .3));}

.maincontent {margin: 100px 0 0 0;}
#maintitleplace {background:var(--greydark);position:relative;min-height:350px;padding:10% 0 0 0}
#maintitleplace:before {content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.50) 100%);z-index: 2;}
html:lang(en) #maintitleplace:before {background: linear-gradient(270deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.50) 50%, rgba(0, 0, 0, 0.50) 100%);}

#strip {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.titleplace {position:relative;z-index:3;}
.titleplace h1 {color:var(--white);filter: drop-shadow(6px 6px 0px rgba(0,0,0,.3));/*direction: ltr;*/}
.ltr .titleplace h1 {direction:ltr}

.imagesplace {position:relative;margin:0 auto 3% auto;text-align:center}
.imagesplace a {display:flex;position:relative;}
.imagesplace img {margin:auto;max-height:1000px}

.imgside {max-width:45%;float:left}

.curtainplace {background: var(--blackopacity);position:absolute;left:0px;bottom:0px;margin:0;padding:10px;color:var(--white)}
.curtainplace.dnone {display:none}

.breadcrumbs {z-index:3;position:absolute;left:0;bottom:10px;width:100%}
.breadcrumbs ul {display: flex;justify-content: flex-end;}
.breadcrumbs li {display:inline-block;font-size:16px;color:var(--white);}
.breadcrumbs span {padding: 0 10px;}
.breadcrumbs a {color:var(--white);font-size:16px}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.featuresbottom {}
.featuresbottom .abstract {color:var(--white);display:flex}
.featuresbottom .abstract > div {width:35%}
.featuresbottom .abstract > div:first-of-type {width:65%;padding:0 0 0 4%}
.featuresbottom p, .featuresbottom li, .featuresbottom h2, .featuresbottom h3, .featuresbottom a {color:var(--white);}

.featuresfixed .feature {height:700px;background-attachment:fixed;background-repeat:no-repeat;background-size: cover;display: flex;align-items: flex-end;overflow:hidden}
.featuresfixed .flexplace.page {float:none;/*width:auto;*/margin:0 auto;}
.featuresfixed .flexplace .flex {bottom: -345px;min-height:430px;min-height:325px}
.featuresfixed .flexplace .flex:hover {bottom: 0px;}

.smallfeatureplace {overflow:hidden;position:absolute}
.smallfeature {width:375px;position:relative;}
.smallfeature .abstract {background:var(--white);padding:15px;}
.smallfeature .title {color:var(--grey);font-size:30px;}
.smallfeature .imgplace {height:240px;position:relative;overflow:hidden}
.smallfeature .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.smallfeature .moreabstract {margin:10px 0;}

.features {display:flex;flex-wrap:wrap;justify-content: center;}
.features > div {width:32%;margin:0 0 2% 2%}
.features > div:nth-of-type(3n) {width:32%;margin:0 0 2% 0}
.features .imgplace {height:300px;position:relative;overflow:hidden}
/*.features .imgplace:before {content: "";padding-top: 100%;display: block;}*/
.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 2% 0 0}
.bodyflex > div:nth-of-type(2n) {padding:0 0 0 2%}

.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 15px 5px;padding: 0;}
.bodytext ol {margin:0px 20px;padding: 0;}
.bodytext ul 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)}
.bodytext p em {font-size:15px;}
.lightbody .bodyflex p {font-size:22px;}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;}
.flexplace .flex {width: 24.8%;margin: 0 0 0 .2%;position:relative;bottom: -345px;min-height:430px;min-width:370px}
.flexplace .flex:hover {bottom: 0px;}

.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 .title div {font-size: var(--fonttitle);}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 220px;position: relative;overflow: hidden;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 {padding:15px;background:var(--white);min-height: 405px;}
.flexplace .flex .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;margin:10px 0}
.flexplace .flex .readmore {font-size:14px;color:var(--maincolor)}

.flexplace .flex2 {width: 23%;margin: 1%;}
.flexplace .flex2:hover {bottom: 0px;}
.flexplace .flex2 .imgplace {width: 100%;height: 220px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0;border:1px solid var(--grey)}
.flexplace .flex2 img {max-width:80%;max-height:80%}
.flexplace .flex2 a:hover img, .flex2 a:focus img {transform: scale(1.1,1.1);}


.downloads  {display: flex;flex-wrap: wrap;max-width: 800px;}
.downloads > div {width: 18%;margin: 1%;position:relative;}
.downloads > div .title {font-size: var(--fonttitle);text-align:center}
.downloads > div > a {display:block;position:relative}
.downloads > div .imgplace {width: 100%;height: 150px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0}
.downloads > div img, .downloads > div iframe {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/}
.downloads > div .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.downloads > div a:hover img, .downloads > div a:focus img {transform: scale(1.1,1.1);}
.downloads > div a:hover .title, .downloads > div a:focus .title {color:var(--maincolor)}
.downloads > div .abstract {padding:15px;background:var(--white);min-height: 405px;}
.downloads > div .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;margin:10px 0}


.projects {display: flex;flex-wrap: wrap;}
.project {width: 31.2%;margin: 1%;position:relative;background:var(--greydark)}
.project .title {font-size:30px;position:absolute;left:0;bottom:0;width:100%;display:flex;color:var(--white);    align-items: center;justify-content: center;text-align:center;padding:20px;background:var(--maincolor)}
.project a {display:block;position:relative}
.project .imgplace {width: 100%;height: 350px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.project img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.project a:hover .title, .project a:focus .title {background:var(--blackopacity)}

.categoryname {background:var(--blueopacity);border-radius:30px 0 0 0;padding:30px 10px 10px 10px;color:var(--white);min-height:62px}

.tmpregular .columns, .tmpcontact .columns, .tmpproject .columns, .tmpdownloads .columns {margin: 100px 0 0 0;}

.bodyflextriangle {position:relative;min-height: 500px;overflow:hidden;padding:40px 0 0 0}
.bodyflextriangle:before {position: absolute;right: 100px;top: -230px;width: 1500px;height: 5000px;transform: rotate(200deg);background: var(--whiteopacity);content: "";display: block;}
html:lang(en) .bodyflextriangle:before {transform: rotate(-200deg);right: auto;left: 100px;}
.bodyflextriangle .bodytext {max-width:600px;}
.bodyflextriangle h1, .tmpproject h1 {margin:0 0 30px 0;max-width: 780px;}
.bodyflextriangle .bodytext p {font-weight:500}

.imagebgplace {position:relative;/*padding:220px 0 0 0*/}
.imagebgplace #imgContainer img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.tmpproductsmain #maintitleplace {min-height: 200px;padding: 3% 0 0 0;}

.liststyle {margin:3% auto}
.liststyle > div {margin: 0 0 30px 0;position:relative;overflow:hidden;padding:0 0 30px 0;border-bottom:1px solid var(--black)}
.liststyle .flexview {display:flex;flex-wrap:wrap}
.liststyle .flexview .imgplace {width:25%;position:relative;height:230px;}
.liststyle .flexview .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .flexview .abstract {width:75%;padding:0 2%}
.liststyle .flexview .title {font-size:var(--fonttitle);margin:0 0 20px 0;}
.liststyle .abstract > div a {margin:0 0 5px 0}

.flexlist ul {display:flex;flex-wrap: wrap;}
.flexlist li {width:50%}

.attach a {display: flex;align-items: center;color: var(--black);}
.attach a img{margin: 0  0 0 10px;max-height: 35px;}

.indexcontent {background:var(--greydark) url(../images/bg2.png) center center no-repeat;}
.welcome {padding:8% 0 4% 0;display:flex}
.welcome > div {width:65%}
.welcome > div:first-of-type {width:35%;}
.welcome p {color:var(--white);margin:0 0 15px 0;}
.welcome h1 {color:var(--white)}

.searchplace {}
.search {display:flex;max-width:200px;margin:10px 0 9px 15px;position:relative;border-bottom:1px solid var(--white)}
.search.opened {display:block} 
.search label {display:inline-block;margin:0;width: 100%;}
.search input {padding:4px 10px;border:none;background:none;color:var(--white);font-size:15px;}
.search .submitsearch {width:25px;height:25px;display: block;background: url(../images/search.png) center center no-repeat;}
.search .submitsearch:hover, .search .submitsearch:focus {}

.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 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 {display:flex;align-items: center;}
.contactform a[href^="tel:"] {}
.contactform a[href^="mailto:"] {}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}

.contactformplace {/*background:var(--white);border-radius:var(--radius);box-shadow: var(--shadow);padding:2%*/}
.contactformplace.shortpage {margin:3% auto;z-index:2}

.columns {}

.lightbody {background:var(--greylight) url(../images/bg2.png) center center no-repeat;padding:4% 0;margin: 0 0 3% 0;}

.darkbody {background:var(--greydark) url(../images/bg2.png) center center no-repeat;padding:4% 0}
.darkbody p, .darkbody li, .darkbody div, .darkbody a, .darkbody h2, .darkbody h3 {color:var(--white)}
.darkbody .smalltitle {    font-size: 30px;}

.flexform  {display:flex;flex-wrap:wrap;}
.flexform > div {width:48%;margin:1%}

.contactflex {display:flex;flex-wrap:wrap;margin:5% 0 0 0}
.contactflex > div {width:33.3%}

.smalltitle {margin:0 0 10px 0;color:var(--maincolor);max-width:600px}
.tmpproducts .smalltitle {font-size: 22px;color:var(--fontcolor);font-weight:bold}
.tmpproducts.ltr .smalltitle {direction: ltr;}

.bodytext2 {margin:30px 0;}

.gmap iframe {width:100%}

.threcol {display:flex;flex-wrap:wrap}
.threcol > div {width:33.3%}
.threcol > div:first-of-type {display:flex;    align-items: center;justify-content: center;}
.threcol > div:nth-of-type(2n) {padding:0 2%}
.threcol table, .threcol table td, .threcol table th {border:none;padding:0;}
.threcol table td {padding:5px 0;border-bottom:1px solid var(--greylight)}
.threcol table td img {margin:0 0 0 15px;display:block}

.notable {margin:0 0 30px 0;}
.notable table, .notable table td, .notable table th {border:none;padding:0;}
.notable table td {padding:5px 0;border-bottom:1px solid var(--greylight)}
.notable table td img {margin:0 0 0 15px;display:block}
html:lang(en) .notable table td img {margin:0 15px 0 0 ;}
.notable table td p {padding:0;margin:0;}
#contactfooter {width:40%;margin:0 0 20px 0;}
#contactfooter .title {font-size:var(--fonttitle);color:var(--white);margin:0 0 20px 0;}
#contactfooter p {}
#contactfooter .contactform {}
#contactfooter .contactform > div {width:48%;margin:0 0 1% 4% ;float:right}
#contactfooter .contactform > div:nth-of-type(2n) {margin:0 0 1% 0}
#contactfooter .contactform label {margin:0 0px 18px 0px;}
#contactfooter .contactform input[type="submit"] {margin:0;border:none}
#contactfooter .contactform input[type="submit"]:hover {}

.filterby {display:flex;flex-wrap: wrap;justify-content: center;margin: 30px 0 0 0;}
.filterby > div {width:300px;margin:1%}
.filterby > button {width:70px;margin:1%}
.filterby h3 {width: 100%;text-align: center;}
.filterby .titlemm {font-weight:bold;margin:0 0 5px 0;}

.bannerplace {width:25%}
.banner, .banner p, .banner a, .banner h2, .banner h3, .banner li {color:var(--white)}
.banner h2, .banner h3 {font-size:30px;margin:0 0 10px 0;}

footer {width:100%;background:var(--fontcolor);padding:2% 0 0 0;position: relative;}
footer .page {display: flex;flex-wrap: wrap;}
footer > h2 {color:var(--white);text-align:center;font-size:60px;margin:0 0 20px 0;}

.products {margin:2% auto}
.products > div {background:var(--greylight);padding:10px;display:flex;margin:0 0 5px 0;align-items: center;}
.products .abstract {display:flex;align-items: center;padding:0 15px;    flex: auto;}
.products .abstract > div {padding:5px 20px;font-size:20px;position:relative}
.products .abstract .makat {font-size:26px;border-left:1px solid var(--maincolor);min-width:260px;padding:5px 0}
.products .abstract .makat span {font-size:14px;display:block;position:absolute;right:0;top:-15px;}

html:lang(en) .products .abstract .makat {border-left:none;border-right:1px solid var(--maincolor);}
html:lang(en) .products .abstract .makat span {right:auto;left:0;}

.products .imgplace {padding:5px ;background:var(--white);}
.products .title {flex:auto}
.products .imgplace img {max-width:50px;}

.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;border-radius: var(--radius);position: fixed;right: 10px;bottom: 60px;z-index: 99;}
.mainemail {bottom: 0px;}

.credits {flex:auto;text-align:center;background:var(--greydark);padding:15px;position: relative;}
.credits a:hover, .credits a:focus {color:var(--white);text-decoration:underline}
.credits p, .credits a {margin:0;color:var(--white);font-size:14px;}

.logosslider img {margin:auto;max-width:90%;max-height:90%;}
.logosslider li {padding:10px}
.logosslider .imgplace {display:flex;height:160px;align-items: center;background:var(--greylight);filter: grayscale(100%);}
.logosslider .slide:hover .imgplace, .logosslider a:focus .imgplace {filter: none;}

.logosslider .slick-dots, .productsslider .slick-dots {width:auto;left:70px;padding:0;    bottom: -40px;}
.logosslider .slick-dots li.slick-active button:before, .productsslider .slick-dots li.slick-active button:before {background:var(--black)}
.logosslider .slick-dots li button:before, .productsslider .slick-dots li button:before {background: var(--grey);}


div .sliderbtn {position:absolute;left:10px;bottom:10px;display: flex;padding:5px;background:var(--greylight);border-radius:var(--radius);}
div .sliderbtn a {padding:5px 35px 5px 10px;margin:0 3px;font-size: 15px;color:var(--black);}
div .sliderbtn .pause:hover, div .sliderbtn .pause:focus {background:var(--grey) url(../images/pause.png) 94% center no-repeat;background-size:25px;}
div .sliderbtn .play:hover, div .sliderbtn .play:focus {background:var(--grey) url(../images/play.png) 94% center no-repeat;background-size:25px;}
div .sliderbtn .pause {background: url(../images/pause.png) 94% center no-repeat;background-size:25px;}
div .sliderbtn .play  {background: url(../images/play.png) 94% center no-repeat;background-size:25px;}

.botbannerplace {background:#f6ffdb;margin:30px 0;border:1px solid #a8dd8e;padding:2%}

.faqsplace > div {background:var(--white);border-radius:var(--radius);overflow:hidden;margin:0 0 10px 0;position: relative;}
.faqsplace .question { padding:20px 20px 20px 100px;width:100%;text-align:initial;font-weight:var(--fontbold)}
.faqsplace .question p, .faqsplace .question li { text-align:initial;margin:0;text-align:initial}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {text-decoration:underline}
.faqsplace .question.opened {border-bottom:1px solid var(--grey)}
.faqsplace .answer {display:none;padding:20px 20px 20px 100px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;text-align:initial}

.faqsplace .question span {position:absolute;left:0px;top:0px;background:var(--grey);width:100px;height:100%;display:flex;align-items: center;justify-content: center;}
.faqsplace .question span:before, .faqsplace .question span:after {content:"";display:block;width:20px;height:4px;background:var(--white);position: absolute;}
.faqsplace .question span:after {transform: rotate(90deg);}
.faqsplace .question.opened span {background:var(--black)}
.faqsplace .question.opened span:after, .faqsplace .question.opened span:before {background:var(--white)}
.faqsplace .question.opened span:after {display:none}

.docsplace, .linksplace {padding:10px;margin:3% 0;border-top:1px solid var(--grey);max-width:600px;}
.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);margin:0 0 10px 0;}
.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}

.tabsplacewrap {margin:3% 0;background:var(--greylight);border:1px solid var(--grey);padding:0 2% 2% 2%;}

.tabsplace {display:flex;border-bottom: 1px solid var(--grey);margin:0 0 20px 0;}
.tabsplace button {padding:15px;display: flex;flex-direction: column;align-items: center;position:relative;color:var(--white);margin:0 0 0 20px}
.tabsplace button:hover, .tabsplace button:focus, .tabsplace button.this {outline:none;outline-offset: 0px;box-shadow:none;}
.tabsplace button:hover:before, .tabsplace button:focus:before, .tabsplace button.this:before {content:"";display:block;position:absolute;left:0;bottom:0px;width:100%;height:6px;background: var(--maincolor);background: linear-gradient(90deg, var(--maincolor) 0%, var(--maincolor) 100%);}

.tabcontentplace {width:100%;float:left;padding:20px 0 5% 0;}
.tabcontentplace .tab {display:none} 
.tabcontentplace .tab.this {display:block}
.tabcontentplace .bodytext, .tabcontentplace .bodytext p, .tabcontentplace .docsplace, .tabcontentplace .linksplace {margin:0;}
.tabcontentplace .imgside {float:right;margin:0 0 0 20px;max-width:40%}
.tabbody {padding:2% 0}

.tablescroll {display:block;overflow-y: scroll;-webkit-overflow-scrolling: touch;}

.leftcolumn {width: 100%;float: left;}
.leftmenu {display:flex;flex-wrap: wrap;justify-content: center;margin:0 0 3% 0}
.leftmenu a {display:inline-block;padding:5px 10px;color:var(--fontcolor);border:1px solid var(--grey);font-size:16px;border-radius:var(--radius);margin:10px}
.leftmenu .level1.this {display:none}
.leftmenu a:hover {background:var(--grey)}
.leftmenu .this a {background:var(--blackopacity2)}

.grid {}
.grid-sizer, .grid-item {width: 32%;}
.grid-item {margin-bottom:2%;float: left;}
.grid-item img {max-width:100%}
.gutter-sizer {width: 2%;}
.grid-item a {display:flex;flex-direction: column;background:var(--white);box-shadow: var(--shadow);border-radius:var(--radius);overflow:hidden}
.grid-item a:hover, .grid-item a:focus {box-shadow:0px 2px 7px rgba(0,0,0,1)}
.grid-item div {background: var(--blackopacity);width:100%;height:auto;position:absolute;left:0px;bottom:0px;margin:0; padding:5px;font-size:16px;}
.grid-item img {margin:auto}

.grid-item .curtainplace {position:static;padding:10px;background:var(--white);color:var(--black)}

.gridspecial > div {display:flex;flex-wrap: wrap;}
.gridspecial > div a {width:20%;padding:1%;display:block}
.gridspecial > div:nth-of-type(2) {flex-direction: row-reverse;}
.gridspecial > div a:nth-of-type(2) {width:80%;}

.bannerplace {position:relative}

.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;width:25%;margin: 0 5%;}
.footerlinksplace .title {margin:0px 0 10px 0}
.footerlinksplace a {font-size:16px;display:block;margin:5px 0 0 0;color:var(--white);background: url(../images/dot.png) left 8px no-repeat;padding: 0 0px 0 20px}
.footerlinksplace a:hover {text-decoration:underline}
.footerlinksplace > div {flex:auto}

.tmpthank .columns, .tmpsearch .columns {padding: 2%;}

.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;}

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)}

.slider-for { }
.slider-for img {margin:auto;max-width:100%;max-height:100%;}
.slider-for .slick-slide > div {display:flex;background:var(--white);height:550px;justify-content: center;border:1px solid var(--greydark);overflow: hidden;align-items: center;}
.slider-for .slick-slide > div a > div {display:flex;height:100%;}
.slider-for .slick-slide {float:right}

.slider-nav {margin:10px 0;} 
.slider-nav .slick-slide {margin:0 5px;cursor:pointer;float:right}
.slider-nav .slick-slide > div {height:80px;display:flex;background:var(--white);align-items: center;justify-content: center;border:1px solid var(--greydark);    overflow: hidden;padding:3px;}
.slider-nav img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.slider-nav .slick-slide.slick-current img {opacity:1}
.slider-nav a {overflow:hidden;position:relative;height:100%}
.slider-nav a:hover img, .slider-nav a:focus img {transform: scale(1.1,1.1);opacity:1}
.slider-nav .slick-track {float:right}
/*
.slider-nav.slick-slider .slick-next, .slider-nav.slick-slider .slick-prev {left:50%;bottom:auto;top:-50px;transform: rotate(-90deg);margin:0 0px 0 -30px;border:1px solid var(--greylight)}
.slider-nav.slick-slider .slick-next {top:auto;bottom:-50px;transform: rotate(90deg);}
*/
.infoboxesplace {margin:3% 0;background:var(--greylight);padding:2%;width:100%;float:left;display: flex;flex-wrap: wrap;}
.infobox {width:31.3%;margin:1%}
.infobox .imgplace {width: 100%;height: 250px;position: relative;overflow: hidden;border:1px solid var(--grey);}
.infobox img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.infobox a:hover img, .infobox a:focus img {transform: scale(1.1,1.1);}
.infobox .title {font-size: var(--fonttitle);margin: 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: var(--fontbold);min-height: 60px;}

.glossaryABCplace {display:flex}
.glossaryABC {flex: auto;margin:0 0 5px 1px}
.glossaryABC span {display: flex;align-items: center;justify-content: center;font-weight:var(--fontbold);opacity:.5;font-size:var(--fonttitle);padding:0 1px;line-height: 100%;}
.glossaryABC a span {opacity:1}
.glossaryABC a:hover span {background:var(--grey)}
.glossaryplace {width:100%;float:left;margin:30px 0 0 0;}
.glossaryplace .question p {font-size:var(--fonttitle);margin:0;cursor:pointer}
.glossaryplace .question.opened p {color:var(--maincolor)}
.glossaryplace .letter {font-size:var(--fonttitle);font-weight:var(--fontbold);color:var(--maincolor);margin:0 0 20px 0;display: inline-block;padding:0 0 10px 0;border-bottom:1px solid var(--greylight)}

.glossary {margin:0 0 20px 0;}
.glossary .answer {display:none}

.searchresultstitle {margin:0 0 20px 0;}
.searchresults {border-bottom:1px solid var(--grey);padding:0 0 20px 0;margin:0 0 20px 0;}
.searchresults h2, .searchresults h3 {margin:0;}
.searchresults div span {font-style:italic}

a.whatsapp {display:block;background:#11b262 url(../images/whatsup2.png) center center no-repeat;background-size:40px;width: 60px;height: 60px;position:fixed;left:10px;top:13%;border-radius:100%;z-index:99}
a.whatsapp:hover, a.whatsapp:focus {filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, .3));}

.opencontact {background:var(--greylight) url(../images/mail.png) center 15px no-repeat;display:none;width: 80px;height: 80px;position:fixed;left:0;bottom:100px;text-align:center;font-size:14px;color:var(--black);filter: drop-shadow(2px 2px 3px rgba(100,100,100,0.6));padding: 0px 0 10px 0;display: flex;justify-content: center;align-items: flex-end;background-size:30px;display:none}
.opencontact:hover, .opencontact:focus {filter: drop-shadow(2px 2px 6px rgba(50,50,50,1));background-color:var(--black);color:var(--white);}

.opensearch {display: block;background:var(--orange);margin:0 20px;border-radius:100%;}
.opensearch span {border-radius:100%;display: block;width:46px;height:46px;background: url(../images/search.png) center center no-repeat;}
.opensearch:hover, .opensearch:focus {background-color:var(--bggrey)}
.opensearch.opened span {background:var(--grey) url(../images/close.png) center center no-repeat;background-size: 25px;}
.opensearch.opened:hover span, .opensearch.opened:focus span {filter: brightness(1) invert(0)}
.opensearch:hover span, .opensearch:focus span {filter: brightness(0) invert(1)}

.projectscol {column-count: 5;column-gap:20px;margin:0 0 5% 0;column-width: 7rem;}
.projectscol > div {margin:0 0 30px 0;-webkit-column-break-inside:avoid;position:relative}
.projectscol .abstract {color: var(--white);width: 100%;height: 100%;position: absolute;left: 0px;bottom: 0px;margin: 0;padding: 4%;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);}
.projectscol .title {font-size: var(--fonttitle);color: var(--white);}
.projectscol a {position:relative;overflow:hidden;display:block}
.projectscol a:hover img {transform: scale(1.1,1.1);}

.tmpbcitem {background:var(--greylight)}
.tmpbcitem .wrap {position:relative;width:100%;max-width:1000px;margin:10% auto;}
.tmpbcitem .wrap > div, .tmpbcitem .wrap:before {background:var(--white);border-radius:30px;padding:2%;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));transform: rotate(-4deg);position:relative;}
.tmpbcitem .wrap:before {content:"";display:block;position:absolute;left:-4%;top:0;height:100%;margin:0;padding:0;transform: rotate(-11deg);width:100%}

.bcplace {display: flex;flex-wrap: wrap;float:left;width:100%;margin:3% 0}
.bcplace > div {width: 31.3%;margin: 0 0 3% 3%;position:relative}
.bcplace > div:nth-of-type(3n) {margin-left: 0;}
.bcplace > div .title {font-size: var(--fonttitle);margin:10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:60px;}
.bcplace > div > a {display:block;position:relative}
.bcplace > div .imgplace {width: 100%;height: 340px;position: relative;overflow: hidden;border:var(--grey);background:var(--white)}
.bcplace > div img, .bcplace > div iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.bcplace > div a:hover img, .bcplace > div a:focus img {transform: scale(1.1,1.1);}
.bcplace > div a:hover .title, .bcplace > div a:focus .title {color:var(--black)}
.bcplace > div .abstract {border-bottom:1px solid var(--grey);padding:0 0 10px 0;margin:0 0 10px 0;}
.bcplace > div .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;}

.bcplace div, .bcplace img {-webkit-transition: all 0.20s ease-in-out;}

.bc {display: flex;flex-wrap: wrap;margin:0 0 10px 0;}
.bc > div {width:55%}
.bc .imgplace {width:45%;padding:0 0 0 3%}
.bc .imgplace > div {height:425px;position:relative;overflow:hidden;border-radius:var(--radius);margin:0 0 20px 0;}
.bc .imgplace > div img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.bcdata a {color:var(--black);border-bottom:1px solid var(--grey);display:block;padding:15px 60px 15px 10px;display:flex;align-items: center;}
.bcdata a:hover {text-decoration:underline}
.bcdata .saveman a {background: url(../images/bc6.png) right center no-repeat;background-size: 35px;}
.bcdata .mail a {background: url(../images/bc2.png) right center no-repeat;background-size: 35px;}
.bcdata .phone a {background: url(../images/bc5.png) right center no-repeat;background-size: 35px;}
.bcdata .mobile a {background: url(../images/bc1.png) right center no-repeat;background-size: 35px;}
.bcdata .app a {background: url(../images/bc4.png) right center no-repeat;background-size: 35px;}
.bcdata .site a {background: url(../images/bc3.png) right center no-repeat;background-size: 35px;}

.alert {color:#ff0000; font-size:12px;display:none}

.featurepopupplace {background: #000\5;background: rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0;display:none}
.featurepopupplace.opened {z-index:99;opacity:1;height:100%;display:block}
.featurepopupplace .featurepopup {padding:40px;background: #fff;width:1000px;position:absolute;left:50%;top:15%;margin:0 0 0 -500px;box-shadow: 0px 0px 10px rgba(100,100,100,.5);border-radius: 5px;}
.featurepopupplace iframe {width:100%;}
.featurepopupplace .imgplace {max-width:350px;margin:0 0 0 2%}
.featurepopupplace .featurepopupdata {/*max-height:600px;overflow-y:auto;direction: ltr;padding: 0 20px;*/display:flex}

.featurepopupplace .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;}
.featurepopupplace .close:before, .featurepopupplace .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
.featurepopupplace .close:after {transform: rotate(-45deg);}

: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:right;bottom:-25px;    display: flex;justify-content: flex-end;}
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(--whiteopacity);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 {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);}

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 {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 {left:auto;right:0px;}
html:lang(he) div .sliderbtn  {left:auto;right:10px;}
html:lang(he) .stepbefore a, html:lang(he) .stepcurrent a, html:lang(he) .stepafter a {right:auto;left:0;}
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 2%}
html:lang(he) .bodyflex > div:nth-of-type(2n) {padding:0 2% 0 0;}
html:lang(he) .confirmplace > div:nth-of-type(2n) {margin: 0 2% 0 0;}
html:lang(he) .bodytext ul 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) div .slick-dots {flex-direction: row-reverse;}
html:lang(he) .togglecart .btn {margin:0 0 0 2%}
html:lang(he) .togglecart .btn:nth-of-type(2n) {margin:0}
html:lang(he) .logo {right:auto;left:8%}
html:lang(he) .footerlinksplace a {background: url(../images/dot.png) right 8px no-repeat;padding: 0 20px 0 0px}

@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: 1540px) 
{
	.page, .shortpage, .mainabstract {padding:0 4%}
	.flexplace .flex {    min-width: 320px;}
}

@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, .mainmenu .imgplace {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;}
	h1, .bigtitle, .sliderhome .title, footer > h2 {font-size:30px;}
	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%}

	html:lang(en) header .page {justify-content: flex-start;flex-direction: row-reverse;padding: 0 2%;}
	html:lang(he) header .wrap {flex-direction: row-reverse;}

	.logo {right:auto;left:0;padding:10px;filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, .3));}
	.logo img, html:lang(he) .logo img {float:left;position: static;height:40px;}
	.blue {padding: 5px;}
	.logo span {font-size: 8px;}
	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:2px -2px 2px 10px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:var(--white);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);}

	.menuplace, body:lang(he) .menuplace {z-index:999;transform: translateX(-110%);position:fixed;top:0px;width:90%;margin:0;height: 100vh;background: var(--white);box-shadow: var(--shadow);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 100%;padding: 0;position: absolute;top: 0px;left: 0%;margin: 0; box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding:0 0 30% 0}
	.mainmenu li, html:lang(he) .mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li a, html:lang(en) .mainmenu li a {padding:15px 20px;border-radius:initial;font-size: 5vw;/*justify-content: flex-start;*/border-bottom:1px solid var(--grey);color:var(--black)}
	.mainmenu li a span {display:block;text-align:right}
	.mainmenu li li a span {text-align:center;padding:0px;}
	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a, html:lang(en) .mainmenu li li a, html:lang(en) .mainmenu li:hover li a, html:lang(en) .mainmenu li.this li a {padding:5px;}
	.mainmenu ul {width:100%;margin:0;background:var(--greylight);display:block}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-9%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}
	.dropmenuplace {display:none;opacity:1;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;box-shadow: 0px 0px 0px rgba(0,0,0,.2); min-width:0}
	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}
	.tmpproductsmain #maintitleplace {padding: 7% 0 0 0;}
	.maincontent, #maintitleplace {margin-top:40px}
	
	.mdisable .searchplace {overflow: hidden;}

	.moremenu {display:block;width:45px;height:54px;position:absolute;left:0px;top:0px;z-index: 99;}
	.moremenu:before, .moremenu:after {background:var(--grey);content:"";display:block;position:absolute;left:18px;top:23px;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 {}
	.search {width:98%;margin:1%}
	.search input {background:none;font-size: 14px;}
	.search .submitsearch {border-radius:0;height:auto}

	.featuresfixed .feature {height:auto;margin:0;padding:2%}

	.contactform {margin:0 0 5% 0}

	.stripplace {min-height: 100px;margin:0 0 2% 0}
	#maintitleplace, .tmpproductsmain #maintitleplace {min-height: 100px;}
	.tmpproductsmain .mainabstract {display:none}
	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, .welcome, .featuresbottom .abstract {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,
	.features > div:nth-of-type(3n), #contactfooter .contactform > div, body .confirmplace > div, .contactflex .bodytext, .project,
	body .confirmplace > div:nth-of-type(2n), .welcome > div:first-of-type, .welcome > div, .featuresbottom .abstract > div:first-of-type,
	.featuresbottom .abstract > div, .threcol > div, .liststyle .flexview .imgplace, .liststyle .flexview .abstract, .flexform > div,
	.flexplace .flex2 {width:100%;margin:0 auto 5% auto;border:none}
	.flexplace .flex {    min-width: 320px;}
	.threcol > div:nth-of-type(2n) {padding:0;}

	.shippingdata > div {width:100%}

	.sliderhome .slide {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: 13px;    padding: 2px;}

	html:lang(he) .bodytext ul li {padding: 0 20px 0 2px;}

	.tmpproject .columns {margin:70px 0 0 0;}

	#contactfooter .contactform > div {margin:0}

	.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;}
	.flexplace .flex .moreabstract {min-height: 55px;}
	.leftmenu a {padding: 5px 5px;margin: 5px;font-size: 14px;}

	.grid-sizer, .grid-item, .downloads > div {width:48%;margin:1%}

	.featurepopupplace .featurepopup {left:0;margin:0;width:100%}

	.confirmplace {flex-direction: column-reverse;}
	.confirmplace > div:nth-of-type(2n), html:lang(he) .confirmplace > div:nth-of-type(2n) {position:static}

	.flexplace .flex .abstract, .flexplace .flex .title {min-height:0}

	html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount {right: 0px;width: 330px;}

	.featuresfixed .flexplace .flex {bottom: 0px;}

	body .slider-for .slick-slide > div {height: 350px;}
	body .slider-nav {height:auto}

	body .slider-nav.slick-slider .slick-next, body .slider-nav.slick-slider .slick-prev {top: 35%;bottom: auto;margin:initial;zoom:.7}
	body .slider-nav.slick-slider .slick-next {left:auto;right:-20px;  transform:rotate(0deg); } 
	body .slider-nav.slick-slider .slick-prev {left:-20px;transform:rotate(-180deg);}
	body .slider-nav .slick-slide > div {height: 120px;}

	body .changeq {padding: 3px 5px;}
	html:lang(he) .productflex, .productflex {flex-direction: column-reverse;}
	body .accountplace .openaccount {padding: 0 5px;}
	.products .abstract {flex-direction: column;align-items: flex-start;}
	.products .abstract > div, .products .abstract .makat {padding:5px;border:none}
	a.whatsapp {top:auto;bottom:10px;zoom:.7}
}

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, .flexplace .flex, .download img, .flex2 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}
}