@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Poppins';font-style: normal;font-weight: 300;src: url('Fonts/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Poppins';font-style: normal;font-weight: 400;src: url('Fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Poppins';font-style: normal;font-weight: 500;src: url('Fonts/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Poppins';font-style: normal;font-weight: 600;src: url('Fonts/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}

@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:#C7101B;
--seccolor:#e5555e;
--fontcolor:#2B2B2B;
--fontsize:18px;
--fonttitle:26px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #ccc;
--greylight: #909090;
--greylight2: #ECECEC;
--greydark: #4E4E4E;
--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) Poppins, 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:lang(he) body,
html:lang(he) html, html:lang(he) body, html:lang(he) div, html:lang(he) h1, html:lang(he) h2, html:lang(he) h3, 
html:lang(he) h4, html:lang(he) p, html:lang(he) th, html:lang(he) td, html:lang(he) form, html:lang(he) li, html:lang(he) button{font-family: Assistant, Arial, Helvetica, sans-serif;}
html, body {height:100%}
input, textarea, select {background:none;border-bottom:1px solid var(--grey);width:100%;padding:10px 5px;border-radius: 0;font-size:16px}
div, p, li {line-height: 120%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:100%;margin:0 0 20px 0;font-weight:500}
h1 {font-size: 72px;} h2, h2 div {font-size: 36px;} h3, h3 div {font-size: 30px;} 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, .dnone {display:none}

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

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

.logo {margin:0 20px 0 0;width:115px;}
.logo img {}

.menus {display: flex;flex-wrap: wrap;max-width: 89%;}
.menuplace {display: flex;width: 90%;flex: auto;}
.mainmenu {display: flex;}
.mainmenu li {position:relative}
.mainmenu li:after {position:absolute;right:0;top:10%;height:80%;width:1px;content:"";display:block;background:var(--fontcolor)}
.mainmenu li:last-of-type:after {display:none}
.mainmenu li a {display:flex;padding:0px 25px;height:100%;color: var(--fontcolor);position:relative;font-weight: 400;font-size:1vw}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {color:var(--maincolor)}

.mainmenu ul {}
.mainmenu ul li {position:relative}
.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {padding:10px 10px;display:block;text-align:initial;background:none;color:var(--black)}
.mainmenu li li:hover a, .mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this a {color:var(--maincolor)}

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

.topmenu {display: flex;margin:0 0 15px 10px}
.topmenu li {position:relative}
.topmenu li a {display:flex;padding:0px 15px;color: var(--greylight);position:relative;font-size:.9vw}
.topmenu li > a:hover, .topmenu li > a:focus, .topmenu li.this > a {color:var(--maincolor)}

.topmenu ul {}
.topmenu ul li {position:relative}
.topmenu li:hover li a, .topmenu li li a, .topmenu li.this li a {padding:10px 15px;display:block;text-align:initial;background:none;color:var(--black)}
.topmenu li li:hover a, .topmenu li li a:hover, .topmenu li li a:focus {color:var(--maincolor)}

.dropmenuplace {position: absolute;top: 100%;left: 0%;z-index: 1;width:320px;display: none;background:var(--white);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 30px;background: var(--maincolor);color:var(--white);margin:0px auto;text-align:center;border-radius:var(--radius);border:2px 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 {background:var(--black);color:var(--white)}

.sliderhome {position: relative;padding:4% 0}
.sliderhome .slide {height:500px;position: relative;overflow: hidden;}
.sliderhome img {max-width:500px;max-height:500px;margin:auto}
.sliderhome .title {font-size:32px;color:var(--white);background:var(--maincolor);padding:10px 20px;display:inline-block;border-radius:4px;margin:0 0 20px 0;}
.sliderhome h2 {font-size:72px;font-weight:600;}
html:lang(he) .sliderhome h2 {font-weight:700;}
.sliderhome h3 {font-size:32px;font-weight:400}
.sliderhome .btn {background:var(--fontcolor)}
.shflex {display:flex;align-items: center;}
.shflex .abstract {width:60%}
.shflex .imgplace {width:40%}

.sliderhome .slick-dotted.slick-slider {margin:0}
.sliderhome .custom-dots {bottom: 15px;}

.bigtitle {font-size:36px;color:var(--fontcolor);line-height:140%;margin:0 0 20px 0;}
.bigtitle span, .highlight {color:var(--maincolor);display:inline-block}

.hpvideo {display: flex;flex-wrap: wrap;margin:0 0 6% 0}
.hpvideo .video {height:700px;position: relative;overflow: hidden;background:var(--black);}
.hpvideo video, .hpvideo iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.hpvideo .title {font-size:36px;color:var(--fontcolor);line-height:140%;font-weight:500;margin:0 0 20px 0;text-align:center}
.hpvideo .title span {color:var(--maincolor);}
.movieplace {width:100%}
.maincontent, #maintitleplace{margin-top:140px}
.columns {margin-top:150px}

.stripplace {min-height:300px;position:relative}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.content {padding:0 0 4% 0;}

.imagesplace {position:relative;text-align:center}
.imagesplace a {display:flex;position:relative;}
.imagesplace img {margin:auto;max-height:500px}

.imagesplace.imgslider div, .imagesplace.imgslider .slick-slide div a {height:100%;}
.imagesplace.imgslider a {display:flex !important;}
/*.imagesplace.imgslider .custom-dots {bottom:0}*/

.mainabstract p {    line-height: 140%;margin: 0 0 15px 0;}

.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:15px;line-height:100%}
.breadcrumbs span {padding: 0 10px;color:var(--greydark);font-size:12px}
.breadcrumbs a {color:var(--fontcolor);font-size:15px;line-height:100%}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.featuresplace {background:var(--greylight2);padding:6% 0;}

.featuresplace .page {display:flex;    flex-direction: row-reverse;}
.featuresplace .page .features {width:60%}
.featuresplace .page .featuretext {width:40%}

.featuretext {padding:0 0 0 6%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.featuretext .btn {margin:0;width:auto;display:inline-block}
.featuretext .bigtitle span {display:block}

.features {display:flex;flex-wrap:wrap;}
.features > div {width: 31%;margin: 1%;background:var(--white);padding:30px}
.features .imgplace {height:80px;display:flex;width:80px;margin:0 auto 10px auto}
.features .title {margin:10px;text-align:center;font-weight:600}
.features a:hover img {transform: scale(1.1,1.1);}

.featurescardsplace {overflow:hidden;max-height:610px;position:relative}
.featurescardsplace .btn2 {    background: var(--maincolor) url(../images/whitearrow.png) center center no-repeat;padding: 13px 40px;border-radius: 20px;display: block;transform: rotate(180deg);margin: 10px 0 0 0;width: 80px;}
.featurescards{display:grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-auto-rows: 300px;  gap:5px;grid-template-areas:"item1 item1 item2""item3 item4 item5";}
.featurescards > .featurecard:nth-child(1){ grid-area:item1; }
.featurescards > .featurecard:nth-child(2){ grid-area:item2; }
.featurescards > .featurecard:nth-child(3){ grid-area:item3; }
.featurescards > .featurecard:nth-child(4){ grid-area:item4; }
.featurescards > .featurecard:nth-child(5){ grid-area:item5; }
.featurescards > .featurecard:nth-child(n+6){ grid-area:auto; }

.featurecard {position: relative;overflow: hidden;display: block;text-decoration: none;color: #fff;cursor: pointer;}
.featurecard .imgplace {height:100%;}
.featurecard img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .6s ease;}
.featurecard .abstract {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:4%;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.featurecard .title2 {color:var(--white);font-size:36px;padding:0 0 0 15px;border-left:5px solid var(--white)}
.featurecard .subtitle {color:var(--white);font-size:20px;}
.featurecard:hover img {transform: scale(1.05);}
.featurecard::before {content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0.15) 40%,rgba(0, 0, 0, 0) 70%);z-index: 1;}

.featuresbottom {background:var(--greylight2);padding:6% 0}
.featuresbottom .bigtitle {text-align:center}

.featureswhite {display:flex;flex-wrap:wrap}
.featureswhite > div {width:31.3%;margin:1%;padding:4%;background:var(--white);text-align:center}
.featureswhite .title2 {color:var(--maincolor);font-size:24px;margin:0 0 10px 0;font-weight:500}


.mainflex {display:flex;flex-wrap:wrap;padding:4% 0;}
.mainflex > div {flex:auto;width:50%}

.maintitleplace {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding:0 4% 0 0}
.maintitleplace h1 {font-size:40px;}

.catalogpage {padding:20px 0;border-top:1px solid var(--maincolor)}
.catalogpage .title2 {font-size:30px;width:100%;position:relative;text-align:initial}
.catalogpage > h2 {margin:0;font-size: 30px;}
.catalogpage .arrow {display:block;width:55px;height:55px;position:absolute;right:0px;top:0px;z-index: 9;}
.catalogpage .arrow:before, .catalogpage .arrow:after {background:var(--black);content:"";display:block;position:absolute;left:20px;top:17px;width:1px;height:20px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
.catalogpage .arrow:before {    transform: rotate(45deg);left: 34px;}
.catalogpage.opened .arrow::after {left:34px;background:var(--maincolor);}
.catalogpage.opened .arrow::before {left:20px;background:var(--maincolor);}

.listtoggle {margin:0 0 4% 0}

.togglebody {display:none;padding:20px 0 0 0}
.listtoggle .togglebody{display:none;}

.greyplace {background: var(--greylight2);padding:4%;margin:0 0 4% 0}
.greyplace h2 {text-align:center;font-size:40px;}
.greyplace h2 span {font-size:40px;}
/*.greyplace p, .greyplace a, .greyplace li, .greyplace h2, .greyplace h3 {color:var(--white)}*/

.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, .mainabstract p a {color:var(--maincolor);text-decoration:underline}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul, .bodytext ol {margin:0 5px;padding: 0;}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 8px no-repeat;list-style-type: none;padding: 0 0 0 17px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}
.bodytext h2 {    font-size: 30px;margin:30px 0 15px 0}
.bodytext h3 {    font-size: 26px;margin:30px 0 15px 0}
.bodytext h4 {    font-size: 22px;margin:30px 0 15px 0}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:0 0 3% 0}
.flexplace .flex {width: 23%;margin: 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 .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;}

.flex2 .imgplace {height:400px;position:relative;overflow:hidden;background:var(--black)}
.flex2 img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .6s ease;opacity:.8}
.flex2 .abstract {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:4%;display: flex;    flex-direction: column;justify-content: center;align-items: center;}
.flex2 {width: 49%;margin: .5%;position:relative}
.flex2 .title {color:var(--white);font-size:32px;font-weight:500;margin:0 0 10px 0;}
.flex2:hover img {transform: scale(1.05);}
.flex2::before {content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0.15) 40%,   rgba(0, 0, 0, 0) 70%);z-index: 1;}

.flex3 .imgplace {height:200px;position:relative;overflow:hidden;background:var(--black)}
.flex3 img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .6s ease;opacity:.8}
.flex3 .abstract {padding:4%;}
.flex3 {width: 31%;margin: 1%;position:relative;background:var(--white)}
.flex3 .title {font-size:32px;font-weight:500;margin:0 0 10px 0;}
.flex3:hover img {transform: scale(1.05);}

.client {width: 13.2%;margin: .5%;padding:10px;box-shadow:var(--shadow)}
.client .imgplace {height:100px;display:flex;align-items: center;justify-content: center;}
.client img {max-width:98%;max-height:98%;}
.client .title {text-align:center;font-weight:500;padding:5px;}

/*
.project {text-align:center;padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:1px solid var(--greylight)}
.project .title {font-size:var(--fonttitle);font-weight:bold;font-style:italic;color:var(--seccolor)}
.project .subtitle {font-size:20px;font-style:italic;margin:10px 0;}
.project .moreabstract {margin:40px 0 0 0;}
	*/
.liststyle {margin:0 0 3% 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;margin:0 4% 0 0}
.liststyle .flexview .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .flexview .abstract {width:71%;flex:auto}
.liststyle .flexview .title {font-size:36px;margin:0 0 10px 0;color:var(--black);font-weight:500}
.liststyle .flexview .date {font-size:18px;margin:0 0 10px 0;color:var(--maincolor)}
.liststyle .btn {margin:10px 0 0 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%;text-align:center;max-width:1000px;margin:0 auto}
.indexcontent p {margin:0 0 20px 0}
.indexcontent .btn {border:2px solid var(--maincolor);background:none;color:var(--fontcolor)}

.searchplace {position:fixed;right:0;padding:10px;background:var(--whiteopacity);display:none;    top: 135px;width:100%;}
.searchplace.opened {display:block}
.search {display:flex;border:1px solid var(--maincolor);margin:0 auto;position:relative;border-radius:var(--radius);width:320px;}
.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;}
.search .submitsearch:hover, .search .submitsearch:focus {}

.search_resultsplace {display:none;}

.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 20px 0;}
.contactform label input, .contactform label textarea, .contactform select {}
.contactform textarea {height:110px;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);}

.gmap {margin:40px 0 0 0}
.gmap iframe {width:100%}

#contactfooter {width:37.5%;margin:0 2.5% 0 0 }
#contactfooter .title2 {color:var(--white);margin:0 0 10px 0;padding:7px 10px;background:var(--maincolor);border-radius:4px;display:inline-block}
#contactfooter .title3 {color:var(--white);margin:0 0 10px 0;}
#contactfooter input, #contactfooter textarea, #contactfooter .errorplace {color:var(--white);}
 
#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 {padding:6% 0 4% 0;background:var(--greydark)}
footer .page {display:flex;flex-wrap:wrap;}

.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;position: fixed;right: 10px;bottom: 60px;z-index: 99;}
.mainemail {bottom: 0px;}

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

.logosplace {padding:4% 0}
.logosplace h2 {text-align: center;}
.logosslider img {margin:auto;max-width:98%;max-height:98%;}
.logosslider li {padding:10px}
.logosslider .imgplace {display:flex;height:60px;align-items: center;}
.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;}

.managements > div {width:49%;margin:.5%;border-radius:10px;background: #03BEBC;background: linear-gradient(180deg, rgba(3, 190, 188, .5) 0%, rgba(3, 190, 188, 0) 100%);}
.managements .abstract {padding:10%;text-align:center;position:relative}
.managements .abstract:after {}
.managements .m_img {width:160px;background:var(--white);margin:auto;padding:30px 5px 5px 5px;border-radius:0 0 75px 75px;}
.managements .imgplace {width:150px;border-radius:100%;overflow:hidden;height:150px;}
.managements .title {font-size:var(--fonttitle);font-weight:bold}
.managements .position {font-size:20px;margin:5px 0 0 0}
.managements .moreabstract {margin:40px 0 0 0}

.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);margin:3px 0;filter: brightness(0) invert(0);}
.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 50px 0}
.leftmenu a {display:flex;align-items: center;color:var(--fontcolor);font-size:var(--fonttitle);margin:5px;font-weight:700;text-transform:uppercase}
.leftmenu a:after {width:30px;height:30px;content:"";display:block;background: url(../images/up-arrow.png) center center no-repeat;background-size: 25px;margin:0 0 0 5px}
.leftmenu .level1.this {display:none}
.leftmenu a:hover {}
.leftmenu .this a {}


.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:60%;}
.bannerplace .bannerflex {display:flex}
.bannerplace li, .bannerplace a, .bannerplace p, .bannerplace h2, .bannerplace h3 {color:var(--white);    line-height: 140%;}
.bannerplace p, .bannerplace li {margin:0 0 15px 0;}
.bannerflex > div {width:25%;padding:0 30px 0 0;flex:auto}
.bannerplace a:hover {text-decoration:underline}

.socialmedia {display: flex;flex-wrap:wrap;justify-content: center;float: right;}
.socialmedia a {margin:5px;width:34px;height:34px;}
.socialmedia a:hover {opacity:.5}
.socialmedia .facebook {background: url(../images/face.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/inst.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}

.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:450px;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-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:3px 0;display: flex;flex-wrap: wrap;}
.infoboxesplace .imgplace {height:200px;position:relative;overflow:hidden;background:var(--black);display: flex;
    flex-direction: column;
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: var(--radius);
    overflow: hidden;}
.infoboxesplace img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .6s ease;opacity:.8}
.infoboxesplace .abstract {padding:4%;}
.infoboxesplace > div {width: 31%;margin: 1%;position:relative;background:var(--white)}
.infoboxesplace .title {font-size:24px;font-weight:500;margin:0;}
.infoboxesplace .title .highlight{    color: var(--fontcolor) !important;}
.infoboxesplace a:hover img {transform: scale(1.05);}

.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;width:45px;height:45px;background: url(../images/search.png) center center no-repeat;border-radius:100%;border:1px solid var(--maincolor)}
.opensearch:hover, .opensearch:focus {background-color:var(--greylight)}
.opensearch.opened  {background:var(--grey) url(../images/close.png) center center no-repeat;background-size: 25px;filter: grayscale(100%);}

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

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

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

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

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

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

.custom-dots {text-align:left;bottom:-25px;    display: flex;position:absolute}
.custom-dots li {list-style-type:none;list-style: none;}
.custom-dots li a {width: 13px;height: 13px;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);}

.cookiesplace {z-index: 999;display:none;position:fixed;background:#000\8;background-color: rgba(0,0,0,0.8);width: 100%;bottom: 0;padding: 10px 10%;color: #fff;text-align: center;font-size: 16px;left:0}
.cookiesplace p, .cookiesplace a {color:#fff}
.cookiesplace button {color: #fff;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:#000;}

.noflexplace {display:none !important}

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

html:lang(he) .accountplace .openaccount, html:lang(he) .productflex,
html:lang(he) button.addtocart, html:lang(he) .movebtns {flex-direction: row-reverse;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-prev {left:auto;right:20px;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-next {right:auto;left:20px;}
html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount,
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) .liststyle .flexview .imgplace {margin: 0  0 0 4%;}
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;}

html:lang(he) .logo {margin: 0  0 0 20px;}
html:lang(he) .mainmenu li:after {    right: auto;    left: 0;}
html:lang(he) .featuretext {padding: 0 6% 0 0 ;}
html:lang(he) .featurecard .title2 {    padding: 0 15px 0 0 ;border:none;border-right: 5px solid var(--white);}
html:lang(he) .featurescardsplace .btn2 {transform: rotate(0deg);}
html:lang(he) #contactfooter {margin: 0 0 0 2.5% ;}
html:lang(he) .catalogpage .arrow {right: auto;left: 0px;}
html:lang(he) .maintitleplace {padding: 0  0 0 4%;}
html:lang(he) .mainmenu li a {    font-size: 1.3vw;}


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);}
@media (max-width: 1024px) {
    .featurescards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 220px;
        grid-template-areas: none;
		display:block
    }

    .featurescards > .featurecard {
        grid-area: auto;
    }
	.featurescardsplace {max-height:none;overflow:visible}
	.featurescardsplace .btn {position:static;margin:20px 10px}
}

@media (max-width: 640px) {
    .featurescards {
        grid-template-columns: 1fr;
        grid-auto-rows: 220px;
    }
}
@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 {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, .sliderhome h2 {font-size:30px;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title, .catalogpage .title, .sliderhome h3,
	.hpvideo .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:1% 2%;}
	header .page {padding:0;}
	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:50px;}

	.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:86%;margin:0;height: 100vh;background: var(--white);box-shadow: var(--shadow);left:0}
	.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, html:lang(he) .mainmenu li a {padding: 10px 15px;
        border-radius: initial;
        font-size: 16px;
        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(--greylight2)}
	.menuopen, body:lang(he) .menuopen {transform: translateX(0%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}
	.dropmenuplace {display:none;opacity:1;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;box-shadow: 0px 0px 0px rgba(0,0,0,.2); }
	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}

	.opensearch {width: 35px;height: 35px;margin: 0 10px;}
	.mdisable .searchplace {overflow: hidden;}

	.moremenu {display:block;width:45px;height:45px;position:absolute;right: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;}

	html:lang(he) .moremenu {right:auto;left:0}

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

	.maincontent, #maintitleplace, .columns {margin-top: 65px;}
	.grid-sizer, .grid-item {width:48%}
	.grid-item a {border-radius:5px;}

	.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, .featuresplace, .logosplace, body .productflex,
	.productsslider.slick-dotted.slick-slider {padding:0;margin:0;}

	.productslistselects .page, .accordionplace, #contactfooter .contactform, .shflex, .featuresplace .page,
	.bannerplace .bannerflex {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, .mainflex > div, .featuresplace .page > div,
	body .confirmplace > div:nth-of-type(2n), .shflex .abstract, .shflex .imgplace, .liststyle .flexview .imgplace, .flex2,
	.liststyle .flexview .abstract, .bannerflex > div, .infoboxesplace > div, .flex3, .featuresplace .page .features,
	.featuresplace .page .featuretext {width:100%;margin:0 auto 5% auto;border:none}

	.liststyle .flexview .imgplace {height:200px;}
	.featurecard {margin: 5px 0;}
	.shippingdata > div {width:100%}
	.sliderhome img {max-height:300px}
	.featurecard .title2 {font-size: 34px;text-shadow: 0 0 10px #000;}
	.features > div {width:48%;margin:1%;padding:15px;}
	.featuretext {padding:0;}
	.featuretext .btn {margin:auto}
	.sliderhome .slide {height:auto;}
	.bigtitle, .hpvideo .title {text-align:center;width: 100%;}
	.accordionplace .feature {flex:initial}
	.hpvideo .video {height:350px;}
	.tabsplace button {padding: 5px;font-size: 16px;}
	.catalogpage .title2 {font-size: 22px;
    padding: 0 45px 0 0;
    line-height: 110%;}
	table td, table th {padding: 2px;}
	table td, table th, table a, table p {font-size: 11px;    padding: 2px;}
	.shflex .abstract {text-align:center}
	.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}

	html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount {right: 0px;width: 330px;}
	.slider-for .slick-slide > div {height: 350px;}
	.bodyflex {    flex-direction: column-reverse;}


	.sl-wrapper .sl-navigation button {filter: none;background: #fff;}

	.maintitleplace h1 {
    font-size: 36px;
}

	.breadcrumbs ul {flex-wrap: wrap;}
	.breadcrumbs a, .breadcrumbs li {font-size: 12px;line-height: 120%;}
}



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

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

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