.abril-fatface-regular {font-family: "Abril Fatface", serif;font-weight: 400;font-style: normal;}
.roboto-light {font-family: "Roboto", serif;font-weight: 300;font-style: normal;}
.roboto-regular {font-family: "Roboto", serif;font-weight: 400;font-style: normal;}
.roboto-medium {font-family: "Roboto", serif;font-weight: 500;font-style: normal;}
.roboto-bold {font-family: "Roboto", serif;font-weight: 700;font-style: normal;}
.roboto-black {font-family: "Roboto", serif;font-weight: 900;font-style: normal;}

.brygada-1918 {font-family: "Brygada 1918", 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: 'Noto Sans Hebrew';font-style: normal;font-weight: 400;src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Noto Sans Hebrew';font-style: normal;font-weight: 500;src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Noto Sans Hebrew';font-style: normal;font-weight: 600;src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Noto Sans Hebrew';font-style: normal;font-weight: 700;src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
:root {
--maincolor:#167986;
--seccolor:#0e5660;
--fontcolor:#191919;
--fontsize:18px;
--fonttitle:28px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #C3C3C3;
--greylight: #e3e3e3;
--greydark: #707070;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.5);
--whiteopacity: rgba(255, 255, 255, 0.8);
--shadow: 0px 1px 5px rgba(0,0,0,0.3);
--radius:5px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre {color:var(--fontcolor);font: 300 var(--fontsize) Roboto, Arial, Helvetica, sans-serif;margin:0px;padding:0px;border:none; line-height:normal;background: none;}
body {-webkit-animation: bugfix infinite 1s;overflow-x:hidden;}
html, body {height:100%}
input, textarea, select {background:none;border:1px solid var(--grey);width:100%;padding:10px 20px;border-radius: 0;font-size:16px}
div, p, li {line-height: 140%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:120%;font-family:"Brygada 1918";font-weight:700}
h1 {font-size: 90px;} h2, h2 div {font-size: 48px;} h3, h3 div {font-size: 28px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;}  p a:hover, p a:focus {text-shadow:0 0px 1px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu {display:none}

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

header {position:fixed;left:0;top:0;width:100%;z-index:6;}
header .wrap {background:var(--fontcolor);padding:10px 0}
header .wrap .page {display:flex;align-items: center;}

.logo {float:left;display: flex;align-items: center;flex: auto;}
.logo img {max-height:53px;}

.menuplace {border-bottom:1px solid var(--grey);border-top:1px solid var(--grey);background:none;position:relative;overflow:hidden}
.menuplace .page {position:static}
.menuplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;display:none}
.menuplace:before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5046393557422969) 100%);}
.sticky .menuplace {background: url(../images/bgmenu.jpg) 0 0 no-repeat;}
.sticky .menuplace:before {background:var(--blackopacity2);}

.mainmenu {display: flex;justify-content: center;}

.mainmenu li a {white-space: nowrap;font-family: "Brygada 1918";flex: auto;font-weight: 500;padding: 10px 5px;color: var(--white);text-align: center;height: 80%;font-size:20px}
.mainmenu li a span {position:relative}

.mainmenu li a span:after {content:"";display:block;width:0%;height:1px;background:var(--white);position:absolute;bottom:0;left:0}
.mainmenu li a:hover span:after, .mainmenu li a:focus span:after, .mainmenu li.this a span:after {width:100%}

.topmenu {margin:0 20px 0 0;padding:0 20px 0 0;position:relative}
.topmenu a {color:var(--white);font-size: 16px;}
.topmenu:after {content:"";display:block;width:1px;height:20px;background:var(--greydark);position:absolute;right:0;top: 2px;}

.accordionplace > li {flex: 1;transition: all 0.8s ease;}
.accordionplace > li > div {position:relative;z-index:3;display:flex;flex-wrap: wrap;height: 100%;border-right:1px solid var(--grey);border-left:1px solid var(--grey);background:var(--blackopacity2)}
.accordionplace > li:hover {flex:3;background:#7F8268;}
.accordionplace > li:hover:before {background:var(--blackopacity2);position:absolute;left:0;top:0;width:100%;height:100%;display:block;content:"";z-index: 2;}
.accordionplace > li:hover > div {background:#7F8268;min-height: 250px;}
.accordionplace > li:hover .moreabout {background-color:#676a55;}
.accordionplace > li:nth-of-type(2n):hover > div {background:#00A193}
.accordionplace > li:nth-of-type(2n):hover .moreabout {background-color:#008377}
.accordionplace > li:nth-of-type(3n):hover > div {background:#3299B8}
.accordionplace > li:nth-of-type(3n):hover .moreabout {background-color:#297c96}
.accordionplace > li:nth-of-type(4n):hover > div {background:#84161D}
.accordionplace > li:nth-of-type(4n):hover .moreabout {background-color:#6b1218}
.accordionplace > li:nth-of-type(5n):hover > div {background:#167986}
.accordionplace > li:nth-of-type(5n):hover .moreabout {background-color:#12626d}
.accordionplace > li:nth-of-type(6n):hover > div {background:#7F8268}
.accordionplace > li:nth-of-type(6n):hover .moreabout {background-color:#676a55}
.accordionplace > li:nth-of-type(7n):hover > div {background:#7F8268}
.accordionplace > li:nth-of-type(7n):hover .moreabout {background-color:#676a55}
.accordionplace > li:nth-of-type(8n):hover > div {background:#7F8268}
.accordionplace > li:nth-of-type(8n):hover .moreabout {background-color:#676a55}

.accordionplace > li:hover a {width:35%;flex:none}
.accordionplace > li:hover .dropmenuplace {width:65%;height: 80%;}
.accordionplace > li:hover img {display:block}
/*
.accordionplace > li .moreabout {text-align: initial;flex: auto;display:none;height: 20%;white-space:normal;padding:20px 50px 20px 20px;background: url(../images/rightarrow.png) 95% 65% no-repeat;}
.accordionplace > li:hover .moreabout {width: 100%;display:block;-webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) .3s both;animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) .3s both;}
	*/
.accordionplace > li .moreabout {display:none}
.accordionplace > li:hover .dropmenuplace, .dropmenuplace.show-menu {display:block}

.mainmenu ul li, .mainmenu ul li:last-of-type {position:relative;border: none;}
.mainmenu li li a span:after, .mainmenu li.this li a span:after {width:0}
.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {text-align:initial;display:block;padding:5px 15px;width:100%;white-space: normal;}
.mainmenu li li:hover a span:after, .mainmenu li li a:hover span:after, .mainmenu li li a:focus span:after, .mainmenu li li.this a span:after {width:100%}

.mainmenu ul ul, .mainmenu ul ul ul {display:none;}
.mainmenu ul {-webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) .3s both;animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) .3s both;}

.dropmenuplace {display: none;padding:5px 25px 25px 5px;}

@-webkit-keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}

.toggleplace, .toggleaccount {position: absolute;top: 100%;left: 0%;z-index: 99;width: 320px;display: none;background:var(--white);border-radius: var(--radius);box-shadow: var(--shadow);padding: 20px;}

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 12px 20px;background: var(--maincolor);color:var(--white);margin:0px auto;text-align:center;border:none;font-size:14px;}
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(--black);}

.logo2 {margin:0 20px 0 0;padding:0 20px 0 0;position:relative}
.logo2:after {content:"";display:block;width:1px;height:20px;background:var(--greydark);position:absolute;right:0;top: 12px;}
.logo2 img {height:50px;}

.sliderhome {position: relative;background:var(--black)}
.sliderhome .slide {height:95vh;position: relative;overflow: hidden;max-height:1000px;}
.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:.6}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;text-align: center;height:100%;display:flex;flex-direction: column;justify-content: center;padding: 2% 5%;align-items: center;}
.sliderhome .title {font-size:90px;padding:10px;text-align:center;color:var(--white);font-family:"Brygada 1918";font-weight:700;max-width:1150px;margin:0 auto 20px auto;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));line-height:100%}
.sliderhome .slick-dotted.slick-slider {margin:0}
.sliderhome .custom-dots {bottom: 15px;}
.sliderhome p, .sliderhome li, .sliderhome h2, .sliderhome h3, .sliderhome h4 {color:var(--white);max-width:600px;}

.hpvideo {margin:5% auto}
.hpvideo > div {height:700px;position: relative;overflow: hidden;background:var(--black);}
.hpvideo video, .hpvideo iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.hpvideo h2 {margin:0 0 4% 0;text-align:center}

.indexcontent {padding:6% 0 5% 0;background: url(../images/bg.png) center center no-repeat;}
.indexcontent .shortpage {display: flex;flex-direction: column;align-items: center;text-align:center}
.indexcontent h2, .indexcontent p {margin:0 0 5% 0;text-align:center}

.features > div {margin:5% 0;position:relative;padding:5% 0;display:flex;flex-wrap:wrap}
.features img {position: absolute;width: 70%;height: 100%;top: 0;right: 0;object-fit: cover;}
.features .abstract {background:var(--seccolor);padding:6%;width:45%;position:relative}
.features .abstract2 {padding:6%;width:55%;position:relative;background:var(--blackopacity2)}
.features .abstract2 h2 {max-width:450px;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}
.features h2, .features p, .features h3 {color:var(--white);margin:0 0 20px 0;}

.features2 {margin:2% 0;display:flex;flex-wrap:wrap}
.features2 > div {width: 23%;margin: 1% 1% 3% 1%;position:relative;background:var(--black)}
.features2 .title {font-size: var(--fonttitle);color:var(--white);text-align:center;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));background:var(--blackopacity2)}
.features2 .imgplace {height: 500px;position: relative;overflow: hidden;}
.features2 img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:.7}
.features2 .abstract {position:absolute;left:0;top:0;padding:15px;display: flex;height: 100%;width: 100%;flex-direction: column;justify-content: flex-end;}
.features2 .moreabstract {display:none;color:var(--white);padding:20px 0}
.features2 a:hover .moreabstract, .features2 a:focus .moreabstract {display:block}
.features2 a:hover .abstract, .features2 a:focus .abstract {justify-content: flex-start;}
.features2 a:hover img, .features2 a:focus img {opacity:.2}
.features2 .btn {position:absolute;left:15px;bottom:15px;}

.features3 {margin:0 auto 5% auto;max-width:800px;text-align: center;}

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

.search_resultsplace {display:none;}

footer {width:100%;display: flex;align-items: center;background:var(--black);color:var(--white);padding:5% 0}

.credits {padding:10px 0;margin:5% 0 0 0;border-top:1px solid var(--grey);float:left;width:100%}
.credits, .credits a, .credits p {color:var(--white);font-size:16px;}
.credits a {text-decoration:underline}
.credits p {float:left}
.credits p:nth-of-type(2n) {float:right}

.bannerplace {margin:50px 0 0 0;    display: flex;justify-content: space-between;}
.bannerplace, .bannerplace a, .bannerplace p {color:var(--white);}

.footerlinksplace {display: flex;flex-wrap: wrap;}
.footerlinksplace .title {margin:0px 0 10px 0;color:var(--white);font-size:20px;}
.footerlinksplace a {display:block;margin: 0 0 10px 0;color:var(--white)}
.footerlinksplace a:hover, .footerlinksplace a:focus {color:var(--maincolor);text-decoration:underline}
.footerlinksplace > div {flex:auto}

.newshomeplace {padding:6% 0;background: var(--greylight);}
.newshomeplace h2 {margin:0 0 20px 0;text-align:center}
.newshomeplace .btn {margin:20px auto;width:200px;display:block}

.newshome .imgplace {height: 360px;position: relative;overflow: hidden;}
.newshome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.newshome .abstract {padding:20px;background:var(--white)}
.newshome .date {font-size:14px;margin:0 0 10px 0}
.newshome .title {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:100px;}
.newshome .slick-slide {margin:10px}
.newshome a {display:block}
.newshome a:hover, .newshome a:focus {box-shadow: 0px 0px 10px rgba(0,0,0,.3)}

.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:.4}

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

#maintitleplace {min-height:750px;position:relative;background:var(--black);display: flex;align-items: center;justify-content: center;margin:0 0 0 0;flex-direction: column;}

.titleplace {position:relative}
.titleplace h1 {color:var(--white);text-align:center ;   max-width: 1100px;margin: 0 auto 20px auto;line-height: 100%;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}
.tmpregularfeature .titleplace h1 {max-width:100%;font-size: 70px;}

.mainabstract {position:relative;max-width: 1000px;margin: 0 auto 20px auto;}
.mainabstract p, .mainabstract li, .mainabstract h2, .mainabstract h3, .mainabstract a {color:var(--white);text-align:center;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}

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

.smalltitle {text-align:center;max-width:1000px;margin:5% auto 0 auto}

.imagesplace {position:relative;margin:0 0 3% 0;text-align:center;}
.imagesplace .simplegallery {display:flex}
.simplegallery .slick-slide {margin:10px}
.imagesplace a {display:flex;position:relative;width:49%;margin:.5%;flex:auto}
.imagesplace img {margin:auto;max-height:800px}
/*.imgside {max-width:45%;float:left}*/

.imagesplace .similarslider img {max-height:400px;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.imagesplace .similarslider .slick-slide > div {display:flex;height: 400px;align-items: center;background:var(--greylight);position:relative}
.imagesplace .similarslider .slick-slide a {margin:0;position:static}

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

.flexplace {margin:2% 0;display:flex;flex-wrap:wrap}
.flexplace .flex {width: 23%;margin: 1% 1% 3% 1%;position:relative;background:var(--black)}
.flexplace .title {font-size: var(--fonttitle);color:var(--white);text-align:center;font-weight:var(--fontbold);font-family:"Brygada 1918";background:var(--blackopacity2)}
.flexplace .imgplace {height: 400px;position: relative;overflow: hidden;}
.flexplace .imgplace:after {content:"";display:block;width:100%;height:50%;position:absolute;left:0;bottom:0;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);}
.flexplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;/*opacity:.7*/}
.flexplace .abstract {position:absolute;left:0;top:0;padding:15px;display: flex;height: 100%;width: 100%;flex-direction: column;justify-content: flex-end;}
.flexplace .moreabstract {display:none;color:var(--white);padding: 0;-webkit-line-clamp: 11;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.flexplace a:hover .moreabstract, .flexplace a:focus .moreabstract {display: -webkit-box;}
.flexplace a:hover .abstract, .flexplace a:focus .abstract {justify-content: flex-start;}
.flexplace a:hover img, .flexplace a:focus img {opacity:.5}
.flexplace .btn {position:absolute;left:15px;bottom:15px;}

.flex3 {width: 31.3%;margin: 1%;position:relative;background:var(--black)}
/*.flex3 .imgplace img {opacity:.7}*/
.flex3 .title {position:absolute;left:0;bottom:0;padding:10px;color:var(--white);font-weight:var(--fontbold);font-size:var(--fonttitle);font-family:"Brygada 1918";    z-index: 2;}
.flex3:hover .listitem, .flex3:focus .listitem {display:flex;}
.flex3:hover .imgplace, .flex3:focus .imgplace {opacity:1}

.flexgreyplace {margin:2% 0;display:flex;flex-wrap:wrap}
.flexgrey {width: 31.3%;margin: 1%;position:relative;}
.flexgrey .title {background:var(--greylight);padding:20px;font-size:24px;font-family:"Brygada 1918";text-align:center;cursor:pointer}
.flexgrey .moreabstract {padding:20px;display:none;position:absolute;left:0;top:72px;background:var(--white);z-index:2;box-shadow: 0px 0px 4px 1px rgba(0,0,0,.5);width:100%}
.flexgrey:hover .moreabstract, .flexgrey:focus .moreabstract {display:block} 

.flex4  {width: 23%;margin: 1% 1% 3% 1%;position:relative;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%);}
.flex4 .title {color:var(--white);font-weight:var(--fontbold);font-size:18px;text-align:center;margin:0 0 10px 0;background:none}
.flex4 .abstract {position:absolute;left:5%;top:auto;bottom:0;padding:15px;display: flex;width: 90%;flex-direction: column;justify-content: flex-end;text-align:center;height:auto}
.flex4 .moreabstract {display:none;}
.flex4:hover .moreabstract, .flex4.focused .moreabstract {display: block;}
.flex4:hover .abstract, .flex4.focused .abstract {background:var(--whiteopacity)}
.flex4:hover .title, .flex4.focused .title {margin:0 0 30px;color:var(--black)}
.flex4 .email {word-break: break-all;}
.flex4 a {display:inline-block;margin:5px 0;}
.flex4 .website {background: url(../images/rightarrowblack.png) 95% center no-repeat;padding:5px 30px 5px 5px}
.flex4 a:hover, .flex4 a:focus {text-decoration:underline}

.listitem {position:absolute;left:0;top:0;background:var(--whiteopacity);padding:20px;width:100%;height:100%;display:none;    flex-direction: column;}
.listitem a {padding:5px 25px 5px 10px;margin:2px 0}
.listitem a:hover, .listitem a:focus {background:var(--maincolor) url(../images/rightarrow.png) 95% center no-repeat;color:var(--white);background-size: 20px;}

.bodytext p { line-height:140%;margin:0 0 15px 0;text-align: justify;}
.bodytext p a {text-decoration:underline;}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul, .bodytext ol {margin:0 10px 20px 10px;padding: 0;}
.bodytext ul li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 8px no-repeat;list-style-type: none;padding: 0 0 0 17px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}
.bodytext h2 {margin:0 0 20px 0;text-align:center}
.bodytext iframe {width:100%;min-height:500px;}

.bodytext.greybody li a, .bodytext.greybody p a, .bodytext.greybody td a {color:var(--black)}

.bodyshortpage h2, .bodyshortpage h3 {margin:0 0 20px 0;text-align:center}

.bodyshortpage table {border:none}
.bodyshortpage table td {padding:20px 10px;border-left:none}
.bodyshortpage table td:first-of-type {font-weight:var(--fontbold)}
.bodyshortpage table .btn {color:var(--white)}
.bodyshortpage p .btn {color:var(--white)}

.content .page > div {position:relative}
.content .page .sliderbtn {bottom: -30px;}

.rtl .mainabstract, .rtl .bodytext, .rtl .catalogpage .moreabstract {direction:rtl;}
/*.rtl .mainabstract p, .rtl p, .rtl li, .rtl td, .rtl h1, .rtl h2, .rtl h3 {font-family: Noto Sans Hebrew}*/

.noto-sans-hebrew {font-family: "Noto Sans Hebrew", serif;font-weight: 400;font-style: normal;}

.slidersmain h2 {text-align:center;margin:0 0 20px 0}
.newsslider {margin:0 0 5% 0;padding: 0 100px;}

.newsflex img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.newsflex {display:flex;flex-wrap:wrap}
.newsflex .imgplace {height:480px;position:relative;width:45%}
.newsflex .title {font-size:48px;margin:20px 0;font-family: "Brygada 1918";font-weight:var(--fontbold);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:155px;line-height:120%}
.newsflex .abstract {background:var(--greylight);padding:4%;width:55%}
.newsflex .dateplace {width:100%;background:#525540;display:flex;padding:10px;align-items: center;}
.newsflex .dateplace div {color:var(--white);padding:0px 10px;}
.newsflex .dateplace .date, .newsflex .dateplace .time {font-family: "Brygada 1918";font-weight:var(--fontbold);font-size:var(--fonttitle);border-right:1px solid var(--white);line-height:100%}
.newsflex .location {flex:auto;text-align:right}
.newsflex a:hover, .newsflex a:focus {text-decoration:underline}

.greybody {background:var(--greylight);padding:4%}

.infoboxesplace {}
.infobox {margin:5% 0;}
.infobox img {position: absolute;width: 100%;height: 100%;top: 0;right: 0;object-fit: cover;}
.infobox .abstract {position:relative;min-height:1000px;display: flex;    align-items: flex-end;}
.infobox .abstract p {font-size:36px;font-family:"Brygada 1918";line-height:100%;font-weight:600;text-align: justify;}
.infobox .moreabstract {background:#03534B;padding:6%;margin:0 0 0 10%;z-index: 2;max-width:900px;}
.infobox .abstract2 {padding:6%;background:#7F8268;text-align:center}
.infobox .abstract2 a {color:var(--white);text-decoration:underline}
.infobox h2, .infobox p, .infobox h3 {color:var(--white);margin:0 auto 20px auto;max-width:900px}

.managements h2 {margin:50px auto 30px auto;text-align:center}
.management {display:flex;margin:0 0 10px 0;background:var(--greylight)}
.management .abstract {padding:2%;display:flex;width:85%}
.management .abstract > div {padding:5px 2%;border-right:1px solid var(--greydark);width: 25%;}
.management .abstract > div:last-of-type {border-right:none}
.management .email {word-break: break-all;}
.management .abstract > div:first-of-type {flex:auto}
.management .imgplace {width:15%;position:relative;min-height:220px;}
.management .title {font-weight:var(--fontbold)}
.management img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.tmpcatalogpages, .tmpnews, .tmpprojects {background:var(--grey)}
.catalogpage {display:flex;background:var(--white);margin:0 0 10px 0;position:relative}
.catalogpage .abstract {padding:0 6%;width:40%;margin:3% 0}
.catalogpage .imgplace {width:20%;position:relative;min-height:180px;}
.catalogpage .title {padding:0 4%;width:40%;border-right:1px solid var(--greydark);font-weight:var(--fontbold);margin:3% 0;font-size:var(--fonttitle)}
.catalogpage img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.catalogpage .btn {position:absolute;right:0;bottom:0;}
.catalogpage .moreabstract {text-align: justify;}
.rtl .catalogpage .moreabstract {text-align: right;}
.rtl .catalogpage {flex-direction: row-reverse;}
.rtl .catalogpage .btn {right:auto;left:0}
.rtl .catalogpage > div {text-align:right}
.rtl .catalogpage .title {border-left: 1px solid var(--greydark);}

.scientists .columns, .tmpmanagementItem .columns {margin:180px 0 0 0}
.scientists .menuplace, .tmpmanagementItem .menuplace {background: url(../images/bgmenu.jpg) 0 0 no-repeat;}
.scientists .menuplace:before, .tmpmanagementItem .menuplace:before {background:var(--blackopacity2);}
.scientists .bodyshortpage, .tmpmanagementItem .page h1 {text-align:center}

.peopleflex {display:flex;flex-wrap:wrap;margin:4% 0}
.peopleflex > div {width:65%}
.peopleflex > div:nth-of-type(2n) {width:30%;margin:0 0 0 5%}
.peopleflex > div:first-of-type {padding:0 5% 0 0}

.peopleflex .degree {background: url(../images/i1.png) 0px center no-repeat;padding:10px 5px 10px 40px;border-bottom:1px solid var(--greydark)}
.peopleflex .mail {background: url(../images/i2.png) 0px center no-repeat;padding:10px 5px 10px 40px;border-bottom:1px solid var(--greydark)}
.peopleflex .mail a {/*color:#266DF9;*/}
.peopleflex .website {background: url(../images/i3.png) 0px center no-repeat;padding:10px 5px 10px 40px;border-bottom:1px solid var(--greydark)}
.peopleflex .school {background: url(../images/i4.png) 0px center no-repeat;padding:10px 5px 10px 40px;border-bottom:1px solid var(--greydark)}
.peopleflex a:hover, .peopleflex a:focus {text-decoration:underline}
.peopleflex .website a {background: url(../images/rightarrowblack.png) 95% center no-repeat;padding:5px 30px 5px 5px}
.peopleflex .bodytext {margin:30px 0 0 0;}
.tmpmanagementItem .peopleflex .bodytext, .tmpmanagementItem .peopleflex .bodytext p, .tmpmanagementItem .peopleflex .bodytext li {direction:ltr;;text-align:left}
.tmpmanagementItem .peopleflex .bodytext ul li {background: url(../images/dot.png) 0px 8px no-repeat;padding: 0 0 0 17px}

.peopleflex .phdiv {padding:10px 5px 10px 5px;border-bottom:1px solid var(--greydark)}

.contactformplace {background:#03534B;padding:6%;}
.contactformplace h2 {color:var(--white);text-align:center}

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

.liststyle {margin:2.5% auto}
.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}
.liststyle .flexview .imgplace {width:25%;position:relative}
.liststyle .flexview .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .flexview .abstract {width:75%;padding:2%;flex:auto}
.liststyle .flexview .title {font-size:22px;margin:0 0 10px 0;color:var(--maincolor)}
.liststyle .flexview .date {font-size:18px;margin:0 0 10px 0;color:var(--maincolor)}

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

.contactform {display:flex;flex-wrap:wrap;}
.contactform > div {width:48%;margin:1%;}
.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 20px 0;}
.contactform label input, .contactform label textarea, .contactform select {border:none;border-bottom:1px solid var(--white);color:var(--white);}
.contactform textarea {height:103px;float: left;width: 100%;}
.contactform select {padding:10px;}
.contactform .errorplace {display: none;color:var(--white);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 ::-webkit-input-placeholder { color:var(--white)}
.contactform ::-moz-placeholder { color:var(--white)}
.contactform :-ms-input-placeholder {color:var(--white) }
.contactform :-moz-placeholder {color:var(--white) }
.contactform input[type="submit"] {background:var(--white);color:var(--seccolor);width:auto;float:right;font-weight:var(--fontbold)}

.tmpcontact .content {padding:0}
.tmpcontact .bodytext {margin:2% auto 6% auto}

/*
.contactform a[href^="tel:"] {background: url(../images/iconphone.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="mailto:"] {background: url(../images/iconemail.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="http:"] {background: url(../images/iconsite.png) 0px center no-repeat;padding:2px 0 2px 35px}
*/
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}
	
.flexform  {display:flex;flex-wrap:wrap;}
.flexform > div {width:48%;margin:1%}

.gmap iframe {width:100%;filter: grayscale(100%);display:block}

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

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

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

.career { margin: 0 0 20px 0;position: relative;background:var(--white);justify-content: space-between;padding:4%}
.career .title, .career .bodytext h2 {font-size:var(--fonttitle);margin:0 0 20px 0;}
.career .abstract {display:none}
.career.opened .abstract {display:block}
.career .btn {position:absolute;right:0;bottom:0;}
.career button {display:flex;align-items: center;}
.career button:before {background: url(../images/rightarrowblack.png) center center no-repeat;content:"";display:block;border:1px solid var(--black);border-radius:100%;width:30px;height:30px;margin:0 10px 0 0;transform: rotate(90deg);}
.career button.opened:before {transform: rotate(-90deg);}


.docsplace, .linksplace {margin:3% auto;max-width:1000px;}
.docsplace a, .linksplace a {display:flex;align-items: center;color:var(--white);margin:5px 0;}
.docsplace a:hover, .linksplace a:hover {text-decoration:underline;background-color:var(--seccolor)}
.docsplace a img, .linksplace a img {margin:0 10px;max-height:35px;display:none}
.linksplace a {background:var(--maincolor) url(../images/link.png) 2% center no-repeat;background-size: 25px;padding:15px 50px}
.docsplace a {background:var(--maincolor) url(../images/download.png) 2% center no-repeat;background-size: 25px;padding:15px 50px}

.tabsplacewrap {margin:3% 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}

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

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

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

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

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

.socialmedia {display: flex;flex-wrap:wrap;justify-content: center;margin:0 20px 0 0;padding:0 20px 0 0;border-right:1px solid var(--greydark) }
.socialmedia a {margin:0 3px;width:25px;height:25px;filter: brightness(0) invert(1)}
.socialmedia a:hover {opacity:.5}
.socialmedia .facebook {background: url(../images/facebook2.png) center center no-repeat;    background-size: contain;}
.socialmedia .youtube {background: url(../images/youtube2.png) center center no-repeat;    background-size: contain;}
.socialmedia .instagram {background: url(../images/instagram2.png) center center no-repeat;    background-size: contain;}
.socialmedia .linkedin {background: url(../images/linkedin2.png) center center no-repeat;    background-size: contain;}
.socialmedia .tiktok {background: url(../images/tiktok2.png) center center no-repeat;    background-size: contain;}
.socialmedia .twitter {background: url(../images/twitter2.png) center center no-repeat;    background-size: contain;filter:none}

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

.sfeature1 {display:flex;flex-wrap:wrap;margin:2% auto 5% auto}
.sfeature1 > div {width:25%;display:flex;flex-direction: column;align-items: center;padding:2%;border-right:1px solid var(--greydark)}
.sfeature1 > div:last-of-type {border:none}
.sfeature1 .imgplace {height:65px;}
.sfeature1 .title {font-size:70px;}

.sfeature2 .feature {padding:4%;}
.sfeature2 .fflex {display:flex;flex-direction: column;align-items: center;}
.sfeature2 .imgplace {height:300px;width:300px;overflow:hidden;position:relative;border-radius:100%;margin:30px auto 50px auto}
.sfeature2 .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.sfeature2 .imgplace2 {height:100px;display: flex;align-items: center;}
.sfeature2 .imgplace2 img {max-height:90px;}
.sfeature2 .abstract {margin:30px 0 0 0}
.sfeature2 .slick-slide {margin:0 10px;min-height:640px;background:var(--white)}

.sfeature3 .fflex {display:flex;flex-wrap:wrap;background:var(--seccolor);min-height:400px}
.sfeature3 .fflex > div {width:50%;position:relative}
.sfeature3 .fflex .abstract {padding:4%;}
.sfeature3 h2, .sfeature3 h3 {margin:0 0 20px 0}
.sfeature3 h2, .sfeature3 p, .sfeature3 h3 {color:var(--white);    text-align: justify;}
.sfeature3 img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.sfeature4 .fflex {display:flex;flex-wrap:wrap;padding:1%;background:var(--seccolor);min-height:350px}
.sfeature4 .fflex .imgplace {width:300px;position:relative;height:300px;border-radius:100%;overflow: hidden;}
.sfeature4 .fflex .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.sfeature4 .fflex .imgplace2 {width:100px;position:relative;height:100px;border-radius:100%;overflow: hidden;}
.sfeature4 .fflex .imgplace2 img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.sfeature4 .fflex > div {width:35%;display:flex;flex-direction: column;justify-content: center;}
.sfeature4 .fflex > div:first-of-type {    align-items: center;}
.sfeature4 .fflex > div:last-of-type { width:20%;}
.sfeature4 .fflex .abstract {width:45%;}
.sfeature4 h2, .sfeature4 p, .sfeature4 h3 {color:var(--white)}
.sfeature2 .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.feaslider, .sfeature3.slickslider, .sfeature4.slickslider {padding:0 70px}
 
.featuresplace {margin:4% 0;width:100%;float:left}
.featuresplace .bigtitle {text-align:center;margin:0 0 40px 0;}

table {padding:5px;border-right:1px solid var(--grey);border-top:1px solid var(--grey);border-collapse:collapse;border-spacing:0;}
table td, table th {padding:5px;border-left:1px solid var(--grey);border-bottom:1px solid var(--grey)}
table th {background:var(--maincolor);color:var(--white)}

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

.slider-nav {margin:10px 0;} 
.slider-nav .slick-slide {margin:0 5px;cursor:pointer;float:right}
.slider-nav .slick-slide > div {height:80px;display:flex;background:var(--white);align-items: center;justify-content: center;border:1px solid var(--greydark);    overflow: hidden;padding:3px;}
.slider-nav img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.slider-nav .slick-slide.slick-current img {opacity:1}
.slider-nav a {overflow:hidden;position:relative;height:100%}
.slider-nav a:hover img, .slider-nav a:focus img {transform: scale(1.1,1.1);opacity:1}
.slider-nav .slick-track {float:right}

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

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

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

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

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

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

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

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

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

:focus, .saveforlatermenu:focus, .articles a:focus, .glossaryABC a:focus span, .slick-slider a:focus, .slick-slider button:focus, 
.infobox a:focus, .toogleselect .scroll input:focus {outline: 1px dashed var(--maincolor);outline-offset: 1px;box-shadow: 0px 0px 2px rgba(0,0,0,.5);}
.faqsplace button {outline:none;box-shadow:none}

div .slick-dots {text-align:right;bottom:-25px;    display: flex;justify-content: flex-end;}
div .slick-dots li button, div .slick-dots li {padding:0;width: 15px;height: 15px;}
div .slick-dots li button:before {opacity:1;width: 15px;height: 15px;line-height: 100%;content:"";background: var(--whiteopacity);border-radius:100%}
div .slick-dots li.slick-active button:before {opacity:1;background: var(--maincolor)}

.custom-dots {text-align:left;bottom:-25px;    display: flex;position:absolute}
.custom-dots li {list-style-type:none;list-style: none;}
.custom-dots li a {width: 15px;height: 15px;background:var(--grey);display:block;cursor:pointer;margin:0 5px;border-radius:100%}
.custom-dots li.slick-active a {opacity:1;background: var(--maincolor)}

.sitemap ul {margin:0 20px;}
.sitemapheader {color:var(--maincolor);font-size: var(--fonttitle);}

div .slick-prev, div .slick-next {z-index:5;width: 50px;height: 50px;background: var(--greylight);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:0px; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:0px;} 
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {display:none}
div .slick-next:before, div .slick-prev:before {background: url(../images/rightarrowblack.png) center center no-repeat;display:block;content:"";width:100%;height:100%}

div .slick-next.slick-disabled:before, div .slick-prev.slick-disabled:before {opacity:1}
 
.peopleconnect {position:relative}
.peopleconnect .slick-next {right:-50px;}
.peopleconnect .slick-prev {left:-50px;}
.peopleconnect .slick-slide {margin:10px}

.togglecart {position: fixed;top: 0%;left: 0%;z-index: 99;width: 100%;height:100%;display: none;}
.togglecart .close {width:25px;height:25px;position:absolute;left:18px;top:20px;display:flex;align-items: center;justify-content: center;}
.togglecart .close:after, .togglecart .close:before {transform: rotate(45deg);content:"";display:block;background:var(--blackopacity);width:30px;height:2px;position: absolute;}
.togglecart .close:after {transform: rotate(-45deg);}
.togglecart .btn {margin:0 2% 0 0;width:49%}
.togglecart .btn:nth-of-type(2n) {margin:0}
.togglecart .overlay {background:var(--blackopacity);position: absolute;top: 0;left: 0;width: 100%;height:100%;content:"";display:block}

.cartplacebody {box-shadow: var(--shadow);background:var(--white);width:33.3%;height:100%;position:relative;padding:20px;z-index:2;    display: flex;flex-direction: column;}
.cartplacebody h2 {margin:0 0 20px 0;font-weight: var(--fontbold);font-size:var(--fonttitle)}

.cartitemplace.fullcart {max-height:560px;overflow-y:scroll;padding:0 0 0 10px;}
.cartitemplace.fullcart::-webkit-scrollbar {width: 10px;}
.cartitemplace.fullcart::-webkit-scrollbar-track {background: var(--greylight);}
.cartitemplace.fullcart::-webkit-scrollbar-thumb {background: var(--grey);}
.cartitemplace.fullcart::-webkit-scrollbar-thumb:hover {background: var(--black);}

html:lang(he) body {text-align:right;direction:rtl;}
html:lang(he) .slick-slider, html:lang(he) .slick-slider .slick-track {direction:ltr}
html:lang(he) .curtainplace, html:lang(he) .sliderhome .abstract, html:lang(he) .slick-slider .slick-track div, 
html:lang(he) .contactform label input, html:lang(he) .slider-for, html:lang(he) .slider-for div {direction:rtl}
html:lang(he) .accountplace .openaccount, html:lang(he) .productflex,
html:lang(he) button.addtocart, html:lang(he) .movebtns {flex-direction: row-reverse;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-prev {left:auto;right:20px;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-next {right:auto;left:20px;}
html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount, html:lang(he) .career .btn {right:auto;left:0px;}
html:lang(he) .productslistselects .page > div .title:after {right: auto;left: 15px;}
html:lang(he) .productslistselects .page > div .title:before {right: auto;left: 21px;}
html:lang(he) .toogleselect, html:lang(he) .contactform .s_top, html:lang(he) .contactform .errorplace,
html:lang(he) .search_results, html:lang(he) .dropmenuplace {left:auto;right:0px;}
html:lang(he) div .sliderbtn  {left:auto;right:10px;}
html:lang(he) .stepbefore a, html:lang(he) .stepcurrent a, html:lang(he) .stepafter a {right:auto;left:0;}
html:lang(he) .toogleselect button, html:lang(he) .welcomeplace input[type="submit"] {float:left}
html:lang(he) .welcomeplace div, html:lang(he) button.addtocart {float:right}
html:lang(he) .bodyflex > div {padding:0 0 0 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 8px no-repeat;list-style-type: none;padding: 0 20px 0 0px}
html:lang(he) .linksplace a {background:var(--maincolor) url(../images/link.png) 98% center no-repeat;background-size: 25px;}
html:lang(he) .docsplace a {background:var(--maincolor) url(../images/download.png) 98% center no-repeat;background-size: 25px;}
html:lang(he) div .slick-dots {flex-direction: row-reverse;}
html:lang(he) .togglecart .btn {margin:0 0 0 2%}
html:lang(he) .togglecart .btn:nth-of-type(2n) {margin:0}
/*html:lang(he) .accordionplace > li .moreabout {padding:20px 20px 20px 50px;background: url(../images/leftarrow.png) 5% 65% no-repeat;}*/
html:lang(he) .features img {right:auto;left:0;}
html:lang(he) .management .abstract > div {border:none;border-left: 1px solid var(--greydark);}
html:lang(he) .management .abstract > div:last-of-type {border:none}
html:lang(he) .peopleflex > div:first-of-type {padding: 0  0 0 5%;}
html:lang(he) .peopleflex .degree {background: url(../images/i1.png) right center no-repeat;padding:10px 40px 10px 5px;}
html:lang(he) .peopleflex .mail {background: url(../images/i2.png) right center no-repeat;padding:10px 40px 10px 5px;}
html:lang(he) .peopleflex .website {background: url(../images/i3.png) right center no-repeat;padding:10px 40px 5px 40px;}
html:lang(he) .peopleflex .school {background: url(../images/i4.png) right center no-repeat;padding:10px 40px 10px 5px;}
html:lang(he) .peopleflex .website a {background: url(../images/leftarrowblack.png) 5% center no-repeat;padding:5px 5px 5px 30px}
html:lang(he) .listitem a:hover, html:lang(he) .listitem a:focus {    background-size: 20px;background: var(--maincolor) url(../images/leftarrow.png) 5% center no-repeat;}
html:lang(he) .catalogpage .btn {right:auto;left:0}
html:lang(he) .catalogpage .title {border:none;border-left: 1px solid var(--greydark);}
html:lang(he) .career button:before {margin: 0 0 0 10px;}
html:lang(he) .mainmenu li a {font-family:Noto Sans Hebrew;font-weight:400}
html:lang(he) h1, html:lang(he) .sliderhome .title, html:lang(he) h2, html:lang(he) h3, html:lang(he) h4,
html:lang(he) h5, html:lang(he) .flexplace .title, html:lang(he) .infobox .abstract p, html:lang(he) .flexgrey .title {font-family:Noto Sans Hebrew;}
html:lang(he) .peopleconnect .slick-slide {float: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) 
{
	.page, .shortpage, .mainabstract {padding:0 4%}
	.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {    font-size: 18px;}
	
}

@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius: 3px;}
	.moremenu, .tmpbcitem .wrap:before, body .shoppingcart:hover .togglecart, .topmenu, body .accountplace .name, li li .moremenu,
	.togglecart, .mainmenu li a span:after {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, .sliderhome .title, .tmpregularfeature .titleplace h1 {font-size:40px;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title, .bigtitle, .newsflex .title {font-size:25px;}
	h3 {font-size:20px;}
	h4, .infobox .abstract p {font-size:18px;}
	.credits p, .credits a {font-size:14px}
	.page, .shortpage, .bodyshortpage {width:100%;max-width:100%;padding:0 4%}

	header .wrap {padding:5px;}
	header .wrap .page {display:block;padding:0}

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

	.socialmedia {float:left;margin: 10px 5px 0 5px;padding: 0 5px 0 0;}
	
	.openmenu {display:block;width:30px;height:30px;position:absolute;border:none;right:10px;top:10px;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:var(--maincolor);margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-4px;}
	.openmenu div:before { content: '';top:-4px;}
	.openmenu.opened {opacity:1}
	.openmenu.opened div:before {transform: translateY(10px) rotate(135deg);}
	.openmenu.opened div:after {transform: translateY(-10px) rotate(-135deg);} 
	.openmenu.opened span {transform: scale(0);}

	.menuplace {z-index:999;transform: translateX(-105%);position:fixed;top:0px;width:90%;margin:0;height: 100vh;background: var(--white);box-shadow: var(--shadow);}
	 html:lang(he) .menuplace {transform: translateX(-113%);}

	.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 {border-radius:initial;font-size: 5vw;border-bottom:1px solid var(--greydark);color:Var(--black);display:block;height:auto}
	.accordionplace > li:hover a {width:100%}
	.mainmenu li a span {display:block;text-align:center}
	.mainmenu li a.this {text-decoration:underline;background:var(--fontcolor);color:var(--white)}
	.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(0%);}

	html:lang(he) .menuopen {transform: translateX(-13%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace, .accordionplace > li:hover .dropmenuplace, .accordionplace > li:hover .moreabout {display:none}
	.dropmenuplace {display:none;opacity:1;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;box-shadow: 0px 0px 0px rgba(0,0,0,.2); }
	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}
	.menuplace .page {padding:0;}
	.maincontent, #maintitleplace, .scientists .columns, .tmpmanagementItem .columns {margin-top:80px}
	/*.accordionplace > li .moreabout {height:auto;font-size:14px;    padding: 10px 40px 10px 10px;}*/
	.mdisable .searchplace {overflow: hidden;}
	/*.accordionplace > li .moreabout.opened {display:block}*/

	.scientists .menuplace, .tmpmanagementItem .menuplace {background: var(--white);}
	.scientists .menuplace:before, .tmpmanagementItem .menuplace:before {background: rgb(0, 0, 0);background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5046393557422969) 100%);}

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

	.accordionplace > li > div, .accordionplace > li:hover > div {display:block;min-height: 0;}
	.accordionplace > li:hover .dropmenuplace {width:100%;height:auto}

	.logo2 {display:block;overflow:hidden;width:25px;margin:0 0 0 5px;padding:0;float: left;}
	.logo2 img {max-width:none;    height: 42px;}
	html:lang(he) .logo2 img {float:left}
	.logo2:after {display:none}

	.searchplace {width:100%;float:left;margin:0px 0}
	.search {max-width:100%}

	.feaslider, .sfeature3.slickslider, .sfeature4.slickslider, .newsslider {padding:0;}

	.gmap iframe {height:250px;}

	.contactform {margin:0 0 5% 0}

	.newsflex .title {min-height:0}
	.newsflex .dateplace .date, .newsflex .dateplace .time, .newsflex .location {text-align:center;font-size:20px;}

	.featuresplace .bigtitle {margin:20px 0 5px 0}

	.stripplace {min-height: 100px;margin:0 0 2% 0}

	.hpvideo > div {height:400px}

	#maintitleplace {min-height:200px;}

	body .accountplace,  body .saveforlatermenu {margin:0 5px;position:static}
	body .shoppingcart {margin:0 5px;}

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

	.productslistselects .page, .accordionplace, #contactfooter .contactform, .catalogpage, .bannerplace {flex-wrap: wrap;}

	.flex, html:lang(he) .flex, .contactform label, iframe, .feature, .imgside, .flex:nth-of-type(3n), .flex4, .client, 
	.indexflex > div, .flexbody > div, body .loginplace, body .registerplace, body .registerform, .bannerplace, .flexgrey,
	.footerlinksplace,	body .productslistselects .page > div, body .productflex .imgplace, body .productflex > div,	body .slider-for,
	body .slider-nav, .footerlinksplace > div, .peopleflex > div, .featuresbottom .feature, .features > div, .contactflex > div,
	.features > div:nth-of-type(3n), #contactfooter .contactform > div, body .confirmplace > div, .features2 > div, .sfeature1 > div,
	body .confirmplace > div:nth-of-type(2n), .peopleflex > div:nth-of-type(2n), .imgside, .flexplace .flex, .flex3, .contactform > div,
	.sfeature3 .fflex > div, .sfeature4 .fflex > div, .sfeature4 .fflex .abstract, .catalogpage .title, .catalogpage .abstract,
	.catalogpage .imgplace, .newsflex .imgplace, .newsflex .abstract, .bannerplace > div {max-width:100%;width:100%;margin:0 auto 5% auto;border:none}

	.bodyflex > div, html:lang(he) .bodyflex > div, .shippingdata > div {width:100%}

	.sliderhome .slide, .sfeature3 .fflex > .imgplace {height:350px;margin:0}

	.newsflex .imgplace {height:250px;}
	.sliderhome .abstract {padding:2%}
	.accordionplace .feature {flex:initial}

	.tabsplace button {padding: 5px;font-size: 16px;}
	
	.flexplace .flex a {min-height: 400px;display: block;}

	.flex3 .listitem, .flex3:hover .listitem, .flex3:focus .listitem {display: none}

	.infobox .abstract {min-height: 500px;}

	.management .imgplace {width:30%}
	.management .abstract {    flex-direction: column;width:70%}
	.management .abstract > div, .management .abstract > div:first-of-type {width:100%;border:none;flex:none}

	.peopleconnect .slick-next {right:0px;}
	.peopleconnect .slick-prev {left:0px;}

	table td, table th {padding: 2px;}
	table td, table th, table a, table p {font-size: 11px;    padding: 2px;}

	.bodytext ul li {margin: 0px 0px 10px 0px;line-height: 120%;}
	.bodytext {overflow:visible}
	.bodytext table {max-width:100%; border-spacing: 0px;border-collapse: separate;}
	html:lang(he) .bodyflex > div, .bodyflex > div {padding:0;}
	
	.catalogpage .title {margin-top:10px}
	.newsflex .dateplace {display:block}

	.catalogpage .abstract {margin-bottom:45px}
	.catalogpage ul {margin:0 20px}

	.leftmenu a {padding: 5px 5px;margin: 5px;font-size: 14px;}

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

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

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

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

	.features .abstract, .features .abstract2 {width:100%;background: var(--seccolor);}
	.features img {position:static;width:100%}

	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;}
	
	.bannerplace p img {margin: auto;display: block;}

	.accordionplace > li > div {background: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;}
button, input[type="submit"], .btn, .grid-item img, .flex img, a.btn span, .feature img, .feature div, .infobox img, .newshome a,
.btn:after, .flex div, .slider-nav img, .projectscol img, .mainmenu li > a span:after, .docsplace a, .linksplace a,
.flex4 div {-webkit-transition: all 0.20s ease-in-out;}
.menuopen, .menuplace {-webkit-transition: all 0.50s ease-in-out;}

::-moz-selection {background:var(--maincolor);color:var(--white)}
::-webkit-selection {background:var(--maincolor);color:var(--white) }
::selection {background:var(--maincolor);color:var(--white) }

::-webkit-input-placeholder { color:var(--grey)}
::-moz-placeholder { color:var(--grey)}
:-ms-input-placeholder {color:var(--grey) }
:-moz-placeholder {color:var(--grey) }

header ::-webkit-input-placeholder { color:var(--white)}
header ::-moz-placeholder { color:var(--white)}
header :-ms-input-placeholder {color:var(--white) }
header :-moz-placeholder {color:var(--white) }

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: var(--greylight);}
::-webkit-scrollbar-thumb {background: var(--blackopacity2);}
::-webkit-scrollbar-thumb:hover {background: var(--black);}

button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;}

@media print 
{
	@page {size: A4 Portrait; }
    * {-webkit-print-color-adjust:exact;}
	h1, h2, h3, h4, h5, h6, h7, p, a, li {line-height:120%;color:var(--black);}
	h1 {font-size:30px;margin:20px 0;}
	h2 {font-size:26px;} 
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	p {line-height: 120%;font-size: 16px;}
	.logo {width:100%;height:auto;margin:auto;display:block;float:none;text-align:center;}
	.logo img {margin:auto;max-height:100px;}
	body, div, header, footer, a, #maintitleplace, .mainabstract p, .mainabstract a, .mainabstract li {color:var(--black);background:none;}
	.page, .content, .imgside, .bodytext, .wrap, .pagetitle, footer {width:100%; margin:auto;max-width:100%;float:none;display:block;margin:0;padding:0;background:none;}
	.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, #strip, .opensearch, .shoppingcart, .footerlinksplace,
	.docsplace, div .slick-dots, .accessibility, #contactfooter, .accountplace, .saveforlatermenu, div:after, div:before,
	.sliderbtn, .sliderhome, .linksplace {display:none !important;}
	.flexplace, .infoboxesplace, .credits, header, .maincontent, .columns {width:100%;background:none;float:left;}
	header, header.sticky {position:static;padding:0;box-shadow:none}
	.credits {text-align:center;padding:5px;font-size:14px;margin: 0;background:none;}
	.content {page-break-after: always;}
	.flex .imgplace {max-height:200px;}
	#maintitleplace {margin:0;padding:0;}
	.scrollflow {filter:none !important}
}