@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 200;src: url('Fonts/assistant-v19-hebrew_latin-200.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 300;src: url('Fonts/assistant-v19-hebrew_latin-300.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 400;src: url('Fonts/assistant-v19-hebrew_latin-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 500;src: url('Fonts/assistant-v19-hebrew_latin-500.woff2') format('woff2'); }
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 600;src: url('Fonts/assistant-v19-hebrew_latin-600.woff2') format('woff2'); }
@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 700;src: url('Fonts/assistant-v19-hebrew_latin-700.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 800;src: url('Fonts/assistant-v19-hebrew_latin-800.woff2') format('woff2');}
:root {
--maincolor:#cd7425;
--fontcolor:#323232;
--fontsize:18px;
--fonttitle:26px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #ccc;
--greylight: #eee;
--greydark: #1e1e1e;
--blackopacity: rgba(0, 0, 0, 0.5);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--whiteopacity2: rgba(255, 255, 255, 0.4);
--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: 500 var(--fontsize) Assistant, Arial, Helvetica, sans-serif;margin:0px;padding:0px;border:none; line-height:normal;background: none;}
body {-webkit-animation: bugfix infinite 1s;overflow-x:hidden;}
html, body {height:100%}
input, textarea, select {background:none;border:1px solid var(--grey);width:100%;padding:10px 20px;border-radius: 0;font-size:16px;border-radius:30px;}
div, p, li {line-height: 120%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:120%;}
h1 {font-size: 45px;} h2, h2 div {font-size: 40px;} h3, h3 div {font-size: 26px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;} p a {text-decoration:underline;} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu {display:none}

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

header {position:fixed;left:0;top:0;width:100%;z-index:6;}
header.sticky {background:var(--white);box-shadow: var(--shadow);}
header.sticky .logo img {max-height: 60px;}

.logo {float:left;display: flex;align-items: center;margin:10px 20px;}
.logo img {max-height: 100px;filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));}

.menuplace {float: right;margin:20px 4% 0 0;}
.mainmenu {display: flex;}
.mainmenu li {position:relative}
.mainmenu li a {font-size:1.1vw;display:flex;padding:10px 15px;align-items: center;height:100%;justify-content: center;color: var(--white);text-align: center;position:relative;background:#1b5195;border-radius:5px;}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {color:var(--white);background:var(--black)}
.mainmenu ul ul, .mainmenu ul ul ul {display:none;position:absolute;right:100%;top:0;width: 320px;background: var(--black);}

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

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

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 10px 10px;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);}

.yellowplace {background:var(--maincolor);display: flex;justify-content: center;padding:5px;}

.sliderhome {position: relative;}
.sliderhome .slide {height:80vh;position: relative;overflow: hidden;max-height:1000px;}
.sliderhome .slide:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 77%, rgba(0, 0, 0, 0.7) 100%);}
.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;height:100%;display:flex;flex-direction: column;z-index:2;padding:0 10%;justify-content: center;}
.sliderhome .title {font-size:50px;color:var(--white);text-shadow:0 0 10px var(--black);max-width:70%;}
.sliderhome p {color:var(--white);text-shadow:0 0 10px var(--black)}
.sliderhome .moreabstract {font-size:30px;color:var(--white);margin:20px 0;text-shadow:0 0 10px var(--black);max-width:70%;}
.sliderhome .btn {margin:0;width:150px;}
.sliderhome .custom-dots {bottom: 15px;}

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

.imagesplace {position:relative;margin:0 0 3% 0;text-align:center}
.imagesplace a {display:flex;background:var(--greylight);position:relative;}
.imagesplace img {margin:auto;max-height:800px}
.imgside {width:45%;float:right;margin:0 0 20px 2%}

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

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

.features1 .feature {display:flex;flex-wrap:wrap;align-items: center;padding:2% 0;flex-direction: row-reverse;}
.features1 .title {margin:10px;text-align:center;font-size:30px;}
.features1 .abstract {padding:2%;width:60%}
.features1 .imgplace {width:40%}
.features1 .moreabstract {text-align:center}
.features1 a:hover img {transform: scale(1.1,1.1);}

.features2 {padding:2% 0;background:#1b5195}
.features2 .feature {display:flex;flex-wrap:wrap;align-items: center;}
.features2 .title {margin:10px;text-align:center;font-size:30px;color:var(--white)}
.features2 .abstract {padding:2%;width:60%;color:var(--white)}
.features2 .imgplace {width:40%}
.features2 .moreabstract {text-align:center;color:var(--white)}
.features2 a:hover img {transform: scale(1.1,1.1);}

.features3 .feature {display:flex;flex-wrap:wrap;align-items: center;padding:2% 0;flex-direction: row-reverse;}
.features3 .title {margin:10px;text-align:center;font-size:30px;}
.features3 .abstract {padding:2%;width:60%}
.features3 .imgplace {width:40%}
.features3 .moreabstract {text-align:center}
.features3 a:hover img {transform: scale(1.1,1.1);}

.bodyflex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.bodyflex > div {width:50%;flex: auto;padding:0 1% 0 0}
.bodyflex > div:nth-of-type(2n) {padding:0 0 0 1%}

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

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:3% 0}
.flexplace .flex {width: 23%;margin: 1% 1% 3% 1%;position:relative}
.flexplace .flex .title {font-size: var(--fonttitle);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 340px;position: relative;overflow: hidden;border:1px solid var(--grey);display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0}
.flexplace .flex img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplace .flex a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.flexplace .flex a:hover .title, .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex .abstract {margin:0 0 10px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;}
.flexplace .flex:after {height:1px;width:100%;content:"";display:block;background:var(--grey);left:0;bottom:-10px;position:absolute}
.flexplace .flex.slide {margin:0;padding:10px;}
.flexplace .flex .price span {}
.flexplace .flex .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;}

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

.indexcontent {padding:4%}

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

.search_resultsplace {display:none;}
.search_resultsplace.this {display:block} 
.search_results {padding:5px;position:absolute;left:0%;top:100%;width:300px;max-height:300px;height:300px;overflow-y:scroll;z-index: 111;background: var(--whiteopacity);box-shadow: var(--shadow);}
.search_results .item {padding:5px;}
.search_results .item img {max-width:40px;max-height:40px;margin:auto}
.search_results .imgplace {margin:0 5px;width:40px;display:flex}
.search_results .item span {display:inline-block;width:70%;line-height:120%;font-size: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.search_results a {display:flex;padding:5px;align-items: center;}
.search_results a:hover, .search_results a:focus {background:var(--greylight);}

#contactfooter {width:50%;padding:2% 4%}
#contactfooter h3, #contactfooter p {color:var(--white);text-align:center;margin:0 0 10px 0;}

.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 20px 0;}
.contactform label input, .contactform label textarea, .contactform select {background:var(--whiteopacity2)}
.contactform textarea {height:105px;float: left;width: 100%;}
.contactform select {padding:10px;}
.contactform .errorplace {display: none;color:#ff0000;position:absolute;left:0;bottom:-15px;font-size:11px;}
.contactform .mandatorycontact span:after {content: "*";display: inline-block;color: #ff0000;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform label span {display:block;font-style:italic}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px;width:15px;height:15px;}
.contactform .jointomailinglist, .contactform .readprivacypolicy {display:flex;align-items: center;font-size:16px;}
.contactform .readprivacypolicy a span {display:inline-block;margin:0 5px;font-size:16px;color:var(--maincolor);text-decoration:underline}
.contactform a[href^="tel:"] {background: url(../images/iconphone.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="mailto:"] {background: url(../images/iconemail.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="http:"] {background: url(../images/iconsite.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}

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

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

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

.gmap iframe {width:100%}

footer {width:100%;background: url(../images/bgcontact.jpg) center center no-repeat;padding:4%;position:relative}
footer h2 {color:var(--white);text-align:center;margin:0 0 20px 0;position:relative;z-index:2}
footer:after {background:var(--blackopacity);position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block}
.footerflex {display:flex;position:relative;z-index:2}

.mainphone, .mainemail, .waze {display: block;background: url(../images/bc5.png) 0% center no-repeat;background-size: 30px;font-size: 20px;margin: 5px 0;padding: 5px 15px 5px 40px;color:var(--white);margin:0 15px;}
.mainemail {background: url(../images/bc2.png) 0% center no-repeat;background-size: 30px;}
.waze {background: url(../images/mappoint.png) 0% center no-repeat;background-size: 30px;}

.credits {flex:auto;text-align:center;background:var(--greydark);padding:20px;}
.credits a:hover, .credits a:focus {color:var(--white);}
.credits p, .credits a {margin:0;color:var(--white);font-size:16px;}

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

.faqsplace {margin:4% 0 0 0}
.faqsplace > div {background:var(--greylight);overflow:hidden;margin:0 0 10px 0;position: relative;}
.faqsplace .question { padding:30px 40px 30px 30px;width:100%;text-align:initial;}
.faqsplace .question p, .faqsplace .question li { text-align:initial;margin:0;text-align:initial;line-height:100%}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {text-decoration:underline}
.faqsplace .question.opened {background:var(--grey);}
.faqsplace .answer {display:none;padding:30px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;text-align:initial}

.faqsplace .question span {position:absolute;right:20px;top:20px;width:40px;height:40px;display:flex;align-items: center;justify-content: center;}
.faqsplace .question span:before, .faqsplace .question span:after {content:"";display:block;width:20px;height:2px;background:var(--black);position: absolute;}
.faqsplace .question span:after {transform: rotate(90deg);}

.faqsplace .question.opened span {}
.faqsplace .question.opened span:after, .faqsplace .question.opened span:before {}
.faqsplace .question.opened span:after {display:none}

.docsplace, .linksplace {padding:10px;margin:3% 0;border-top:1px solid var(--grey)}
.docsplace .title, .linksplace .title {font-size: var(--fonttitle);margin:0 0 10px 0;}
.docsplace a, .linksplace a {display:flex;align-items: center;color:var(--black)}
.docsplace a:hover, .linksplace a:hover {text-decoration:underline}
.docsplace a img, .linksplace a img {margin:0 10px;max-height:35px;}
.linksplace a {background: url(../images/link.png) left center no-repeat;background-size: 25px;padding:5px 30px}

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

.bannerplace {width:50%;padding:2% 4%;border-right:1px solid var(--white)}
.bannerplace p {color:var(--white);text-align:center;font-size:24px;margin:0 0 20px 0;}
.bannerplace a {color:var(--white);text-align:center}

.socialmedia {display: flex;flex-wrap:wrap;justify-content: center;margin:0 0 3% 0}
.socialmedia a {margin:5px;width:50px;height:50px;}
.socialmedia a:hover {opacity:.5}
.socialmedia .facebook {background: url(../images/facebook.png) center center no-repeat;}
.socialmedia .youtube {background: url(../images/youtube.png) center center no-repeat;}
.socialmedia .instagram {background: url(../images/instagram.png) center center no-repeat;}
.socialmedia .linkedin {background: url(../images/linkedin.png) center center no-repeat;}
.socialmedia .tiktok {background: url(../images/tiktok.png) center center no-repeat;background-size:cover}

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

.popupplace {background: var(--blackopacity);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0}
.popupplace.opened {z-index:5;opacity:1;height:100%;}

#showmore {font-size: var(--fonttitle);margin:20px auto;display:block;width:100%;display:none}

.slideto {background:var(--white);padding:10px;position:fixed;left:10px;top:10px;z-index:9999;width:1px;height:1px;clip: rect(0,0,0,0);}
.slideto:focus {width:auto;height:auto;clip:auto;}

.whatsappPr {display:flex;align-items: center;font-weight:bold;margin:15px 0 0 0}
.whatsappPr:hover, .whatsappPr:focus {text-decoration:underline}
.whatsappPr:before {background: var(--greylight) url(../images/whatsup.png) center center no-repeat;width: 30px;height:30px;border-radius:100%;background-size:20px;content:"";display:block;margin:0 0 0 10px;}


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

.topbannerplace {position:fixed;left:0;top:75px;padding:10px;box-shadow:var(--shadow);background:rgba(50,50,50, 0.9);z-index:99;width:100%;border-bottom: 1px solid var(--maincolor);}
.topbannerplace p, .topbannerplace li {margin:0;padding:0;font-size:15px;color:var(--white);text-align:center}


.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(--grey);overflow: hidden;align-items: center;}
.slider-for .slick-slide > div a > div {display:flex;height:100%;}
.slider-for .slick-slide {float:right}

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

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


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


.cookiesplace {z-index: 999;display:none;position:fixed;background:var(--blackopacity);background-color: rgba(0,0,0,0.8);width: 100%;bottom: 0;padding: 10px 10%;color: var(--white);text-align: center;font-size: 16px;}
.cookiesplace p, .cookiesplace a {color:var(--white)}
.cookiesplace button {color: var(--white);text-decoration:none;display: inline-block;background: var(--maincolor);border: 1px solid var(--white);padding:10px 20px;margin:10px 0 0 0}
.cookiesplace button:hover, .cookiesplace button:focus {background:var(--black);}

.cookiesettings label {display: flex;align-items: center;gap: 8px;margin: 6px 0;cursor: pointer;color: #fff;}
.cookiesettings input[type="checkbox"] {width: 18px;height: 18px;cursor: pointer;}

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

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

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

div .slick-prev, div .slick-next {z-index:5;width: 50px;height: 50px;background: var(--whiteopacity);transform:none;margin:-25px 0 0 0}
div .slick-prev:hover, div .slick-next:hover, div .slick-prev:focus, div .slick-next:focus {background:var(--maincolor)}
div .slick-prev {left:0; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:0;} 
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {background:var(--black);content:"";display:block;position:absolute;right:22px;top:12px;width:2px;height:15px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
div .slick-next:hover:before, div .slick-prev:hover:before, div .slick-next:hover:after, div .slick-prev:hover:after,
div .slick-next:focus:before, div .slick-prev:focus:before, div .slick-next:focus:after, div .slick-prev:focus:after {background:var(--white)}
div .slick-next:before, div .slick-prev:before {transform: rotate(45deg);top:22px;}
div .slick-next.slick-disabled:before, div .slick-prev.slick-disabled:before {opacity:1}
 
.togglecart {position: fixed;top: 0%;left: 0%;z-index: 99;width: 100%;height:100%;display: none;}
.togglecart .close {width:25px;height:25px;position:absolute;left:18px;top:20px;display:flex;align-items: center;justify-content: center;}
.togglecart .close:after, .togglecart .close:before {transform: rotate(45deg);content:"";display:block;background:var(--blackopacity);width:30px;height:2px;position: absolute;}
.togglecart .close:after {transform: rotate(-45deg);}
.togglecart .btn {margin:0 2% 0 0;width:49%}
.togglecart .btn:nth-of-type(2n) {margin:0}
.togglecart .overlay {background:var(--blackopacity);position: absolute;top: 0;left: 0;width: 100%;height:100%;content:"";display:block}

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

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

html:lang(he) body {text-align:right;direction:rtl;}
html:lang(he) .slick-slider, html:lang(he) .slick-slider .slick-track {direction:ltr}
html:lang(he) .curtainplace, html:lang(he) .sliderhome .abstract, html:lang(he) .slick-slider .slick-track div, 
html:lang(he) .contactform label input, html:lang(he) .slider-for, html:lang(he) .slider-for div {direction:rtl}

html:lang(he) .accountplace .openaccount, html:lang(he) .productflex,
html:lang(he) button.addtocart, html:lang(he) .movebtns {flex-direction: row-reverse;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-prev {left:auto;right:20px;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-next {right:auto;left:20px;}
html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount,
html:lang(he) .stepbefore a, html:lang(he) .stepcurrent a, html:lang(he) .stepafter a {right:auto;left:0px;}
html:lang(he) .productslistselects .page > div .title:after {right: auto;left: 15px;}
html:lang(he) .productslistselects .page > div .title:before {right: auto;left: 21px;}
html:lang(he) .toogleselect, html:lang(he) .contactform .s_top, html:lang(he) .contactform .errorplace,
html:lang(he) .search_results, html:lang(he) .dropmenuplace, html:lang(he) div .sliderbtn {left:auto;right:0px;}

html:lang(he) .toogleselect button, html:lang(he) .welcomeplace input[type="submit"] {float:left}
html:lang(he) .welcomeplace div, html:lang(he) button.addtocart {float:right}
html:lang(he) .bodyflex > div {padding:0 0 0 1%}
html:lang(he) .bodyflex > div:nth-of-type(2n) {padding:0 1% 0 0;}
html:lang(he) .confirmplace > div:nth-of-type(2n) {margin: 0 2% 0 0;}
html:lang(he) .bodytext li {background: url(../images/dot.png) right 8px no-repeat;list-style-type: none;padding: 0 20px 0 0px}
html:lang(he) .linksplace a {background: url(../images/link.png) right center no-repeat;background-size: 25px;}
html:lang(he) 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) .imgside {float:left;margin:0 2% 20px 0}
html:lang(he) .faqsplace .question span {right: auto;left: 20px;}


@media (-webkit-device-pixel-ratio: 1.25) {#main {zoom: 0.8;}}
@media (-webkit-device-pixel-ratio: 1.5) {#main {zoom: 0.67;}}
@media screen and (min-width: 1921px) and (max-width: 6000px) {header {width:1920px;left:50%;margin:0 0 0 -960px}}

@media screen and (min-width: 1021px) and (max-width: 1460px) 
{
	.page, .shortpage, .mainabstract {padding:0 4%}
}

@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius: 3px;}
	.moremenu, .tmpbcitem .wrap:before, body .shoppingcart:hover .togglecart, .topmenu, body .accountplace .name, li li .moremenu,
	.togglecart {display:none}
	body, p, li, div, .bodytext p a, .bodytext li a, .accountplace .openaccount,
	a.btn, span.btn, input[type="submit"].btn, button.btn {font-size: 4vmin;}
	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:0;}
	html:lang(he) header .wrap {flex-direction: row-reverse;}

	.logo {margin: 5px auto;float: none;width: 100px;}
	header.sticky .logo {width: 45px;}
	.logo img, html:lang(he) .logo img {float:left;position: static;}

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

	.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)}
	.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(-5%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}
	.dropmenuplace {display:block;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}

	.maincontent, #maintitleplace {margin-top:30px}
	
	.mdisable .searchplace {overflow: hidden;}

	.moremenu {display:block;width:45px;height:45px;position:absolute;left:0px;top:0px;z-index: 99;}
	.moremenu:before, .moremenu:after {background:var(--grey);content:"";display:block;position:absolute;left:18px;top:17px;width:2px;height:10px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
	.moremenu:before {transform: rotate(45deg);left: 24px;}
	.moremenu.opened::after {left:24px;}
	.moremenu.opened::before {left:18px;}

	.searchplace {width: 100%;position:absolute;left:0;top:100%;background:var(--white)}
	.search {width:98%;margin:1%}
	.search input {background:none;font-size: 14px;}
	.search .submitsearch {border-radius:0;height:auto}

	.contactform {margin:0 0 5% 0}

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

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

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

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

	.flex, html:lang(he) .flex, .contactform label, iframe, .feature, .imgside, .flex:nth-of-type(3n), #contactfooter, .client, 
	.indexflex > div, .flexbody > div, .bodyflex > div, html:lang(he) .bodyflex > div, body .loginplace, body .registerplace, body .registerform, .bannerplace, 
	.footerlinksplace,	body .productslistselects .page > div, body .productflex .imgplace, body .productflex > div,	body .slider-for,
	body .slider-nav, .footerlinksplace > div, .accordionplace .feature, .featuresbottom .feature, .features > div, .contactflex > div,
	#contactfooter .contactform > div, body .confirmplace > div, .contactflex .bodytext, .features1 .abstract, .features1 .imgplace,
	body .confirmplace > div:nth-of-type(2n), .features2 .abstract, .features2 .imgplace, .features3 .abstract, .features3 .imgplace {width:100%;margin:0 auto 5% auto;border:none}

	.shippingdata > div {width:100%}

	.sliderhome .slide {height:500px;}
	.sliderhome .moreabstract {max-width:100%;font-size:16px;}
	.sliderhome .title {max-width:100%;font-size:20px;}

	.accordionplace .feature {flex:initial}

	.tabsplace button {padding: 5px;font-size: 16px;}

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

	.bodytext ul li {margin: 0px 0px 10px 0px;line-height: 120%;}
	.bodytext {overflow:visible}
	.bodytext table {max-width:100%; border-spacing: 0px;border-collapse: separate;}
	html:lang(he) .bodyflex > div, .bodyflex > div {padding:0;}
	
	.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}

	.mainphone, .mainemail, .waze {font-size:16px;padding:0 0 0 25px;background-size:20px;}

	.cookiesplace {padding:10px;}
	.cookiesplace button {margin:5px;font-size:11px;padding:3px 5px;}
	.cookiesplace p, .cookiesplace a {font-size:11px;}
}

body .sl-overlay {background:var(--black)}
body .sl-navigation button, body .sl-close {filter: brightness(0) invert(1)}
body .sl-wrapper .sl-counter { }
.sl-wrapper .sl-image img {box-shadow:var(--shadow);}

.invertsite img {filter: grayscale(100%);}
.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite textarea, .invertsite table td, .invertsite table th, .invertsite footer {background-color:var(--black) !important;color:var(--white) !important;}
.invertsite .lightblueplace {background:var(--black);}
.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea, .invertsite .saveforlatermenu {border:1px solid var(--white);}
.invertsite .saveforlatermenu span, .invertsite .accountplace .openaccount span, 
.invertsite .accountplace .openaccount span:after, .invertsite .accountplace .openaccount span:before {border:2px solid var(--white);}
.invertsite .opencart span, .invertsite .saveforlatermenu span:before, .invertsite .saveforlatermenu span:after,
.invertsite .accessibility span:before, .invertsite .removefromcart, .invertsite .removefromcart {background-color:var(--white) !important;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
div:after {content: "";display: table;clear: both;}

nav ul, .footerlinksbox ul, .productslistselects ul, .leftmenu li {margin:0;list-style-type:none;list-style: none;}
div a, button, input[type="submit"], .btn, .grid-item img, .flex img, a.btn span, .feature img, .feature div, .infobox img,
.btn:after, .flex div, .slider-nav img, .projectscol img {-webkit-transition: all 0.20s ease-in-out;}
.menuopen, .menuplace {-webkit-transition: all 0.50s ease-in-out;}

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

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

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

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

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

@media print 
{
	@page {size: A4 Portrait; }
    * {-webkit-print-color-adjust:exact;}
	h1, h2, h3, h4, h5, h6, h7, p, a, li {line-height:120%;color:var(--black);}
	h1 {font-size:30px;margin:20px 0;}
	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}
}