.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:#666;
--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, tr, 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: 140%;font-family:Arial}
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: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: #6699ff;margin:10px 0 0 0;display:block}
.btn2:hover, .btn2:focus {color:#000}

.sliderhome {position: relative;}
.sliderhome .slide {height:360px;position: relative;overflow: hidden;background:var(--fontcolor)}
.sliderhome img {float:right}
.sliderhome .abstract {width: 450px;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);line-height: 120%;}
.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:78%}
.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:Ubuntu;font-size:14px;}
html:lang(he) .bodytext p, html:lang(he) .bodytext li a, html:lang(he) .bodytext p a, html:lang(he) .bodytext td a {font-family:Arial;font-size: 14px;}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;font-family:Arial}
.bodytext li a, .bodytext p a, .bodytext td a {color:var(--maincolor);}
 /*.bodytext p u {text-decoration:none}*/
.bodytext ul, .bodytext ol {margin:0 5px;padding: 0;}
html:lang(he) .bodytext ol:dir(ltr)/*, html:lang(he) .bodytext p:dir(ltr)*/ {direction:ltr;text-align:left}
html:lang(he) .bodytext ol:dir(ltr) li, html:lang(he) .bodytext ul:dir(ltr) li {direction:ltr;text-align:left}
.bodytext ul li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 6px 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;font-family: Arial, Helvetica, sans-serif;}
.bodytext h2 {font-size:26px;}
.bodytext h3 {font-size:22px;}
.bodytext table {/*width:100% !important;margin:0 0 10px 0;*/}
.bodytext table p, html:lang(en) .bodytext table td, html:lang(en) .bodytext table td div {margin:0;font: normal var(--fontsize) Ubuntu Condensed, Arial, Helvetica, sans-serif;}
/*.bodytext table th, .bodytext table td, .bodytext table span, .bodytext table div {color:#000 !important}*/

.noborder, .noborder th, .noborder td, .noborder table {border:none;}
.noborder table {width:100%}
.tmpregular .bodytext table td table  {border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.tmpregular .bodytext table td table td {border-top:1px solid #ccc;border-left:1px solid #ccc;}

.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;color:#000}
.flexplace .flex a:hover .title, .flexplace .flex a:focus .title {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 {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 .flexview {display:flex;flex-wrap:wrap;align-items: flex-start;}
.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:16px;margin:0 0 5px 0;color: #6699ff;font-family:Arial}
.liststyle .flexview .date {font-size:14px;margin:0 0 5px 0;color: #6699ff;font-family:Arial}
.liststyle .flexview .location {font-size:15px;margin:0 0 10px 0;color:var(--grey);font-style:italic}
.liststyle .btn2 {float:left;margin:0}
.liststyle .btn2:hover {color:#000}
.liststyle .moreabstract {font-size:14px;margin:10px 0 0 0}

html:lang(he) .tmparticles .liststyle .flexview .abstract .title {font-size: 18px;color:#000;font-family: Arial;}
.tmparticles .liststyle .flexview .title, html:lang(en) .tmparticles .liststyle .flexview .abstract .title {font-size: 18px;color:#000;font-family: Ubuntu;}
.tmparticles .liststyle .flexview .date {font-style: italic;color: #999;}

.tmpevents .liststyle .flexview .title, html:lang(en) .tmpevents .liststyle .flexview .abstract .title {font-size: 18px;color:#000;font-family: Ubuntu;}
.tmpevents .liststyle .flexview .date {color: #666666;}

.tmplinks .liststyle .flexview .title {font-size: 16px;color:#000;font-family: Arial;}

html:lang(en) .tmpdownloads .download a {background: url(../images/pdf.png) 99% center no-repeat;padding: 10px 40px 10px 0;}
html:lang(en) .tmpdownloads .download a > div {margin: 0 15px 0 0 ;padding: 0 15px 0 0 ;border:none;border-right: 1px solid var(--grey);}
html:lang(en) .tmpdownloads .download a > div:first-of-type {font-weight: bold;font-family: 'Ubuntu' ;font-size:18px;}

html:lang(en) .liststyle .btn2 {float:right;}
html:lang(en) .tmparticles .liststyle .btn2 {float:right}
html:lang(en) .liststyle .flexview .abstract div {font-family:Ubuntu}
html:lang(en) .liststyle .flexview .abstract .title {font-family:arial}
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:20%;display: flex;/*align-items: center;*/font-size:13px;line-height:100%;font-family:Ubuntu, Arial}
.liststyle .flexview2 > div {position: relative;flex-direction: column;justify-content: center;}
.liststyle .flexview2 > div .middleplace {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;padding:5px;}

.liststyle .flexview2 .title, .flexviewheader2 .title {width:20%;font-size: 15px;}
.liststyle .flexview2 .abstract, .flexviewheader2 .abstract, .liststyle .flexview2 .moreabstract, .flexviewheader2 .moreabstract {width:20%;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}

/*.thviewheader {background: var(--seccolor);border-top:1px solid var(--greylight);font-weight:bold}*/
.productstable {width: 100%;border:none;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.productstable th, .productstable td {
    padding: 3px;
    text-align: left;
    vertical-align: middle;
	border:none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: relative;
    /* font-family: Arial !important; */
    font-size: 13px;
}
.productstable th {font-size: 14px;
    padding: 10px 4px;
    font-weight: bold;
    color: #333;
    background: #dbe4f4;}
.productstable img {
    max-width: 90px;
}
.productstable .imgplace img {max-width: 50px;}
.productstable .file a {
    margin: 0;color: #666666;    display: block;
    text-align: center;
}
.productstable .file a img {
    width: 23px;
    margin: 0;
    float: none;
    vertical-align: middle;
}

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

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

.tmparticle h1 {margin:0 0 10px 0;font-size: 26px;font-family: Arial, Helvetica, sans-serif;}

.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:75px}
html:lang(en) .newshome > div, html:lang(en) .newshome .slick-slide {min-height:90px}
.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: 130px;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; font-family:Arial}
.language a:hover, .language a:focus {}

.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);margin:0 0 10px 0}
.tmpregular .smalltitle {font-size:var(--fonttitle);margin:0 0 10px 0}

.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:38%}
.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:100%;max-height:100%;}
.logosslider li {padding:5px}
.logosslider .imgplace {display:flex;height:130px;align-items: center;}
.leftcolumn .logosslider .imgplace {height:100px;}
.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;}

.tmpregular .mainabstract {display:none}

.faqsplace > div {background:var(--white);border-radius:var(--radius);overflow:hidden;margin:0 0 10px 0;position: relative;}
.faqsplace .question { padding:10px ;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 {}
.faqsplace .question.opened {border-bottom:1px solid var(--grey)}
.faqsplace .answer {display:none;padding: 10px;}
.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;display:none}
.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 {float: left;margin:20px 0 0 0}
.docsplace .title, .linksplace .title {margin:0 0 10px 0;font-weight:bold}
.docsplace a, .linksplace a {display:flex;align-items: center;color:var(--black)}
.docsplace a:hover, .linksplace a:hover {}
.docsplace a img, .linksplace a img {margin:0 5px;max-height:20px;}
.linksplace a {background: url(../images/link.png) left center no-repeat;background-size: 20px;padding:10px 30px}

.liststyle > div.download {margin:0;padding:0}
.download a {display:flex;background: url(../images/pdf.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: 23%;padding:0 0 0 2%}


.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;}
.tmpnewsitem .columns h1 {color: #6699ff;font-size: 26px;}
.tmpnewsitem .columns h2 {color: #6699ff;font-size: 26px;font-family:arial;margin:0 0 20px 0;}
.tmpnewsitem .columns h3 {color: #666;font-size: 18px;    margin: 10px 0;}
.tmpnewsitem .columns h4 {color: #6699ff;font-size: 16px;    margin: 10px 0;}

#Pagination{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:24px 0;}
#Pagination .pagebtn,#Pagination .navbtn{flex:0 0 auto;min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#2d2d2d;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1;}#Pagination .pagebtn:hover,#Pagination .navbtn:hover{background:var(--greylight);color:#000;border-color:rgba(255,102,0,.3);transform:translateY(-1px);}#Pagination .pagebtn.active{background:var(--maincolor);color:#fff;border-color:var(--maincolor);}#Pagination .navbtn{width:42px;min-width:42px;padding:0;font-size:20px;font-weight:700;}#Pagination .navbtn:disabled{opacity:.35;cursor:default;transform:none;background:#fff;color:#999;border-color:rgba(0,0,0,.08);}

.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 1% }
.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);}
.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;background: none !important;}
table th {background:var(--maincolor);color:var(--white)}
table td, table td div, table td span {font-size:14px;font-family:Arial}

.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;}
html:lang(en) .glossaryplace .answer p, html:lang(en) .glossaryplace .answer .title, 
html:lang(en) .glossaryplace .answer div, html:lang(en) .glossaryplace .answer li, html:lang(en) .glossaryplace .answer span {font-family:Ubuntu;font-size:16px !important;}
.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:Arial}
.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);position:relative}
html:lang(he) .glossary .gotop {position:absolute;right:auto;left:0;bottom:0;}
.glossary .gotop {position:absolute;left:auto;bottom:0;right:0}

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

.pagebtn {margin: 2px;padding: 5px 10px;cursor: pointer;}
.pagebtn.active {font-weight: bold;background-color: #000;color: #fff;}


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 {color: #6699ff;}

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

table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, 
table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, 
table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {color: #333;background: #dbe4f4 !important;}
table.dataTable {padding:0 !important}

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 ul li {background: url(../images/dot.png) right 6px 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: 20px;}
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) .docsplace, html:lang(he) .linksplace {float: right;}
html:lang(he) .glossaryplace .question {font-family:Arial}

html:lang(he) .glossary p, html:lang(he) .glossary div {font-size:16px}
html:lang(he) .glossary .question {font-size:18px}

html:lang(he) .productstable th, html:lang(he) .productstable td {text-align:right}

/*@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;}

	.productstable th, .productstable td {display: block;width: 100%;}
}

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);}
.sl-wrapper, .sl-wrapper p {font-size:12px;}

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