.ubuntu-condensed-regular {font-family: "Ubuntu Condensed", sans-serif;font-weight: 400; font-style: normal;}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Ubuntu';font-style: normal;font-weight: 400;src: url('Fonts/ubuntu-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}

:root {
--maincolor:#043288;
--seccolor:#dbe4f4;
--fontcolor:#476db3;
--fontcolorinner:#333;
--fontsize:16px;
--fonttitle:26px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #666;
--greylight: #ccc;
--blackopacity: rgba(0, 0, 0, 0.8);
--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:30px;
}

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(--fontcolorinner);font: normal var(--fontsize) Ubuntu Condensed, 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 15px;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: 44px;} h2 {font-size: 40px;} h3 {font-size: 25px;} 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:1110px;margin:auto;position:relative}
.shortpage {max-width:800px}
hr{display: block;clear: both;background: #ccc;color: #ccc;width: 100%;height: 1px;border: none;} 
header {position:fixed;left:0;top:0;width:100%;z-index:11;padding:0 6%;background:var(--maincolor);box-shadow: 0px -7px 67px 0px #000;padding:10px 0 0 0}

.logo a {float:left;display:block}

.mainmenu {display: flex;}
.mainmenu li {flex: auto;}
.mainmenu li a {font-weight: 300;display:flex;padding:10px 10px;align-items: center;height:100%;justify-content: center;color: #c1cfe8;text-align: center;position:relative}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {color:var(--white);}
.mainmenu li > a:hover:after, .mainmenu li > a:focus:after, .mainmenu li.this > a:after {display:block;content:"";background:var(--seccolor);height:5px;width:100%;position:absolute;left:0;bottom:0}
.mainmenu li a:before {display:block;content:"";background:var(--whiteopacity);height:15px;width:1px;position:absolute;left:0;}
html:lang(he) .mainmenu li:last-of-type a:before, html:lang(en) .mainmenu li:first-of-type a:before {display:none}

.mainmenu ul {display:flex;flex-wrap: wrap;}
.mainmenu ul li {position:relative;width:19%;margin:0 .5%;flex:none}
.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {padding:10px 10px;display:block;text-align:initial;background:none;border-bottom:1px solid var(--seccolor)}
.mainmenu li li:hover a, .mainmenu li li a:hover, .mainmenu li li a:focus {background:#011f55;color: var(--white);}
.mainmenu li li > a:hover:after, .mainmenu li li > a:focus:after, .mainmenu li.this li > a:after {display:none}

.mainmenu ul ul {display:none!important}

.dropmenuplace {position: absolute;top: 100%;left: 0%;z-index: 1;width:100%;display: none;background:var(--maincolor);box-shadow: var(--shadow);}
.dropmenuplace > div {padding:2%}
.toggleplace, .togglecart, .toggleaccount {position: absolute;top: 100%;left: 0%;z-index: 99;width: 320px;display: none;background:var(--white);box-shadow: var(--shadow);padding: 15px;}

/*.mainmenu 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: 10px 5%;border-radius:0;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);}

.btn2 {color:var(--fontcolor);margin:10px 0 0 0;display:block}
.btn2:hover, .btn2:focus {text-decoration:underline}

.sliderhome {position: relative;}
.sliderhome .slide {height:360px;position: relative;overflow: hidden;background:var(--fontcolor)}
.sliderhome img {float:right}
.sliderhome .abstract {width: 400px;position: absolute;z-index: 6;    display: flex;align-items: flex-start;height: 100%;flex-direction: column;justify-content: center;}
.sliderhome .title {font-size:48px;color:var(--maincolor);}
.sliderhome h3 {font-size: 24px;color:var(--maincolor);}
.sliderhome .slick-dotted.slick-slider {margin:0}
.sliderhome .page {height:100%}
.sliderhome .page:after {width: 133px;height: 100%;position: absolute;top: 0;right: -13px;background: url(../images/bluesides_glow_right.png) repeat-y;z-index: 2;content:"";display:block}
.sliderhome .page:before {width: 133px;height: 100%;position: absolute;top: 0;left: 412px;background: url(../images/bluesides_glow_left.png) repeat-y;z-index: 2;content:"";display:block}
.sliderhome .custom-dots {width:1110px;left:50%;margin:0 0 0 -555px;padding:0;}
.sliderhome p {font-size: 24px;color: #03296f;}

html:lang(he) .sliderhome .title {font-weight:700}

.glow {width: 100%;height: 100%;position: absolute;top: 0;left: -292px;z-index: 3;background: url(../images/round_glow.png) no-repeat;}

.topmenu {position:absolute;right:0;top:5px;display:flex;    align-items: center;}

#maintitleplace, .maincontent {margin-top:134px}

.content {padding:0 0 4% 0;width: 100%;float: left;}

.bigtitle {margin:0 0 20px 0;padding:10px;position:relative;color:var(--black);background:var(--seccolor);    font-size: 20px;}

.featuresplace, .tmpindex .logosplace, .productsslider.slick-dotted.slick-slider {width:100%;float:left;margin:30px 0;}

.imagesplace {position:relative;margin:0 0 2.5% 0;}
.imagesplace a {display:flex;position:relative;}
.imagesplace img {margin:auto;max-height:800px}

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

.breadcrumbs {position: relative;padding:15px 0;}
.breadcrumbs ul {display: flex;}
.breadcrumbs li {display:inline-block;font-size:14px}
.breadcrumbs span {padding: 0 10px;}
.breadcrumbs a {color:var(--fontcolor);font-size:14px}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.columns {display:flex}
.content {width:75%}
.bodytext .content {width:100% !important}
.bodytext .content table {width:auto !important}
.content.contentwide {width:100%;}

.tmpproducts .columns.page {width:100%;padding:0 4%;max-width:1600px}

.features {display:flex;flex-wrap:wrap;}
.features > div {background: url(../images/hpfeatures_borderb.jpg) left bottom no-repeat;padding:0 0 20px 0;width: 22.75%;margin: 0 3% 20px 0%;  position: relative;}
html:lang(en) .features > div:first-of-type, html:lang(en) .features > div:nth-of-type(4n) {width:47.7%;}
html:lang(en) .features > div:first-of-type:after, html:lang(en) .features > div:nth-of-type(5n):after {right: -3%;}
html:lang(en) .features > div:nth-of-type(5n):after {right: -7%;}
html:lang(en) .features > div:nth-of-type(3n) {margin: 0 0% 20px 0;}
html:lang(en) .features > div:nth-of-type(4n) {margin: 0 3% 20px 0;}
.features > div:nth-of-type(4n) {margin: 0 0% 20px 0;}
.features > div:nth-of-type(6n) {width:47.8%;margin: 0 2% 20px 0%;}
.features > div:nth-of-type(6n):after {right: -4%;}
.features > div:nth-of-type(6n) .imgplace {float: left;margin: 0 20px 0 0;width: 220px;}
.features > div:after {position:absolute;right:-7%;top:0;width:1px;height:100%;content:"";display:block;background:var(--greylight)}
html:lang(en) .features > div:nth-of-type(4n):after {right: -3%;}
.features .imgplace {height:200px;    display: flex;align-items: center;justify-content: center;position:relative;overflow:hidden}
.features .title {margin:0 0 20px 0;padding:10px;position:relative;color:var(--black);background:var(--seccolor);    font-size: 20px;}
.features .moreabstract {margin:10px 0;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:120px;}
.features iframe, .features object {width:100% !important;}

html:lang(en) .features > div:first-of-type .imgplace {width:50%;float:left;margin:0 10px 0 0}

.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;font-family:Arial}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;font-family:Arial}
.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)}
.bodytext h2, .bodytext h3, .bodytext h4 {margin:20px 0;}
.bodytext h3 {font-weight:var(--fontbold)}
.bodytext table {/*width:100% !important*/margin:0 0 10px 0;}
.bodytext table p {margin:0;}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;margin:2.5% 0}
.flexplace .flex {width: 27%;margin: 0 9% 5% 0;}
.flexplace .flex:nth-of-type(3n) {margin: 0 0 5% 0;}
.flexplace .flex .title {font-size:26px;margin:10px 0;text-align:center}
.flexplace .flex a:hover .title, .flexplace .flex a:focus .title {text-decoration:underline;color:var(--maincolor)}
.flexplace .flex .imgplace {height:225px;border: 5px solid var(--seccolor);display: flex;align-items: center;justify-content: center;position:relative;/*background: url(../images/image.png) center center no-repeat;*/}
.flexplace .flex .imgplace img, .flexplace .flex .imgplace iframe {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/max-width: 100%;max-height: 100%;}

.flexplace.clients .flex .imgplace img {position: static;width: auto;height: auto;object-fit:none;}

.flexplace .flex2 {width: 47.5%;margin: 0 5% 5% 0;}
.flexplace .flex2:nth-of-type(2n) {margin: 0 0 5% 0;}
.flexplace .flex2 .title {font-size:20px;margin:10px 0;text-align:center}
.flexplace .flex2 a:hover .title, .flexplace .flex2 a:focus .title {text-decoration:underline;color:var(--maincolor)}
.flexplace .flex2 .imgplace {min-height:220px;border: 5px solid var(--seccolor);display: flex;align-items: center;justify-content: center;position:relative}
.flexplace .flex2 .imgplace img, .flexplace .flex2 .imgplace iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.liststyle {margin:2.5% auto}
.liststyle .title {font-size:20px;}
.liststyle > div {margin: 0 0 2% 0;padding:0 0 2% 0;border-bottom:1px solid var(--greylight)}
/*.liststyle a .title {text-decoration:underline}*/
.liststyle .flexview {display:flex;flex-wrap:wrap}
.liststyle .flexview .imgplace {width:23%;position:relative;/*background: url(../images/image.png) center center no-repeat;*/margin: 0 0 0 2%;    display: flex;align-items: center;justify-content: center;text-align:center}
.liststyle .flexview .imgplace img {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;background:var(--white)*/max-width: 100%;max-height: 100%;margin:auto}
.liststyle .flexview .abstract {width:75%;flex:auto}
.liststyle .flexview .title {font-size:20px;margin:0 0 10px 0;color:var(--maincolor)}
.liststyle .flexview .date {font-size:18px;margin:0 0 10px 0;color:var(--maincolor)}
.liststyle .flexview .location {font-size:18px;margin:0 0 10px 0;color:var(--black);font-style:italic}
.liststyle .btn2 {float:left;margin:0}
/*html:lang(en) .liststyle .btn2 {float:right;}
html:lang(en) .tmparticles .liststyle .btn2 {float:left}*/
html:lang(en) .liststyle .flexview .abstract div {font-family:Ubuntu}
html:lang(en) .liststyle .flexview .imgplace {margin: 0 2% 0 0;}

.liststyle .flexview2, .flexviewheader2 {display:flex;border-right:1px solid var(--greylight);}
.liststyle .flexview2 > div, .flexviewheader2 > div {flex:auto;padding:5px;border-left:1px solid var(--greylight);width:15%;display: flex;align-items: center;font-size:15px;line-height:100%;font-family:Ubuntu, Arial}
.liststyle .flexview2 > div {position: relative;}
.liststyle .flexview2 > div .middleplace {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;padding:5px;}

.liststyle .flexview2 .title, .flexviewheader2 .title {width:15%;font-size: 15px;}
.liststyle .flexview2 .abstract, .flexviewheader2 .abstract, .liststyle .flexview2 .moreabstract, .flexviewheader2 .moreabstract {width:30%;align-items: center;flex-direction: column;justify-content: center;}
.liststyle .flexview2 .file, .flexviewheader2 .file {width:5%;justify-content: center;}
.liststyle .flexview2 .file img {width:25px;margin:auto}
.liststyle .flexview2 .imgplace, .flexviewheader2 .imgplace {justify-content: center;    width: 7%;}
.liststyle .flexview2 .imgplace img {max-width:50px;margin:auto}
.liststyle .flexview2 .mtitle {display:none}
.liststyle .flexview2 .subtitle img {max-width:90px}

.liststyle.products > div {padding:0;margin:0;}
.liststyle.products {margin:0;}
.flexviewheader2 {background: var(--seccolor);border-top:1px solid var(--greylight);}
.flexviewheader2 > div {font-weight:bold}

.htmlcontent{display:none;}
.sl-captions{background-color: #fff;padding:10px;}

.attach {width:100%;float:left;margin:5px 0 0 0;}
.attach img {width:30px;margin:0 10px 0 0px;}
.attach a {display: flex;align-items: center;}
.liststyle .attach {margin:15px 0 0 0;}

.tmparticle h1 {margin:0 0 20px 0;}

.fakecontact {position:relative}

.contactformindex {position:absolute;right:0;bottom:45px;    width: 22.75%;    background: #f0f0f0;}
html:lang(he) .contactformindex {bottom: 20px;}
.contactformindex h2 {padding: 10px;font-size: 20px;color: var(--black);background: var(--seccolor);}
.contactformindex p {font-size: 15px;margin:0 0 10px 0;}

.indexcontentplace {margin:30px 0 0 0;display:flex}
.indexcontentplace > div {width: 23%;background: url(../images/hpfeatures_borderb.jpg) right bottom no-repeat;padding:0 0 20px 0;margin:0 0 20px 0;position:relative}
.indexcontentplace .indexcontent {width:73%;margin:0 4% 20px 0;}
.indexcontent .imgplace {float:left;margin:0 20px 0 0;width:220px;}
.indexcontentplace .indexcontent:before {position:absolute;right:-2.8%;top:0;width:1px;height:100%;content:"";display:block;background:var(--greylight)}
.indexcontent p {line-height: 140%;}

.newshome > div, .newshome .slick-slide {/*margin:0 0 10px 0;*/min-height:70px}
.newshome .date {font-weight:500;margin: 0 0 5px 0;font-family:Ubuntu;}
.newshome .title {font-weight:400;margin: 0 0 5px 0;color:var(--grey);font-size:14px}


.accountplace {color:var(--white);position:relative}
.accountplace .name {color: #fff;position: absolute;right: 5px;bottom: -25px;width: 100px;text-align: right;}
.openaccount {width:30px;height:30px;display: block;background: url(../images/login_icon_hover.png) center center no-repeat;opacity:.5}
.openaccount:hover, .openaccount:focus {opacity:1}

.home {width:30px;height:30px;display: block;background: url(../images/home_icon_hover.png) center center no-repeat;opacity:.5}
.home:hover, .home:focus {opacity:1}

.sitemap {width:30px;height:30px;display: block;background: url(../images/sitemap_icon_hover.png) center center no-repeat;opacity:.5}
.sitemap:hover, .sitemap:focus {opacity:1}

.language {display:flex;align-items: center}
.language a {color:var(--white);margin:0 5px;}
.language a:hover, .language a:focus {text-decoration:underline}

.search {display:flex;width:150px;position:relative;background:var(--white);margin:0 15px;}
.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:30px;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);}

.tmpcontact .smalltitle {font-size:var(--fonttitle)}

.contactside {margin: 0px 0px 40px 0px;background-color: #f0f0f0;}
.contactside p {font-size: 15px;margin: 0 0 10px 0;}

#contactfooter h2 {padding: 10px;font-size: 20px;color: var(--black);background: var(--seccolor);}
.contactform {display:flex;flex-wrap: wrap;padding:15px;}
.contactform label {position:relative;display:block;width: 100%;margin: 0 0 20px 0;}
.tmpcontact .contactform label {position:relative;display:block;width: 49.5%;margin: 0 0 20px 1%;}
html:lang(en) .tmpcontact .contactform label {margin: 0 1% 20px 0;}
.tmpcontact .contactform label:nth-of-type(2n), html:lang(en) .tmpcontact .contactform label:nth-of-type(2n) {margin: 0 0 20px 0;}
.contactform label.comments, html:lang(en) .tmpcontact .contactform label.comments {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 {}

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

.titleplace {padding:30px 0 0 0;    position: relative;z-index: 9;}
.titleplace h1 {color:var(--white);margin: 0;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.5));}

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

.gmap iframe {width:100%}

footer {padding: 20px 0px;margin: 60px 0px 0px 0px;background: #f0f0f0;box-shadow: 0px -11px 46px -27px #000;}

.mainphone, .mainemail {display: block;background: var(--white) url(../images/whatsup.png) 92% 9px no-repeat;background-size: 30px;font-size: 20px;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 {float:left;width:40%}
.credits a:hover, .credits a:focus {color:var(--maincolor);}
.credits p, .credits a {margin:0;color:var(--fontcolorinner);}

.stripplace {background: #476db3;min-height:100px}
.stripplace .page:after {width: 133px;height: 100px;position: absolute;top: 0;left: 355px;background: url(../images/bluesides_glow_left.png) repeat-y;content:"";display:block;z-index:6}
.stripplace .page:before {width: 133px;height: 100px;position: absolute;top: 0;right: -13px;background: url(../images/bluesides_glow_right.png) repeat-y;content:"";display:block;z-index:6}
.stripplace img {float: right;    position: absolute;z-index: 0;right: 0;    }

.tmpindex .logosplace .bigtitle {display:none}
.leftcolumn .logosslider {padding:0 0 20px 0;}
.logosslider {background:url(../images/hpfeatures_borderb.jpg) right bottom no-repeat;border-top: 5px solid #dbe4f4;background-size: contain;}
.logosslider img {margin:auto;max-width:90%;max-height:90%;}
.logosslider li {padding:10px}
.logosslider .imgplace {display:flex;height:100px;align-items: center;}
.leftcolumn .logosslider .imgplace {height:70px;}
.logosslider .slide:hover .imgplace, .logosslider a:focus .imgplace {filter: none;}

.leftcolumn .btn {background:var(--maincolor) url(../images/leftmenu_arrow_down.png) 10px center no-repeat;width:100%}

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

.morevar {width:100%;float:left}
.print {background:url(../images/iconPrinter.png) left center no-repeat;margin:10px auto;display:block;padding:10px 0 10px 35px;color:var(--grey);font-size:var(--fonttitle)}

div .sliderbtn {position:absolute;left:10px;bottom:-10px;display: flex;padding:5px;background:var(--white);border-radius:10px;}
div .sliderbtn a {padding:5px 35px 5px 10px;margin:0 2.5px;font-size: 15px;color:var(--black);}
div .sliderbtn .pause:hover, div .sliderbtn .pause:focus {background:#f0f0f0 url(../images/pause.png) 94% center no-repeat;background-size:25px;}
div .sliderbtn .play:hover, div .sliderbtn .play:focus {background:#f0f0f0 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;}

.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 {background:#f0f0f0;padding:2%;margin:2.5% 0;float: left;}
.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:10px 30px}

.liststyle > div.download {margin:0;padding:0}
.download a {display:flex;background: url(../images/file.png) 1.5% center no-repeat;background-size: 25px;padding:10px 0 10px 40px}
.download a > div {margin:0 0 0 15px;padding:0 0 0 15px;border-left:1px solid var(--grey);width:50%;}
.download a > div:first-of-type {/*font-weight: 600;*/}
.download a:hover, .download a:focus {background-color:#f0f0f0}

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

.tabsplace {width:100%;float:left;display:flex;border-bottom: 1px solid var(--grey);}
.tabsplace button {padding:15px;display: flex;flex-direction: column;align-items: center;position:relative}
.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:8px;background: var(--maincolor);background: linear-gradient(90deg, var(--maincolor) 0%, var(--maincolor) 100%);}

.tabcontentplace {width:100%;float:left;padding:20px;}
.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}

.imgside {float:right;margin:0 0 0 20px;max-width:40%}
html:lang(en) .imgside {float:left;margin:0 20px 0 0 ;}

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

.leftcolumn {width: 25%;padding:0 0 0 3%}

.leftmenu {margin:0 0 40px 0}
.leftmenu a {display:block;padding:10px 15px;color:var(--seccolor);border-bottom:1px solid var(--seccolor);font-size:18px;background:#0840a2}
.leftmenu .this a, .leftmenu a:hover {background:#011f55}

.leftmenu .level1 a {padding: 10px 10px 10px 20px;font-size:18px;}
.leftmenu .level2 a {padding: 10px 10px 10px 35px;font-size:16px;}
.leftmenu .level3 a {padding: 10px 10px 10px 50px;font-size:16px;}
.leftmenu .level4 a {padding: 10px 10px 10px 65px;font-size:16px;}

.tmpnewsitem .level2, .tmpnewsitem .level3, .tmprmp .level3, .tmprmp .level4 {display:none;}

.moresidemenu, .opensidemenu.opened {display:none}
.moresidemenu.opened {display:block}

.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;overflow:hidden}
.grid-item a:hover, .grid-item a:focus {}
.grid-item div {background: var(--blackopacity);width:100%;height:auto;position:absolute;left:0px;bottom:0px;margin:0; padding:5px;font-size:16px;color:var(--white)}
.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;float:left}

.socialmedia {margin:0 0 2.5% 0;text-align:center;float:right}
.socialmedia a {width:32px;height:32px;display:block;float:left;margin:0 5px 0 0}
.socialmedia a:hover {opacity:.5}
.socialmedia .facebook {background: url(../images/facebook.png) center center no-repeat;background-size:cover}
.socialmedia .youtube {background: url(../images/youtube.png) center center no-repeat;background-size:cover}
.socialmedia .rss {background: url(../images/feed.png) center center no-repeat;background-size:cover}
.socialmedia .instagram {background: url(../images/instagram.png) center center no-repeat;background-size:cover}
.socialmedia .linkedin {background: url(../images/linkedin.png) center center no-repeat;background-size:cover}
.socialmedia .tiktok {background: url(../images/tiktok.png) center center no-repeat;background-size:cover}
.socialmedia .title {    font-size: 24px;}

.footerlinksplace {display: flex;flex-wrap: wrap;float:left;width:50%;margin:0 2% 0 0 }
.footerlinksplace .title {font-size:18px;margin:0px 0 10px 0;text-transform:uppercase}
.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;    width: 33.3%;}

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

.filterpubplace {padding: 10px;font-size: 20px;color: var(--black);background: var(--seccolor);display:flex;align-items: center;}
.filterpubplace label {background:var(--white);margin:0 10px 0 0}

table {padding:5px;border:0px;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);width: auto !important;}
table th {background:var(--maincolor);color:var(--white)}

.slider-for { }
.slider-for img {margin:auto;max-width:98%;max-height:520px;}
.slider-for .slick-slide > div {display:flex;background:var(--white);height:530px;align-items: center;justify-content: center;border:1px solid var(--greydark)}
/*.slider-for .slick-slide > div a > div {display:flex}*/
.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}

.tableplace {border-top:1px solid var(--greylight);}
.likeheder {background: var(--seccolor);display:flex;border-right:1px solid var(--greylight);}
.likeheder > div {padding:5px;border-left:1px solid var(--greylight);border-bottom:1px solid var(--greylight);width:12.5%}
.likeheder > div.download {width:45px;}
.likeheder > div.imgplace {width:60px;}

.likebody {display:flex;border-right:1px solid var(--greylight);}
.likebody > div {padding:5px;border-left:1px solid var(--greylight);border-bottom:1px solid var(--greylight);width:12.5%;line-height:100%;display: flex;flex-direction: column;justify-content: center;}
.likebody img {max-width:50px;max-height:50px;}
.likebody p, .likebody li {margin:0;line-height:100%;}
.likebody > div.download {width:45px;}
.likebody > div.imgplace {width:60px;}
.likebody > div.download img {max-width:35px;max-height:35px;}

.infoboxesplace {margin:2% 0;}
.infobox {margin-bottom: 40px;padding: 0px 0px 20px 0px;background: #fff url(../images/hpfeatures_borderb.jpg) right bottom no-repeat;position:relative}
.infobox .imgplace {display: flex;align-items: center;justify-content: center;}
.infobox img {max-width:100%;max-height:100%;width:100%}
.infobox .moreabstract {position:absolute;left:0;bottom:0;padding:10px;background:var(--whiteopacity);display:none}
.infobox a:hover .moreabstract {display:block}
.infobox .title {margin-bottom: 20px;padding: 10px;font-size: 20px;color: #000;background: #dbe4f4;}

.glossaryABCplace {display:flex}
.glossaryABC {flex: auto;margin:0 0 5px 1px}
.glossaryABC span {display: flex;align-items: center;justify-content: center;opacity:.5;font-size:30px;padding:0 1px;line-height: 100%;}
.glossaryABC a span {opacity:1}
.glossaryABC a:hover span {background:var(--maincolor);color:var(--white)}
.glossaryplace {width:100%;float:left;margin:30px 0 0 0;}
.glossaryplace .question {    font-size: 20px;font-family:Ubuntu}
.glossaryplace .question p, .glossaryplace .question .title {font-size:22px;margin:0;}
.glossaryplace .abstract {    display: flex;}
.glossaryplace .question.opened p {color:var(--maincolor)}
.glossaryplace .letter {font-size:20px;font-weight:var(--fontbold);color:var(--white);margin:10px 0 ;display: inline-block;text-decoration:none;background:var(--maincolor);padding:7px 10px;font-family:Ubuntu;text-transform:uppercase}
html:lang(he) .glossaryplace .letter, html:lang(he) .glossaryplace .question {font-family:Ubuntu Condensed}
.tmpmanagement .glossaryplace .link {padding-left: 15px;background: url(../images/authors_arrow.png) left center no-repeat;color: #666666;}
.tmpmanagement .glossaryplace .title a {font-weight: bold;text-decoration:none;color: #01737E;font-size: 20px;}


.glossary {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid var(--greylight);}
/*.glossary .answer {display:none}*/


.tmpmanagement .glossaryplace .question {padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid var(--grey)}
.tmpmanagement .glossaryplace .question .abstract .title {font-weight:bold}
.tmpmanagement .glossaryplace .question .imgplace {float:left;width:150px;margin:0 10px 0 0;}
.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:var(--whiteopacity) url(../images/whatsup.png) center center no-repeat;background-size:30px;width: 50px;height: 50px;position:fixed;left:10px;top:10%;border-radius:100%;}
a.whatsapp:hover, a.whatsapp:focus {filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}

.opencontact {background:var(--fontcolor) url(../images/contact_icon.png) 90% center no-repeat;color:var(--white); padding:7px 40px 7px 10px; display: flex;align-items: center;}
.opencontact:hover, .opencontact:focus {filter: drop-shadow(2px 2px 0px rgba(50,50,50,.5));background-color:var(--black)}

.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: 24px;color: var(--white);}
.projectscol a {position:relative;overflow:hidden;display:block}
.projectscol a:hover img {transform: scale(1.1,1.1);}

.divLinks a {font-weight:bold;text-decoration:underline}

.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:20px;    display: flex;padding:0 2%;position:absolute;}
.custom-dots li {list-style-type:none;list-style: none;}
.custom-dots li a {width: 15px;height: 15px;background:var(--maincolor);display:block;cursor:pointer;margin:0 5px;border-radius:100%}
.custom-dots li.slick-active a {opacity:1;background: var(--white)}

.sitemap2 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}
 
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 {left:auto;right:-20px;}
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) .stepbefore a, html:lang(he) .stepcurrent a, html:lang(he) .stepafter a, html:lang(he) .stripplace img, html:lang(he) .contactformindex {right:auto;left:0;}
html:lang(he) .toogleselect button, html:lang(he) .welcomeplace input[type="submit"], html:lang(he) .sliderhome img,
html:lang(he) .socialmedia {float:left}
html:lang(he) .welcomeplace div, html:lang(he) button.addtocart, html:lang(he) .credits, 
html:lang(he) .footerlinksplace {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;}
html:lang(he) .flexplace .flex {margin: 0 0 5% 9%;}
html:lang(he) .flexplace .flex:nth-of-type(3n) {margin-left: 0;}
html:lang(he) .glow {left:auto;right:-292px}
html:lang(he) .indexcontentplace .indexcontent {margin:0 0 20px 4%;}
html:lang(he) .indexcontent .imgplace {float:right;margin:0 0px 0 20px;}
html:lang(he) .indexcontentplace .indexcontent:before {right:auto;left:-2.8%;}
html:lang(he) .sliderhome .page:before {left: -20px;}
html:lang(he) .sliderhome .page:after {    left: 552px;right: auto;}

html:lang(he) .stripplace .page:before {right: 355px;}
html:lang(he) .stripplace .page:after {left:0}

html:lang(he) .leftmenu .level1 a {padding: 10px 20px 10px 10px ;}
html:lang(he) .leftmenu .level2 a {padding: 10px 35px 10px 10px ;}
html:lang(he) .leftmenu .level3 a {padding: 10px 50px 10px 10px ;}
html:lang(he) .leftmenu .level4 a {padding: 10px 65px 10px 10px ;}

html:lang(he) .leftcolumn {padding: 0 3% 0 0 ;}

html:lang(en) .features > div {background: url(../images/hpfeatures_borderb.jpg) right bottom no-repeat;}
html:lang(he) .features > div {background: url(../images/hpfeatures_borderb.jpg) right bottom no-repeat;margin: 0 0% 20px 3%; }
html:lang(he) .features > div:nth-of-type(4n) {margin: 0 0% 20px 0; }
html:lang(he) .features > div:after {right:auto;left:-7%;}
html:lang(he) .features > div:nth-of-type(6n) {margin: 0 0% 20px 2%;}
html:lang(he) .features > div:nth-of-type(6n):after {right:auto;left: -4%;}
html:lang(he) .attach img {margin:0 0 0 10px;}

html:lang(he) .contactform label {float: right;}

html:lang(he) .flexplace .flex2 {margin: 0 0 5% 5%;}
html:lang(he) .flexplace .flex2:nth-of-type(2n) {margin: 0 0 5% 0;}

html:lang(he) .glossaryplace .question {font-family:Arial}

@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) 
{

}

@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, body .accountplace .name, li li .moremenu, .likeheder,
	.togglecart, .sliderhome .page:before, .sliderhome .page:after, .glow, .stripplace .page:before, .stripplace .page:after,
	.indexcontentplace .indexcontent:before, .features > div:after, .morevar, .flexviewheader2 {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 {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%}

	header {padding:5px;height: 80px;}
	header .page {padding:0;        direction: ltr;}

	.logo {height:auto;justify-content: flex-end;        flex: auto;}
	.logo img, html:lang(he) .logo img {float:left;position: static;height:35px;}

	.openmenu {display:block;width:30px;height:30px;position:absolute;background:none;border:none;padding:0;right:5px;top:0px;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:5px;background:var(--white);margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-5px;}
	.openmenu div:before { content: '';top:-5px;}
	.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(-105%);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 {padding:10px;border-radius:initial;font-size: 5vw;border-bottom:1px solid var(--grey);color:var(--black)}
	.mainmenu li a span {display:block;text-align:center}
	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a {padding:5px;}
	.mainmenu ul {width:100%;margin:0;background:var(--greylight)}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-2%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}
	.dropmenuplace {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); }
	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}
	.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {background:var(--maincolor)}
	.maincontent, #maintitleplace {margin-top:80px}
	
	.mdisable .searchplace {overflow: hidden;}

	.moremenu {display:block;width:45px;height:42px;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: 100px;margin: 0 9px;}
	.search {width:98%;margin:1%}
	.search input {background:none;font-size: 14px;}
	.search .submitsearch {border-radius:0;height:auto}

	.dropmenuplace > div {padding:0;}

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

	.opencontact {background: var(--fontcolor) url(../images/contact_icon.png) 94% center no-repeat;padding: 8px 30px 8px 5px;font-size: 13px;min-width: 90px;}
	
	.topmenu {width:100%;top:35px;}

	.bodytext table p, .dropmenuplace .page, .featuresbottom, .featuresplace, .logosplace, body .productflex,
	.productsslider.slick-dotted.slick-slider {padding:0;margin:0;}

	.language a {margin: 0 2px;}

	.titleplace {padding: 50px 0 15px 0;}
	.titleplace h1 {text-shadow:2px 2px 5px var(--black)}

	.productslistselects .page, .accordionplace, #contactfooter .contactform, .indexcontentplace, .columns, .glossaryABCplace,
	.filterpubplace {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, .leftcolumn,
	body .confirmplace > div:nth-of-type(2n), .indexcontentplace .indexcontent, .indexcontentplace > div, .credits, .content, .liststyle .flexview .abstract,
	.features > div:first-of-type, .features > div:nth-of-type(2n), .features > div:first-of-type .imgplace, .flexplace .flex2,
	html:lang(he) .flexplace .flex, .grid-sizer, .grid-item, html:lang(en) .features > div:first-of-type, html:lang(en) .features > div:nth-of-type(5n),
	.filterpubplace label {width:100%;margin:0 auto 5% auto;/*border:none;*/padding:0;}

	.shippingdata > div {width:100%}

	.sliderhome .slide {height:250px;}
	.sliderhome .abstract {width:100%;padding:10px;}
	.sliderhome .title {color:var(--white);text-align:center;text-shadow:2px 2px 5px var(--black)}
	.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

	.accordionplace .feature {flex:initial}

	html:lang(he) .indexcontentplace .indexcontent, .indexcontentplace .indexcontent, html:lang(he) .features > div,
	.features > div, html:lang(he) .features > div:nth-of-type(6n), .features > div:nth-of-type(6n) {margin:0 0 20px 0;padding:0 0 20px 0;}

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

	.flexplace .flex, html:lang(he) .flexplace .flex {width:48%;margin:1%}
	.flexplace .flex .imgplace {height: 165px;}
	.flexplace .flex .title {font-size: 16px;}

	.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;padding:0}
	html:lang(he) .bodyflex > div, .bodyflex > div {padding:0;margin:0}
	.stripplace img {height: 100%;max-width: none;}
	.leftmenu a {padding: 10px;margin: 5px 0;font-size: 14px;}
	.filterpubplace {margin:0 0 20px 0;}
	.featurepopupplace .featurepopup {left:0;margin:0;width:100%}

	.glossaryABC span {padding:0 5px;}
	.sliderhome p {color:var(--white)}
	.contactformindex {position:static;width:100%;margin:0 0 20px 0;}

	.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}
	.indexcontentplace {margin:10px 0;}
	html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount {right: 0px;width: 330px;}

	/*.liststyle .flexview .imgplace {width:100%;height:200px;}*/
	.liststyle .flexview .abstract {width:75%}
	.liststyle .title {font-size:20px;}
	.indexcontent .imgplace {margin:0 0 20px 0;width:100%;float:none}
	.indexcontent .imgplace img {width:100%}

	.features .imgplace {width: 50%;float: left;margin: 0 10px 0 0;}
	.features > div:nth-of-type(4n), html:lang(en) .features > div:nth-of-type(4n) {width:100%}

	.socialmedia {margin:10px auto;        display: flex;justify-content: center;width:100%}
	.socialmedia a {margin:0 3px;float:none;}
	.footerlinksplace > div, .credits p, .credits a {text-align:center}
	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;}

	.likebody {flex-wrap: wrap;}
	.likebody > div, .likebody > div.download,.likebody > div.imgplace {    width: 33.3%;}

	.liststyle > div {border-bottom:5px solid #ccc!important;margin:0 0 15px 0!important;padding:0 0 15px 0!important;}
	.liststyle .flexview2 .mtitle {display:block;font-weight:bold;margin:0 0 5px 0;}	
	.liststyle .flexview2, .flexviewheader2 {/*flex-direction: column;*/border:none !important;flex-wrap: wrap;}
	.liststyle .flexview2 > div, .liststyle .flexview2 .title, .flexviewheader2 .title {width:33.3% !important;justify-content: flex-start !important;border:none !important;align-items: inherit !important;text-align: center !important;display:block;border-bottom:1px solid #ccc!important;padding:5px;font-size: 14px;}
	.liststyle .flexview2 .imgplace img {max-height: 40px;}

	.liststyle .flexview2 > div .middleplace {position: static;transform: none;}
}

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 {-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(--black)}
::-moz-placeholder { color:var(--black)}
:-ms-input-placeholder {color:var(--black) }
:-moz-placeholder {color:var(--black) }

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;text-align:center}
	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}
}