.noto-sans-hebrew {font-family: "Noto Sans Hebrew", serif;font-optical-sizing: auto;font-weight: normal;font-style: normal;}
.barlow-black {font-family: "Barlow", serif;font-weight: 900;font-style: normal;}
:root {
--maincolor:#0A5638;
--seccolor:#C3E769;
--fontcolor:#111;
--fontsize:20px;
--fonttitle:26px;
--fontbold:600; 
--white: #fff;
--black: #000;
--grey: #A3A3A3;
--greylight: #F1F8ED;
--greydark: #666;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--shadow: 0px 1px 5px rgba(0,0,0,0.3);
--radius:30px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre {color:var(--fontcolor);font: 300 var(--fontsize) Noto Sans Hebrew, 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:none;border-bottom: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;}
strong, b {font-weight:var(--fontbold)}
h1, h2, h3, h4, h5 { line-height:120%;margin:0 0 20px 0;}
h1 {font-size: 45px;font-weight:900} h2, h2 div {font-size: 48px;font-weight:var(--fontbold)} h3, h3 div {font-size: 24px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu {display:none}

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

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

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

.menuplace {flex: auto;margin:0 1.5%}
.mainmenu {display: flex;}
.mainmenu li a {display:flex;padding:30px 15px;align-items: center;height:100%;justify-content: center;color: var(--maincolor);text-align: center;position:relative;line-height: 120%;font-weight:500;}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {font-weight:600;text-decoration:underline}

.mainmenu ul {display:flex}
.mainmenu ul li {margin:0 5% 0 0 ;    max-width: 25%;}
.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {line-height: 100%;color: var(--white);padding:10px 10px;display:block;text-align:initial;background:none;height:auto;}
.mainmenu li li a span {padding-right:30px;display: block;min-width: 170px;}
.mainmenu li li:hover a span, .mainmenu li li a:hover span, .mainmenu li li a:focus span {background: url(../images/arrowwhite2en.png) right center no-repeat;}

.mainmenu ul ul {display:block}
.mainmenu ul ul li {margin:0;    max-width: 100%;}
.mainmenu ul li:hover li a span, .mainmenu ul li li a span, .mainmenu ul li.this li a span {background:none;font-weight:300;font-size:18px;line-height: 100%;}
.mainmenu ul ul li:hover a span, .mainmenu ul ul li a:hover span, .mainmenu ul ul li a:focus span {background: url(../images/arrowwhite2en.png) right center no-repeat;}

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

.topmenu {display: flex;}
.topmenu li {position:relative;padding:0 5px;}
.topmenu li a {display:flex;padding:10px 20px;align-items: center;height:100%;justify-content: center;color: var(--maincolor);text-align: center;position:relative;border:1px solid var(--maincolor);border-radius:var(--radius)}
.topmenu li > a:hover, .topmenu li > a:focus, .topmenu li.this > a {font-weight:var(--fontbold);text-decoration:underline}
.topmenu li:last-of-type a {background:var(--maincolor);color:var(--white);font-weight:var(--fontbold);}

/*To-Delete*/
.specialDonationBtn {display: flex;}
.specialDonationBtn {position:relative;padding:0 5px;}
.specialDonationBtn a {display:flex;padding:5px 10px;align-items: center;height:100%;justify-content: center;color: var(--maincolor);text-align: center;position:relative;border:1px solid var(--maincolor);border-radius:var(--radius)}
.specialDonationBtn > a:hover, .topmenu li > a:focus, .topmenu li.this > a {font-weight:var(--fontbold);text-decoration:underline}
.specialDonationBtn a {background:var(--maincolor);color:var(--white);font-weight:var(--fontbold);}
/*End*/

.language {margin:0 10px 0 0;position:relative}
.language a, .language button {padding:5px 10px 5px 35px;color:var(--maincolor);font-size:16px;background: url(../images/world.png) 0px center no-repeat;}
.language a:hover, .language a:focus, .language button:hover, .language button:focus {text-decoration:underline;filter: brightness(0) invert(0)}
.language > div {position: absolute;top: 100%;left: 0%;z-index: 99;width: 450px;background:var(--white);box-shadow: var(--shadow);padding: 20px;text-align:center}
html:lang(en) .language > div {left:auto;right:0}
.language:hover > div {display:block}
.language .hidden {display: none;}

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

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

a.btn, span.btn, input[type="submit"].btn, button.btn, .btnplace a {position: relative;display: inline-block;padding: 10px 20px;border-radius: var(--radius);background: var(--maincolor);color:var(--white);margin:0px auto;text-align:center;border:none;border:1px solid transparent}
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, .btnplace a:hover, .btnplace a:focus {background:var(--seccolor);color:var(--black)}

.sliderhome .btnplace a {border:1px solid var(--white);background:none;margin:10px 0 0 5px;background: url(../images/arrowwhite.png) 15px center no-repeat;padding:15px 25px 15px 50px;font-weight:var(--fontbold);filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.6));}
.btnplace a:hover, .btnplace a:focus {background:var(--seccolor) url(../images/arrowblack.png) 15px center no-repeat;}

.sliderhome {position: relative;background:var(--black)}
.sliderhome .slide {height:92vh;position: relative;overflow: hidden;max-height:1000px;}
.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;padding: 6%;flex-direction: column;justify-content: center;align-items: flex-start;}
.sliderhome .title {font-size:120px;color:var(--white);font-weight:900;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.6));}
.sliderhome p, .sliderhome li, .sliderhome a, .sliderhome h2, .sliderhome h3 {color:var(--white);max-width:600px;margin:0 0 20px 0;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.6));}
.sliderhome p {font-size:24px;}
.sliderhome .slick-dotted.slick-slider {margin:0}
.sliderhome .custom-dots {bottom: 15px;}

.slidetodown {width:60px;height:60px;border:1px solid var(--white);position:absolute;left:50%;bottom:100px;margin:0 0 0 -20px;background: #fff\1;background: rgba(255, 255, 255, 0.1);border-radius: 100%;cursor:pointer}
.slidetodown:hover {background-color:var(--maincolor)}
.slidetodown:after, .slidetodown:before {content: "";display: block;width: 25px;height: 2px;position: absolute;left: 8px;top: 32px;transform: rotate(45deg);background: #fff;}
.slidetodown:before {left:25px;transform: rotate(-45deg);}

.content {width: 100%;float: left;padding:0 0 5% 0}
.tmpcatalogpage .content .page {max-width:1100px;}

.maincontent {margin:90px 0 0 0;}
#maintitleplace {margin:90px 0 4% 0;border-bottom:15px solid #008259;background:var(--maincolor);min-height:500px;display: flex;align-items: center;position:relative;justify-content: center;}
#maintitleplace:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.rndbg1:before {background:url(../images/bg1.png) 0 0 no-repeat;}
.rndbg2:before {background:url(../images/bg2.png) 0 0 no-repeat;}
.rndbg3:before {background:url(../images/bg3.png) 0 0 no-repeat;}
.rndbg4:before {background:url(../images/bg4.png) 0 0 no-repeat;}

.mainabstract {max-width:1200px;}

.titleplace {display: flex;flex-direction: column;align-items: center;color:var(--white);position:relative}
.titleplace h1, .titleplace h2, .titleplace p, .titleplace a, .titleplace div {color:var(--white);text-align:center;font-size:24px;}
.titleplace h1 {font-size:60px;    max-width: 1340px;}
.titleplace .smalltitle {padding:0 0 5px 0;border-bottom:1px solid var(--white);}
.page > .smalltitle {margin:0}

.stripplace {background: var(--black);position: absolute;top: 0;height: 100%;width: 100%;left: 0;}
.stripplace img {opacity:.6;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

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

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

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

.greenplace {background:var(--maincolor);padding:6%;}
.greenplace .bodytext p, .greenplace .bodytext h2, .greenplace .bodytext h3 {color:var(--white);text-align:center;margin:0 0 10px 0;}

.greendataplace {padding:20px 0;margin:20px 0;border-bottom:1px solid var(--grey);border-top:1px solid var(--grey)}
.greendataplace h2 {font-size:28px}
.greendata {background:var(--maincolor);display:flex}
.greendata div {width:33.3%;padding:25px 15px;text-align:center;color:var(--white);font-size:24px;line-height:100%;border-left:1px solid var(--white)}
.greendata div:last-of-type {border:none}
.greendata a {font-size:24px;line-height:100%;color:var(--white);}

.tmprmpmenu .greenplace {margin:5% 0 0 0}
.tmprmpmenu .content {padding:0}

.newshomeplace {padding:6% 0;background: var(--white);}
.newshomeplace h2 {margin:0 0 20px 0;text-align:center}
.newshomeplace .btn {margin:4% auto 20px auto;width:300px;display:block;background:none;border:1px solid var(--black);color:var(--black)}

.logosplace {background:var(--greylight);padding:6% 0;}
.logosplace h2 {margin:0 0 20px 0;text-align:center}

.newslettersplace {padding:6% 0;background: var(--greylight);}
.newslettersplace h2 {margin:0 0 20px 0;text-align:center}
.newslettersplace .imgplace {height:250px;position:relative}
.newslettersplace .slidebox {background:var(--white)}
.newslettersplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.newslettersplace .abstract {padding:6%}
.newslettersplace .slick-slide {padding:0 10px;}
.newslettersplace .title {margin:10px 0;font-weight:var(--fontbold);min-height: 57px;}
.newslettersplace .moreabstract {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:100px;}
.newslettersplace .btn {margin:4% auto 20px auto;width:200px;display:block;background:none;border:1px solid var(--black);color:var(--black)}

.newshome .abstract {padding:4%;background:var(--greylight)}
.newshome .date {font-size:14px;}
.newshome .title {margin:10px 0 20px 0;font-weight:var(--fontbold);min-height: 60px;}
.newshome .slick-slide {padding:0 10px;}
.newshome a {display:block}
.newshome a:hover, .newshome a:focus {text-decoration:underline}

.featuresbottom {width:100%;float:left;margin:100px auto;display: flex;flex-wrap: wrap;justify-content: center;}
.featuresbottom .feature {width:20%;border-right:1px solid var(--black);padding:0 1%}
.featuresbottom .feature:first-of-type {border:none}
.featuresbottom .imgplace {height:200px;margin:auto;display:flex;align-items: center;justify-content: center;}
.featuresbottom .imgplace img {max-height:100%;}
.featuresbottom .title {text-align:center;font-size:var(--fonttitle);margin:10px 0 0 0;}

.features {display:flex;flex-wrap:wrap;justify-content: center;margin:6% auto 0 auto}
.features > div {width:25%;padding:0 4%;border-left:1px solid var(--white)}
.features > div:last-of-type {border:none}
.features .title {margin:10px;text-align:center;color:var(--white);font-size:60px;font-weight:var(--fontbold);display: flex;justify-content: center;flex-direction: row-reverse;}
.features p, .features a {text-align:center;color:var(--white)}

.movieplace {padding:6%;background:var(--maincolor);}
.movieplace .page {display:flex;padding:0;flex-wrap:wrap}
.movieplace .page > div:first-of-type {width:40%;padding:0 0 0 4%}
.movieplace .page > div:nth-of-type(2n) {width:60%}
.movieplace p, .movieplace h2, .movieplace a, .movieplace div, .movieplace li {color:var(--white);}
.movieplace video, .movieplace iframe {width:100%;height: 100%;}
.movieplace .title {font-size: 40px;font-weight:var(--fontbold);line-height:120%;margin:0 0 20px 0;}
.movieplace a {border:1px solid var(--white);background:none;margin:20px 0 0 0;}

.featuresproject {display:flex;flex-wrap:wrap}
.featuresproject > div {width:50%;position:relative;min-height:700px}
.featuresproject .title {font-size: 40px;font-weight:var(--fontbold);line-height:120%;margin:0 0 20px 0;}
.featuresproject > div:nth-of-type(2n) {padding:4% 6%;display:flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.featuresproject a {border:1px solid var(--black);background:none;margin:20px 0 0 0;color:var(--black)}
.featuresproject img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.whiteplace {background:var(--white);padding:6% 0}
.whiteplace h2 {text-align:center;margin:0 0 40px 0;}

.greyplace {background:var(--greylight);padding:6% 0}

.herefor4 {display:flex;    align-items: center;justify-content: center;}
.herefor4 div, .herefor4 .title {font-size:28px;margin:0 0 0 4%;color:var(--maincolor);font-weight: normal;}
.herefor4 a {position: relative;display: inline-block;padding: 10px 20px;border-radius: var(--radius);background: var(--maincolor);color:var(--white);margin:0px 5px;text-align:center;border:none;border:1px solid transparent}
.herefor4 a:hover, .herefor4 a:focus {background:var(--seccolor);color:var(--black)}

.forumsplace {background:var(--maincolor);padding:6% 0}
.forumsplace h2 {text-align:center;margin:0 0 10px 0;color:var(--white)}
.forumsplace p {text-align:center;margin:0 0 40px 0;color:var(--white)}
.forumsplace .page {padding:4%;background:var(--white);    display: flex;flex-wrap: wrap;/*flex-direction: row-reverse;*/}
.forumsplace .page > div {width:48%;}
html:lang(en) .forumsplace {display:none}

.forum p {color:var(--black);text-align: initial;font-size:16px;margin:0}
.forum button {display:block;padding:5px 35px 5px 5px;background: url(../images/arrowblack.png) 110% center no-repeat;border-bottom:1px solid var(--grey);    width: 100%;text-align: initial;}
.forum button:hover, .forum button:focus {background: url(../images/arrowblack.png) right center no-repeat;font-weight:var(--fontbold)}

.forumsplace .btn {border: 1px solid var(--white);background: none;margin: 20px auto 0 auto;width:200px;display:block}
.tmpindex .forumsplace .firstforum .btn {border: 1px solid var(--black);color:var(--black)}

.firstforum {position:absolute;left:2%;top:50px;width:46%;display:none}
.forum.opened .firstforum {display:block}
.firstforum h3, .firstforum .title {padding: 10px 40px;background: url(../images/chat.png) left 10px no-repeat;font-size: 24px;margin: 0 0 5px 0;font-weight: var(--fontbold);}
.firstforum .subtitle {font-size:20px;margin:0 0 10px 0;font-weight:500}

.featuresplace .imgplace {height:300px;position:relative}
.featuresplace .slidebox {background:var(--greylight)}
.featuresplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.featuresplace .abstract {padding:6%;min-height:215px;}
.featuresplace .slick-slide, .similarslider .slick-slide {padding:0 10px;}
.featuresplace .title {margin:10px 0;padding:10px;background:var(--seccolor);display:inline-block;font-weight:var(--fontbold);border-radius:var(--radius)}
.featuresplace .moreabstract {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:100px;}
.featuresplace .btn {margin: 4% auto 20px auto;width: 300px;display: block;background: none;border: 1px solid var(--black);color: var(--black);}
.featuresplace a:hover .title, .featuresplace a:focus .title {background:var(--maincolor);color:var(--white)}

.slidebox a {display:block}

.donate {display:flex;/*flex-wrap:wrap;*/align-items: center;}
.donate > div:first-of-type {min-width:30%}
.donate > div:nth-of-type(2n) {/*width:50%;*/padding:0 0 0 4%;flex:auto}
/*.donate > div:nth-of-type(3n) {width:20%}*/
.donate .title {font-size: 40px;font-weight:var(--fontbold);line-height:120%;margin:0 0 20px 0;}
.donate .btn {background:none;color:var(--black);border:1px solid var(--black)}

.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 p a, .bodytext div a {text-decoration:underline;}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a, .bodytext div a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul, .bodytext ol {margin:0 5px 20px 5px;padding: 0;}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 8px no-repeat;list-style-type: none;padding: 0 0 0 17px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}
.bodytext iframe {width:100%;min-height:550px;}
.bodytext p a {width:100% !important;height:auto !important;margin:0 0 20px 0;}

.bodytext h2 {font-size:30px;}
.bodytext h3 {font-size:26px;}
.bodytext h4 {font-size:22px;}

.bodytextsep {padding:4% 0 0 0;margin:4% 0 0 0;border-top:1px solid var(--grey);}

.bodytitleh2 {font-size:28px;font-weight:var(--fontbold)}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:3% 0}
.flexplace .flex {width: 31.3%;margin: 1% ;position:relative;background:var(--greylight)}
.flexplace .flex .title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:55px;font-weight:var(--fontbold);margin:10px 0}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 250px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0}
.flexplace .flex img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplace .flex a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.flexplace .flex a:hover .title, .flexplace .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex .abstract {margin:0 0 10px 0;padding:6%}
.flexplace .flex .date {font-size:16px;text-decoration:underline}
.flexplace .flex .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:75px;}
.flexplace .flex .btn {float:left;border:1px solid var(--black);background:none;color:var(--black)}
.flexplace .flex .btn2 {margin:20px 0 0 0;text-decoration:underline;display:block}
.flexplace .flex .registration {position:absolute;left:0;top:0;border-radius:0 0 30px 0 ;padding:10px 20px;color:var(--black);z-index:2;background:var(--seccolor)}
.flexplace .flex .event {display:inline-block;padding:10px 20px;border:1px solid var(--black);border-radius:var(--radius);font-size:16px;float:left;margin:10px 0 0 0}

.flexplace .management div {text-align:center;}
.flexplace .management .title {min-height:0;margin:0}
.flexplace .management .abstract {padding:2%;margin:0 0 30px 0;}
.flexplace .management .imgplace {width:250px;height:250px;border-radius:100%;margin:30px auto}
.flexplace .management a {position:static}
.flexplace .management .degree {margin:10px 0 0 0;font-style:italic}
.flexplace .management .moreabstract {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);position:absolute;left:0;top:0;width:100%;height:100%;padding:4%;color:var(--white);background:var(--maincolor);   min-height:0;opacity:0}
.flexplace .management .moreabstract div {display: -webkit-box; -webkit-line-clamp: 13;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color:var(--white);}
.flexplace .management a:hover .moreabstract, .flexplace .management a:focus .moreabstract { -webkit-animation: flip-in-ver-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: flip-in-ver-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes flip-in-ver-left {
  0% {
    -webkit-transform: rotateY(80deg);
            transform: rotateY(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-left {
  0% {
    -webkit-transform: rotateY(80deg);
            transform: rotateY(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}

.flexplace .flex4 {width: 23%;margin: 1% ;position:relative;background:var(--greylight)}
.flexplace .flex4 .title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:55px;font-weight:var(--fontbold);margin:10px 0}
.flexplace .flex4 > a {display:block;position:relative}
.flexplace .flex4 .imgplace {width: 100%;height: 300px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0}
.flexplace .flex4 img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .flex4 .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplace .flex4 a:hover img, .flex4 a:focus img {transform: scale(1.1,1.1);}
.flexplace .flex4 a:hover .title, .flexplace .flex4 a:focus .title {color:var(--maincolor)}
.flexplace .flex4 .abstract {margin:0 0 10px 0;padding:6%}
.flexplace .flex4 .date {font-size:16px;}
.flexplace .flex4 .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:75px;}
.flexplace .flex4 .btn {float:left;border:1px solid var(--black);background:none;color:var(--black)}

.flex2 {width: 48%;margin: 0 0 2% 2%;position:relative;background:var(--greylight);border:1px solid var(--blackopacity2);padding:2%}
.flex2:nth-of-type(2n) {margin-left: 0;}
.flex2 .imgplace {height: 120px;position: relative;}
.flex2 img {max-height: 120px;}
.flex2 .title {font-size: 40px;margin:10px 0;}

.clear {width:100%;}

.liststyle {margin:2.5% auto}
.liststyle > div {margin: 0 0 20px 0;background:var(--greylight)}
.liststyle .flexview {display:flex;flex-wrap:wrap}
.liststyle .flexview .imgplace {width:25%;position:relative;overflow:hidden}
.liststyle .flexview .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;border:1px solid var(--greylight)}
.liststyle .flexview .abstract {width:75%;padding:4%;flex:auto}
.liststyle .flexview2 .abstract2 {width:50%;padding:0 0 0 2%}
.liststyle .flexview2 .abstract {display:flex;padding:4% 2%}
.liststyle .flexview2 .title {width:35%;padding:0 0 0 2%}
.liststyle .flexview2 .name {font-weight:var(--fontbold);margin:10px 0 0 0}
.liststyle .flexview2 .btnplace {width:15%;}
.liststyle .flexview2 .btn {border:1px solid var(--black);background:none;color:var(--black)}
.liststyle .flexview .title {font-size:24px;margin:0 0 10px 0;font-weight:var(--fontbold)}
.liststyle .flexview .date {font-size:18px;margin:0 0 10px 0;color:var(--maincolor)}
.liststyle a {display:block}
.liststyle a:hover, .liststyle a:focus {background:var(--maincolor)}
.liststyle a:hover .title, .liststyle a:focus .title {color:var(--seccolor)}
.liststyle a:hover .moreabstract, .liststyle a:focus .moreabstract, .liststyle a:hover .date, .liststyle a:focus .date,
.liststyle a:hover .name, .liststyle a:focus .name {color:var(--white)}
.liststyle .flex a:hover img, .liststyle .flex a:focus img {transform: scale(1.1,1.1);}
.liststyle a:hover .btn, .liststyle a:focus .btn {color:var(--white);border:1px solid var(--white)}

.liststyle2 {margin:2.5% auto}
.liststyle2 .flexview {display:flex;flex-wrap:wrap}
.liststyle2 > div {margin: 0 0 40px 0;padding:0 0 40px 0;border-bottom:1px solid var(--grey)}
.liststyle2 .abstract {width:75%;flex:auto;display:flex;}
.liststyle2 .abstract > div {width:50%}
.liststyle2 .abstract > div:first-of-type {padding:0 5%;background: url(../images/chat.png) left 10px no-repeat;}
.liststyle2 .imagesplace {width:25%;    display: flex;align-items: center;justify-content: center;}
.liststyle2 .imgplace {width:100px;position:relative;overflow:hidden;height:100px;border-radius:100%}
.liststyle2 .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle2 .btn {border:1px solid var(--black);color:var(--black);background:none}
.liststyle2 .title {font-size:24px;margin:0 0 5px 0;font-weight:var(--fontbold)}
.liststyle2 .subtitle {font-size:20px;margin:0 0 20px 0;}

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

.indexcontent {padding:6%;background:var(--maincolor)}
.indexcontent p, .indexcontent a, .indexcontent h2, .indexcontent h3, .indexcontent li {color:var(--white);}
.indexcontent .page {padding:0;}

.searchplace {position:fixed;right:0;top:95px;display:none;padding:10px;background:var(--white);box-shadow: var(--shadow);z-index: 22;}
.searchplace.opened {display:block}
.search {display:flex;max-width:300px;border:1px solid var(--grey);margin:0 5px;border-radius: var(--radius);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);}

.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 20px 0;}
.contactform label input, .contactform label textarea, .contactform select {background:var(--whiteopacity)}
.contactform textarea {height:105px;float: left;width: 100%;}
.contactform select {padding:10px;}
.contactform .errorplace {display: none;color:#8b0202;position:absolute;left:0;bottom:-15px;font-size:11px;}
.greenplace .contactform .errorplace {color:var(--white)}
.contactform .mandatorycontact span:after {content: "*";display: inline-block;color: #8b0202;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform label span {display:block;font-style:italic}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px;width:15px;height:15px;}
.contactform .jointomailinglist {display:flex;align-items: center;}
.contactform a[href^="tel:"], .contactflex a[href^="tel:"] {background: url(../images/phone.png) 0px center no-repeat;padding:2px 0 2px 45px;background-size:34px}
.contactform a[href^="mailto:"], .contactflex a[href^="mailto:"] {background: url(../images/email.png) 0px center no-repeat;padding:2px 0 2px 45px;background-size:34px;color:var(--black)}
.contactform a[href^="http:"], .contactflex a[href^="http:"] {background: url(../images/world.png) 0px center no-repeat;padding:2px 0 2px 45px;background-size:34px}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}
.contactform input[type="submit"] {background:none;float:left;border:1px solid var(--black);color:var(--black);width:auto}
.contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus {background:var(--seccolor);color:var(--black)}

.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}
.contactflex > div {width:30%}
.contactflex > div:nth-of-type(2n) {width:70%;padding:0 10% 0 0}
.contactflex h3 {font-size:20px;font-weight:500;margin:20px 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid var(--grey)}
.tmpcontact #maintitleplace {background:none;min-height:0;border:none;    margin: 170px 0 6% 0;}
.tmpcontact {background:var(--greylight)}
.tmpcontact #maintitleplace:before {display:none}
.tmpcontact .titleplace h1, .tmpcontact .titleplace h2, .tmpcontact .titleplace p, .tmpcontact .titleplace a, .tmpcontact .titleplace div {color:var(--maincolor)}
.tmpcontact .titleplace .smalltitle {border-bottom: 1px solid var(--maincolor);}

.tmpclients {background:var(--greylight)}
.tmpclients .flexplace .flex {background:var(--white)}

.mailinglist {background:var(--greylight);padding:6% 0;text-align:center}
.mailinglist h2 {font-size:24px;text-align:center}
.mailinglist .contactform {display:flex;align-items: center;}
.mailinglist .contactform label {margin:0 0 0px 4%}
.mailinglist .contactform input {border:1px solid var(--black);border-radius:var(--radius)}

.mailinglist.greenplace {background:var(--maincolor);text-align: center;}
.mailinglist.greenplace h2 {color:var(--white)}
.mailinglist.greenplace .contactform input {border:1px solid var(--white);background:none;color:var(--white)}
.mailinglist.greenplace .contactform input[type='submit'] {border:1px solid var(--white);color:var(--white)}
.mailinglist.greenplace iframe {background:none;margin:auto;width:100%;}

.gmap iframe {width:100%}

.tags {display:flex;padding:2%;flex-wrap: nowrap;justify-content: center;}
.tagsplace {background:none;border-top:1px solid var(--grey)}
.tagsplace h2 {margin: 0 0 20px 0;text-align: center;}
.tags a {display: block;padding: 5px 10px;color: var(--white);margin: 2px 0;background: var(--maincolor);margin:10px;}
.tags a:hover, .tags a:focus {background:var(--seccolor);color:var(--black)}

#yearFilter { float: left;
    width: 200px;
    border: 1px solid var(--black);
    border-radius: var(--radius);margin: 0 0 20px 0;}

#yearFilter.yearFilter {margin:50px 0 0px 0}

#contactfooter {}
#contactfooter .title {font-size:var(--fonttitle);color:var(--white);margin:0 0 20px 0;}
#contactfooter p {}
#contactfooter .contactform {display:flex;margin:auto;}
#contactfooter .contactform > div {width:48%;margin:1%}
#contactfooter .contactform label {margin:0 0px 18px 0px;}
#contactfooter .contactform input[type="submit"] {margin:0;border:none}
#contactfooter .contactform input[type="submit"]:hover {}

footer {width:100%;display: flex;align-items: center;background:var(--maincolor);padding:4% 0 0 0}

.mainphone, .mainemail {display: block;background: var(--white) url(../images/whatsup.png) 92% 9px no-repeat;background-size: 30px;font-size: var(--fonttitle);margin: 5px 0;padding: 13px 45px 13px 15px;border-radius: var(--radius);position: fixed;right: 10px;bottom: 60px;z-index: 99;}
.mainemail {bottom: 0px;}

.credits {padding:20px 0;width:100%;float:left;margin:4% 0 0 0}
.credits a:hover, .credits a:focus {text-decoration:underline}
.credits p, .credits a {margin:0;color:var(--white);font-size:16px;}

.logosslider img {margin:auto;max-width:90%;max-height:100%;}
.logosslider li {padding:10px}
.logosslider .imgplace {display:flex;height:120px;align-items: center;filter: grayscale(100%);margin:5px;background:var(--white)}
.logosslider .slide:hover .imgplace, .logosslider a:focus .imgplace {filter: none;}
.logosslider .slick-prev {left:20px}
.logosslider .slick-next {right:20px}

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

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

.docsplace, .linksplace {padding:20px 0;margin:3% 0;border-top:1px solid var(--grey)}
.docsplace .title, .linksplace .title {font-size: var(--fonttitle);margin:0 0 10px 0;font-weight:var(--fontbold)}
.docsplace a, .linksplace a {display:flex;align-items: center;color:var(--black);min-height: 30px;padding:5px 30px;}
.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;}
.docsplace a {background: url(../images/download.png) left center no-repeat;}

.tabsplace {}
.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;}
.tabbody {padding:2% 0}

.tabsplacewrap {background:var(--white);padding:2%;margin:20px 0 0 0;display:flex;position:relative}
.tabsplacewrap > div {padding:2%;width:50%;min-height:550px;}

.tabsplace2 {}
.tabsplace2 > a {padding:10px 0px;border-bottom:1px solid var(--greylight);display:block;background: url(../images/arrowblack2.png) -50px center no-repeat;}
.tabsplace2 > a:hover, .tabsplace2 > a:focus, .tabsplace2 > a.this {background: url(../images/arrowblack2.png) 15px center no-repeat;font-weight:var(--fontbold)}

.tabcontentplace2 {width:50%;float:left;padding:20px;position:absolute;left:2%;top:2%;}
.tabcontentplace2 .tab {display:none} 
.tabcontentplace2 .tab.this {display:block}
/*.tabcontentplace2 a {display:block;padding:5px 15px;margin:0 0 2px 0;color:var(--maincolor);background: url(../images/arrowblack2.png) -50px center no-repeat;}
.tabcontentplace2 a:hover, .tabcontentplace2 a:focus {background:var(--seccolor) url(../images/arrowblack2.png) 15px center no-repeat;font-weight:var(--fontbold)}
	*/
.tabcontentplace2 a {display:block;padding:10px 10px;color:var(--greydark);margin:2px 0;background:var(--greylight) url(../images/arrowblack2.png) -50px center no-repeat;background-size:25px;}
.tabcontentplace2 a:hover, .tabcontentplace2 a:focus {background:var(--seccolor) url(../images/arrowblack2.png) 15px center no-repeat;font-weight:var(--fontbold);color:var(--black);background-size:25px;}


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

.leftcolumn {width: 100%;float: left;}

.rightmenuplace {border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);padding:30px 0;margin:30px 0;}
.rightmenuplace .title {font-size:28px;font-size: var(--fonttitle);margin: 0 0 10px 0;font-weight: var(--fontbold);}

.rightmenu {display:flex;flex-wrap: wrap;}
.rightmenu li {width:49.5%;margin:.25%;list-style-type:none;list-style: none;}
.rightmenu a {display:block;padding:5px 10px;color:var(--greydark);margin:2px 0;background:var(--greylight) url(../images/arrowblack2en.png) 105% center no-repeat;background-size:25px;}
.rightmenu a:hover, .rightmenu .this a {background:var(--seccolor) url(../images/arrowblack2en.png) 95% center no-repeat;font-weight:var(--fontbold);color:var(--black);background-size:25px;}

.grid {}
.grid-sizer, .grid-item {width: 23%;}
.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);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 .dnone {display:none}
.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 {float:right;display: flex;width: 85%;}
.bannerplace p, .bannerplace a {color:var(--white);font-size:18px}
.bannerplace > div {padding:0 0 0 4%}
.bannerplace p {margin:0 0 20px 0;}

.socialmedia {display: flex;flex-wrap:wrap;float:left;justify-content: center;width: 150px;}
.socialmedia a {margin:5px;width:40px;height:40px;filter: brightness(0) invert(1)}
.socialmedia a:hover {opacity:.5}
.socialmedia .facebook {background: url(../images/facebook.png) center center no-repeat;background-size:cover}
.socialmedia .youtube {background: url(../images/youtube.png) center center no-repeat;background-size:cover}
.socialmedia .instagram {background: url(../images/instagram.png) center center no-repeat;background-size:cover}
.socialmedia .linkedin {background: url(../images/linkedin.png) center center no-repeat;background-size:cover}
.socialmedia .tiktok {background: url(../images/tiktok.png) center center no-repeat;background-size:cover}
.socialmedia a.opencontact {border:1px solid var(--white);border-radius:var(--radius);color:var(--white); padding:10px; width:150px;height:auto;text-align:center;flex:auto;margin:20px 0 0 0}
.opencontact:hover, .opencontact:focus {}

.footerlinksplace {display: flex;flex-wrap: wrap;padding:0 0 4% 0;margin:0 0 4% 0;border-bottom:1px solid var(--white)}
.footerlinksplace .title {margin:0px 0 10px 0;color:var(--white);font-size:20px;font-weight:var(--fontbold)}
.footerlinksplace a {display:block;margin:5px 0 0 0;color:var(--white);font-size:16px;}
.footerlinksplace a:hover {text-decoration:underline}
.footerlinksplace > div {flex:auto;width:20%;padding:0 0 0 2%}

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

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

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

.whatsappPr {padding:5px 10px 5px 10px;display:flex;align-items: center;font-weight:var(--fontbold)}
.whatsappPr:hover, .whatsappPr:focus {text-decoration:underline}
.whatsappPr:before {background: #25D366 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)}

.tmpregularcalc table {width:auto !important;float:none !important;margin:30px auto 0px auto;padding:0}
.tmpregularcalc table td, table th {width:auto !important;}
.tmpregularcalc #bodytext {display:none}
.tmpregularcalc #bodytext.opened {display:block}
                
.searchyears {float:left;width:200px;border:1px solid var(--black);border-radius:var(--radius)}

.acronyme.btn {margin:30px 0 20px 0;border-radius:0;font-size:14px;padding:10px 15px;background:var(--maincolor) url(../images/arrowwhite.png) 15px center no-repeat;padding-left:50px}
.acronyme.btn:hover, .acronyme.btn:focus {background:var(--seccolor) url(../images/arrowblack.png) 15px center no-repeat;}

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

.slider-nav {margin:10px 0;} 
.slider-nav .slick-slide {margin:0 5px;cursor:pointer;float:right}
.slider-nav .slick-slide > div {height:80px;display:flex;background:var(--white);align-items: center;justify-content: center;border:1px solid var(--greydark);    overflow: hidden;padding:3px;}
.slider-nav img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.slider-nav .slick-slide.slick-current img {opacity:1}
.slider-nav a {overflow:hidden;position:relative;height:100%}
.slider-nav a:hover img, .slider-nav a:focus img {transform: scale(1.1,1.1);opacity:1}
.slider-nav .slick-track {float:right}
/*
.slider-nav.slick-slider .slick-next, .slider-nav.slick-slider .slick-prev {left:50%;bottom:auto;top:-50px;transform: rotate(-90deg);margin:0 0px 0 -30px;border:1px solid var(--greylight)}
.slider-nav.slick-slider .slick-next {top:auto;bottom:-50px;transform: rotate(90deg);}
*/
#featuresplace {margin:3% 0;background:var(--greylight);padding:5%;}
.infoboxesplace {display: flex;flex-wrap: wrap;}
.infoboxesplace .slick-slide > div {padding:0 5px;}
.infobox {width: 10.1%;margin: 0 .5%;}
.infobox .imgplace {width: 100%;height: 100px;position: relative;overflow: hidden;background:var(--white);display:flex;align-items: center;justify-content: center;}
.infobox img {max-height:98px;max-width:98%}
.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}
#featuresplace h2 {width:100%;text-align:center}

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


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

.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:#8b0202; 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, .slidebox a:focus, .newshome a:focus {outline: 1px dashed var(--maincolor);outline-offset: 1px;box-shadow: 0px 0px 2px rgba(0,0,0,.5);}
.faqsplace button {outline:none;box-shadow:none}

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

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

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

div .slick-prev, div .slick-next {z-index:5;width: 50px;height: 50px;background: var(--whiteopacity);transform:none;margin:-25px 0 0 0;border:1px solid var(--grey);border-radius:100%}
div .slick-prev:hover, div .slick-next:hover, div .slick-prev:focus, div .slick-next:focus {background:var(--maincolor)}
div .slick-prev {left:-50px; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:-50px;} 
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {background:var(--grey);content:"";display:block;position:absolute;right:22px;top:12px;width:1px;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);}

.tabs {display:flex;justify-content: center;position:relative}
.tabs .btn2 {margin:0 10px;border:1px solid var(--grey);border-bottom:none;padding: 10px 15px;font-size: 18px;}
.tabs .btn2:hover {background:var(--seccolor)}
.tabs .btn2.this {background:var(--greydark);color:var(--white)}

.toggletab {position:absolute;left:0;padding: 10px 20px;}
.toggletab:hover, .toggletab:focus {background:var(--seccolor)}

.englishtabsplace, .hebrewtabsplace {display:none}
.englishtabsplace.opened, .hebrewtabsplace.opened {display:block}

.tabresult {padding:2%;border:1px solid var(--grey);}
.tabresult h2 {font-size:var(--fonttitle);text-align:center}
.tabresult .btn {margin:20px 0 0 0}
.tabresult p {text-align:center;font-size:16px;margin:0 0 20px 0;}

.tabselect {display:flex;justify-content: center;}
.tabselect > div {margin:10px;}
.tabselect select {background: var(--greylight);}

.tabresultplace {padding:2%;text-align:center}
.tabresultplace > div div {border-bottom: 1px solid var(--grey);margin: 0 0 5px 0;padding: 0 0 5px 0;display: flex;justify-content: center;direction: ltr;}
.tabresultplace > div div span {font-weight:var(--fontbold);display:inline-block;margin:0 10px}
.tabresultplace > div div span:first-of-type {font-weight:700}

#divresults2.tabresultplace > div div {direction:rtl}

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,
html:lang(he) .slick-slider .slick-list, html:lang(he) .slick-slider .slick-track{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) .searchplace {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 li {background: url(../images/dot.png) right 8px no-repeat;list-style-type: none;padding: 0 20px 0 0px}
html:lang(he) .linksplace a {background: url(../images/link.png) right center no-repeat;}
html:lang(he) .docsplace a {background: url(../images/download.png) right center no-repeat;}
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) .slick-slide {float:right !important}
html:lang(he) .mainmenu ul li {margin:0 0 0 5%;}
html:lang(he) .mainmenu li li:hover a span, html:lang(he) .mainmenu li li a:hover span, html:lang(he) .mainmenu li li a:focus span {background: url(../images/arrowwhite2.png) 0px center no-repeat;}
html:lang(he) .mainmenu ul ul li:hover a span, html:lang(he) .mainmenu ul ul li a:hover span, html:lang(he) .mainmenu ul ul li a:focus span {background: url(../images/arrowwhite2.png) 0px center no-repeat;}
html:lang(he) .mainmenu li li a span {padding-right:0px;padding-left:30px;}
html:lang(he) .firstforum h3, html:lang(he) .firstforum .title, html:lang(he) .liststyle2 .abstract > div:first-of-type {background: url(../images/chat.png) right 10px no-repeat}
html:lang(he) .rightmenu a {background:var(--greylight) url(../images/arrowblack2.png) -50px center no-repeat;background-size:25px;}
html:lang(he) .rightmenu a:hover, html:lang(he) .rightmenu .this a {background:var(--seccolor) url(../images/arrowblack2.png) 15px center no-repeat;background-size:25px;}

html:lang(he) .mainmenu ul li:hover li a span, html:lang(he) .mainmenu ul li li a span, html:lang(he) .mainmenu ul li.this li a span {background:none;}
html:lang(he) .mainmenu ul ul li:hover a span, html:lang(he) .mainmenu ul ul li a:hover span, html:lang(he) .mainmenu ul ul li a:focus span {background: url(../images/arrowwhite2.png) left center no-repeat;}

html:lang(en) .noen {display:none}
html:lang(en) .firstforum {left:auto;right:2%}
html:lang(en) .forum button {background: url(../images/arrowblacken.png) -10% center no-repeat;padding: 5px 5px 5px 35px;}
html:lang(en) .forum button:hover, html:lang(en) .forum button:focus {background: url(../images/arrowblacken.png) left center no-repeat;}

@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 a {font-size: 16px;padding: 30px 10px;}
	.topmenu li a {font-size: 16px;padding: 10px 10px;}
}

@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, .slidetodown {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, .features .title, .titleplace h1 {font-size:40px;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title, .movieplace .title {font-size:25px;}
	h3 {font-size:20px;}
	h4, .titleplace p, .titleplace a, .titleplace div {font-size:18px;}
	.credits p, .credits a, .sliderhome p {font-size:14px}
	.page, .shortpage {width:100%;max-width:100%;padding:0 4%}

	.titleplace h1 {margin:10px 0; font-weight: 600;line-height:100%}

	header {padding:1% 2%;}
	html:lang(he) header .wrap {flex-direction: row-reverse;}

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

	.openmenu {display:block;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;font-weight:var(--fontbold)}
	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a {padding:5px;color:var(--black)}
	.mainmenu li li a span {padding:5px;font-weight:300}
	.mainmenu ul {width:100%;margin:0;background:var(--greylight);display:block}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-3%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}
	.dropmenuplace {opacity:1;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;box-shadow: 0px 0px 0px rgba(0,0,0,.2); }
	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}

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

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

	.contactform {margin:0 0 5% 0}

	.firstforum {width:100%;display:block;position:static}
	.forum button {display:none}
	.firstforum h3, .firstforum .title, html:lang(he) .firstforum h3, html:lang(he) .firstforum .title {font-size:20px;padding:5px 20px;background-size:15px;}
	.forumsplace .btn {margin:10px 0 30px 0;padding:5px;width: 150px;}

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

	.sliderhome img {opacity:.5}

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

	.productslistselects .page, .accordionplace, #contactfooter .contactform, .greendata, .liststyle .flexview2 .abstract,
	.tabselect, .tabsplacewrap {flex-wrap: wrap;}

	.featuresproject, .movieplace .page, .bannerplace {flex-direction: column-reverse;}
	 .donate, .herefor4, .liststyle2 .flexview, .liststyle2 .abstract {flex-direction: column;}

	.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, .movieplace .page > div:first-of-type,
	body .confirmplace > div:nth-of-type(2n), .featuresproject > div, .movieplace .page > div:nth-of-type(2n), .bannerplace > div,
	.donate > div:first-of-type, .donate > div:nth-of-type(2n), .herefor4 div, .liststyle2 .imagesplace, .liststyle2 .abstract,
	.liststyle2 .abstract > div:first-of-type, .liststyle2 .abstract > div, .rightmenu li, .greendata div, .flexplace .flex4,
	.liststyle .flexview .imgplace, .liststyle .flexview2 .abstract, .liststyle .flexview2 .abstract > div, .tabsplacewrap > div,
	.contactflex > div:nth-of-type(2n), .forumsplace .page > div, .tabselect > div, .flexplace .flex {width:100%;margin:0 auto 5% auto;border:none}

	.shippingdata > div {width:100%}

	.liststyle2 .abstract > div:first-of-type {padding:0 40px 0 0}

	.sliderhome .slide {height:450px;}
	.featuresproject > div {min-height:450px;}
	#maintitleplace {min-height:200px;padding: 2% 2% 5% 2%;flex-direction: column;}

	.mailinglist h2, .contactflex > div:nth-of-type(2n) {padding:10px}

	.liststyle .flexview .imgplace {height:150px;}
	.sliderhome .btnplace a {padding: 10px 10px 10px 45px;}
	.accordionplace .feature {flex:initial}

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

	.infobox {margin:1%;width:48%}

	.language {position:static}
	.language > div {width:100%}

	.tabcontentplace2 {width:100%;position:static;padding:0}
	.tabsplace2 > a:hover, .tabsplace2 > a:focus, .tabsplace2 > a.this {    background: url(../images/arrowblack2.png) 0px center no-repeat;}

	.tabs .btn2 {margin: 0 5px;padding: 5px 10px;font-size: 12px;}
	.toggletab {position:static;font-size:12px;}
	table td, table th {padding: 2px;}
	table td, table th, table a, table p, table div {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;}

	.breadcrumbs {bottom:10px;position:relative;border-top:1px solid var(--white);padding:10px 0 0 0;left:0;margin:20px 0 0 0}
	.breadcrumbs ul {display:block;line-height: 100%;}
	.breadcrumbs li, .breadcrumbs span, .breadcrumbs a {    font-size: 14px;line-height:100%}

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

	.flexplace .management .moreabstract {opacity:1;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);position:static}

	.herefor4 a {margin:5px;}

	div .slick-next {right: 0;zoom:.7}
	div .slick-prev {left: 0;zoom:.7}

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

	.featurepopupplace .featurepopup {padding: 20px;}
	.featurepopupplace .featurepopupdata {display: block;}
	.featurepopupplace .imgplace {max-width:100%}
	.featurepopupplace .close {    right: 2px;top: 2px;background: #fff;}
	.featurepopupplace .btn {margin:10px 0 0 0}
}

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

.mailinglist.greenplace .contactform input ::-webkit-input-placeholder { color:var(--white)}
.mailinglist.greenplace .contactform input ::-moz-placeholder { color:var(--white)}
.mailinglist.greenplace .contactform input :-ms-input-placeholder {color:var(--white) }
.mailinglist.greenplace .contactform input :-moz-placeholder {color:var(--white) }

.greenplace .contactform input::-webkit-input-placeholder { color:var(--white)}
.greenplace .contactform input::-moz-placeholder { color:var(--white)}
.greenplace .contactform input:-ms-input-placeholder {color:var(--white) }
.greenplace .contactform input:-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}
}